@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;200;300;400;500;600;700;800&display=swap");
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%; }  body {
margin: 0; } main {
display: block;
width: 100%;
height: 100%;
overflow: hidden; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box;
height: 0;
overflow: visible; } pre {
font-family: monospace, monospace;
font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0; } button,
input {
overflow: visible; } button,
select {
text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; }  *,
*::before,
*::after {
box-sizing: inherit; }
html {
box-sizing: border-box; } hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt {
font-weight: 700; }
dd {
margin: 0 1.5em 1.5em; } embed,
iframe,
object {
max-width: 100%; }
img {
height: auto;
max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%; } .sticky {
display: block; }
.updated:not(.published) {
display: none; }
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0; }
.page-links {
clear: both;
margin: 0 0 1.5em; } .comment-content a {
word-wrap: break-word; }
.bypostauthor {
display: block; } .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%; } .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; } .custom-logo-link {
display: inline-block; } .wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
.wp-caption-text {
text-align: center; } .gallery {
margin-bottom: 1.5em;
display: -ms-grid;
display: grid;
grid-gap: 1.5em; }
.gallery-item {
display: inline-block;
text-align: center;
width: 100%; }
.gallery-columns-2 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3 {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4 {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5 {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(5, 1fr); }
.gallery-columns-6 {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(6, 1fr); }
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr); }
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr); }
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr); }
.gallery-caption {
display: block; }   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none; } .infinity-end.neverending .site-footer {
display: block; }   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #primary[tabindex="-1"]:focus {
outline: 0; } .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em; }
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em; }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em; }
.flex-row, .flex-row .col-g6, .flex-row .col-20, .flex-row .col-2, .flex-row .col-g5, .flex-row .col-3, .flex-row .col-g3, .flex-row .col-4, .flex-row .col-g4, .flex-row .col-26, .flex-row .col-30, .flex-row .col-35, .flex-row .col-40, .flex-row .col-48, .flex-row .col-50, .flex-row .col-g2, .flex-row .col-60, .flex-row .col-65, .flex-row .col-70, .flex-row .col-80, .search-form form, .site-header .container .header__nav-list, .site-header .container .menu-primary-container ul, .page-home .swiper .swiper-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }  :root { --container: 1280px; --white: #fff;
--black: #000;
--bodybg: #fff;
--bcolor: #666666;
--brown: #6b6b6b;
--grey-blue: #687f8f;
--battleship-grey: #667981;
--deep-sea-blue: #03527a;
--light-navy: #115177;
--battleship-grey: #72797b;
--dusk-blue: #2f2d98;
--brown-grey: #9b9b9b;
--orange-yellow: #ffa900; --font-body: 'Open Sans', sans-serif;
--font-style-normal: normal;
--font-weight-normal: normal;
--font-weight-medium: medium;
--font-size-16: 16px;
--font-size-18: 18px;
--font-size-32: 32px;
--font-size-66: 66px;
--character-spacing-0: 0px;
--character-spacing-0-13: 0.13px;
--line-spacing-22: 22px;
--line-spacing-26: 26px;
--line-spacing-38: 38px;
--line-spacing-79: 79px; }
html,
body {
margin: 0;
padding: 0;
width: 100%;
font-family: var(--font-body); font-size: 15px;
word-wrap: break-word;
font-weight: 400; line-height: 21px;
color: #23272a;
background-color: var(--bodybg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeSpeed;
overflow-x: hidden; }
*,
*:before,
*:after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
textarea {
resize: none; }
a:focus {
outline: none; }
.clear,
.clearboth {
clear: both; }
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
iframe {
max-width: 100%; }
img {
width: auto;
height: auto;
max-width: 100%; }
nav,
ul {
outline: none; }
picture {
width: 100% img;
width-width: 100%; } h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: var(--font-body);
font-weight: 700;
text-rendering: optimizeLegibility;
margin: 0;
line-height: 1; }
h1,
.h1 {
font-size: 30px;
letter-spacing: -.03em;
line-height: 35px;
word-spacing: .09em; }
h2,
.h2 {
font-size: 20px;
letter-spacing: -.01em;
line-height: 25px;
margin-bottom: 30px; }
h3,
.h3 {
font-size: 18px;
line-height: 24px;
margin-bottom: 16px; }
h4,
.h4 {
font-size: 16px;
line-height: 24px; }
h5,
.h5,
h6,
.h6 {
font-size: 16px;
line-height: 20px; }
p {
margin: 0 0 20px;
font-family: var(--font-body); }
p:last-child {
margin: 0; }
a {
font-family: var(--font-body);
color: #000;
text-decoration: none;
display: inline-block;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
a:hover {
text-decoration: underline; }
::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder,
.gform_field input::-webkit-input-placeholder {
font-size: 14px;
line-height: 20px;
color: var(--bodybg);
font-weight: 400; }
.uppercase {
text-transform: uppercase; }
.lowercase {
text-transform: lowercase; }
.capitalize {
text-transform: capitalize; }
.wp-caption-text {
text-align: center; }
.text-center {
text-align: center; }
.container,
.clearfix,
.field-set,
section.module,
#container {
zoom: 1;
clear: both; }
.container:before, .container:after,
.clearfix:before,
.clearfix:after,
.field-set:before,
.field-set:after,
section.module:before,
section.module:after,
#container:before,
#container:after {
content: "";
display: table; }
.container:after,
.clearfix:after,
.field-set:after,
section.module:after,
#container:after {
clear: both; }
.site-footer .container {
padding-left: 16px;
padding-right: 16px; }
.container,
#container {
margin: 0 auto;
max-width: var(--container);
width: 100%;
position: relative; }
.container-small,
#container-small {
zoom: 1;
clear: both;
max-width: 1000px;
margin: auto; }
.container-small:before, .container-small:after,
#container-small:before,
#container-small:after {
content: "";
display: table; }
.container-small:after,
#container-small:after {
clear: both; }
.container-large,
#container-large {
zoom: 1;
clear: both;
max-width: 1550px;
margin: 0 auto;
padding: 0 49px; }
.container-large:before, .container-large:after,
#container-large:before,
#container-large:after {
content: "";
display: table; }
.container-large:after,
#container-large:after {
clear: both; }
#container {
padding: 60px 0px; }
#sidebar {
display: none; }
.pb-50 {
padding-bottom: 50px; }
input[type=text],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
input[type=email],
textarea,
select {
outline: 0px;
height: 50px;
width: 100%;
display: block;
border: none;
padding: 10px 20px !important;
background-color: var(--white);
border: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-family: var(--font-body);
font-size: 16px;
color: var(--steel-grey);
-moz-appearance: none; -webkit-appearance: none; appearance: none; }
select {
background-repeat: no-repeat;
background-size: 15px;
padding: 10px 35px 10px 20px !important;
background-position: calc(100% - 15px) center; }
textarea {
height: 160px; }
input[type=submit],
input[type=reset],
button[type=submit],
.button {
cursor: pointer;
outline: none;
background-color: var(--dusk-blue);
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
padding: 15px 40px;
color: var(--white);
text-decoration: none;
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: normal;
text-align: center;
border: solid 1px var(--dusk-blue);
letter-spacing: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
z-index: 2;
border-radius: 3px;
text-transform: uppercase; }
input[type=submit]:hover,
input[type=reset]:hover,
button[type=submit]:hover,
.button:hover {
background-color: transparent;
color: var(--dusk-blue); }
input[type=submit].inverse,
input[type=reset].inverse,
button[type=submit].inverse,
.button.inverse {
background-color: transparent;
color: var(--dusk-blue); }
input[type=submit].inverse:hover,
input[type=reset].inverse:hover,
button[type=submit].inverse:hover,
.button.inverse:hover {
background-color: var(--dusk-blue);
color: var(--white); }
.round-img {
-webkit-border-radius: 100% 100% 100% 100%;
-moz-border-radius: 100% 100% 100% 100%;
border-radius: 100% 100% 100% 100%;
overflow: hidden; }
.round-img img {
display: block; }
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.flex-row {
width: 100%; }
.flex-row .fcol {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.flex-row.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.flex-row .col-g6 {
width: 16.66%; }
.flex-row .col-20 {
width: 20%; }
.flex-row .col-2, .flex-row .col-g5 {
width: 20%; }
.flex-row .col-3, .flex-row .col-g3 {
width: 33.33%; }
.flex-row .col-4, .flex-row .col-g4 {
width: 25%; }
.flex-row .col-26 {
width: 26%; }
.flex-row .col-30 {
width: 30%; }
.flex-row .col-35 {
width: 35%; }
.flex-row .col-40 {
width: 40%; }
.flex-row .col-48 {
width: 48%; }
.flex-row .col-50, .flex-row .col-g2 {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 50%; }
.flex-row .col-60 {
width: 60%; }
.flex-row .col-65 {
width: 65%; }
.flex-row .col-70 {
width: 70%; }
.flex-row .col-80 {
width: 70%; }
.flex-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center; }
.flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end; }
.flex-btw {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.flex-even {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
-webkit-justify-content: space-evenly;
-moz-justify-content: space-evenly;
justify-content: space-evenly; }
.wpcf7 .ajax-loader {
display: none; }
.error-404 {
padding: 100px 0;
position: relative;
text-align: center; }
.error-404 h1 {
color: #000; }
.error-404 .content {
margin-bottom: 30px;
font-size: 20px; }
.search-form {
padding: 5px 0px 10px; }
@media only screen and (min-width: 768px) {
.search-form form {
margin-left: 60px; } }
.search-form input[type=text] {
border-bottom: 1px solid #000;
height: auto;
padding: 0 !important;
width: auto;
max-width: 100px; }
.search-form input[type=button] {
background: url(https://www.yvonnenelson.nl/wp-content/themes/yvonne/assets/img/sprite.png) no-repeat 4px 0px;
border: none;
font-size: 0;
padding: 0;
width: 25px;
cursor: pointer; }
.site-header {
padding: 27px 0;
position: relative;
z-index: 999; }
@media only screen and (min-width: 768px) {
.site-header .container {
height: 69px;
padding: 0 0 0 16px; } }
.site-header .container .logo {
padding-top: 17px; }
.site-header .container .logo img {
width: 100%;
max-width: 220px; }
@media only screen and (max-width: 1024px) {
.site-header .container .logo img {
width: 160px; } }
.site-header .container .header__nav.menu-right {
padding-top: 10px; }
.site-header .container .header__nav-list {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.site-header .container .menu-primary-container ul {
font-size: 0;
list-style: none;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.site-header .container .menu-primary-container ul li {
margin-left: 14px; }
.site-header .container .menu-primary-container ul li a {
display: block;
font-size: 16px;
font-weight: 700;
padding: 10px;
position: relative;
line-height: 1; }
.site-header .container .menu-primary-container ul li a:hover {
text-decoration: underline; }
.site-header .container .menu-primary-container ul li.current-menu-item {
text-decoration: underline; }
.site-menu {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
visibility: visible;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.2s ease-in 0.6s;
-o-transition: all 0.2s ease-in 0.6s;
transition: all 0.2s ease-in 0.6s;
z-index: 1;
-webkit-box-align: center;
-ms-flex-align: center;
-moz-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-justify-content: center;
justify-content: center;
padding: 15px 0 0; }
.footer {
position: relative;
padding: 32px 0;
border-top: 1px solid #b5b5b5;
font-weight: 700; }
.footer p {
margin: 0; }
.page-home {
position: relative;
padding-top: 50px; }
.page-home h1 {
margin-bottom: 48px;
padding: 0 16px; }
.page-home .swiper {
overflow: hidden;
margin: 0 16px; }
.page-home .swiper-slide {
max-width: 1252px;
width: 100%; }
.page-home .swiper-slide img {
width: 100%; }
.page-home .swiper-slide a {
width: 100%; }
.page-home .swiper [class*=swiper-button] {
background: url(https://www.yvonnenelson.nl/wp-content/themes/yvonne/assets/img/sprite.png) no-repeat;
height: 31px;
margin: 0;
position: static;
width: 31px; }
.page-home .swiper .swiper-button-prev {
background-position: -50px 0; }
.page-home .swiper .swiper-button-next {
background-position: -100px 0; }
.page-home .swiper .swiper-wrap {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
gap: 30px;
margin: 30px 0; }
.page-home .swiper .fw_rs_slide span {
position: absolute;
bottom: 0;
opacity: 0; }
.page-home .grid {
border-top: 1px solid #b5b5b5;
padding: 28px 16px; }
.works-list .gallery {
gap: 30px;
height: auto !important; }
.works-list .gallery a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: all .5s ease;
z-index: 999;
display: flex;
align-items: center;
padding: 20px;
background: rgba(255, 255, 255, 0.6);
font-weight: bold;
text-align: center; }
.works-list .gallery img {
width: 100%; }
.works-list .gallery .gwrap {
position: relative !important;
top: unset !important;
left: unset !important;
transform: unset !important; }
.works-list .gallery .gwrap:hover a {
opacity: 1;
text-decoration: none; }
.works-list .gallery .item {
position: relative; }
.page_title {
margin-bottom: 30px;
padding: 0 16px; } .page_intro {
font-size: 16px;
font-weight: 700;
letter-spacing: -.004em;
line-height: 22px;
margin-bottom: 30px;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 30px; }
.rsMinW.rsHor .rsArrowIcn {
background: url(https://www.yvonnenelson.nl/wp-content/themes/yvonne/assets/img/sprite.png) no-repeat;
height: 31px;
margin: 0;
position: static;
width: 31px; }
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
background-position: -50px 0; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
background-position: -100px 0; }
.rsMinW.rsHor .rsArrow {
bottom: -43px;
position: absolute;
right: 0;
transform: scale(0.7);
-webkit-transform: scale(0.7); }
.rsMinW.rsHor .rsOverflow {
position: initial; }
.single_work {
position: relative;
margin-top: 49px; }
.single_work section, .single_work nav {
padding: 0 16px; }
.single_work .works-list {
padding-top: 30px;
border-top: 1px solid #b5b5b5;
margin-top: 20px;
padding: 0 16px; }
.news-blk {
position: relative;
background: #e5e5e5;
padding: 30px 16px 32px; }
.news-blk h3 {
text-align: left !important; }
.news-blk .cta {
text-align: left; }
.news-blk .link {
text-align: center;
padding: 58px 0 1px;
font-size: 16px;
font-weight: 700; }
body.home .footer {
border: none; }
.page-about {
position: relative;
margin-top: 49px; }
.page-about > div > div {
padding-left: 16px;
padding-right: 16px; }
.page-about .content {
margin-bottom: 30px;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 36px; }
.page-about .content h4 {
font-size: 16px;
line-height: 22px;
margin-bottom: 1px;
margin-top: 30px; }
.page-about .content .col-70 {
padding-left: 30px; }
.page-about .content .gallery-columns-2 {
column-gap: 30px;
row-gap: 0; }
.page-about .gallery-columns-4 {
gap: 30px;
padding: 32px 0 83px;
border-bottom: 1px solid #b5b5b5; }
.page-about .gallery-columns-4 img {
width: 100%; }
.page-about .works-list {
padding-bottom: 15px;
display: block; }
.footer p:first-child {
position: relative;
margin-bottom: 64px; }
.footer p:first-child:after {
background: #e30613;
bottom: -41px;
content: '';
display: block;
height: 20px;
left: 2px;
position: absolute;
width: 84px; }
.footer p:last-child {
margin-bottom: 0; }
.hidden {
display: none; }
#load-more, .load-more {
text-align: center;
font-size: 16px;
font-weight: 700;
padding: 16px 0 32px; }
#load-more span, .load-more span {
cursor: pointer; }
.load-more.brands {
display: none; }
.brands .gwrap a {
width: 100%; }
.reviews {
border-bottom: 1px solid #b5b5b5;
margin-bottom: 27px; }
.reviews .row {
position: relative;
margin: 0 -16px;
padding-top: 15px; }
.reviews .row .gwrap {
float: left;
width: 33.333333333333333%;
padding: 0 16px; }
nav#nav-single {
display: flex;
justify-content: space-between;
width: 100%;
font-size: 16px;
font-weight: 700;
line-height: 32px; }
nav#nav-single a::before {
background: url(https://www.yvonnenelson.nl/wp-content/themes/yvonne/assets/img/sprite.png) no-repeat -50px 0;
content: '';
display: block;
height: 32px;
position: absolute;
top: 0;
width: 32px; }
nav#nav-single .nav-previous {
padding-left: 50px;
position: relative; }
nav#nav-single .nav-previous a::before {
left: 0; }
nav#nav-single .nav-next {
position: relative;
padding-right: 50px; }
nav#nav-single .nav-next a::before {
background-position: -100px 0;
right: 0; }
.blog-page {
margin-top: 49px; }
.blog-page-blk {
background: #e5e5e5;
padding: 49px 16px 37px; }
.blog-page .works-list {
padding: 35px 16px 0px; }
.ymenu ul {
list-style: none;
margin: 0;
padding: 40px 0 50px; }
.ymenu ul li {
display: inline-block;
vertical-align: top;
padding: 0 5px;
position: relative;
font-weight: 700;
font-size: 16px; }
.ymenu ul a[aria-current="page"] {
text-decoration: underline; }
.ymenu ul li::before {
content: '|';
position: absolute;
right: -6px;
top: -1px; }
.menu_handler {
background: #fff;
cursor: pointer;
display: none;
height: 40px;
position: absolute;
right: 10px;
text-transform: lowercase;
top: 19px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
width: 40px;
z-index: 110; }
.menu_handler.active i {
background: none;
visibility: visible; }
.menu_handler.active i::before {
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.menu_handler.active i::after {
bottom: 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg); }
.menu_handler i {
background: #ccc;
display: block;
height: 3px;
left: 5px;
margin-top: -1px;
position: absolute;
right: 0;
top: 50%;
width: 30px; }
.menu_handler i::after, .menu_handler i::before {
backface-visibility: none;
-webkit-backface-visibility: none;
background: #ccc;
content: "";
display: block;
height: 3px;
left: 0;
position: absolute;
right: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s; }
.menu_handler i::before {
top: 8px; }
.menu_handler i::after {
bottom: 8px; }
.mq-desktop {
display: block !important; }
@media (max-width: 960px) {
.mq-desktop {
display: none !important; } }
.mq-mobile {
display: none !important; }
@media (max-width: 960px) {
.mq-mobile {
display: block !important; } }
@media (min-width: 480px) {
.container {
max-width: 94%; }
.slider .royalSlider {
min-height: 220px; }
.rsMinW.rsHor .rsArrow {
transform: scale(0.8);
-webkit-transform: scale(0.8); } }
@media (min-width: 768px) {
body {
font-size: 16px;
line-height: 24px; }
.footer {
font-weight: 700;
font-size: 16px;
line-height: 26px;
padding: 53px 0; }
.container {
max-width: 90%; }
h1, .h1 { font-size: 38px;
line-height: 45px; }
.page_title {
margin-bottom: 48px; }
h2 {
font-size: 28px;
line-height: 35px;
margin-bottom: 25px; }
h3 {
font-size: 18px;
line-height: 26px;
margin-bottom: 31px; }
h5, h6 {
font-size: 16px;
line-height: 20px; }
.reviews h6 {
font-size: 18px;
line-height: 24px; }
#load-more {
padding: 56px 0 44px; }
.page-home .slider {
margin-bottom: 28px;
padding-bottom: 83px; }
.page-home .slider .royalSlider {
bottom: 83px;
min-height: 330px; }
.page-home .page_intro {
font-size: 20px;
line-height: 26px;
margin-bottom: 25px; }
.page-home .page-about .content {
margin-bottom: 40px; }
.rsMinW.rsHor .rsArrow {
bottom: -54px;
transform: scale(1);
-webkit-transform: scale(1); }
.rsMinW.rsHor .rsArrowLeft {
right: 55px; }
.page_intro {
padding-bottom: 25px; }
.gap-r {
padding-right: 30px; }
.gap-l {
padding-left: 30px; } }
@media (min-width: 1024px), only screen and (min-width: 834px) and (max-width: 1194px) {
body {
font-size: 20px;
line-height: 32px; }
p {
margin: 0 0 32px; }
h1, .h1 {
font-size: 64px;
line-height: 85px; }
h2 {
font-size: 30px;
line-height: 45px; }
h3 {
font-size: 25px;
line-height: 40px; }
.reviews h6 {
font-size: 20px;
line-height: 32px; }
.slider .royalSlider {
min-height: 435px; }
.page_intro {
font-size: 30px;
line-height: 45px;
margin-bottom: 49px; }
.page_intro {
padding-bottom: 61px; }
.page-about .content h4 {
font-size: 25px;
line-height: 32px; }
.page-about .content {
margin-bottom: 73px; } }
@media (min-width: 1280px) {
.container {
width: 1252px; }
.slider .royalSlider {
min-height: 550px; } }
@media (max-width: 1025px) {
.page-home .swiper-slide {
width: 90%; } }
@media (max-width: 1020px) {
.search-form {
padding-inline: 0; }
.search-form input[type=button] {
width: 20px; }
.search-form input[type=text] {
width: 132px; }
.site-header {
padding: 27px 0; }
.site-header .menu-primary-container ul {
padding: 0; }
.site-header .menu-primary-container ul li {
margin-left: 0; }
.site-header .flex-row .col-30 {
width: 25%; }
.site-header .flex-row .col-70 {
width: 75%; }
.site-header .flex-row img {
max-width: 160px; } }
@media (max-width: 768px) {
.page-home {
padding-top: 20px; }
.page-home h1 {
margin-bottom: 30px; }
.gallery [class*="gallery-columns"] {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
body.open {
overflow-y: hidden;
position: fixed; }
.menu_handler {
display: block; }
.header__nav-list {
-webkit-overflow-scrolling: touch;
background: #fff;
height: 100%;
left: 0;
opacity: 0;
overflow: auto;
padding: 50px 16px;
position: fixed;
right: 0;
top: 0;
transition: opacity .3s;
-webkit-transition: opacity .3s;
visibility: hidden;
z-index: 100;
opacity: 0; }
.header__nav-list.open {
opacity: 1;
visibility: visible;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.site-header {
padding: 10px 0; }
.site-header .menu-primary-container {
width: 100%;
margin-top: 40%; }
.site-header .menu-primary-container ul li {
width: 100%; }
.search-form {
margin-left: 0;
width: 100%; }
.gallery-columns-3, .gallery-columns-2 {
grid-template-columns: repeat(1, 1fr); }
.gallery-columns-4 {
grid-template-columns: repeat(2, 1fr); }
.works-list .gallery {
gap: 16px; }
.flex-row .col-30.ibox, .flex-row .col-35.ibox, .flex-row .col-65.ibox, .flex-row .col-70.ibox {
width: 100%; }
.single-work {
margin-top: 20px; }
.page-about {
margin-top: 20px; }
.page-about .content .col-70 {
padding-left: 0; }
.page-about .gallery-columns-4 {
gap: 16px;
padding: 0 0 25px;
border-bottom: 0; }
.brands {
border-bottom: 1px solid #b5b5b5; }
.brands .gwrap {
display: none; }
.brands .gwrap.active {
display: block; }
.reviews .row .gwrap {
width: 100%; }
.blog-page {
margin-top: 20px; }
picture {
margin-bottom: 20px;
width: 100%; }
.load-more.brands {
display: block; }
.blog div.blog-page-blk .cta {
font-size: 16px;
line-height: 22px; }
.page-template-tpl-about-php .cta {
font-size: 16px;
line-height: 22px; } }
@media (max-width: 480px) {
main {
padding: 0 16px; }
.gallery [class*="gallery-columns"] {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr); }
.container {
max-width: 96%; } }.page-about .ibox.gap-r {
-webkit-box-align: start;
-ms-flex-align: start;
-moz-align-items: flex-start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.page-about .ibox.gap-r .h1 {
margin-top: 47px;
}
.page-about .reviews .gwrap {
margin-bottom: 30px;
}
.page-about .works-list, .page-about .reviews{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-page-blk .gallery .gwrap {
width: 100%;
float: none;
}
.blog-page-blk .gallery .gwrap a{
width: 100%;
}
@media (max-width: 480px) {
.page-about .reviews .gwrap {
border-bottom: 1px solid #b5b5b5;
padding-bottom: 30px;
}
}
.page-about .reviews p {
margin-bottom: 0;
}
.site-header.fixed {
position: fixed;
background: #fff;
top: 0;
left: 0;
width: 100%;
padding: 15px;
z-index: 9999;
}
.site-header.fixed .container .logo {
padding: 0;
}
.site-header.fixed .container .header__nav.menu-right {
padding: 0;
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-header.fixed .container .header__nav.menu-right .menu_handler {
position: relative;
right: unset;
top: unset;
}
.blog-page-blk .gwrap {
float: left;
width: 33.3333333333%;
padding: 0 16px;
}
.blog-page-blk .gwrap .item {
margin-bottom: 30px;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 30px;
}
.blog-page-blk #load-more {
display: none;
}
@media (max-width: 767px) {
.blog-page-blk .gwrap {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.load-more.brands {
border-bottom: none;
}
.site-header.fixed .container .col-30 {
width: 60%;
}
.site-header.fixed .container .col-70 {
width: 40%;
}
.site-header.fixed .container {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 480px) {
.reviews {
padding-top: 30px;
}
.container {
max-width: 100%;
width: 100%;
}
}