@font-face {
font-family: 'FoundrySterling-Book';
src: url(https://www.simonkroon.eu/fonts/FoundrySterling-Book.eot);
src: url(https://www.simonkroon.eu/fonts/FoundrySterling-Book.eot?#iefix) format('embedded-opentype'),
url(https://www.simonkroon.eu/fonts/FoundrySterling-Book.woff2) format('woff2'),
url(https://www.simonkroon.eu/fonts/FoundrySterling-Book.woff) format('woff'),
url(https://www.simonkroon.eu/fonts/FoundrySterling-Book.ttf) format('truetype'),
url(https://www.simonkroon.eu/fonts/FoundrySterling-Book.svg#FoundrySterling-Book) format('svg');
font-weight: normal;
font-style: normal;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
body {
padding: 0;
margin: 0;
font-family: "FoundrySterling-Book";
color: #808285;
font-size: 19px;
line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Fjalla One';
}
h1 {
text-transform: uppercase;
font-size: 22px;
color: #624099;
text-align: center;
display: inline-block;
border-bottom: 3px solid #faa61a;
}
p {
margin: 0px 0px 24px 0px;
}
a {
text-decoration: none;
color: #808285;
font-weight: 600;
}
a:hover {
color: #faa61a;
}
a.offerte {
position: absolute;
right: 30px;
letter-spacing: 0.5px;
font-size: 20px;
background: #F2142B;
padding: 13px;
border-radius: 0px 0px 10px 10px;
text-decoration: none;
text-transform: uppercase;
color: white;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
z-index: 29;
font-weight: 600;
}
a.offerte:hover {
background: #ff374c;
}
[aria-hidden=true] {
display: none !important;
}
[aria-hidden=false] {
display: block !important; 
}
img {
max-width: 100%;
} body.page article,
body.single article,
body.error404 article {
max-width: 1240px;
margin: 0px auto;
padding: 40px 15px;
}
body.home article {
max-width: 100%;
padding: 0;
}
header.entry-header {
}
header.entry-header .inner {
max-width: 1240px;
margin: 0px auto;
padding: 0px 15px;
}
h1.entry-title {
font-size: 33px;
color: #fff;
text-shadow: 0px 0px 13px rgba(96, 96, 96, 1);
}
body.page section.entrySlider,
body.single section.entrySlider,
body.erro404 section.entrySlider {
display: none;
}
body.home section.entrySlider {
display: block;
}
header.entry-header {
display: block;
padding: 30px 0px;
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/slide_1.jpg) no-repeat;
background-position: center 56%;
background-size: 100%;
}
body.home header.entry-header {
display: none;
}
.nav-links {
max-width: 1240px;
margin: 0px auto;
text-align: center;
padding: 15px;
}
.nav-links a {
padding: 0px 10px;
} .offerte input, .offerte textarea {
padding: 10px;
background-color: transparent;
color: black !important;
font-family: 'Fjalla One';
border: 1px solid black !important;
width: 100%;
}
input, textarea {
padding: 6px;
background: #fff;
color: #535353;
font-family: 'FoundrySterling-Book';
font-size: 20px;
border: 1px solid #bababa;
width: 100%;
outline: none;
-webkit-appearance: none;
border-radius: 0;
}
input:focus,
textarea:focus {
border: solid 1px #faa61a;
}
input[type="submit"] {
cursor: pointer;
background: #faa61a;
width: initial;
color: #fff;
padding: 10px 25px;
border: none;
float: left;
-webkit-appearance: none;
border-radius: 0;
}
input[type="submit"]:hover {
background: #da8800;
}
textarea {
max-height: 120px;
}
div.wpcf7-response-output {
margin: 0;
padding: 5px;
}
span.wpcf7-not-valid-tip {
color: #faa61a;
display: block;
font-family: 'FoundrySterling-Book';
text-align: left;
}
div.wpcf7-validation-errors {
border: none;
background: #da8800;
color: #fff !important;
font-family: 'FoundrySterling-Book';
padding: 10px;
margin: 0;
text-align: left;
}
div.wpcf7-mail-sent-ok {
border: none;
background: #398f14;
color: #fff;
}
.upperText {
width: 500px;
height: 300px;
}
.upperText h1 {
border-bottom: none;
}
h1.liefde {
font-size: 700%;
letter-spacing: 4px;
color: #fff;
text-shadow: 0px 0px 13px rgba(96, 96, 96, 1);
}
h1.vak {
font-size: 700%;
letter-spacing: 4px;
margin-left: 20px;
color: #fff;
text-shadow: 0px 0px 13px rgba(96, 96, 96, 1);
}
p.voor {
font-size: 195%;
display: inline-block;
vertical-align: top;
margin: 0 auto;
text-transform: uppercase;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
letter-spacing: 1px;
color: #fff;
text-shadow: 0px 0px 13px rgba(96, 96, 96, 1);
padding: 3px 0px;
margin: 0px 10px !important;
}
p.het {
font-size: 250%;
display: inline-block;
text-transform: uppercase;
border-bottom: 3px solid #624099;
letter-spacing: 1px;
margin: 0 auto;
margin-left: -75px;
color: #624099;
color: #fff;
text-shadow: 0px 0px 13px rgba(96, 96, 96, 1);
}
p.zin {
color: #624099;
font-size: 190%;
color: #fff;
text-shadow: 0px 0px 13px rgba(96, 96, 96, 1);
}
p.uitgebreide {
position: relative;
color: #624099;
font-size: 225%;
margin-top: -2.4em;
vertical-align: top;
display: inline-block;
width: 60%;
letter-spacing: 0.5px;
}
p.binnen {
position: relative;
border-top: 4px solid #624099;
border-bottom: 4px solid;
color: #624099;
text-transform: uppercase;
font-size: 200%;
display: inline-block;
vertical-align: top;
margin-top: -2.5em;
width: 30%;
}
h1.onafhankelijk {
position: relative;
font-size: 400%;
}
.entrySlider .textWrap {
float: left;
margin-top: 10%;
margin-left: 5%;
z-index: 29;
}
.entrySlider .textWrap h1 {
margin: 0;
line-height: 1;
}
.textWrap {
position: relative;
max-width: 650px;
display: inline-block;
border-bottom: none;
font-family: 'Fjalla One';
font-size: 15px;
float: right;
z-index: 29;
}
.textWrap h1 {
border-bottom: none;
}
h1.simonkroon {
position: relative;
font-size: 600%;
}
p.particulieren {
position: relative;
color: #624099;
font-size: 150%;
line-height: 25px;
margin-top: -110px;
display: inline-block;
letter-spacing: 0.5px;
margin-top: 10px !important;
line-height: 1.3 !important;
}
p.werkt {
position: relative;
border-top: 4px solid white;
border-bottom: 4px solid;
color: #624099;
text-transform: uppercase;
font-size: 250%;
display: inline-block;
padding: 3px 0px;
margin: 0px 10px !important;
text-align: right;
}
.steps p {
width: initial;
} .navbar {
margin: 0 auto;
width: 100%;
position: absolute;
bottom: 0;
}
div#inner-header {
position: relative;
max-width: 1200px;
margin: 0px auto;
padding: 0px 15px;
overflow: hidden;
}
div.header-left {
float: left;
width: 25%;
}
div.header-right {
position: absolute;
float: right;
right: 0;
height: 100%;
display: inline-block;
height: 100%;
max-width: 75%;
width: 100%;
text-align: right;
}
img.logo {
max-width: 300px;
width: 100%;
}
a.home-link {
display: block;
}
header#masthead {
background-color: white;
box-shadow: 1px -1px 5px 2px #ADADAD;
margin: 0 auto;
text-align: center;
position: relative;
width: 100%;
padding: 20px 15px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
z-index: 30;
}
section.tussenstukTwee h1, section.tussenstukTwee p {
color: white;
}
.tussenstukTwee p.binnen {
border-top: 4px solid white;
} .navbar.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 100;
bottom: auto;
background: #fff;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}
.navbar.fixed .fixed-logo {
position: absolute;
left: 15px;
width: 190px;
height: 65px;
padding: 6px 0px;
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/fixed-logo.png) no-repeat;
background-size: 100%;
background-position: center center;
opacity: 1;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.fixed-logo {
opacity: 0;
height: 0px;
}
.navbar.fixed .nav-menu li a {
padding: 25px 10px;
} div.service-icons {
overflow: hidden;
width: 100%;
}
div.service-icon {
width: 16.66%;
float: left;
padding: 0px 15px;
}
div.service-icon h1 {
margin: 0;
border: none;
color: #414042;
padding-top: 10px;
}
div.service-icon p:empty {
display: none;
}
div.service-icon:hover {
opacity: 0.85;
} section.diensten div.inner,
section.klantenOverOns div.inner,
section.werkwijze div.inner {
max-width: 1240px;
text-align: center;
margin: 0 auto;
padding: 40px 15px;
overflow: hidden;
}
section.klantenOverOnsGrid {
text-align: center;
margin: 0 auto;
padding: 40px 15px;
}
h1.title {
margin: 0px 0px 30px 0px;
font-size: 33px;
}
p.subtitle {
font-size: 25px;
font-weight: bold;
font-family: 'Fjalla One';
}
a.btn {
background: #faa61a;
padding: 10px 15px;
display: inline-block;
color: #fff;
font-weight: normal;
}
a.btn:hover {
background: #da8800;
} section.welcome {
background: #f8f9f2;
}
section.welcome div.inner {
max-width: 1240px;
text-align: center;
margin: 0 auto;
padding: 40px 15px;
} div.separator1 {
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/sep_1.jpg) no-repeat;
padding: 250px 0px;
background-size: cover;
background-position: center 28%;
} .alignItems {
position: relative;
overflow: hidden;
}
.accordion-content {
position: absolute;
left: 0;
}
div.usps {
display: inline-block;
width: 100%;
font-family: 'Fjalla One';
background: #f8f9f2;
padding: 10px 15px;
font-size: 16px;
text-align: center;
}
ul.usp {
margin: 0;
padding: 0;
}
ul.usp li {
display: inline-block;
padding: 15px 15px 15px 40px;
text-align: left;
list-style-type: none;
}
ul.usp li:nth-of-type(1) {
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/Vink.png) no-repeat;
background-size: 35px;
background-position: center left;
}
ul.usp li:nth-of-type(2) {
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/Vink.png) no-repeat;
background-size: 35px;
background-position: center left;
}
ul.usp li:nth-of-type(3) {
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/Vink.png) no-repeat;
background-size: 35px;
background-position: center left;
}
ul.usp li:last-of-type {
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/Kruis.png) no-repeat;
background-size: 35px;
background-position: center left;
} section.tussenstukEen {
background: linear-gradient(rgba(255,255,255, 0.25), rgba(255,255,255,0.25)),url(https://www.simonkroon.eu/wp-content/uploads/2016/03/SimonKroon_TussenBG.png) no-repeat;
height: 60vh;
background-size: cover;
}
section.tussenstukEen div.textWrap h1,
section.tussenstukEen div.textWrap p {
margin: 0;
}
section.tussenstukEen div.textWrap {
margin-top: 10%;
}
section.tussenstukEen div.inner {
max-width: 1240px;
margin: 0px auto;
position: relative;
height: inherit;
} section.tussenstukTwee {
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(https://www.simonkroon.eu/wp-content/uploads/2016/03/SimonKroon_Tussen1BG.png) no-repeat;
height: 60vh;
background-size: cover;
}
section.tussenstukTwee div.inner {
max-width: 1240px;
margin: 0px auto;
position: relative;
height: inherit;
}
section.tussenstukTwee .textWrap p,
section.tussenstukTwee .textWrap h1 {
margin: 0;
line-height: 1;
}
section.tussenstukTwee .textWrap {
margin-top: 10%;
}
section.entrySlider {
position: relative; background-size: cover;
background-position: center center;
margin: 0px auto;
}
section.entrySlider div.inner {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
max-width: 1240px;
width: 100%;
margin: 0px auto;
height: 100%;
}
.diensten .alignItems:nth-of-type(2) {
width: 95%;
margin: 0 auto;
overflow: hidden;
}
.diensten a {
text-decoration: none;
text-transform: uppercase;
color: black;
font-size: 19px;
}
.sh-content {
width: 100%;
font-size: 14px;
font-weight: 200;
text-align: center;
font-family: Helvetica Neue;
color: #B4B4B4;
} section.klantenOverOns {
background: #f6f4f4;
} body.page-id-260 .contactBox:nth-of-type(3) form {
display: none;
} section.klantenOverOnsGrid { background: #95989c; background: -moz-linear-gradient(top, #95989c 0%, #bcbec0 50%, #95989c 100%); background: -webkit-linear-gradient(top, #95989c 0%,#bcbec0 50%,#95989c 100%); background: linear-gradient(to bottom, #95989c 0%,#bcbec0 50%,#95989c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95989c', endColorstr='#95989c',GradientType=0 ); }
section.klantenOverOnsGrid h1.title {
color: #fff;
} .alignItems div {
display: inline-block;
vertical-align: top;
}
.accordion-content {
color: #A2A2A2;
font-weight: 200;
font-size: 15px;
text-align: left;
}
.itemBox img {
width: 80%;
}
.itemBox {
width: 16%;
} div.steps {
display: inline-block;
width: 100%;
font-family: 'Fjalla One';
padding: 16px 0px 40px 0px;
}
.werkwijzeItem {
padding: 0px 5px;
display: inline-block;
}
.werkwijzeItem p {
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #535353;
margin: 0;
}
.werkwijze h4 {
display: inline-block;
background: #624099;
padding: 9px 17px;
border-radius: 30px;
color: white;
margin: 0;
margin-right: 5px;
}
.itemBox {
margin-top: 2em;
}
.itemBox h3 {
text-transform: uppercase;
cursor: pointer;
transition: .4s;
}
.itemBox h3:hover {
color: rgb(40,40,40);
transition: .4s;
}
img.icon1 {
width: 25%;
}
img.icon2 {
width: 50%;
}
.galleryWrapper {
position: relative;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
li.listing-item {
float: left;
margin: 5px;
list-style: none;
position: relative;
overflow: hidden;
}
li.listing-item:nth-of-type(1) {
height: 550px;
width: 21.5%;
}
li.listing-item:nth-of-type(2) {
width: 42%;
height: 325px;
}
li.listing-item:nth-of-type(3) {
width: 32%;
height: 325px;
}
li.listing-item:nth-of-type(4) {
width: 13%;
height: 215px;
}
li.listing-item:nth-of-type(5) {
width: 20%;
height: 215px;
}
li.listing-item:nth-of-type(6) {
width: 40%;
height: 215px;
}
a.title {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
background-color: rgba(98, 64, 153, 0.7); 
color: white;
text-decoration: none;
font-size: 22px;
padding: 10px 0px;
}
a.image {
display: block;
transition: .4s;
}
a.image:hover {
transform: scale(1.05);
transition: .4s;
}
.galleryWrapper .listing-item img {
width: 100%;
height: auto;
} footer#colophon {
background-color: #624099;
margin: 0 auto;
text-align: center;
}
footer#colophon h2 {
color: white;
font-size: 25px;
margin: 0 auto;
text-transform: uppercase;
}
.contentItem {
display: none;
}
.contentItem p {
font-family: 'Helvetica neue';
}
.site-info {
max-width: 1240px;
padding: 40px 15px;
margin: 0px auto;
} div.testimonial {
position: relative;
display: inline-block;
width: 100%;
}
div.testimonial-image {
float: left;
max-width: 20%;
width: 100%;
text-align: center;
}
div.testimonial-image img {
max-width: 200px;
}
div.testimonial-text {
position: absolute;
right: 0;
float: right;
max-width: 75%;
width: 100%;
text-align: left;
top: 50%;
transform: translateY(-50%);
}
div.testimonial-name {
margin-top: 10px;
font-weight: 600;
}
.testimonial-title {
font-weight: 600;
}
.testimonial-city {
font-style: italic;
}
div#new-royalslider-1 {
background: transparent;
}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
background: transparent !important;
color: #808285 !important;
}
.rsUni .rsBullets {
line-height: 1 !important;
z-index: 29 !important;
}
.rsUni .rsBullet span {
width: 15px !important;
height: 15px !important;
background: #faa61a !important;
}
.rsUni .rsBullet.rsNavSelected span {
background-color: #624099 !important;
} ul#tabs {
display: inline-block;
width: 100%;
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
float: left;
}
ul#tabs li {
float: left;
width: 16.66%;
background: transparent;
padding: 20px;
color: #fff;
cursor: pointer;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
ul#tabs li:hover {
background: #f6f4f4;
}
ul#tabs li.active {
background: #f6f4f4;
}
ul#tab {
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
float: left;
}
ul#tab li {
opacity: 0; 
height: 0;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
ul#tab li:first-of-type {
-webkit-border-radius: 20px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 20px;
-moz-border-radius-topleft: 0;
border-radius: 20px;
border-top-left-radius: 0;
}
ul#tab li:last-of-type {
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 20px;
-moz-border-radius-topright: 0;
border-radius: 20px;
border-top-right-radius: 0;
}
ul#tab li.active {
opacity: 1;
height: auto;
background: #f6f4f4;
padding: 25px 20px;
}
ul#tabs li.active h1.block-title {
color: #624099;
}
h1.block-title {
margin: 0;
border: none;
color: #414042;
padding: 10px 0px;
}
h1.block-title-mobile {
margin: 0;
border: none;
color: #414042;
padding-bottom: 10px;
display: none;
text-align: left;
font-size: 26px;
}
ul#tabs img {
margin: 0;
max-width: 130px;
} .mg_item_load {
background: transparent !important;
box-shadow: none !important;
}
.mg_loader {
width: 40px !important;
height: 40px !important;
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/04/ajax_load.gif) no-repeat !important;
background-size: 100% !important;
}
.mgl_1, .mgl_2, .mgl_3, .mgl_4 {
display: none !important;
} .main-navigation {
clear: both;
margin: 0 auto;
max-width: 1080px;
min-height: 45px;
position: relative;
}
ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0 0 0 0;
}
.nav-menu li {
display: inline-block;
position: relative;
}
.nav-menu li a {
display: block;
font-size: 17px;
line-height: 1;
padding: 15px 10px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Fjalla One';
color: #624099;
font-weight: normal;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
color: #000;
}
.nav-menu .sub-menu,
.nav-menu .children {
border-top: 0;
padding: 0;
position: absolute;
z-index: 99999;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
color: #000;
margin: 0;
width: 200px;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
}
.menu-toggle {
display: none;
} .site-header .search-form {
position: absolute;
right: 20px;
top: 1px;
}
.site-header .search-field {
background-color: transparent;
background-image: url(//www.simonkroon.eu/wp-content/themes/simonkroon/images/search-icon.png);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition:         width 400ms ease, background 400ms ease;
width: 1px;
}
.site-header .search-field:focus {
background-color: #000;
border: 2px solid #c3c0ab;
cursor: text;
outline: 0;
width: 230px;
}
a.post-edit-link {
display:none;
} .contactWrapper {
display: inline-block;
width: 100%;
}
.contactBox {
font-family: 'Fjalla One';
display: inline-block;
vertical-align: top;
width: 25%;
margin-top: 20px;
}
.contactBox ul {
list-style: none;
display: inline-block;
padding: 0;
}
.contactBox ul li {
text-align: left;
padding: 5px 0px;
}
.contactBox ul li h4, .contactBox ul li p {
display: inline-block;
}
.contactBox ul li p {
color: white;
margin: 0;
}
.contactBox ul li h4 {
color: black;
background: #fff;
padding: 10px 17px;
border-radius: 30px;
margin: 0 auto;
margin-right: 1em;
font-size: 15px;
text-align: center;
}
.contactBox:nth-of-type(3) {
width: 100%;
max-width: 50%;
}
div.footer-logos {
display: inline-block;
width: 100%;
}
div.footer-logos img {
max-width: 200px;
}
div.footer-logos img:nth-of-type(3) {
width: 150px;
margin-right: 1em;
}
@media (max-width: 643px) { .menu-toggle {
cursor: pointer;
display: inline-block;
margin: 0;
}
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/Menu1.png) no-repeat;
border: none;
background-size: cover;
height: 35px;
width: 35px;
margin-top: 10px;
}
.nav-menu li a {
padding: 15px 0px;
}
.toggled-on .nav-menu,
.toggled-on .nav-menu > ul {
display: block;
margin-left: 0;
padding: 0;
width: 100%;
}
.toggled-on li,
.toggled-on .children {
display: block;
}
.toggled-on .nav-menu li > ul {
background-color: transparent;
display: block;
float: none;
margin-left: 20px;
position: relative;
left: auto;
top: auto;
}
.toggled-on .nav-menu li > ul a {
width: auto;
}
.toggled-on .nav-menu li:hover > a,
.toggled-on .nav-menu .children a {
background-color: transparent;
}
.toggled-on .nav-menu > li a:hover,
.toggled-on .nav-menu > ul a:hover {
}
.toggled-on .nav-menu > li a:focus,
.toggled-on .nav-menu > ul a:focus {
}
ul.nav-menu,
div.nav-menu > ul {
display: none;
} div.header-left {
position: relative;
width: 100%;
z-index: 2;
padding: 0;
text-align: center;
}
div.header-right {
position: relative;
float: initial;
bottom: initial;
right: initial;
height: initial;
min-height: initial;
max-width: initial;
display: inline-block;
width: 100%;
z-index: 1;
}
.navbar {
position: relative;
text-align: center;
display: inline-block;
}
ul.nav-menu {
text-align: left;
}
.textWrap {
display: none;
}
h1.title {
margin: 0px 0px 20px 0px;
}
.navbar.fixed .fixed-logo {
display: none;
}
.navbar.fixed .nav-menu li a {
padding: 15px 10px;
}
section.tussenstukEen {
height: 30vh;
}
li.listing-item {
float: none;
height: 200px !important;
width: 100% !important;
margin: 20px 0px;
list-style: none;
position: relative;
overflow: hidden;
}
ul.display-posts-listing {
padding: 0;
}
.werkwijzeItem {
padding: 5px;
display: inline-block;
width: 100%;
text-align: left;
}
section.tussenstukTwee {
height: 30vh;
}
.contactBox {
font-family: 'Fjalla One';
display: block;
vertical-align: top;
width: 50%;
float: left;
}
.contactBox:nth-of-type(3) {
max-width: 100%;
}
div.footer-logos img {
max-width: 30%;
}
div.testimonial-image {
max-width: 100%;
}
div.testimonial-text {
position: relative;
width: 100%;
top: initial;
max-width: 100%;
transform: initial;
margin-top: 20px;
}
div.service-icon {
width: 50%;
float: left;
padding: 0px 15px;
margin: 20px 0px;
}
div.service-icon h1 {
font-size: 20px;
}
div.separator1 {
padding: 100px 0px;
}
div.usp {
width: 100%;
}
h1.block-title {
display: none;
}
ul#tabs li {
width: 33.33%;
padding: 10px;
}
ul#tabs img {
max-width: 100%;
}
ul#tabs li.active {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
ul#tabs li.active img {
opacity: 0.8;
}
h1.block-title-mobile {
display: block;
}
ul#tab li:first-of-type,
ul#tab li:last-of-type {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
ul#tab {
margin-top: 20px;
}
ul.usp li {
width: 100%;
}
}
@media only screen 
and (min-width : 643px) 
and (max-width : 1000px) {
div.header-left {
position: relative;
z-index: 2;
width: 100%;
text-align: center;
}
div.header-right {
position: relative;
max-width: 100%;
text-align: center;
float: initial;
bottom: initial;
right: initial;
height: initial;
min-height: initial;
max-width: initial;
display: inline-block;
width: 100%;
z-index: 1;
}
.navbar {
position: relative;
max-width: 100%;
}
.header-contact {
z-index: 2;
}
.navbar.fixed .fixed-logo {
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/ipad-logo.png) no-repeat;
background-position: center center;
background-size: 100%;
width: 60px;
}
.navbar.fixed .main-navigation {
text-align: right;
padding: 0px 15px;
}
.navbar.fixed .nav-menu li a {
padding: 25px 5px;
}
}
@media only screen 
and (min-width : 100px) 
and (max-width : 500px) {
.contactBox {
width: 100%;
}
.contactBox ul {
display: block;
}
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
img.logo {
max-width: 320px;
}
.nav-menu li a {
padding: 15px 5px;
font-size: 16px;
}
div.header-right {
margin-top: 15px;
}
div.service-icon {
width: 33.3%;
margin: 30px 0px;
}
section.tussenstukEen {
background: linear-gradient(rgba(255,255,255, 0.25), rgba(255,255,255,0.7)),url(https://www.simonkroon.eu/wp-content/uploads/2016/03/SimonKroon_TussenBG.png) no-repeat;
height: 50vh;
}
section.entrySlider {
background: linear-gradient(rgba(255,255,255, 0.5), rgba(255,255,255,0.5)),url(https://www.simonkroon.eu/wp-content/uploads/2016/03/SimonKroon_HeaderBG.png) no-repeat;
background-size: cover;
}
.contactBox {
width: 30%;
}
.contactBox:nth-of-type(3) {
max-width: 60%;
}
.werkwijzeItem {
padding: 10px 5px;
}
div.separator1 {
padding: 150px 0px;
}
.navbar.fixed .fixed-logo {
background: url(https://www.simonkroon.eu/wp-content/uploads/2016/03/ipad-logo.png) no-repeat;
background-position: center center;
background-size: 100%;
width: 60px;
}
ul#tabs li {
padding: 5px;
}
ul#tabs img {
max-width: 85%;
}
h1.block-title {
font-size: 15px;
}
div.testimonial-text {
max-width: 100%;
float: left;
position: relative;
transform: none;
margin-top: 20px;
}
div.testimonial-image {
max-width: 100%;
}
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
div.usps {
text-align: left;
}
ul.usp li {
float: left;
width: 50%;
}
}