@import url("https://use.typekit.net/qwr0aar.css"); .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; 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; -webkit-text-decoration: underline dotted; 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 { -webkit-box-sizing: border-box; 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"] { -webkit-box-sizing: border-box; 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; } @-webkit-keyframes fadeSlideTop { 0% { top: -30px; opacity: 0; } 100% { top: 0; opacity: 1; } } @-webkit-keyframes fadeSlideBottom { 0% { top: 30px; opacity: 0; } 100% { top: 0; opacity: 1; } } @-webkit-keyframes fadeSlideLeft { 0% { left: -30px; opacity: 0; } 100% { left: 0; opacity: 1; } } @-webkit-keyframes fadeSlideRight { 0% { right: -30px; opacity: 0; } 100% { right: 0; opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } ul li:nth-child(1n) { -webkit-animation-delay: 0.6s !important; animation-delay: 0.6s !important; } ul li:nth-child(2n) { -webkit-animation-delay: 0.7s !important; animation-delay: 0.7s !important; } ul li:nth-child(3n) { -webkit-animation-delay: 0.8s !important; animation-delay: 0.8s !important; } ul li:nth-child(4n) { -webkit-animation-delay: 0.9s !important; animation-delay: 0.9s !important; } ul li:nth-child(5n) { -webkit-animation-delay: 1s !important; animation-delay: 1s !important; } ul li:nth-child(6n) { -webkit-animation-delay: 1.1s !important; animation-delay: 1.1s !important; } ul li:nth-child(7n) { -webkit-animation-delay: 1.2s !important; animation-delay: 1.2s !important; } ul li:nth-child(8n) { -webkit-animation-delay: 1.3s !important; animation-delay: 1.3s !important; } ul li:nth-child(9n) { -webkit-animation-delay: 1.4s !important; animation-delay: 1.4s !important; } ul li:nth-child(10n) { -webkit-animation-delay: 1.5s !important; animation-delay: 1.5s !important; } .gform_wrapper .gform_heading h2.gform_title, .gform_wrapper .gform_heading h3.gform_title, .gform_wrapper .gform_heading span.gform_description { display: block; margin: 0 0 25px 0; } .gform_wrapper .gform_heading p.gform_required_legend { display: none; } .gform_wrapper .gform_validation_errors { padding: 15px; background: red; color: #fff; border-radius: 3px; font-weight: 600; margin-bottom: 15px; position: -webkit-sticky; position: sticky; top: 3px; } .gform_wrapper .gform_validation_errors h2 { padding: 0; font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; text-align: center; } .gform_wrapper form { margin: 0; } .gform_wrapper form .gf_clear { display: none; } .gform_wrapper form .gform_body .gform_fields { padding: 0; margin: 0; list-style: none; } .gform_wrapper form .gform_body .gform_fields .gfield, .gform_wrapper form .gform_body .gform_fields fieldset { padding: 0 0 15px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display: block; border: none; margin: 0; } .gform_wrapper form .gform_body .gform_fields .gfield.gfield_error .validation_message, .gform_wrapper form .gform_body .gform_fields fieldset.gfield_error .validation_message { padding-top: 5px; color: red; font-weight: 600; font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; } .gform_wrapper form .gform_body .gform_fields .gfield .gsection_title, .gform_wrapper form .gform_body .gform_fields fieldset .gsection_title { padding: 25px 0 0 0; } .gform_wrapper form .gform_body .gform_fields .gfield.hidden_label > label, .gform_wrapper form .gform_body .gform_fields .gfield.hidden_label legend, .gform_wrapper form .gform_body .gform_fields fieldset.hidden_label > label, .gform_wrapper form .gform_body .gform_fields fieldset.hidden_label legend { display: none; } .gform_wrapper form .gform_body .gform_fields .gfield > label, .gform_wrapper form .gform_body .gform_fields .gfield legend, .gform_wrapper form .gform_body .gform_fields fieldset > label, .gform_wrapper form .gform_body .gform_fields fieldset legend { display: block; padding: 0 0 8px 0; width: 100%; font-weight: 500; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > *, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container select, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container input, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container textarea, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 15px 20px; width: 100%; outline: none; border: none; background: #e8e2dc; -webkit-appearance: none; border-radius: 3px; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container select, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container select { height: 50px; padding-right: 50px; background: url("../images/select-arrow.svg") right 15px center no-repeat #e8e2dc; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container select[multiple="multiple"], .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container select[multiple="multiple"] { height: auto; background: transparent; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="checkbox"], .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="radio"], .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container input[type="checkbox"], .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container input[type="radio"] { -webkit-appearance: none; position: relative; padding: 0; max-width: 24px; height: 24px; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="checkbox"]:focus, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="radio"]:focus, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container input[type="checkbox"]:focus, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container input[type="radio"]:focus { outline: none; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="checkbox"]:after, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="radio"]:after, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container input[type="checkbox"]:after, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container input[type="radio"]:after { position: absolute; width: 12px; height: 12px; content: ""; background: #383533; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; left: 6px; top: 6px; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="checkbox"]:checked:after, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="radio"]:checked:after, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container input[type="checkbox"]:checked:after, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container input[type="radio"]:checked:after { opacity: 1; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container ul.gfield_radio li input:before, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container ul.gfield_radio li input:before { border-radius: 50%; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container ul.gfield_radio li input:after, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container ul.gfield_radio li input:after { border-radius: 50%; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container ul.gfield_radio li input:checked:after, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container ul.gfield_radio li input:checked:after { opacity: 1; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container .gfield_checkbox .gchoice, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container .gfield_radio .gchoice { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px 0; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice label, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice label, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container .gfield_checkbox .gchoice label, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container .gfield_radio .gchoice label { margin-left: 10px; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container .gfield_radio .gchoice input { border-radius: 50px; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input:after, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container .gfield_radio .gchoice input:after { border-radius: 50px; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_fileupload, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container_fileupload { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_fileupload input, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container_fileupload input { padding: 0; border: none; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_fileupload span.gform_fileupload_rules, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container_fileupload span.gform_fileupload_rules { font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_date .screen-reader-text, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_container_date .screen-reader-text { display: none; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_complex, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_complex { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_complex > *, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_complex > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: 150px; flex-basis: 150px; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_complex > * label, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_complex > * label { padding: 2px 0 10px 0; display: block; font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; white-space: nowrap; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_complex .hour_minute_colon, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_complex .hour_minute_colon { min-height: 50px; line-height: 50px; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_complex .ginput_container, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_complex .ginput_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gform_wrapper form .gform_body .gform_fields .gfield .ginput_complex .ginput_container label, .gform_wrapper form .gform_body .gform_fields fieldset .ginput_complex .ginput_container label { padding: 0 0 0 0; } .gform_wrapper form .gform_footer .button { padding-right: 50px; margin: 0; background: url("../images/arrow-right-grey.svg") center right 15px no-repeat #ff8400; background-size: 21px auto; } .gform-theme-datepicker { background: rgba(0, 0, 0, 0.2); padding: 20px; border-radius: 3px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .gform-theme-datepicker .ui-datepicker-header .ui-datepicker-title { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 10px; padding-bottom: 15px; } .gform-theme-datepicker .ui-datepicker-header .ui-datepicker-title select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .gform-theme-datepicker .ui-datepicker-header .ui-datepicker-prev, .gform-theme-datepicker .ui-datepicker-header .ui-datepicker-next { display: none; } .gform-theme-datepicker table td, .gform-theme-datepicker table th { padding: 8px; text-align: center; font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; } .gform-theme-datepicker table td span, .gform-theme-datepicker table th span { color: #383533; } .gform-theme-datepicker table td a, .gform-theme-datepicker table th a { color: #383533; } aside .gform_wrapper { padding-top: 25px; } aside .gform_wrapper .gform_heading h2.gform_title, aside .gform_wrapper .gform_heading h3.gform_title { font-size: 27px; font-size: 2.7rem; line-height: 31px; line-height: 3.1rem; margin: 0 0 10px 0; } aside .gform_wrapper form .gform_body .gform_fields .gfield, aside .gform_wrapper form .gform_body .gform_fields fieldset { padding: 0 0 10px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .gfield--type-honeypot { display: none; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; max-width: 100%; overflow-x: hidden; } html body { font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem; font-family: brandon-grotesque, sans-serif; color: #383533; } @media (max-width: 600px) { html body { font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; } } h1, h2, h3, h4, h5, p { padding: 0; margin: 0 0 25px 0; } h1, h2, h3, h4, h5 { font-family: gilbert, sans-serif; text-transform: uppercase; } p, ul, ol { font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3rem; } @media (max-width: 600px) { p, ul, ol { font-size: 20px; font-size: 2rem; line-height: 26px; line-height: 2.6rem; } } h1 { font-size: 80px; font-size: 8rem; line-height: 70px; line-height: 7rem; } @media (max-width: 1300px) { h1 { font-size: 60px; font-size: 6rem; line-height: 56px; line-height: 5.6rem; } } @media (max-width: 800px) { h1 { font-size: 30px; font-size: 3rem; line-height: 28px; line-height: 2.8rem; } } h2 { font-size: 50px; font-size: 5rem; line-height: 46px; line-height: 4.6rem; } h2.gform_title { font-size: 35px; font-size: 3.5rem; line-height: 33px; line-height: 3.3rem; } @media (max-width: 800px) { h2 { font-size: 30px; font-size: 3rem; line-height: 28px; line-height: 2.8rem; } } h3 { font-size: 35px; font-size: 3.5rem; line-height: 33px; line-height: 3.3rem; } @media (max-width: 600px) { h3 { font-size: 25px; font-size: 2.5rem; line-height: 25px; line-height: 2.5rem; } } h4 { font-size: 30px; font-size: 3rem; line-height: 34px; line-height: 3.4rem; } h5 { font-size: 30px; font-size: 3rem; line-height: 34px; line-height: 3.4rem; } ul, ol { padding: 0 0 0 40px; margin: 0 0 25px 0; } strong, b { font-weight: 600; } i, em { font-style: italic; } a { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #383533; } .button { -webkit-appearance: none; border: none; padding: 13px 20px; background: #ff8400; color: #383533; font-weight: 600; text-transform: uppercase; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 25px; text-decoration: none; gap: 15px; } .button.white { background: #fff; color: #383533; } .button.white:hover { background: #e8e2dc; } @media (max-width: 600px) { .button { padding: 10px 15px; } } .button:hover { background: #e8e2dc; } a.rich { text-decoration: none; text-transform: uppercase; font-family: gilbert, sans-serif; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 15px; } img, svg { height: auto; max-width: 100%; } section, header, footer, nav { display: block; width: 100%; } section .container, header .container, footer .container, nav .container { width: 100%; max-width: 1300px; padding: 50px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } section .container article, section .container aside, header .container article, header .container aside, footer .container article, footer .container aside, nav .container article, nav .container aside { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 600px) { section .container, header .container, footer .container, nav .container { padding: 20px; } } section .container > article { position: relative; opacity: 0; left: -30px; } section .container > article.animate { -webkit-animation: fadeSlideLeft 1s forwards; animation: fadeSlideLeft 1s forwards; -webkit-animation-delay: 0.3s !important; animation-delay: 0.3s !important; } table { width: 100%; } body.post-type-archive-collectie nav#top ul li a, body.post-type-archive-zien-doen nav#top ul li a { color: #fff; } @media (min-width: 600px) { body.post-type-archive-collectie nav#top a.brand, body.post-type-archive-zien-doen nav#top a.brand { position: fixed; } } body.post-type-archive-collectie aside .tag, body.post-type-archive-zien-doen aside .tag { background: #383533; color: #fff; } body.post-type-archive-collectie .posts, body.post-type-archive-zien-doen .posts { padding-right: 0; } body.post-type-archive-zien-doen aside .tag { background: #ff8400; color: #383533; } body.post-type-archive-collectie { background: #ff8400; } body.post-type-archive-collectie ul.links li a { color: #fff; background: #383533; } body.post-type-archive-collectie ul.links li a svg g, body.post-type-archive-collectie ul.links li a svg path { fill: #fff; } .tag { padding: 8px 10px; background: #ff8400; text-transform: uppercase; display: inline-block; margin: 0 0 25px 0; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; font-weight: 600; color: #383533; } @media (max-width: 600px) { .tag { font-size: 10px; font-size: 1rem; line-height: 12px; line-height: 1.2rem; } } a.tag { background: url("../images/tag-arrow.svg") no-repeat left 10px center #ff8400; padding-left: 20px !important; } a.tag:hover { background: url("../images/tag-arrow.svg") no-repeat left 10px center #e8e2dc; } ul.socials { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin: 0 0 25px 0; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.socials li.title { min-width: 100%; } ul.socials li { list-style: none; } ul.socials li a { width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #ff8400; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; } ul.socials li a:hover { background: #fff; } ul.socials li a svg g, ul.socials li a svg path { fill: #383533; } .page section.posts .container { padding-top: 250px; } @media (max-width: 600px) { .page section.posts .container { padding-top: 0; } } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; font-weight: 600; color: #383533; text-transform: uppercase; } .breadcrumbs a, .breadcrumbs span { padding: 8px 10px; text-decoration: none; } @media (max-width: 600px) { .breadcrumbs { font-size: 10px; font-size: 1rem; line-height: 12px; line-height: 1.2rem; } } .tag { padding: 8px 10px; background: #ff8400; text-transform: uppercase; text-decoration: none; display: inline-block; margin: 0 0 25px 0; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; font-weight: 600; color: #383533; } @media (max-width: 600px) { .tag { font-size: 10px; font-size: 1rem; line-height: 12px; line-height: 1.2rem; } } .home nav#top .container ul li a { color: #fff; } header.slider { background: #ff8400; } header.slider .container { max-width: 1800px; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 100px; padding-top: 0; padding-right: 0; } @media (max-width: 600px) { header.slider .container { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } header.slider .container article { max-width: 650px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; top: 0; position: absolute; left: 0; background: #ff8400; z-index: 10; padding: 50px 50px 25px 50px; height: 100vh; max-height: 900px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } header.slider .container article:before { content: ""; position: absolute; top: 0; left: -1000px; width: 1000px; height: 100%; background: #ff8400; z-index: -1; } header.slider .container article h4 { font-size: 19px; font-size: 1.9rem; line-height: 21px; line-height: 2.1rem; } header.slider .container article a.button { background: #fff; } header.slider .container article a.button svg g, header.slider .container article a.button svg path { fill: #383533; } @media (max-width: 600px) { header.slider .container article { position: relative; height: auto; padding: 165px 20px 0 20px; margin-bottom: -50px; background: transparent; } header.slider .container article h1 { font-size: 50px; font-size: 5rem; line-height: 42px; line-height: 4.2rem; } } header.slider .container .header-slider { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-left: 600px; left: 0; } header.slider .container .header-slider:before { width: calc(100%); height: 150px; content: ""; position: absolute; left: 650px; top: 0; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)) ); background-image: -o-linear-gradient( top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100% ); background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100% ); z-index: 10; } @media (max-width: 600px) { header.slider .container .header-slider { padding-left: 0; overflow: hidden; } header.slider .container .header-slider:before { display: none; } } @media (min-width: 600px) { header.slider .container .header-slider .swiper-wrapper { -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } } header.slider .container .header-slider .swiper-wrapper .swiper-slide { position: relative; overflow: hidden; width: 600px; } header.slider .container .header-slider .swiper-wrapper .swiper-slide .breadcrumbs { color: #fff; } header.slider .container .header-slider .swiper-wrapper .swiper-slide .breadcrumbs span.tag { color: #383533; } @media (max-width: 600px) { header.slider .container .header-slider .swiper-wrapper .swiper-slide { width: 100%; max-width: 340px; } } header.slider .container .header-slider .swiper-wrapper .swiper-slide a { display: block; } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .thumb { width: 100%; height: 100vh; max-height: 900px; overflow: hidden; position: relative; background: url("../images/nsm-icon.svg") center no-repeat #e8e2dc; } @media (max-width: 600px) { header.slider .container .header-slider .swiper-wrapper .swiper-slide a .thumb { border-radius: 500px 500px 0 0; max-height: 480px; } } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .thumb img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .thumb:before { content: ""; width: 100%; height: 0; padding-top: 50%; position: absolute; top: -50%; left: 0; background: url("../images/round-mask.svg") top left no-repeat; background-size: 100% auto; z-index: 10; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } @media (max-width: 600px) { header.slider .container .header-slider .swiper-wrapper .swiper-slide a .thumb:before { display: none; } } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .thumb:after { content: ""; width: 100%; left: 0; bottom: 0; position: absolute; height: 40%; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; opacity: 0.5; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0)), to(#000) ); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 1%, #000 100%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 100%); } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text { padding: 50px 100px 25px 50px; position: absolute; left: 0; bottom: 0; z-index: 100; color: #fff; width: 100%; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text h4 { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; margin-top: -10px; } @media (max-width: 600px) { header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text h4 { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; } } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text h3 { max-width: 500px; } @media (max-width: 600px) { header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text h3 { font-size: 25px; font-size: 2.5rem; line-height: 23px; line-height: 2.3rem; } } @media (max-width: 600px) { header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text { padding: 25px 70px 20px 25px; } } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text span.arrow { position: absolute; right: 50px; bottom: 50px; bottom: 50px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text span.arrow svg g, header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text span.arrow svg path { fill: #fff; } @media (max-width: 600px) { header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text span.arrow { right: 25px; bottom: 38px; } header.slider .container .header-slider .swiper-wrapper .swiper-slide a .text span.arrow svg { width: 20px; } } header.slider .container .header-slider .swiper-wrapper .swiper-slide a:hover .thumb { border-radius: 500px 500px 0 0; } header.slider .container .header-slider .swiper-wrapper .swiper-slide a:hover .thumb:before { top: 0; } header.slider .container .header-slider .swiper-wrapper .swiper-slide a:hover .thumb:after { opacity: 0; } header.slider .container .header-slider .swiper-wrapper .swiper-slide a:hover .thumb img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } header.slider .container .header-slider .swiper-wrapper .swiper-slide a:hover .text span.arrow { right: 53px; } @media (max-width: 600px) { header.slider .container .header-slider .swiper-wrapper .swiper-slide a:hover .text span.arrow { right: 23px; } } header.slider .container ul.quick-menu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100%; max-width: 100%; padding-right: 50px; } @media (max-width: 600px) { header.slider .container ul.quick-menu { padding: 50px 20px; } } header.front { background: #ff8400; } header.front .container { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 600px) { header.front .container { padding-bottom: 30px; } } header.front .container article h4 { font-size: 19px; font-size: 1.9rem; line-height: 21px; line-height: 2.1rem; } header.front .container article .button.tickets-link { background: #fff; } .info-blocks .container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .info-blocks .container article { padding: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #ff8400; -ms-flex-preferred-size: 300px; flex-basis: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .info-blocks .container article a.rich { margin-top: auto; } .info-blocks + footer { margin-top: 50px; } section.posts.agenda-block { padding: 0; } section.posts.agenda-block .container { padding: 50px; max-width: 1300px; } @media (max-width: 600px) { section.posts.agenda-block .container { padding: 50px 20px; } } section.posts.agenda-block .container ul.type-switcher { padding-top: 0; } section.posts.agenda-block .container article:last-child { padding-bottom: 30px; border-bottom: solid 2px #383533; } @media (max-width: 600px) { section.posts.agenda-block .container article:last-child { padding-bottom: 20px; } } section.intro .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 50px; } @media (max-width: 600px) { section.intro .container { gap: 0; } } section.intro .container article { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } section.intro .container article h4 { font-size: 28px; font-size: 2.8rem; line-height: 35px; line-height: 3.5rem; } @media (max-width: 600px) { section.intro .container article h4 { font-size: 22px; font-size: 2.2rem; line-height: 25px; line-height: 2.5rem; } } section.intro .container aside { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } section.intro .container aside ul { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; gap: 10px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 600px) { section.intro .container aside ul { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } section.intro .container aside ul li a.button { margin: 0; white-space: nowrap; } section.slider { margin-bottom: 50px; } section.slider .slider { width: 100%; position: relative; } section.slider .slider .swiper-wrapper { width: 100%; } section.slider .slider .swiper-button-prev, section.slider .slider .swiper-button-next { background: #ff8400; position: absolute; left: 100px; width: 70px; height: 70px; top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; cursor: pointer; } @media (max-width: 600px) { section.slider .slider .swiper-button-prev, section.slider .slider .swiper-button-next { display: none; } } section.slider .slider .swiper-button-prev:after, section.slider .slider .swiper-button-next:after { display: none; } section.slider .slider .swiper-button-prev.swiper-button-disabled, section.slider .slider .swiper-button-next.swiper-button-disabled { opacity: 0.2; cursor: default; } section.slider .slider .swiper-button-next { left: auto; right: 100px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } section.slider .slider .swiper-wrapper .swiper-slide { position: relative; overflow: hidden; width: 70%; } @media (max-width: 600px) { section.slider .slider .swiper-wrapper .swiper-slide { width: calc(100% - 20px); } } section.slider .slider .swiper-wrapper .swiper-slide a { display: block; } section.slider .slider .swiper-wrapper .swiper-slide a .thumb { width: 100%; height: 100vh; max-height: 800px; overflow: hidden; position: relative; background: url("../images/nsm-icon.svg") center no-repeat #e8e2dc; } @media (max-width: 600px) { section.slider .slider .swiper-wrapper .swiper-slide a .thumb { height: 500px; } } section.slider .slider .swiper-wrapper .swiper-slide a .thumb img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } section.slider .slider .swiper-wrapper .swiper-slide a .thumb:after { content: ""; width: 100%; left: 0; bottom: 0; position: absolute; height: 40%; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 0.5; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0)), to(#000) ); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 1%, #000 100%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 100%); } section.slider .slider .swiper-wrapper .swiper-slide a .text { padding: 50px 50px 25px 50px; position: absolute; left: 0; bottom: 0; z-index: 100; color: #fff; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; max-width: 600px; } @media (max-width: 600px) { section.slider .slider .swiper-wrapper .swiper-slide a .text { padding: 25px 20px; } } section.slider .slider .swiper-wrapper .swiper-slide a:hover .thumb:after { opacity: 0; } section.slider .slider .swiper-wrapper .swiper-slide a:hover .thumb img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } @media (max-width: 600px) { section.slider { overflow: hidden; } } ul.links { padding: 0; margin: 0 0 25px 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; text-transform: uppercase; font-weight: 600; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; } ul.links li { background: #e8e2dc; display: -webkit-box; display: -ms-flexbox; display: flex; } ul.links li a { padding: 10px 12px; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } ul.links li a svg { height: 13px; width: auto; } h3 + table { margin-top: -5px; } table { text-transform: uppercase; font-family: gilbert, sans-serif; border-collapse: collapse; } table tr { padding: 10px; border-bottom: 1px solid #e8e2dc; } table tr td { padding: 5px 0; } table tr td:last-child { text-align: right; } table tbody tr:first-child { border-top: 1px solid #e8e2dc; } table tr.active { color: #ff8400; } header + section.password .container { padding-top: 0; } header + section.password .container form { background: #e8e2dc; max-width: 800px; padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } header + section.password .container form p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: 300px; flex-basis: 300px; } header + section.password .container form p:last-child { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } header + section.password .container form p:last-child label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header + section.password .container form p:last-child input[type="submit"] { -webkit-appearance: none; background: #ff8400; padding: 10px 15px; color: #383533; font-weight: 500; border: none; } @media (max-width: 600px) { header + section.password .container form { padding: 20px; } } nav ul li a { text-decoration: none; } nav ul li.active, nav ul li.current-menu-item { font-weight: 700; } nav#top { z-index: 100; position: absolute; text-transform: uppercase; font-weight: 600; } nav#top .container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; max-width: 100%; gap: 20px; } nav#top .container a.brand svg { display: block; } @media (max-width: 800px) { nav#top .container a.brand svg { width: 160px; } } nav#top .container ul { padding: 0 90px 0 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 25px; font-size: 16px; font-size: 1.6rem; line-height: 21px; line-height: 2.1rem; } nav#top .container ul li { display: block; position: relative; padding: 5px 0; } nav#top .container ul li a { display: block; color: #383533; } nav#top .container ul li > ul { position: absolute; background: #fff; padding: 30px; z-index: 10; pointer-events: none; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } nav#top .container ul li > ul li { padding: 0; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; left: -5px; } nav#top .container ul li > ul li a { color: #383533; } nav#top .container ul li:hover > ul { pointer-events: initial; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } nav#top .container ul li:hover > ul li { opacity: 1; left: 0; } @media (max-width: 800px) { nav#top .container ul { display: none; } } nav#top .container > ul { margin-left: auto; min-height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } a.menu-trigger { position: fixed; right: 50px; top: 50px; width: 54px; height: 54px; background: #ff8400; z-index: 101; } a.menu-trigger .line { position: absolute; width: 19px; height: 3px; background: #383533; left: 17px; top: 25px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a.menu-trigger .line:before, a.menu-trigger .line:after { content: ""; width: 19px; height: 3px; background: #383533; top: -7px; position: absolute; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a.menu-trigger .line:after { top: 7px; } a.menu-trigger.active .line { background: transparent; } a.menu-trigger.active .line:before, a.menu-trigger.active .line:after { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } a.menu-trigger.active .line:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } a.menu-trigger:hover { background: #ff8400; } @media (max-width: 800px) { a.menu-trigger { right: 20px; top: 20px; width: 46px; height: 46px; } a.menu-trigger .line { left: 13px; top: 21px; } } .post-type-archive-collectie a.menu-trigger, .home a.menu-trigger { background: #fff; } nav.submenu .container ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } nav#big { position: fixed; background: rgba(56, 53, 51, 0.7); width: 100%; height: 100%; z-index: 100; display: none; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } nav#big .container { background: #383533; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; max-width: 1100px; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: auto; gap: 140px; } @media (max-width: 600px) { nav#big .container { gap: 50px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 600px) { nav#big .container article:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } nav#big .container article { -ms-flex-preferred-size: 300px; flex-basis: 300px; } nav#big .container article .top-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; } nav#big .container article .top-links a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 500; } nav#big .container article .top-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; list-style: none; padding: 0; margin: 0; } nav#big .container article .top-links ul li { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } nav#big .container article .top-links ul li:after { content: "/"; color: #fff; font-weight: 500; margin: 0 0 0 10px; } nav#big .container article .top-links ul li:last-child:after { display: none; } nav#big .container article .top-links ul li.current-lang a { color: #ff8400; } nav#big .container article ul.accordeon-menu, nav#big .container article ul.accordeon-menu ul { padding: 0; margin: 0; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } nav#big .container article ul.accordeon-menu li, nav#big .container article ul.accordeon-menu ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } nav#big .container article ul.accordeon-menu li a, nav#big .container article ul.accordeon-menu ul li a { text-transform: uppercase; display: block; } nav#big .container article ul.accordeon-menu { padding: 0; border-top: 2px solid #fff; } nav#big .container article ul.accordeon-menu > li { border-bottom: 2px solid #fff; padding: 20px 0; } nav#big .container article ul.accordeon-menu > li > a { color: #fff; font-family: gilbert, sans-serif; font-size: 29px; font-size: 2.9rem; line-height: 30px; line-height: 3rem; position: relative; width: 100%; } nav#big .container article ul.accordeon-menu > li > a:after { content: ""; position: absolute; right: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; background: url("../images/arrow-right-white.svg") center no-repeat; } nav#big .container article ul.accordeon-menu > li ul.sub-menu { display: none; } nav#big .container article ul.accordeon-menu > li.menu-item-has-children > a:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } nav#big .container article ul.accordeon-menu > li.menu-item-has-children > a.active:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } nav#big .container article ul.accordeon-menu > li ul li { padding: 20px 0 0 0; } nav#big .container article ul.accordeon-menu > li ul li a { color: #fff; font-weight: 500; } nav#big .container article ul.accordeon-menu > li ul li.current-menu-item a { color: #ff8400; } nav#big .container article ul.accordeon-menu > li.current-menu-item > a { color: #ff8400; } nav#big .container article ul.accordeon-menu > li.current-menu-item ul.sub-menu, nav#big .container article ul.accordeon-menu > li.current-menu-parent ul.sub-menu { display: block; } nav#big .container ul.socials { padding-top: 50px; } nav#big .container ul.socials li.title { color: #fff; text-transform: uppercase; } nav#big .container ul.socials li a { background: #747271; } nav#big .container ul.socials li:hover a { background: #fff; } nav#big .container > ul.socials { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-top: 0; } ul.quick-menu { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 50px; padding: 50px 0 0 0; margin: 0; list-style: none; font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; font-weight: 500; } @media (max-width: 600px) { ul.quick-menu { font-weight: 600; } } ul.quick-menu li { -ms-flex-preferred-size: 300px; flex-basis: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 600px) { ul.quick-menu li { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } ul.quick-menu li a { color: #fff; background: url("../images/arrow-simple-right-white.svg") right center no-repeat; padding-right: 40px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; gap: 25px; text-transform: uppercase; -webkit-text-decoration: navajowhite; text-decoration: navajowhite; } ul.quick-menu li a:hover { background-position: right 3px center; } ul.quick-menu li a ul { padding: 0; margin: 0; list-style: none; font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; } ul.quick-menu li a ul li { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; gap: 35px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 600px) { ul.quick-menu li a ul li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 600px) { ul.quick-menu { padding-top: 20px; gap: 20px; } ul.quick-menu > li { width: 100%; } ul.quick-menu > li a svg { max-width: 20px; height: auto; } ul.quick-menu li:first-child a ul li:nth-child(1) { display: none; } ul.quick-menu li:first-child a ul li:nth-child(3) { display: none; } ul.quick-menu li:nth-child(2) a ul li:nth-child(1) { display: none; } ul.quick-menu li:nth-child(2) a ul li:nth-child(3) { display: none; } ul.quick-menu li.adress a ul li:nth-child(1) { display: none; } ul.quick-menu li.adress a ul li:nth-child(3) { display: none; } ul.quick-menu li:nth-child(4) a ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; gap: 20px; } ul.quick-menu li:nth-child(4) a ul li { gap: 5px; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } } header ul.quick-menu { color: #383533; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header ul.quick-menu li { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } header ul.quick-menu li a { color: #383533; background: url("../images/arrow-simple-right-grey.svg") right center no-repeat; } header ul.quick-menu li a svg g, header ul.quick-menu li a svg path { fill: #383533; } section.text .container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px 60px; -ms-flex-wrap: wrap; flex-wrap: wrap; } section.text .container article { max-width: 750px; -ms-flex-preferred-size: 500px; flex-basis: 500px; } section.text .container aside { -ms-flex-preferred-size: 250px; flex-basis: 250px; max-width: 300px; } section.text.contact .container { gap: 30px 60px; max-width: 1500px; } section.text.contact .container article { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } section.text.contact .container article:first-child { max-width: 450px; } section.text.contact .container article:last-child { padding-top: 60px; } @media (max-width: 600px) { section.text.contact .container article:last-child { padding-top: 0; } } @media (max-width: 600px) { section.text + section.text .container { padding-top: 0; } } section.text.notfound, header + section.contact { padding-top: 200px; } @media (max-width: 600px) { section.text.notfound, header + section.contact { padding-top: 90px; } } section.image-text .container { gap: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 600px) { section.image-text .container { gap: 25px; } } section.image-text .container article { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: 300px; flex-basis: 300px; position: relative; } section.image-text .container article *:last-child { margin-bottom: 0; } section.image-text .container article:last-child { max-width: 500px; } section.image-text .container article:first-child p, section.image-text .container article:first-child a { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; z-index: 100; width: 100%; padding: 10px 0 0 0; margin: 0 auto; text-decoration: none; } @media (max-width: 600px) { section.image-text .container article:first-child p, section.image-text .container article:first-child a { padding: 5px 20px; } } section.image-text .container article:first-child p a:hover, section.image-text .container article:first-child a a:hover { text-decoration: underline; } section.image-text .container article:first-child img { position: relative; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; display: block; } section.image-text.bow .container article:first-child img { border-radius: 500px 500px 0 0; } @media (min-width: 1300px) { section.image-text.right .container article:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 600px) { section.image-text + section.image-text .container { padding-top: 50px; } } header { background-size: cover !important; position: relative; } header .container { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 200px; z-index: 1; } @media (max-width: 600px) { header .container { padding-top: 110px; padding-bottom: 0; } } header .container article { max-width: 900px; } header .container .return { display: block; color: #fff; padding: 0 0 25px 0; text-decoration: none; } header .container > a.button { position: absolute; right: 50px; bottom: -27px; margin: 0; } @media (max-width: 600px) { header .container > a.button { right: 20px; bottom: -53px; } } header > .thumb { height: 0; padding-top: 40%; position: relative; margin-bottom: 50px; } @media (max-width: 600px) { header > .thumb { padding-top: 90%; padding-bottom: 30px; margin-top: 30px; } } header > .thumb img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } header > .thumb p, header > .thumb a { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; z-index: 100; width: 100%; max-width: 1300px; padding: 5px 50px; margin: 0 auto; display: block; } @media (max-width: 600px) { header > .thumb p, header > .thumb a { padding: 5px 20px; } } header > .thumb a { text-decoration: none; } header > .thumb a:hover { text-decoration: underline; color: #ff8400; } section.image .container { max-width: 1300px; } section.image .container img { width: 100%; height: auto; } section.tabs .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } section.tabs .container ul.tabs { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } section.tabs .container ul.tabs li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; -webkit-appearance: none; border: none; padding: 13px 20px; background: #e8e2dc; color: #383533; font-weight: 600; text-transform: uppercase; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; gap: 10px; } @media (max-width: 600px) { section.tabs .container ul.tabs li { padding: 10px 15px; } } section.tabs .container ul.tabs li.active { font-weight: 700; font-family: brandon-grotesque, sans-serif; background: #ff8400; } section.tabs .container article.tab-content { display: none; } section.tabs .container article.tab-content.active { display: block; } section.tabs .container article.tab-content .iframe { width: 100%; padding-bottom: 56.25%; position: relative; overflow: hidden; } section.tabs .container article.tab-content .iframe iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } header + section.tabs .container { padding-top: 0; } section.list .container ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; gap: 30px; } section.list .container ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: 300px; flex-basis: 300px; text-align: center; } footer { background: #383533; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 25px 70px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 100px; padding-bottom: 100px; max-width: 1400px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 600px) { footer .container { gap: 25px; padding-top: 50px; padding-bottom: 50px; } } footer .container article:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 150px; } footer .container article:last-child { min-width: 100%; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 50px; } footer .container article:last-child ul.brands { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; padding: 0; margin: 0; list-style: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 600px) { footer .container article:last-child ul.brands { gap: 30px; } } footer .container article:last-child ul.brands li img { -webkit-filter: grayscale(100); filter: grayscale(100); opacity: 0.3; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } @media (max-width: 600px) { footer .container article:last-child ul.brands li img { max-height: 50px; } } footer .container article:last-child ul.brands li a:hover img { -webkit-filter: grayscale(100); filter: grayscale(100); opacity: 1; } footer .container article:last-child ul.footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; color: #747271; padding: 0; margin: 0; list-style: none; gap: 25px 15px; text-transform: uppercase; font-size: 10px; font-size: 1rem; line-height: 16px; line-height: 1.6rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .container article:last-child ul.footer-links li a { text-decoration: none; color: #747271; } footer .container article:last-child ul.footer-links li a svg g, footer .container article:last-child ul.footer-links li a svg path { fill: #747271; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } footer .container article:last-child ul.footer-links li a:hover { color: #fff; } footer .container article:last-child ul.footer-links li a:hover svg g, footer .container article:last-child ul.footer-links li a:hover svg path { fill: #ff8400; } footer .container article { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } footer .container article a { color: #fff; } footer .container article a.brand svg { margin-top: 10px; } footer .container article a.brand svg g, footer .container article a.brand svg path { fill: #fff; } footer .container article ul.footer-menu { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 80px; } footer .container article ul.footer-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } footer .container article ul.footer-menu li a { text-transform: uppercase; font-size: 12px; font-size: 1.2rem; line-height: 17px; line-height: 1.7rem; text-decoration: none; font-weight: 500; margin: 5px 0; } footer .container article ul.footer-menu li ul { padding: 0; margin: 0; } @media (max-width: 600px) { footer .container article ul.footer-menu { display: none; } } footer .container article a.button { color: #383533; gap: 10px; margin-top: 10px; } @media (max-width: 600px) { footer .container article a.button { display: none; } } footer .container article a.button svg g, footer .container article a.button svg path { fill: #383533; } section.text + footer, section.image + footer, section.image-text + footer { margin-top: 50px; } section.posts { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 50px; } @media (max-width: 600px) { section.posts { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } section.posts aside { min-width: 550px; max-width: 550px; padding: 250px 100px 50px 0; position: -webkit-sticky; position: sticky; top: 0; } @media screen and (max-width: 1300px) { section.posts aside { position: static; min-width: 100%; max-width: 100%; padding: 200px 20px 20px 20px; } } @media (max-width: 600px) { section.posts aside { padding-top: 100px; } } section.posts.white .container { gap: 30px; } section.posts .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; gap: 30px; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1800px; padding-bottom: 50px; } @media (max-width: 600px) { section.posts .container { gap: 20px; } } section.posts .container article { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } section.posts .container ul.type-switcher { min-width: 100%; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 250px 0 0 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: gilbert, sans-serif; text-transform: uppercase; gap: 30px; } @media screen and (max-width: 1300px) { section.posts .container ul.type-switcher { padding: 75px 0 0 0; } } @media (max-width: 600px) { section.posts .container ul.type-switcher { gap: 20px; } } section.posts .container ul.type-switcher li { color: #383533; font-size: 34px; font-size: 3.4rem; line-height: 37px; line-height: 3.7rem; } @media (max-width: 600px) { section.posts .container ul.type-switcher li { font-size: 22px; font-size: 2.2rem; line-height: 23px; line-height: 2.3rem; } } section.posts .container ul.type-switcher li a { color: #e8e2dc; text-decoration: none; } @media (max-width: 600px) { section.posts .container ul.type-switcher { padding-top: 40px; } } @media (max-width: 600px) { section.posts .container article { min-width: 100%; max-width: 100%; } } .page-template-default .posts, .error404 .post-type-archive-agenda .posts { padding-bottom: 100px; } .more-posts .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .more-posts .container .post-slider { width: 100%; } .more-posts .container .post-slider .swiper-wrapper .swiper-slide a { display: block; } .post-type-archive-agenda .posts .container, .error404 .posts .container { padding-left: 20px; padding-right: 20px; } article.post { color: #383533; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } article.post h3, article.post p, article.post ul { min-width: 100%; } article.post a { text-decoration: none; } article.post a > .thumb { display: block; width: 100%; height: 0; position: relative; padding-top: 60%; background: url("../images/nsm-icon.svg") center no-repeat #e8e2dc; background-size: 10% auto; margin-bottom: 15px; overflow: hidden; } article.post a > .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } article.post a .meta { padding-bottom: 10px; display: block; } article.post a:hover > .thumb img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } article.post.info { border-top: 2px solid #383533; padding-top: 30px; } article.post.info h3, article.post.info p, article.post.info ul, article.post.info ol { margin-bottom: 15px; } article.post.info .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } article.post.info .buttons .button { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; margin-left: 0 !important; } article.post.info a.button { margin: 0; } @media (max-width: 600px) { article.post.info { padding-left: 20px; padding-right: 20px; } } article.post.event { border-top: 2px solid #383533; padding: 0; background: url("../images/arrow-right-grey.svg") right 20px top 60px no-repeat; } article.post.event a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; width: 100%; padding: 30px 0 0 0; } @media (max-width: 600px) { article.post.event a { gap: 20px; padding: 0; } } article.post.event a .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100%; padding-right: 80px; } @media (max-width: 600px) { article.post.event a .text { padding-right: 0; } } article.post.event a .featured { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; } article.post.event a .featured .thumb { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; margin: 0; } article.post.event a .featured .thumb img { display: block; } article.post.event a .featured .excerpt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; max-width: 450px; margin: 0; } @media (max-width: 600px) { article.post.event a .featured { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } } article.post.event h3 { margin-bottom: 0; font-size: 80px; font-size: 8rem; line-height: 70px; line-height: 7rem; } article.post.event h3.medium { font-size: 50px; font-size: 5rem; line-height: 40px; line-height: 4rem; } @media (max-width: 600px) { article.post.event h3.medium { font-size: 30px; font-size: 3rem; line-height: 28px; line-height: 2.8rem; } } article.post.event h3.small { font-size: 35px; font-size: 3.5rem; line-height: 33px; line-height: 3.3rem; } article.post.event h4 { margin: 0 0 8px 0; font-size: 22px; font-size: 2.2rem; line-height: 20px; line-height: 2rem; } @media (max-width: 600px) { article.post.event h4 { font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; } } @media (max-width: 600px) { article.post.event { padding: 20px 0 0 0; background: none; } } article.post.image a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } article.post.image a .thumb { margin: 0; } article.post.image a .thumb:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; opacity: 0.5; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0)), to(#000) ); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 1%, #000 100%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 100%); } article.post.image a .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } article.post.image a .text { position: absolute; bottom: 0; z-index: 1; padding: 25px 50px; color: #fff; max-width: 500px; } @media (max-width: 600px) { article.post.image a .text { padding: 20px 20px 0 20px; } article.post.image a .text .tag { margin: 0 0 15px 0; } } article.post.image:hover .thumb:after { opacity: 0; } .promotion { display: none; } .banner { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: fixed; width: 100%; max-width: 900px; top: 0; background: #fff; z-index: 100000; -webkit-box-shadow: 0 0 50px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 50px 30px rgba(0, 0, 0, 0.2); } .banner .container { padding: 15px 57px 15px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner .container article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .banner .container article p { margin: 0; } .banner .container article a.button { margin-bottom: 0; padding: 10px 20px; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; white-space: nowrap; } .banner .container .close-promotion { padding: 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; z-index: 100000; } .banner .container .close-promotion svg { display: block; } .popup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100000; } .popup .container { background: #fff; width: 100%; max-width: 700px; padding: 50px !important; overflow-y: auto; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-shadow: 0 0 50px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 50px 30px rgba(0, 0, 0, 0.2); } .popup .container .close-promotion { padding: 20px; position: absolute; right: 0; top: 0; z-index: 100000; } .popup .container .close-promotion svg { display: block; } .popup .container.active .container .popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 200px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 200px 0 rgba(0, 0, 0, 0.3); } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; white-space: nowrap; }