/* Theme Name: Dukdalf Theme Description: Dukdalf Theme Version: 1.0 */ /* CSS Document Reset browser default styles All Header Top menu Content block Sidebar Container Footer Media Queries */ @font-face { font-family: 'FreightBigPro'; src: url('fonts/FreightBigProLight.eot'); src: url('fonts/FreightBigProLight.eot?#iefix') format('embedded-opentype'), url('fonts/FreightBigProLight.woff2') format('woff2'), url('fonts/FreightBigProLight.woff') format('woff'), url('fonts/FreightBigProLight.ttf') format('truetype'), url('fonts/FreightBigProLight.svg#FreightBigProLight') format('svg'); font-weight: 300; font-style: normal;font-display: swap;} @font-face { font-family: 'FreightBigPro'; src: url('fonts/FreightBigProBold.eot'); src: url('fonts/FreightBigProBold.eot?#iefix') format('embedded-opentype'), url('fonts/FreightBigProBold.woff2') format('woff2'), url('fonts/FreightBigProBold.woff') format('woff'), url('fonts/FreightBigProBold.ttf') format('truetype'), url('fonts/FreightBigProBold.svg#FreightBigProBold') format('svg');font-weight: 700;font-style: normal;font-display: swap;} @font-face { font-family: 'Trade Gothic LT Std'; src: url('fonts/TradeGothicLTStd-BdCn20.eot'); src: url('fonts/TradeGothicLTStd-BdCn20.eot?#iefix') format('embedded-opentype'), url('fonts/TradeGothicLTStd-BdCn20.woff2') format('woff2'), url('fonts/TradeGothicLTStd-BdCn20.woff') format('woff'), url('fonts/TradeGothicLTStd-BdCn20.ttf') format('truetype'), url('fonts/TradeGothicLTStd-BdCn20.svg#TradeGothicLTStd-BdCn20') format('svg'); font-weight: 700; font-style: normal; font-display: swap;} @font-face { font-family: 'Viva Beautiful Pro B'; src: url('fonts/VivaBeautifulProB-Regular.eot'); src: url('fonts/VivaBeautifulProB-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/VivaBeautifulProB-Regular.woff2') format('woff2'), url('fonts/VivaBeautifulProB-Regular.woff') format('woff'), url('fonts/VivaBeautifulProB-Regular.ttf') format('truetype'), url('fonts/VivaBeautifulProB-Regular.svg#VivaBeautifulProB-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap;} /* Reset browser default styles */ html, body {min-height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;} body {font:300 16px/30px 'Montserrat', sans-serif;letter-spacing:.32px;color:#3E3E3E;background:#fff;} div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} header, section, footer, aside, nav, article, figure, figcaption {display:block;} table {border-collapse:collapse;} img {border:none;max-width:100%;height:auto;} iframe, object, embed {max-width:100%;} ul, li {list-style:none;} input {vertical-align:middle;} input:focus, textarea:focus {outline:none;} button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;} a, a:visited {text-decoration:none;color:#D2AA46;transition:color ease-in-out .2s;} a:active, a:hover {outline:0;text-decoration:none;color:#D2AA46;} /* All */ .wrapper {max-width:1220px;padding:0 10px;margin:0 auto;position:relative;box-sizing:border-box;} .alignfull {margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;} .alignwide {margin-left:calc(25% - 25vw);margin-right:calc(25% - 25vw);max-width:100vw;} @media only screen and (min-width: 1590px) { .alignwide {margin-left:calc((100% - 1560px) / 2);margin-right:calc((100% - 1560px) / 2);width:100vw;max-width:1560px;} } /* Posts navigation */ .posts_navigation {display:flex;flex-wrap:wrap;justify-content:space-between;} /* Data cover */ *[data-cover-srcset] {min-height:200px;position:relative;} *[data-cover-srcset] img[srcset] {position:absolute;top:0;left:0;object-fit:cover;height:100%;width:100%;} /* Responsive video */ .video_wrap {position:relative;padding:0 0 56.25% 0;height:0;} .video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;} /* Typography */ h1 {font:300 98px/90px 'FreightBigPro';letter-spacing:4.9px;text-transform:uppercase;} h1.is-style-alt {font-size:85px;line-height:70px;letter-spacing:4.25px;padding-bottom:73px;position:relative;display:inline-block;} h1.is-style-alt:before {content:'';display:block;width:230px;height:54px;position:absolute;bottom:45px;right:0;background:url(images/demo/water.svg) left center/100% auto no-repeat;} h2 {font:300 73px/68px 'FreightBigPro';letter-spacing:3.65px;} h2.is-style-alt {font-size:66px;letter-spacing:3.3px;padding-bottom:66px;} h3 {font:300 51px/68px 'FreightBigPro';letter-spacing:2.55px;} h3.is-style-alt {font-size:56px;letter-spacing:2.8px;padding-bottom:20px;} h4 {font:300 25px 'Montserrat';} h5 {font:600 23px 'Montserrat';padding-bottom:11px;} h6 {font:700 16px 'Montserrat';text-transform:uppercase;letter-spacing:.8px;padding-bottom:30px;} p {padding-bottom:35px;} @media only screen and (min-width:769px) { h1.is-style-alt.water-right {padding-bottom:40px;} h1.is-style-alt.water-right:before {right:-180px;top:30px;} } @media only screen and (max-width:768px) { h1.is-style-alt.water-right:before {z-index:-1;} .meer-dan-restaurant br {display:none;} } /* Form */ input[type="text"], input[type="email"], input[type="tel"], textarea, select {font:300 14px 'Montserrat', sans-serif;letter-spacing:.28px;color:#3E3E3E;border:none;border-bottom:1px solid #3E3E3E;background:none;border-radius:0;padding:0 11px;height:32px;width:100%;box-sizing:border-box;} input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder {color:#3E3E3E;opacity:.5;} textarea {height:45px;resize:none;} .select2.select2-container .select2-selection {font:300 14px 'Montserrat', sans-serif;letter-spacing:.28px;color:#3E3E3E;border:none;border-bottom:1px solid #3E3E3E;background:none;border-radius:0;padding:0 3px;height:32px;width:100%;box-sizing:border-box;} .select2-dropdown {background:#fff;border:none;border-radius:0;transform:translateY(32px);} .select2-dropdown .select2-results ul li {background:#fff;font:300 14px 'Montserrat', sans-serif;padding:15px 10px 15px 11px;color:#5D5D5D;cursor:pointer;} .select2-dropdown .select2-results ul li:hover, .select2-dropdown .select2-results ul li.select2-results__option--highlighted {background:#fff;color:#000;} input[type="checkbox"] {display:none;} input[type="checkbox"] + label {cursor:pointer;padding-left:27px;display:inline-block;vertical-align:middle;position:relative;} input[type="checkbox"] + label:before {content:'';display:inline-block;vertical-align:middle;width:17px;height:17px;box-sizing:border-box;border:1px solid #3E3E3E;position:absolute;top:6px;left:0;} input[type="checkbox"]:checked + label:before, input[type="checkbox"] + label:active:before {background:url(images/icons/checkbox.png) center center/cover no-repeat;} .searchform > div {display:flex;flex-wrap:wrap;align-items:center;} .searchform label {display:block;min-width:100%;} .searchform input[type="text"] {flex:1;margin-right:20px;} .gform_ajax_spinner, .gform_wrapper .validation_error, .gform_validation_errors {display:none !important;} .gform_wrapper .gform_heading {padding-bottom:48px;background:url(images/demo/line.png) left bottom 42px/auto 5.8px no-repeat;} .gform_wrapper .gform_heading h2 {font:300 51px/68px 'FreightBigPro';letter-spacing:2.55px;padding-bottom:5px;} .gform_wrapper .gform_heading p {font-weight:600;} .gform_wrapper .gform_heading p:empty {display:none;} .gform_wrapper .gform_body .gform_fields {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;font-size:14px;} .gform_wrapper .gform_body .gfield {position:relative;width:100%;padding-bottom:27px;} .gform_wrapper .gform_body .gfield.gfield--type-html {padding-bottom:10px;} .gform_wrapper .gform_body .gfield.half {width:calc(50% - 10px);} .gform_wrapper .gform_body .gfield label {display:none;} .gform_wrapper .gform_body .gfield.gfield--type-checkbox {padding:0 0 15px 0;margin:0;border:none;} .gform_wrapper .gform_body .gfield.gfield--type-checkbox label {display:block;font-size:12px;} .gform_wrapper .gform_body .gfield.gfield--type-checkbox label a {text-decoration:underline;} .gform_wrapper .gform_body .gfield.gfield--type-checkbox legend {display:none;} .gform_wrapper .gform_body .gfield .validation_message {position:absolute;bottom:3px;left:11px;z-index:2;font-size:10px;} .gform_wrapper .gform_footer {text-align:right;} .gform_confirmation_wrapper {padding-bottom:35px;font-weight:600;} .alt-form .gform_wrapper .gform_footer {text-align: left;} @media only screen and (min-width:769px) { .alt-form .gform_wrapper .gform_fields {gap: 20px;} .alt-form .gform_wrapper .gform_fields > div.gfield--width-half {width:calc(50% - 10px);} } /* page-id-1461 */ .page-id-1461 .heading .wrapper {padding-bottom: 100px;min-height: 400px;padding-bottom:40px;} .page-id-1461 .content_block strong {font-weight: 700;} .page-id-1461 .gform_wrapper .gform_body .gfield.gfield--type-checkbox {padding-bottom: 30px;} .page-id-1461 .gform_wrapper .gform_body .gfield.gfield--type-checkbox:not(:last-child) {padding-bottom: 0px;} /* Buttons */ .wp-block-button {display:inline;} .button, .button:visited, .wp-block-button__link, .wp-block-button__link:visited, .searchform input[type="submit"] {color:#3E3E3E;background:transparent;padding:5px 26px;min-width:175px;height:54px;font:19px 'Trade Gothic LT Std';letter-spacing:.38px;border-radius:0; border:1px solid #3E3E3E; text-align:center;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;transition:0.25s;} .button:hover, .wp-block-button__link:hover, .searchform input[type="submit"]:hover {color:#fff;border-color:#3E3E3E;box-shadow:inset 0 -3.25em 0 0 #3E3E3E;} .is-style-primary .wp-block-button__link, .is-style-primary .wp-block-button__link:visited {color:#D2AA46;border-color:#D2AA46;} .is-style-primary .wp-block-button__link:hover {color:#fff;border-color:#D2AA46;box-shadow:inset 0 -3.25em 0 0 #D2AA46;} .is-style-white .wp-block-button__link, .is-style-white .wp-block-button__link:visited {color:#fff;border-color:#fff;} .is-style-white .wp-block-button__link:hover {color:#3E3E3E;border-color:#fff;box-shadow:inset 0 -3.25em 0 0 #fff;} .is-style-primaryfilled .wp-block-button__link, .is-style-primaryfilled .wp-block-button__link:visited {color:#fff;border-color:#D2AA46;box-shadow:inset 0 -3.25em 0 0 #D2AA46;} .is-style-primaryfilled .wp-block-button__link:hover {color:#D2AA46;border-color:#D2AA46;box-shadow:none;} /* Main Colors */ .has-primary-color-color {color:#D2AA46;} .has-text-color-color {color:#3E3E3E;} .has-gray-color-color {color:#f3f3f3;} .has-primary-color-background-color {background-color:#D2AA46;} .has-text-color-background-color {background-color:#3E3E3E;} .has-gray-color-background-color {background-color:#f3f3f3;} /* Animation */ .fadeup, .single article > .wp-block-group .wp-block-group__inner-container {position:relative;transition:all ease-in-out .7s;opacity:0;top:100px;transition-delay:.2s;} .fadeup.inview, .single article > .wp-block-group .wp-block-group__inner-container.inview {top:15px; opacity:1;} /* Header */ .header {position:absolute;top:0;left:0;width:100%;z-index:999;padding:28px 0 10px 0; transform: none !important;} .logged-in .header {top:32px;} .header .wrapper {display:flex;align-items:center;justify-content:space-between;position:static;} .header .logo {width:203px;height:57px;background:url(images/logo.png) left center/100% auto no-repeat;font-size:0;line-height:0;} .header .menu-top-bar-container {flex:1;} .active .header .menu-top-bar-container {margin-right:33px;} .header .menu-top-bar-container ul {display:flex;justify-content:flex-end;padding-right:6px;} .header .menu-top-bar-container ul li {padding-right:22px;} .header .menu-top-bar-container ul li a, .header .menu-top-bar-container ul li a:visited {color:#fff;height:38px;padding:3px 25px;border:1px solid #fff;box-sizing:border-box;font:700 22px 'Trade Gothic LT Std';letter-spacing:1px;text-transform:uppercase;text-align:center;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;transition:0.35s;} .header .menu-top-bar-container ul li a:hover {color:#000;border-color:#fff;box-shadow:inset 0 -3.25em 0 0 #fff;} .header .menu-top-bar-container ul li a[href*="tel"] {padding:0;width:38px;background:url(images/icons/phone2.svg) center center/20px auto no-repeat;text-indent:-200vw;position:relative;} .header .menu-top-bar-container ul li a[href*="tel"]:hover {box-shadow:inset 0 -3.25em 0 0 #fff;} .header .menu-top-bar-container ul li a[href*="tel"]:hover:before {content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(images/icons/phone4.png) center center/20px auto no-repeat;z-index:1;} /* Top menu */ .menu_trigger {position:relative;width:33px;height:26px;z-index:9999;transform:rotate(0deg);transition:all ease-in-out 0.5s;cursor:pointer;} .menu_trigger.close, .active .menu_trigger.open {display:none;} .active .menu_trigger.close {display:block;} .menu_trigger span {display:block;position:absolute;height:1px;width:100%;background:#fff;border-radius:0;opacity:1;left:0;transition:all ease-in-out 0.25s;} .menu_trigger span:nth-child(1) {top:0px;} .menu_trigger span:nth-child(2), .menu_trigger span:nth-child(3) {top:12px;width:25px;margin-left:8px;} .menu_trigger span:nth-child(4) {top:24px;} .menu_trigger.active {position:fixed;top:32px;right:32px;} .menu_trigger.active span {background-color:#fff;} .menu_trigger.active span:nth-child(1), .menu_trigger.active span:nth-child(4) {transform:scale(0, 0);} .menu_trigger.active span:nth-child(2) {transform:rotate(45deg);width:100%;margin-left:0;} .menu_trigger.active span:nth-child(3) {transform:rotate(-45deg);width:100%;margin-left:0;} @media only screen and (min-width: 768px) { .menu_trigger.active {position:fixed;top:44px;right:32px;} .logged-in .menu_trigger.active {top:78px;} } .top_menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; background: #fff; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity .4s ease-in-out; -webkit-transform: translateZ(0); /* iOS fix */ } @media screen and (max-width:959px) { .top_menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; background: #fff; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity .4s ease-in-out; -webkit-transform: translateZ(0); /* iOS fix */ } .contact_widget:before {height: 100% !important;top: 0px;} } .logged-in .top_menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; background: #fff; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity .4s ease-in-out; -webkit-transform: translateZ(0); /* iOS fix */ } .top_menu:before {content:'';position:absolute;top:bottom;left:-100px;width:100%;height:135%;background:url(images/demo/sign.jpg) left top/900px auto no-repeat;transform:matrix(0.99, 0.1, -0.1, 0.99, 0, 0);opacity:0.07;} /* Removed conflicting .active .top_menu opacity rule */ /* Replaced .top_menu.active with .active .top_menu rule */ .top_menu > div {display:flex;height:fit-content;justify-content:flex-end;position:relative;overflow:visible;align-items: flex-start;} .contact_widget {flex:0 0 34%;min-width:600px;padding:0 50px 59px 91px;box-sizing:border-box;background:#122033;display:flex;flex-flow:column wrap;justify-content:flex-end;overflow:visible;position:relative;} @media only screen and (min-height: 1000px) { .contact_widget {justify-content:center;} } .contact_widget:before {content:'';position:absolute;left:0;width:100%;height:100vh;background: linear-gradient(rgba(18, 32, 51, 0.95), rgba(18, 32, 51, 0.95)), url(images/demo/menu_contact.jpg) center bottom / cover no-repeat;top:50%;transform:translateY(-50%);} .contact_widget .widget {position:relative;z-index:2;} .contact_widget .widget:first-of-type ul {padding:92px 0 15px 0;background:url(images/logo.png) left top/230px auto no-repeat;color:#fff;} .contact_widget .widget:first-of-type ul li {font-size:16px;line-height:30px;letter-spacing:.32px;padding:0 0 15px 42px;background:url(images/icons/phone.png) left 6px/20px auto no-repeat;} .contact_widget .widget:first-of-type ul li:nth-child(2) {background-image:url(images/icons/email.png);} .contact_widget .widget:first-of-type ul li:nth-child(3) {background-image:url(images/icons/pin.png);background-size:17px auto;background-position:left 2px;} .contact_widget .widget:first-of-type ul li a, .contact_widget .widget:first-of-type ul li a:visited {color:#fff;} .contact_widget .widget:first-of-type ul li a:hover {color:#D2AA46;} .menu-social-menu-container ul {font-size:0;line-height:0;display:flex;flex-wrap:wrap;} .menu-social-menu-container ul li {padding:15px 19px 4px 0;} .menu-social-menu-container ul li a {display:block;width:39px;height:39px;box-sizing:border-box;border:2px solid #fff;background:url(images/blank.gif) center center/20px auto no-repeat;opacity:1;transition:opacity ease-in-out .2s;position:relative;} .menu-social-menu-container ul li a:before {content:'';display:block;width:100%;height:0;position:absolute;bottom:0;left:0;background:#fff;transition:height ease-in-out .15s;} .menu-social-menu-container ul li a:hover:before {height:100%;} .menu-social-menu-container ul li a:after {content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:1;background:url(images/blank.gif) center center/20px auto no-repeat;} .menu-social-menu-container ul li a[href*="instagram"] {background-image:url(images/icons/instagram.png);} .menu-social-menu-container ul li a[href*="instagram"]:hover:after {background-image:url(images/icons/instagram2.png);} .menu-social-menu-container ul li a[href*="facebook"] {background-image:url(images/icons/facebook.png);background-size:14px auto;} .menu-social-menu-container ul li a[href*="facebook"]:hover:after {background-image:url(images/icons/facebook2.png);background-size:14px auto;} .menu-social-menu-container ul li a[href*="youtube"] {background-image:url(images/icons/youtube.png);} .menu-social-menu-container ul li a[href*="youtube"]:hover:after {background-image:url(images/icons/youtube2.png);} .menu-social-menu-container ul li a[href*="linkedin"] {background-image:url(images/icons/linkedin.png);background-size:19px auto;} .menu-social-menu-container ul li a[href*="linkedin"]:hover:after {background-image:url(images/icons/linkedin2.png);background-size:19px auto;} .contact_widget .widget:last-of-type ul {display:flex;flex-wrap:wrap;color:#fff;padding-top:200px;} .contact_widget .widget:last-of-type ul li {font:700 36px/41px 'Trade Gothic LT Std';letter-spacing:0.72px;text-transform:uppercase;} .contact_widget .widget:last-of-type ul li:not(:last-child):after {content:'';margin:0 53px;display:inline-block;width:2px;height:100%;background:#fff;vertical-align:middle;position:relative;top:-7px;} .contact_widget .widget:last-of-type ul li a {color:#fff;transition:all ease-in-out .2s;} .contact_widget .widget:last-of-type ul li a:hover {opacity:.8;} nav {width:22%;} nav ul {padding-left:30px;border-left:1px solid rgba(0,0,0,.09);box-sizing:border-box;height:100%;display:flex;flex-flow:column wrap;justify-content:center;} nav ul li {font:600 23px 'Montserrat';letter-spacing:1.84px;text-transform:uppercase;padding:8px 0;transition:opacity .45s cubic-bezier(.215,.61,.355,1),transform .45s cubic-bezier(.215,.61,.355,1);opacity:0;} .page.active nav ul li {opacity:1;} body.active nav ul li {opacity:1;} nav ul li {transition-duration:.85s;} nav ul li:first-child {transition-delay:.50s;} nav ul li:nth-child(2) {transition-delay:.60s;} nav ul li:nth-child(3) {transition-delay:.65s;} nav ul li:nth-child(4) {transition-delay:.70s;} nav ul li:nth-child(5) {transition-delay:.75s;} nav ul li:nth-child(6) {transition-delay:.80s;} nav ul li:nth-child(7) {transition-delay:.85s;} nav ul li:nth-child(8) {transition-delay:.90s;} nav ul li:nth-child(9) {transition-delay:.95s;} .header.open nav ul li {transition-duration:.15s;} .header.open nav ul li:first-child {transition-delay:.60s;} .header.open nav ul li:nth-child(2) {transition-delay:.55s;} .header.open nav ul li:nth-child(3) {transition-delay:.50s;} .header.open nav ul li:nth-child(4) {transition-delay:.45s;} .header.open nav ul li:nth-child(5) {transition-delay:.40s;} .header.open nav ul li:nth-child(6) {transition-delay:.35s;} .header.open nav ul li:nth-child(7) {transition-delay:.30s;} .header.open nav ul li:nth-child(8) {transition-delay:.25s;} .header.open nav ul li:nth-child(9) {transition-delay:.20s;} .header.active.open{z-index: 1000;} nav ul li a, nav ul li a:visited {color:#433D39;} nav ul li a:hover {font-weight:700;} nav:first-of-type ul li:first-child {margin-top:0;} nav ul#menu-top-menu li:not(:first-child):not(:last-child):not(:nth-last-child(2)) {font-weight: 500;} nav ul#menu-top-menu li:not(:first-child):not(:last-child):not(:nth-last-child(2)) a:hover {font-weight: 600;} nav ul#menu-top-menu li:nth-child(7), nav ul#menu-top-menu-2 li:nth-child(4) {padding-bottom:38px;} /* Header white */ html:not(.active) .header.header_white {background:#fff;padding:0;top:-100px;transition:top ease-in-out .45s;transform:translateY(-150%);} html:not(.active) .header.header_fixed_top:not(.header_fixed) {position:fixed;transform:translateY(-150%);transition:transform ease-in-out .45s, top ease-in-out .45s;} html:not(.active) .header.header_fixed_top.header_fixed_hide:not(.header_fixed) {transform:translateY(-150%);} html:not(.active) .header.header_fixed {position:fixed;top:0;transform:none;} html:not(.active) .logged-in .header.header_fixed {top:32px;} .header.header_white .logo {width:219px;height:55px;background-image:url(images/logo2.png);border:14px solid #fff;border-top-width:4px;top:14px;position:relative;} .header.header_white .menu-top-bar-container ul li a, .header.header_white .menu-top-bar-container ul li a:visited {color:#1D3659;border-color:#1D3659;} .header.header_white .menu-top-bar-container ul li a:hover {color:#fff;border-color:#1D3659;box-shadow:inset 0 -3.25em 0 0 #1D3659;} .header.header_white .menu-top-bar-container ul li a[href*="tel"] {background-image:url(images/icons/phone4.png);} .header.header_white .menu-top-bar-container ul li a[href*="tel"]:hover {box-shadow:inset 0 -3.25em 0 0 #1D3659;} .header.header_white .menu-top-bar-container ul li a[href*="tel"]:hover:before {background-image:url(images/icons/phone2.svg);} .header.header_white .menu_trigger span {background:#1D3659;} .header.header_white .menu_trigger.active span {background-color:#fff;} .top_menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; background: #fff; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity .4s ease-in-out; -webkit-transform: translateZ(0); /* iOS fix */ } /* Replaced .top_menu.active with .active .top_menu rule */ /* Heading */ .heading {background-color:#201D1B;position:relative;} .heading:before {content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,.35);position:absolute;top:0;left:0;z-index:2;} .single-events .heading:before {background:linear-gradient(180deg, #00000042 0%, #00000056 49%, #000000 100%);} .heading .wrapper {min-height:787px;padding-top:100px;padding-bottom:200px;color:#fff;z-index:10;display:flex;align-items:center;} .heading .wrapper header {width:100%;} .page-contact .heading .wrapper {min-height:393px;padding-top:50px;padding-bottom:50px;} .heading h4 {margin-bottom:30px;padding-bottom:35px;background:url(images/demo/line2.png) left bottom/315px auto no-repeat;} .heading h1 {transition-delay:.3s;word-break: break-word;white-space: normal;} .heading_slider {position:absolute;top:0;left:0;height:100%;width:100%;display:none;} .heading_slider .slick-list, .heading_slider .slick-list * {height:100%;} .heading_slider .slick-list img, .heading_slider .slick-list video {object-fit:cover;height:100%;width:100%;} .heading_slider .slick-dots {display:flex;width:140px;align-items:center;position:absolute;bottom:105px;right:19%;z-index:12;} .heading_slider .slick-dots li {flex:1;} .heading_slider .slick-dots li button {font-size:0;line-height:0;border:none;padding:0;background:#fff;height:1px;width:100%;} .heading_slider .slick-dots li.slick-active button {height:3px;} .heading_content {width:100%;max-width:595px;min-height:380px;color:#fff;padding:40px 45px;box-sizing:border-box;background:#1D3659;font-weight:600;margin:-190px 0 90px 0;position:relative;z-index:100;transition-delay:.4s;} .heading_content .wp-block-buttons {gap:0;justify-content:space-between;} .heading_content .wp-block-button {width:calc(50% - 23px);} .heading_content .wp-block-button__link {min-width:100%;} /* Content block */ .content_block {position:relative;} .content_block:before {content:'';display:block;width:100%;height:100%;max-height:875px;background:linear-gradient(180deg, #D2AA460D 0%, #D2AA4600 100%);position:absolute;top:0;left:0;z-index:-1;} .single-events .content_block:before {top:auto;bottom:0;background:linear-gradient(360deg, #D2AA460D 0%, #D2AA4600 100%);} .content_block article > ul, .content_block article > ol {margin-bottom:20px;} .content_block article > ul li {list-style-position:inside;list-style-type:disc;} .content_block article > ol li {list-style-position:inside;list-style-type:decimal;} .content_block .event_info {position:absolute;top:180px;right:-5px;z-index:2;width:292px;padding:25px;box-sizing:border-box;margin:0;background:#D2AA46;transition:all ease-in-out .7s;opacity:0;transition-delay:.2s;} .content_block .event_info.inview {opacity:1;top:80px;} .content_block .event_info li {list-style:none;color:#fff;padding-bottom:15px;} .content_block .event_info li:last-child {padding-bottom:0;} .content_block .event_info li strong {font-weight:600;top:5px;position:relative;} .content_block article > .wp-block-columns:first-of-type .wp-block-column > * {transition:all ease-in-out .5s;opacity:0;transition-delay:.2s;} .content_block article > .wp-block-columns:first-of-type .wp-block-column > *.inview {opacity:1;} .single-theme .wp-block-cover .has-gray-color-background-color + .wp-block-cover__inner-container .wp-block-columns .wp-block-column > * {transition:all ease-in-out .5s;opacity:0;transition-delay:.2s;} .single-theme .wp-block-cover .has-gray-color-background-color + .wp-block-cover__inner-container .wp-block-columns .wp-block-column > *.inview {opacity:1;} .content_block article > .heading_content + .wp-block-columns .wp-block-column > * {transition:all ease-in-out .5s;opacity:0;transition-delay:.2s;} .content_block article > .heading_content + .wp-block-columns .wp-block-column > *.inview {opacity:1;} .wp-block-cover .wp-block-group .wp-block-group__inner-container > * {transition:all ease-in-out .5s;opacity:0;transition-delay:.2s;} .wp-block-cover .wp-block-group .wp-block-group__inner-container > *.inview {opacity:1;} .home .content_block .wp-block-columns .wp-block-column > * {transition:all ease-in-out .5s;opacity:0;transition-delay:.2s;} .home .content_block .wp-block-columns .wp-block-column > *.inview {opacity:1;} /* Inspiratie block */ .inspiratie_block {font-family: 'FreightBigPro';padding-top:50px;padding-bottom:50px;} .inspiratie_block .wrapper {display:flex;justify-content: space-between;} .inspiratie_block .wrapper:before {content:'';position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:-1;width:100vw;height:2px;background:#D2AA46;} .inspiratie_block .wrapper .text-content {padding:50px;background:white;width:fit-content;align-content: center;} .inspiratie_block .wrapper .text-content h4 {font-family: 'FreightBigPro';font-weight:700;font-size:38px;line-height:1.2em;} .inspiratie_block .wrapper .text-content p.inspiratie-link {padding-bottom: unset;} .inspiratie_block .wrapper .text-content p.inspiratie-link a {text-decoration: underline;font-size:30px;font-weight:bold;} .inspiratie_block .wrapper .uitgelichte-afbeelding {align-content: center;max-width:400px;} @media only screen and (min-width:900px) { .inspiratie_block .wrapper {left:80px;} .inspiratie_block .wrapper:before {transform:translateX(calc(-50% - 80px)) translateY(-50%);} } @media only screen and (max-width:768px) { .inspiratie_block .wrapper {flex-direction: column;} .inspiratie_block .wrapper:before {display: none;} .inspiratie_block .wrapper .text-content {position:relative;order:2;padding:30px;} .inspiratie_block .wrapper .text-content:before {content:'';position:absolute;left:-10px;top:50%;transform:translateX(0) translateY(-50%);z-index:-1;width:100vw;height:2px;background:#D2AA46;} .inspiratie_block .wrapper .text-content h4 {font-size:26px;} .inspiratie_block .wrapper .text-content p.inspiratie-link a {font-size: 20px;} .inspiratie_block .wrapper .uitgelichte-afbeelding {order:1;} } /* Gallery block */ .content_block figure.wp-block-gallery {gap:0;display:grid;grid-template-columns:37% repeat(auto-fill, minmax(17%, 1fr)) 21%;grid-gap:32px;margin-bottom:250px;} .content_block figure.wp-block-gallery .wp-block-image {width:100% !important;height:220px;overflow:hidden;} .content_block figure.wp-block-gallery .wp-block-image:nth-child(5n+1) {grid-row-end:span 2;height:auto;} .content_block figure.wp-block-gallery .wp-block-image:nth-child(5n+2) {grid-column-end:span 2;height:290px;} .content_block figure.wp-block-gallery .wp-block-image:nth-child(5n+3) {grid-row-end:span 2;height:auto;} .content_block figure.wp-block-gallery .wp-block-image img {transition:transform ease-in-out .2s;} .content_block figure.wp-block-gallery .wp-block-image:hover img {transform:scale(1.1);} .gallery_block {position:relative;} .gallery_block:before {content:'';border-top:1px solid #D2AA46;border-left:1px solid #D2AA46;width:32px;height:216px;position:absolute;top:167px;left:2px;z-index:1;box-sizing:border-box;transition:all ease-in-out .7s;opacity:0;margin-top:0;transition-delay:.3s;} .gallery_block.inview:before {margin-top:0;opacity:1;} .gallery_block ul {display:grid;grid-template-columns:49% 51%;grid-gap:0;position:relative;padding:0 75px 0 100px;margin:115px -70px;} .gallery_block ul:before {content:'';border-top:1px solid #D2AA46;border-left:1px solid #D2AA46;width:25%;max-width:302px;height:64px;box-sizing:border-box;position:absolute;top:77px;right:calc(23% - 8px);z-index:1;transition:all ease-in-out .7s;opacity:0;margin-top:0;transition-delay:.3s;} .gallery_block ul:after {content:'';border-bottom:1px solid #D2AA46;border-right:1px solid #D2AA46;width:41px;height:145px;box-sizing:border-box;position:absolute;top:353px;right:38px;z-index:1;transition:all ease-in-out .7s;opacity:0;margin-top:0;transition-delay:.3s;} .gallery_block.inview ul:before, .gallery_block.inview ul:after {margin-top:0;opacity:1;} .gallery_block ul li {transition:all ease-in-out .6s;opacity:0;transition-delay:.2s;} .gallery_block ul li.inview {opacity:1;} .gallery_block ul li:nth-child(2) {transition-delay:.3s;} .gallery_block ul li:nth-child(3) {transition-delay:.4s;} .gallery_block ul li:nth-child(4) {transition-delay:.5s;} .gallery_block ul li img {height:366px;object-fit:cover;width:100%;box-sizing:border-box;border:4px solid #f3f3f3;} .gallery_block ul li:nth-child(4n+1) img {height:570px;} .gallery_block ul li:nth-child(4n+2) {margin-top:137px;} .gallery_block ul li:nth-child(4n+2) img {height:600px;} .gallery_block ul li:nth-child(4n+3) {position:absolute;top:-4px;right:0;width:100%;max-width:23%;} .gallery_block ul li:nth-child(4n+3) img {border-width:8px;} .gallery_block ul li:nth-child(4n+4) {position:absolute;bottom:-4px;left:0;width:100%;max-width:44%;} .gallery_block ul li:nth-child(4n+4) img {border-width:8px;} /* Cover block */ .wp-block-cover {padding:115px 20px;min-height:1px;margin-bottom:0px;} .single-theme .wp-block-cover:nth-last-child(2), .page-locatie .wp-block-cover:last-child, .page-thema .wp-block-cover:last-child {margin-bottom:0;position:relative;z-index:10;} .page-zakelijk .wp-block-cover:last-child, .page-feesten .wp-block-cover:last-child {margin-bottom:0;position:relative;z-index:10;} .wp-block-cover .wp-block-cover__inner-container {max-width:1200px;} .wp-block-cover .wp-block-group {max-width:570px;margin:0 !important;} .wp-block-cover .wp-block-group .wp-block-buttons {margin-top:30px;gap:35px;} .wp-block-cover .wp-block-group .wp-block-buttons .wp-block-button:first-of-type a {min-width:225px;} .single-events .wp-block-cover {padding-top:109px;padding-bottom:139px;margin-bottom:0;} .single-events .wp-block-cover .wp-block-media-text {padding:0;} .single-arragements .wp-block-cover {padding-top:93px;padding-bottom:100px;margin-bottom:150px;} .single-arragements .wp-block-cover .wp-block-column:nth-child(2) {padding-top:85px;} .single-arragements .wp-block-cover .wp-block-column:nth-child(2) .wp-block-group {mask:url(images/demo/shape2.svg) center center/contain no-repeat;-webkit-mask:url(images/demo/shape2.svg) center center/contain no-repeat;max-width:438px;min-height:317px;padding:35px;box-sizing:border-box;background:#FDFBF6;color:#3E3E3E;position:relative;transition:all ease-in-out .7s;opacity:0;top:100px;transition-delay:.3s;} .single-arragements .wp-block-cover .wp-block-column:nth-child(2) .wp-block-group.inview {top:0;opacity:1;} .single-arragements .wp-block-cover .wp-block-column:nth-child(2) .wp-block-group p {padding-bottom:10px;font-weight:400;} .single-arragements .wp-block-cover .wp-block-column:nth-child(2) .wp-block-group ul li {padding-left:23px;position:relative;} .single-arragements .wp-block-cover .wp-block-column:nth-child(2) .wp-block-group ul li:before {content:'';display:block;width:6px;height:6px;background:#D2AA46;border-radius:50%;position:absolute;top:13px;left:6px;} .single-arragements .wp-block-cover .wp-block-column .wp-block-group h3.is-style-alt {line-height:52px;} .single-arragements .wp-block-cover .wp-block-column .wp-block-group h3.is-style-alt:before {display:none;} .single-arragements .wp-block-cover .wp-block-column .wp-block-group .wp-block-group__inner-container > * {transition:all ease-in-out .4s;opacity:0;transition-delay:.2s;} .single-arragements .wp-block-cover .wp-block-column .wp-block-group .wp-block-group__inner-container > *.inview {opacity:1;} .single-theme .wp-block-cover .has-gray-color-background-color + .wp-block-cover__inner-container {padding-top:60px;} .single-theme .wp-block-cover .has-gray-color-background-color + .wp-block-cover__inner-container h2 {position:relative;display:inline-block;padding-bottom:73px;max-width:500px;} .single-theme .wp-block-cover .has-gray-color-background-color + .wp-block-cover__inner-container h2:before {content:'';display:block;width:201px;height:47px;position:absolute;bottom:45px;right:-40px;background:url(images/demo/water.svg) left center/100% auto no-repeat;} /* Media text */ .wp-block-media-text {padding:104px 0 250px 0;grid-template-columns:47% 1fr;} .wp-block-media-text .wp-block-media-text__content {padding:0 10px 0 56px;} .wp-block-media-text .wp-block-media-text__content .wp-block-buttons {margin-top:30px;gap:35px;} .wp-block-media-text .wp-block-media-text__content .wp-block-buttons .wp-block-button:first-of-type a {min-width:225px;} .wp-block-media-text.has-media-on-the-right {grid-template-columns:1fr 47%;} .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding:0 56px 0 10px;} .wp-block-media-text.alignwide .wp-block-media-text__media {height:calc(100% + 215px);max-height:702px;margin-left:calc((-100vw + 153%) / 2);} .wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__media {margin-left:0;margin-right:calc((-100vw + 153%) / 2);} .wp-block-media-text.alignwide .wp-block-media-text__media img {height:100%;object-fit:cover;} .wp-block-media-text .wp-block-media-text__content > * {transition:all ease-in-out .4s;opacity:0;transition-delay:.2s;} .wp-block-media-text .wp-block-media-text__content > *.inview {opacity:1;} .wp-block-media-text.mediacontent_block {margin-bottom:40px;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media {height:100%;position:relative;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media:before {content:'';border-bottom:2px solid #D2AA46;border-right:2px solid #D2AA46;display:block;width:129px;height:55px;position:absolute;bottom:-55px;left:300px;box-sizing:border-box;z-index:1;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media:after {content:'';border-left:2px solid #D2AA46;border-top:2px solid #D2AA46;display:block;width:20px;height:163px;position:absolute;bottom:175px;left:-20px;box-sizing:border-box;z-index:1;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media img {height:100%;object-fit:cover;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media img:nth-child(2) {width:355px;height:270px;position:absolute;bottom:-102px;left:-62px;border:7px solid #fefdfa;} .single .wp-block-media-text.has-media-on-the-right {grid-template-columns:1fr 43%;} .single .wp-block-media-text .wp-block-media-text__content h2 {position:relative;} .single .wp-block-media-text .wp-block-media-text__content h2:before {content:'';display:block;width:183px;height:43px;position:absolute;bottom:45px;left:0;background:url(images/demo/water.svg) left center/100% auto no-repeat;} .single .wp-block-media-text .wp-block-media-text__content .wp-block-buttons {margin-top:10px;gap:54px;} .single-events .wp-block-media-text .wp-block-media-text__content .wp-block-buttons .wp-block-button:first-of-type a {min-width:175px;} .single-events .wp-block-media-text.mediacontent_block .wp-block-media-text__content {padding-top:95px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__content h3 {position:relative;display:inline-block;padding-bottom:63px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__content h3:before {content:'';display:block;width:200px;height:47px;position:absolute;bottom:40px;right:-105px;background:url(images/demo/water.svg) left center/100% auto no-repeat;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media {text-align:right;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media:before {width:102px;height:63px;bottom:-53px;left:263px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media:after {width:34px;height:84px;bottom:254px;left:auto;right:415px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media img {max-height:495px;max-width:415px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media img:nth-child(1) {max-height:calc(100% - 10px);} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media img:nth-child(2) {width:268px;height:349px;position:absolute;bottom:-102px;left:-12px;} .single-theme .wp-block-media-text {max-width:1020px;margin:0 auto;} .single-theme .wp-block-media-text .wp-block-media-text__content {padding-top:55px;} .single-theme .wp-block-media-text .wp-block-media-text__content ul {width:100vw;max-width:513px;min-height:278px;padding:25px;margin:65px 0 -150px -120px;box-sizing:border-box;background:#f3f3f3;transition-delay:.5s;} .single-theme .wp-block-media-text .wp-block-media-text__content ul li {padding:0 0 20px 33px;background:url(images/icons/check.svg) left 10px no-repeat;} .single-theme .wp-block-media-text .wp-block-media-text__content ul li:last-child {padding-bottom:0;} .single-theme .wp-block-media-text .wp-block-media-text__content h1 {text-align:right;margin-left:calc(-124.5% + 56px);min-width:calc(227% - 56px);} .single-theme .wp-block-media-text .wp-block-media-text__content h1:before {right:-100px;} .single-theme .wp-block-media-text .wp-block-media-text__content h1 span {position:absolute;top:0;right:0;width:100%;color:#fff;clip-path:polygon(0 0, calc(53% - 63px) 0, calc(53% - 63px) 100%, 0 100%);} .single-theme .wp-block-media-text .wp-block-media-text__content > * {transition:all ease-in-out .4s;opacity:0;transition-delay:.2s;} .single-theme .wp-block-media-text .wp-block-media-text__content > *.inview {opacity:1;} .single-theme .wp-block-media-text .wp-block-media-text__content p {transition-delay:.3s;} .single-theme .wp-block-media-text .wp-block-media-text__content .wp-block-buttons {transition-delay:.4s;} @media only screen and (min-width:769px) { .meer-dan-restaurant.wp-block-media-text .wp-block-media-text__media {align-self:flex-start;padding-top: 120px;} } /* Contact */ .page-contact .content_block .wp-block-columns {gap:0;} .page-contact .content_block .wp-block-columns .wp-block-column {padding:95px 80px;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:first-of-type {padding:125px 0 20px 0;background:url(images/logo.png) left top/315px auto no-repeat;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:first-of-type li {font-size:20px;line-height:38px;letter-spacing:.4px;padding:0 0 30px 57px;background:url(images/icons/phone.png) left 6px/25px auto no-repeat;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:first-of-type li:nth-child(2) {background-image:url(images/icons/email.png);} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:first-of-type li:nth-child(3) {background-image:url(images/icons/pin.png);background-size:22px auto;background-position:left 2px;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:first-of-type li a, .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:first-of-type li a:visited {color:#fff;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:first-of-type li a:hover {color:#D2AA46;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) {font-size:0;line-height:0;display:flex;flex-wrap:wrap;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li {padding:10px 16px 6px 0;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a {display:block;width:52px;height:52px;box-sizing:border-box;border:2px solid #fff;background:url(images/blank.gif) center center/28px auto no-repeat;opacity:1;transition:opacity ease-in-out .2s;position:relative;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a:before {content:'';display:block;width:100%;height:0;position:absolute;bottom:0;left:0;background:#fff;transition:height ease-in-out .15s;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a:hover:before {height:100%;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a:after {content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:1;background:url(images/blank.gif) center center/28px auto no-repeat;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a[href*="instagram"] {background-image:url(images/icons/instagram.png);} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a[href*="instagram"]:hover:after {background-image:url(images/icons/instagram2.png);} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a[href*="facebook"] {background-image:url(images/icons/facebook.png);background-size:18px auto;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a[href*="facebook"]:hover:after {background-image:url(images/icons/facebook2.png);background-size:18px auto;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a[href*="youtube"] {background-image:url(images/icons/youtube.png);} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a[href*="youtube"]:hover:after {background-image:url(images/icons/youtube2.png);} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a[href*="linkedin"] {background-image:url(images/icons/linkedin.png);background-size:25px auto;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:nth-of-type(2) li a[href*="linkedin"]:hover:after {background-image:url(images/icons/linkedin2.png);background-size:25px auto;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(3) {background:url(images/demo/img.jpg) center bottom/cover no-repeat;position:relative;color:#fff;display:flex;flex-flow:column wrap;justify-content:flex-end;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(3):before {content:'';display:block;width:100%;height:57%;background:linear-gradient(180deg, #00000000 0%, #000000CC 54%, #000000 100%);opacity:0.8;position:absolute;bottom:0;left:0;z-index:1;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(3) > * {position:relative;z-index:2;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(3) > h3.is-style-alt {line-height:68px;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(3) > h3.is-style-alt:before {display:none;} /* Map block */ .map_block .acf-map {min-height:575px;position:relative;} .map_block .acf-map img {max-width:inherit !important;} /* Group block */ .single article > .wp-block-group {padding-bottom:113px;} .single article > #menu.wp-block-group {padding-top: 90px;} .single article > .wp-block-group .wp-block-group__inner-container {background:#fff;box-shadow:0px 3px 15px #00000029;border-radius:6px;max-width:757px;margin:0 auto;padding:45px 60px 60px 60px;box-sizing:border-box;} .single article > .wp-block-group h2 {padding-bottom:5px;} .single article > .wp-block-group p strong {font-size:20px;font-weight:600;} .single article > .wp-block-group ul {padding:20px 0 0 0;text-align:center;} .single article > .wp-block-group ul li strong {font-weight:600;font-size:18px;} .single article > .wp-block-group ul li:after {content:'';display:block;width:42px;height:2px;background:#D2AA46;margin:31px auto;} .single article > .wp-block-group ul li:last-child:after {background:none;} /* Events slider */ .home .events_slider.events_slider2 {padding-top: 200px;} .home .events_slider.events_slider2:before {content:"Events";font: 300 73px/68px 'FreightBigPro';letter-spacing: 3.65px;color:white;position:absolute;width:100%;text-align:center;padding-top:100px;} .home .events_slider {min-height: unset !important;} .events_slider {background-color:#201D1B;position:relative;min-height:100vh;padding:105px 0 82px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;} .events_slider_pad {display:block;padding-top:8%;} .events_slider:before {content:'';display:block;width:100%;height:100%;background:linear-gradient(180deg, #00000042 0%, #000000A3 100%);position:absolute;top:0;left:0;z-index:2;} .events_slider .slider {position:relative;z-index:5;flex:1;min-height:781px;} .events_slider .slick-slide, .events_slider .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {width:911px;padding-top:50px;opacity:0.5;transition:all 2.5s ease;} .events_slider figure {padding:25px 115px;position:relative;transition:all 2.5s ease;} .events_slider figure > div {width:100%;height:581px;position:relative;box-shadow:0px 3px 25px #000000;border-radius:14px;transition:all 2.5s ease;} .events_slider figure > div:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:linear-gradient(91deg, #000000 0%, #000000FB 13%, #00000000 100%);border-radius:0px;opacity:0.7;z-index:1;} .events_slider figure > div img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0px;} .events_slider figure figcaption {position:absolute;top:50%;left:-35px;transform:translateY(-50%);z-index:5;color:#fff;max-width:450px;padding:45px 0 0 42px;box-sizing:border-box;opacity:0;transition:all .7s ease;} .events_slider figure figcaption > * {position:relative;z-index:5;} .events_slider figure figcaption .line {position:absolute;top:0;left:0;background:#0000002E;height:calc(100% - 29px);width:150px;z-index:1;border:1px solid #000;border-right:none;} .events_slider figure figcaption h5 {font-size:20px;padding:10px 0 40px 0;} .events_slider figure figcaption p {max-width:260px;} .events_slider figure figcaption .wp-block-button__link {background:#fff;} .events_slider figure figcaption .wp-block-button__link:not(:hover) {color:#fff !important;} .events_slider figure figcaption .wp-block-button__link:hover {box-shadow:none !important;} .events_slider .slick-current, .events_slider .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {width:911px;padding-top:0;opacity:1;} .events_slider .slick-current figure > div, .events_slider .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] figure > div {width:681px;min-width:681px;height:681px;} .events_slider .slick-current figure figcaption, .events_slider .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] figure figcaption {opacity:1;} .events_slider .events_slider_nav {position:absolute;bottom:105px;right:210px;z-index:100;} .events_slider .slick-dots {display:flex;width:140px;align-items:center;} .events_slider .slick-dots li {flex:1;} .events_slider .slick-dots li button {font-size:0;line-height:0;border:none;padding:0;background:#fff;height:1px;width:100%;} .events_slider .slick-dots li.slick-active button {height:3px;} .events_slider .slick-arrow {background-image: url("https://dukdalf2025.coersonline.nl/wp-content/uploads/2025/03/pijltje-links.png");background-color:transparent;background-size:30px auto;background-position:right 50px center;background-repeat: no-repeat;position:absolute;top:75px;left:0;display:block;width:calc((100% - 911px) / 2 - 115px);height:calc(100% - 150px);font-size:0;line-height:0;border:none;z-index:10;} .events_slider .slick-arrow.slick-next {background-image:url("https://dukdalf2025.coersonline.nl/wp-content/uploads/2025/03/pijltje-rechts.png");background-position: left 50px center;} .events_slider .slick-next {left:auto;right:0;} /* Contact form */ .contact_form_wrap {background:url(images/demo/sea.jpg) center center/cover no-repeat;position:relative;} .contact_form_wrap:before {content:'';background:#000;mix-blend-mode:multiply;opacity:0.76;position:absolute;top:0;left:0;display:block;width:100%;height:100%;} .contact_form_wrap .widget {max-width:1200px;padding:76px 0 76px 86px;box-sizing:border-box;margin:0 auto;color:#fff;position:relative;z-index:5;min-height:500px;} .contact_form_wrap .widget:before {content:'';display:block;width:485px;height:485px;background:url(images/demo/contact_form.png) no-repeat;position:absolute;top:50%;right:-125px;transform:translateY(-50%);} .contact_form_wrap .gform_wrapper {max-width:627px;} .contact_form_wrap .gform_wrapper .gform_heading {padding-bottom:8px;background:none;} .contact_form_wrap .gform_wrapper .gform_heading h2 {font:300 65px/68px 'FreightBigPro';letter-spacing:3.25px;padding-bottom:25px;} .contact_form_wrap .gform_wrapper .gform_heading p {font-weight:300;padding-bottom:0;} .single-arragements .contact_form_wrap .gform_wrapper .gform_heading p {display:none;} .contact_form_wrap input[type="text"], .contact_form_wrap input[type="email"], .contact_form_wrap input[type="tel"], .contact_form_wrap textarea {font-size:16px;color:#fff;border-bottom-color:#707070;padding:0;} .contact_form_wrap input[type="text"]::placeholder, .contact_form_wrap input[type="email"]::placeholder, .contact_form_wrap input[type="tel"]::placeholder, .contact_form_wrap textarea::placeholder {color:#B9B9B9;opacity:1;} .contact_form_wrap input[type="checkbox"] + label:before {border-color:#fff;} .contact_form_wrap input[type="checkbox"]:checked + label:before, .contact_form_wrap input[type="checkbox"] + label:active:before {background-image:url(images/icons/checkbox2.png);} .contact_form_wrap .gform_wrapper .gform_body .gfield.gfield--type-html {font-size:16px;display:none;padding-bottom:10px;} .single-arragements .contact_form_wrap .gform_wrapper .gform_body .gfield.gfield--type-html {display:block;} .contact_form_wrap .gform_wrapper .gform_body .gfield {padding-bottom:32px;} .contact_form_wrap .gform_wrapper .gform_body .gfield .validation_message {left:0;} .contact_form_wrap .gform_wrapper .gform_footer {text-align:left;padding-top:15px;} .contact_form_wrap .gform_wrapper .gform_footer .button, .contact_form_wrap .gform_wrapper .gform_footer .button:visited {color:#fff;border-color:#D2AA46;box-shadow:inset 0 -3.25em 0 0 #D2AA46;min-width:124px;height:36px; border: none;} .contact_form_wrap .gform_wrapper .gform_footer .button:hover {color:#D2AA46;border-color:#D2AA46;box-shadow:none;} /* Arragements */ .page-arrangementen .content_block .wp-block-columns {padding:97px 0 146px 0;} .page-werken-bij .content_block .wp-block-columns{padding:0;} .content_block .wp-block-columns .wp-block-column h3.is-style-alt {position:relative;line-height:52px;display:inline-block;} .content_block .wp-block-columns .wp-block-column h3.is-style-alt:before {content:'';display:block;width:200px;height:47px;position:absolute;bottom:-5px;right:15%;background:url(images/demo/water.svg) left center/100% auto no-repeat;} .arragements_list {padding-bottom:0;position:relative;} @media only screen and (min-width: 1320px) { .arragements_list {margin:0 -60px;} } .arragements_list.finished {padding-bottom:230px;} .arragements_list ul {display:grid;grid-template-columns:repeat(auto-fill, minmax(30%, 1fr));grid-gap:75px 60px;} .arragements_list li:nth-child(3n-1) {position:relative;top:137px;} .arragements_list li:nth-child(3n-1).inview {top:37px;} .arragements_list li {transition-delay:.2s;} .arragements_list li:nth-child(2) {transition-delay:.25s;} .arragements_list li:nth-child(3) {transition-delay:.3s;} .arragements_list li:nth-child(4) {transition-delay:.35s;} .arragements_list li:nth-child(5) {transition-delay:.4s;} .arragements_list li:nth-child(6) {transition-delay:.45s;} .arragements_list li:nth-child(7) {transition-delay:.5s;} .arragements_list li:nth-child(8) {transition-delay:.55s;} .arragements_list li:nth-child(9) {transition-delay:.6s;} .arragements_list li:nth-child(10) {transition-delay:.65s;} .arragements_list li:nth-child(11) {transition-delay:.7s;} .arragements_list li:nth-child(12) {transition-delay:.75s;} .arragements_list li figure {position:relative;} .arragements_list li figure:before {content:'';background:linear-gradient(180deg, #00000000 0%, #24160A 100%);mix-blend-mode:multiply;opacity:0.56;position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;max-height:316px;z-index:1;} .arragements_list li figure > div {height:397px;} .arragements_list li figure > div:before {content:'';height:5px;width:100%;display:block;position:absolute;bottom:0;left:0;background:#1D3659;z-index:2;transition:height ease-in-out .2s;} .arragements_list li figure:hover > div:before {height:13px;} .arragements_list li figure > div img {width:100%;height:100%;object-fit:cover;} .arragements_list li figure .link {position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:5;} .arragements_list li figure figcaption {position:absolute;bottom:0;left:0;display:block;width:100%;z-index:2;padding:0 29px 46px 29px;box-sizing:border-box;color:#fff;font-size:14px;line-height:25px;transition:bottom ease-in-out .2s;} .arragements_list li figure:hover figcaption {bottom:8px;} .arragements_list li figure figcaption p {padding:0;} .arragements_list li figure figcaption h4 {font-size:27px;font-weight:600;padding-bottom:13px;} .arragements_list .has-text-align-center {grid-column-end:span 3;min-width:100%;} .arragements_list .has-text-align-center .button {position:relative;z-index:11;top:-220px;} .arragements_list .has-text-align-center:before {content:'';display:block;width:300vw;height:55%;max-height:550px;position:absolute;bottom:210px;left:-100vw;background:linear-gradient(180deg, #F3F3F300 0%, #F3F3F3 71%, #FFFFFF 100%);z-index:10;} .arragements_list .has-text-align-center:after {content:'';display:block;width:300vw;height:210px;position:absolute;bottom:0;left:-100vw;background:#fff;z-index:10;} /* Theme Slider */ .theme_slider {margin-bottom:100px;} .theme_slider .slick-slide {padding:8px 0;} .theme_slider figure {background:#fff;display:flex;} .theme_slider figure > div {width:42%;order:2;box-shadow:0px 10px 35px #0000000D;margin:-8px 0;} .theme_slider figure figcaption {flex:1;padding:48px 39px 30px 39px;} .theme_slider figure figcaption h4 {color:#D2AA46 !important;font-weight:600;font-size:30px;padding-bottom:29px;} .theme_slider figure figcaption > div {min-height:186px;} .theme_slider .slick-arrow {position:absolute;bottom:8px;right:34px;z-index:10;background:#D2AA46 url(images/icons/prev.svg) center center no-repeat;height:29px;width:26px;border:none;font-size:0;line-height:0;transition:background-color ease-in-out .2s;} .theme_slider .slick-next {right:8px;background-image:url(images/icons/next.svg);} .theme_slider .slick-arrow:hover {background-color:#705208;} .theme_slider .slick-dots {display:flex;width:140px;align-items:center;position:absolute;bottom:-35px;left:0;} .theme_slider .slick-dots li {flex:1;} .theme_slider .slick-dots li button {font-size:0;line-height:0;border:none;padding:0;background:#fff;height:1px;width:100%;} .theme_slider .slick-dots li.slick-active button {height:3px;} /* Image Block */ .wp-block-image.alignfull img {margin:100px;max-width:calc(100% - 200px);} /* Deal Block */ .deal_block {padding-top:100px;margin-top:-80px;position:relative;z-index:20;} .deal_block:before {content:'';display:block;width:300vw;height:100px;background:linear-gradient(180deg, #F3F3F3 0%, #FFFFFF 100%);position:absolute;top:0;left:-100vw;} .deal_block > h4 {text-align:center;color:#1D3659;margin-bottom:15px;} .deal_block h1 {text-align:center;font-size:85px;line-height:90px;font-weight:700;letter-spacing:4.25px;min-height:119px;background-color:#433d39;color:#fff;padding:0;display:flex;align-items:center;justify-content:center;margin-bottom:100px;} .deal_block .cols {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;max-width:996px;margin:0 auto;} .deal_block .cols > div:first-of-type {flex:1;max-width:455px;} .deal_block .cols > div:first-of-type strong {font-weight:600;} .deal_block .all_inclusive {width:446px;position:relative;} .deal_block .all_inclusive:before {content:'all inclusive';position:absolute;top:-16px;right:18px;z-index:2;color:#D2AA46;font:51px/51px 'Viva Beautiful Pro B';} .deal_block .all_inclusive > div > * {transition:all ease-in-out .4s;opacity:0;transition-delay:.2s;} .deal_block .all_inclusive > div > *.inview {opacity:1;} .deal_block .all_inclusive > div {width:100%;min-height:527px;color:#B9B9B9;padding:40px;box-sizing:border-box;background:#433d39 url(images/demo/sign.png) right bottom no-repeat;font-size:14px;line-height:25px;} .deal_block .all_inclusive p em {padding:5px;color:#fff;font-style:normal;margin-bottom:10px;background:#D2AA46;min-width:131px;height:52px;font-size:20px;font-weight:600;text-align:center;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;} .deal_block .all_inclusive p {padding-bottom:11px;} .deal_block .all_inclusive p:nth-of-type(2) {transition-delay:.3s;} .deal_block .all_inclusive p:nth-of-type(3) {transition-delay:.4s;} .deal_block .all_inclusive p strong {color:#fff;font-size:16px;line-height:30px;font-weight:600;} .deal_block .all_inclusive ul {display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 50px 0;transition-delay:.5s;} .deal_block .all_inclusive ul li {font-size:12px;line-height:20px;flex:1 0 50%;} .deal_block .all_inclusive .wp-block-buttons {transition-delay:.6s;} .deal_block .all_inclusive .wp-block-button {min-width:100%;} .deal_block .all_inclusive .wp-block-button__link {text-transform:uppercase;min-width:100%;} .deal_block .tips_list {padding-bottom:300px;position:relative;z-index:8;} @media only screen and (min-width: 1360px) { .deal_block .tips_list {margin:0 -70px;} } .deal_block .tips_list .content {border:4px solid #f3f3f3;background:#73675D;color:#fff;max-width:445px;padding:35px;box-sizing:border-box;position:relative;z-index:10;margin-top:-140px;} .deal_block .tips_list .content h5 {text-align:center;padding-bottom:30px;max-width:250px;margin:0 auto;} .deal_block .tips_list .content ul {margin-bottom:25px;} .deal_block .tips_list .content ul li {font-size:14px;line-height:25px;padding-bottom:22px;opacity:0;transition-delay:.2s;transition:all ease-in-out .4s;transition-delay:.5s;} .deal_block .tips_list.inview .content ul li {opacity:1;} .deal_block .tips_list .content ul li:nth-child(2) {transition-delay:1s;} .deal_block .tips_list .content ul li:nth-child(3) {transition-delay:1.5s;} .deal_block .tips_list .content ul li:nth-child(4) {transition-delay:2s;} .deal_block .tips_list .content ul li:nth-child(5) {transition-delay:2.5s;} .deal_block .tips_list .content ul li strong {display:block;font-weight:600;} .deal_block .tips_list .content .wp-block-button, .deal_block .tips_list .content .wp-block-button__link {min-width:100%;} .deal_block .tips_list > ul {display:flex;} .deal_block .tips_list > ul li {width:412px;height:412px;position:absolute;bottom:-33px;left:7.5%;z-index:5;opacity:0;transition-delay:.2s;transition:all ease-in-out .4s;transition-delay:.5s;} .deal_block .tips_list.inview > ul li {opacity:1;} .deal_block .tips_list > ul li div {border:4px solid #f3f3f3;width:100%;height:100%;} .deal_block .tips_list > ul li div img {width:100%;height:100%;object-fit:cover;} .deal_block .tips_list > ul li span {font:30px/30px 'Viva Beautiful Pro B';position:absolute;bottom:10px;right:10px;color:#fff;} .deal_block .tips_list > ul li:nth-child(2) {width:357px;height:357px;bottom:236px;left:36%;z-index:1;transition-delay:1s;} .deal_block .tips_list > ul li:nth-child(2) span {bottom:auto;top:20px;} .deal_block .tips_list > ul li:nth-child(3) {width:351px;height:351px;bottom:-80px;left:48.5%;z-index:4;transition-delay:1.5s;} .deal_block .tips_list > ul li:nth-child(3) span {right:auto;left:10px;} .deal_block .tips_list > ul li:nth-child(4) {width:399px;height:399px;bottom:105px;left:auto;right:3%;z-index:2;transition-delay:2s;} .deal_block .tips_list > ul li:nth-child(5) {width:338px;height:338px;bottom:428px;left:auto;right:0;z-index:3;transition-delay:2.5s;} /* Theme filter */ .theme_filter_block {padding-bottom:150px;min-height:715px;box-sizing:border-box;position:relative;margin-left:-180px;} .theme_filter_block .filters-button-group {display:flex;align-items:center;color:#5D5D5D;font-size:13px;padding-bottom:32px;} .theme_filter_block .filters-button-group div {margin-left:21px;height:62px;max-width:277px;width:100%;position:relative;} .theme_filter_block .filters-button-group div span {background:#F3F3F3;position:relative;display:flex;align-items:center;width:100%;height:100%;padding:0 50px 0 32px;box-sizing:border-box;cursor:pointer;} .theme_filter_block .filters-button-group div span:before {content:'';background:url(images/icons/arrow.svg) center center no-repeat;position:absolute;top:calc(50% - 6px);right:33px;display:block;width:12px;height:12px;} /*.theme_filter_block .filters-button-group div:hover span:before {transform:rotate(180deg);}*/ .theme_filter_block .filters-button-group div.active span:before {transform:rotate(180deg);} .theme_filter_block .filters-button-group ul {position:absolute;top:100%;left:0;width:100%;padding:10px;background:#fff;z-index:20;display:none;} /*.theme_filter_block .filters-button-group div:hover ul {display:block;}*/ .theme_filter_block .filters-button-group div.active ul {display:block;} .theme_filter_block .filters-button-group ul li button {border:none;margin:0;background:none;padding:15px 10px 15px 22px;color:#5D5D5D;cursor:pointer;width:100%;text-align:left;box-sizing:border-box;font:300 13px 'Montserrat', sans-serif;} .theme_filter_block .filters-button-group ul li button:hover {color:#000;} .theme_filter_block .grid {margin:0 -2%;max-width:1100px;} .theme_filter_block .element-item {width:100%;max-width:29.33%;height:330px;margin:0 2% 4% 2%;} /*.theme_filter_block .element-item.marg figure {top:32px;}*/ .theme_filter_block .element-item figure {width:100%;height:100%;position:relative;transition-delay:.2s;} .theme_filter_block .element-item:nth-child(2) figure {transition-delay:.25s;} .theme_filter_block .element-item:nth-child(3) figure {transition-delay:.3s;} .theme_filter_block .element-item:nth-child(4) figure {transition-delay:.35s;} .theme_filter_block .element-item:nth-child(5) figure {transition-delay:.4s;} .theme_filter_block .element-item:nth-child(6) figure {transition-delay:.45s;} .theme_filter_block .element-item:nth-child(7) figure {transition-delay:.5s;} .theme_filter_block .element-item:nth-child(8) figure {transition-delay:.55s;} .theme_filter_block .element-item:nth-child(9) figure {transition-delay:.6s;} .theme_filter_block .element-item:nth-child(10) figure {transition-delay:.65s;} .theme_filter_block .element-item:nth-child(11) figure {transition-delay:.7s;} .theme_filter_block .element-item:nth-child(12) figure {transition-delay:.75s;} .theme_filter_block .element-item figure div, .theme_filter_block .element-item figure div img {width:100%;height:100%;background-color:#1D3659;object-fit:cover;} .theme_filter_block .element-item figure div:before {content:'';display:block;width:100%;height:263px;position:absolute;bottom:0;left:0;background:linear-gradient(180deg, #00000000 0%, #24160A 100%);mix-blend-mode:multiply;opacity:0.56;} .theme_filter_block .element-item figure div:after {content:'';display:block;width:100%;height:5px;position:absolute;bottom:0;left:0;background:#D2AA46;transition:all ease-in-out .2s;} .theme_filter_block .element-item figure:hover div:after {height:13px;} .theme_filter_block .element-item.zakelijk figure div:after {background:#1D3659;} .theme_filter_block .element-item figure .link {display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:5;} .theme_filter_block .element-item figure figcaption {width:100%;position:absolute;bottom:0;left:0;z-index:3;color:#fff;padding:0 24px 10px 24px;box-sizing:border-box;transition:all ease-in-out .2s;} .theme_filter_block .element-item figure:hover figcaption {padding-bottom:18px;} .theme_filter_block .element-item figure figcaption p {font-size:14px;line-height:25px;padding-bottom:15px;} .theme_filter_block .visible_item {display:none;} .theme_filter_block .has-text-align-center {padding-top:10px;max-width:1100px;margin:0 -2%;position:relative;z-index:11;} .theme_filter_block .has-text-align-center .button {min-width:30.33%;} body.page-locatie, body.page-thema, body.page-zakelijk, body.page-feesten {overflow-x:visible;} .theme_filter_block .side_form {position:absolute;top:0;right:-140px;width:100%;height:calc(100% - 200px);display:flex;align-items:flex-start;justify-content:flex-end;transition-delay:1.1s;} .theme_filter_block .side_form:before {content:'';position:absolute;top:0;right:-300px;width:660px;height:300px;display:block;background:#fffefd;z-index:11;display:none;} .theme_filter_block .side_form > div {position:sticky;opacity:0;top:130px;right:0;margin-right:-300px;width:360px;padding:300px 10px 10px 10px;box-sizing:border-box;z-index:10;background:#433d39 url(images/demo/book.png) center top/contain no-repeat;color:#fff;transition:all ease-in-out .7s;transition-delay:1.3s;} body.page-thema .theme_filter_block .side_form, body.page-thema .theme_filter_block .side_form > div {top:100px;} .theme_filter_block .side_form.inview > div {margin-right:0;opacity:1;} .theme_filter_block .gform_wrapper .gform_heading {display:none;} .theme_filter_block input[type="text"], .theme_filter_block input[type="email"], .theme_filter_block input[type="tel"], .theme_filter_block textarea {color:#fff;border-bottom-color:#fff;padding:0;} .theme_filter_block input[type="text"]::placeholder, .theme_filter_block input[type="email"]::placeholder, .theme_filter_block input[type="tel"]::placeholder, .theme_filter_block textarea::placeholder {color:#7E7E7E;opacity:1;} .theme_filter_block input[type="checkbox"] + label:before {border-color:#fff;} .theme_filter_block input[type="checkbox"]:checked + label:before, .theme_filter_block input[type="checkbox"] + label:active:before {background-image:url(images/icons/checkbox2.png);} .theme_filter_block .gform_wrapper .gform_body .gfield {padding-left:40px;padding-right:40px;} .theme_filter_block .gform_wrapper .gform_body .gfield.gfield--type-html {text-transform:uppercase;padding-left:0;padding-right:0;text-align:center;} .theme_filter_block .gform_wrapper .gform_body .gfield.gfield--type-html h5 {font-size:24px;font-weight:700;letter-spacing:1.5px;} .theme_filter_block .gform_wrapper .gform_body .gfield.gfield--type-html h5 span {font-size:32px;color:#D2AA46;letter-spacing:2px;} .theme_filter_block .gform_wrapper .gform_footer {text-align:center;padding:20px 40px;} .theme_filter_block .gform_wrapper .gform_footer .button, .theme_filter_block .gform_wrapper .gform_footer .button:visited {color:#fff;border-color:#fff;min-width:100%;} .theme_filter_block .gform_wrapper .gform_footer .button:hover {color:#3E3E3E;border-color:#fff;box-shadow:inset 0 -3.25em 0 0 #fff;} /* Theme Map block */ .theme_map_block {position:relative;min-height:900px;padding:155px 0;box-sizing:border-box;z-index:10;} .theme_map_block:before {content:'';display:block;min-width:100vw;max-width:100vw;height:100%;background-image:radial-gradient(circle at 70% center, rgba(0,0,0,.0), rgba(0,0,0,.76), rgba(0,0,0,.76));position:absolute;top:0;left:calc((-100vw + 100%) / 2);z-index:2;clip-path:polygon(0 0, 100% 66px, 100% 100%, 0% 100%);} .theme_map_block .img {position:absolute;top:0;left:calc((-100vw + 100%) / 2);min-width:100vw;max-width:100vw;height:100%;overflow:hidden;clip-path:polygon(0 0, 100% 66px, 100% 100%, 0% 100%);} .theme_map_block .img img {position:absolute;top:0;left:35%;object-fit:cover;width:100%;height:100%;transform:scale(1.8);object-position:23% 45px;} .theme_map_block h1 {color:#fff;max-width:580px;position:relative;z-index:3;} .theme_map_block h1:before {display:none;} .theme_map_block .button, .theme_map_block .button:visited {position:absolute;top:170px;right:0;color:#fff;border-color:#fff;text-transform:uppercase;z-index:3;} .theme_map_block .button:hover {color:#3E3E3E;border-color:#fff;box-shadow:inset 0 -3.25em 0 0 #fff;} .theme_map_block .button:after {content:'';display:inline-block;width:9px;height:17px;background:url(images/icons/arrow2.svg) right center/9px auto no-repeat;margin-left:12px;} .theme_map_block .map_pins {position:relative;z-index:3;} .theme_map_block .map_pins .tab_select {position:absolute;top:-80px;right:-9%;font-size:0;line-height:0;width:430px;height:250px;} .theme_map_block .map_pins .tab_select li {border:1px solid #D2AA46;width:26px;height:26px;border-radius:50%;position:relative;box-sizing:border-box;cursor:pointer;position:absolute;top:0;left:85px;transition:all ease-in-out .2s;} .theme_map_block .map_pins .tab_select li:hover, .theme_map_block .map_pins .tab_select li.active {border-width:3px;width:40px;height:40px;transform:translate(-15%, -15%);} .theme_map_block .map_pins .tab_select li:before {content:'';background:#D2AA46;width:16px;height:16px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all ease-in-out .2s;} .theme_map_block .map_pins .tab_select li:hover:before, .theme_map_block .map_pins .tab_select li.active:before {width:22px;height:22px;} .theme_map_block .map_pins .tab_select li:nth-child(2) {top:82px;left:30px;} .theme_map_block .map_pins .tab_select li:nth-child(3) {top:70px;left:197px;} .theme_map_block .map_pins .tab_select li:nth-child(4) {top:119px;left:0;} .theme_map_block .map_pins .tab_select li:nth-child(5) {top:220px;left:57px;} .theme_map_block .map_pins .tab_select li:nth-child(6) {top:215px;left:177px;} .theme_map_block .map_pins .tab_select li:nth-child(7) {top:175px; /*left:400px;*/} .theme_map_block .map_pins .tab_content {position:absolute;top:-9999px;left:-9999px;max-width:770px;padding-top:38px;} .theme_map_block .map_pins .tab_content.active {position:static;} .theme_map_block .map_pins .tab_content figure {position:relative;z-index:3;} .theme_map_block .map_pins .tab_content figure .pin_img {position:absolute;top:-60px;right:0;width:261px;height:261px;box-shadow:0px 5px 30px #000000AB;opacity:0;transform:matrix(1, -0.00, 0.00, 1, 8, -8);transition:all ease-in-out .6s;transition-delay:.2s;} .theme_map_block .map_pins .tab_content.active figure .pin_img {transform:matrix(1, -0.05, 0.05, 1, 0, 0);opacity:1;} .theme_map_block .map_pins .tab_content figure .pin_img img {width:100%;height:100%;object-fit:cover;} .theme_map_block .map_pins .tab_content figure .pin_img2 {position:absolute;top:180px;right:170px;width:207px;height:207px;box-shadow:0px 5px 30px #000000AB;z-index:2;transform:matrix(1, -0.08, 0.08, 1, 90, -45);opacity:0;transition:all ease-in-out .6s;transition-delay:.2s;} .theme_map_block .map_pins .tab_content.active figure .pin_img2 {transform:matrix(1, 0.03, -0.03, 1, 0, 0);opacity:1;} .theme_map_block .map_pins .tab_content figure .pin_img2 img {width:100%;height:100%;object-fit:cover;} .theme_map_block .map_pins .tab_content figure figcaption {color:#fff;max-width:360px;font-size:14px;line-height:25px;opacity:0;position:relative;top:-10px;transition:all ease-in-out .6s;transition-delay:.2s;} .theme_map_block .map_pins .tab_content.active figure figcaption {opacity:1;top:0;} .theme_map_block .map_pins .tab_select { width: 100vw; left: 0; right: 0; } .theme_map_block .map_pins .tab_select li:nth-child(7) { top:175px; left: 87%; } /* Header Slider */ .header_slider {position:relative;} .header_slider figure {min-height:100vh;display:flex;align-items:center;justify-content:center;} .header_slider figure:before {content:'';background:linear-gradient(180deg, #24160AC9 0%, #24160A00 100%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;} .header_slider figure > div {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;} .header_slider figure > div img, .header_slider figure > div video {object-fit:cover;width:100%;height:100%;} .header_slider figure > div video {position:relative;z-index:1;} .header_slider figure figcaption {position:relative;z-index:5;text-align:center;color:#fff;} .header_slider figure figcaption span, .header_slider figure figcaption a {display:none;} .header_slider .slick-arrow {position:absolute;bottom:39px;left:calc(50% + 540px);z-index:20;width:30px;height:30px;background:#00000082 url(images/icons/prev.svg) center center no-repeat;border:none;font-size:0;line-height:0;} .header_slider .slick-next {margin-left:38px;background-image:url(images/icons/next.svg);} .header_slider .slick-dots {display:flex;align-items:center;justify-content:center;position:absolute;bottom:37px;left:0;width:100%;z-index:10;} .header_slider .slick-dots li {color:#fff;cursor:pointer;font:300 25px 'FreightBigPro';height:37px;margin:0 37px;position:relative;overflow:hidden;transition:0.5s;} .header_slider .slick-dots li > div {transition:all ease-in-out .7s;position:relative;top:-50px;opacity:0;transition-delay:.3s;} .header_slider .slick-dots li.show > div {opacity:1;top:0;} .header_slider .slick-dots li span {position:relative;z-index:4;display:block;width:101%;padding:0 30px;box-sizing:border-box;height:100%;background:transparent;cursor:pointer;-webkit-animation:ani2 0.7s steps(29) forwards;animation:ani2 0.7s steps(29) forwards;} .header_slider .slick-dots li.slick-active span {-webkit-animation:ani 0.7s steps(29) forwards;animation:ani 0.7s steps(29) forwards;background:#d2aa46;} .header_slider .slick-dots li i {position:absolute;top:0;left:0;text-align:center;width:101%;overflow:hidden;font-style:normal;} .header_slider .slick-dots li a {position:absolute;top:0;left:0;width:100%;height:100%;display:none;font-size:0;line-height:0;z-index:5;} .header_slider .slick-dots li.slick-active a {display:block;} .header_slider .slick-dots li a:empty {display:none;} @keyframes ani {from {-webkit-mask-position:100% 0;mask-position:100% 0;} to {-webkit-mask-position:0 0;mask-position:0 0;}} @keyframes ani2 {from {-webkit-mask-position:0 0;mask-position:0 0;} to {-webkit-mask-position:100% 0;mask-position:100% 0;}} /* Home - Aan het water*/ .home .content_block .wp-block-columns .wp-block-column h2, .page-dukdalflodge .content_block .wp-block-columns .wp-block-column h2 {position:relative;display:inline-block;} .home .content_block .wp-block-columns .wp-block-column h2:before, .page-dukdalflodge .content_block .wp-block-columns .wp-block-column h2:before {content:'';display:block;width:200px;height:47px;position:absolute;bottom:-20px;right:0;background:url(images/demo/water.svg) left center/100% auto no-repeat;} /* Onze ruimte */ .page-onze-ruimtes .content_block > .wrapper > article > div {padding: 100px 0 100px 0;position: relative;} @media only screen and (max-width:800px) { .page-onze-ruimtes .content_block > .wrapper > article > div:nth-child(odd) {padding-bottom:50px;} } .page-onze-ruimtes .content_block > .wrapper > article > div:nth-child(even):after {content:"";width:100vw;height:100%;position:absolute;left:50%;top:0;background: #fcfaf5;z-index:-1;transform: translate(-50%, 0%);} .page-onze-ruimtes article ul {width: 100vw;max-width: 513px;padding-bottom: 10px;box-sizing: border-box;} .page-onze-ruimtes article ul li {padding:0 0 10px 33px;background:url(images/icons/check.svg) left 10px no-repeat;font-weight:600;} .page-onze-ruimtes article ul li:last-child {padding-bottom:0;} /* Pages List */ .pages_list {padding-bottom:100px;} .pages_list ul {display:flex;flex-wrap:wrap;align-items:flex-start;margin:0 -31px;position:relative;} @media only screen and (min-width: 1330px) { .pages_list ul {margin:0 -81px;} } .pages_list ul:before, .pages_list ul:after {content:'';display:block;width:246px;height:387px;border:1px solid #D2AA46;position:absolute;top:50px;right:66px;z-index:-1;transition:all ease-in-out .7s;opacity:0;margin-top:100px;transition-delay:.3s;} .pages_list ul:after {top:auto;bottom:-40px;margin-top:0;right:auto;left:9px;transition-delay:.7s;} .pages_list.inview ul:before, .pages_list.inview ul:after {margin-top:0;opacity:1;} .pages_list.inview ul:after {bottom:30px;} .pages_list ul li {flex:1 0 25%;padding:0 31px 62px 31px;box-sizing:border-box;position:relative;} .pages_list ul li:first-child {flex-basis:45%;margin-left:60px;} .pages_list ul li:first-child figure > div {min-height:600px;} .pages_list ul li:first-child figure:hover figcaption {bottom:12px;} .pages_list ul li:nth-child(-n+100) figure .line {display:flex;align-items:center;justify-content:flex-end;} .pages_list ul li:nth-child(-n+100) figure:hover .line {bottom:-12px;} .pages_list ul li:nth-child(-n+100) figure:hover .line:not([data-title=""]) {height:46px;} .pages_list ul li:nth-child(-n+100) figure:hover .line:before {content:attr(data-title);padding-right:35px;background:url(images/icons/arrow3.svg) right 15px center no-repeat;} .pages_list ul li:nth-child(2) {flex-basis:41%;top:60px;margin-right:60px;} .pages_list ul li:nth-child(4) {flex-basis:41%;} .pages_list ul li:nth-child(5) {top:-100px;} .pages_list ul li figure {position:relative;transition-duration:.5s;} .pages_list ul li:nth-child(2) figure {transition-delay:.4s;} .pages_list ul li:nth-child(3) figure {transition-delay:.6s;} .pages_list ul li:nth-child(4) figure {transition-delay:.8s;} .pages_list ul li:nth-child(5) figure {transition-delay:1s;} .pages_list ul li figure:before {content:'';background:linear-gradient(180deg, #00000000 0%, #24160A 100%);mix-blend-mode:multiply;opacity:0.56;position:absolute;bottom:0;left:0;display:block;width:100%;height:90%;z-index:1;} .pages_list ul li figure > div {min-height:440px;} .pages_list ul li figure .link {position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:5;font-size:0;line-height:0;} .pages_list ul li figure figcaption {position:absolute;bottom:0;left:0;width:100%;color:#fff;z-index:3;font-size:14px;line-height:25px;padding:0 24px 10px 24px;box-sizing:border-box;transition:bottom ease-in-out .2s;} .pages_list ul li figure:hover figcaption {bottom:8px;} .pages_list ul li figure .line {position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:2;transition:all ease-in-out .2s;} .pages_list ul li figure:hover .line {height:13px;bottom:-8px;} .pages_list#pageslist-block_97d808c6a498f4ca6601fd840471986a {padding-bottom:0px !important} /* Video block */ .page-werken-bij .wp-block-video {margin-bottom:90px;} .video_block {height:100vh;position:relative;padding:0 100px;padding-top:0 !important;padding-bottom:0 !important;transition:padding ease-in-out .5s;} /*.video_block.view {padding:0;}*/ .video_block video {width:100%;height:100%;object-fit:cover;} .video_block header {color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;opacity:1;transition:opacity ease-in-out .5s;} .video_block.view header {opacity:0;} .low-video{height: 65vh !important;} /* Testimonials Slider */ .testimonials_slider {color:#fff;padding:115px 0 40px 0;position:relative;} .testimonials_slider:before {content:'';display:block;position:absolute;top:0;left:calc((-100vw + 100%) / 2);min-width:100vw;max-width:100vw;height:100%;background:#433D39 url(images/demo/sign2.png) left bottom no-repeat;} .testimonials_slider h2 {position:relative;z-index:2;padding-bottom:45px;} .testimonials_slider blockquote {padding-left:2px;} .testimonials_slider blockquote cite {display:block;color:#D2AA46;font:52px/78px 'Viva Beautiful Pro B';padding-left:5px;} .testimonials_slider blockquote .rating {display:block;padding-bottom:10px;} .testimonials_slider blockquote .rating span {width:153px;height:26px;display:inline-block;position:relative;background:url(images/icons/star.svg) space;} .testimonials_slider blockquote .rating span:before {content:'';width:0;height:100%;display:block;position:absolute;top:0;left:0;background:url(images/icons/star2.svg) space;z-index:1;} .testimonials_slider blockquote .rating span:after {content:'';width:0;height:100%;display:block;position:absolute;top:0;left:0;background:#433D39;} .testimonials_slider blockquote .rating.rating_1 span:before {width:20%;} .testimonials_slider blockquote .rating.rating_1 span:after {width:20%;} .testimonials_slider blockquote .rating.rating_2 span:before {width:40%;} .testimonials_slider blockquote .rating.rating_2 span:after {width:40%;} .testimonials_slider blockquote .rating.rating_3 span:before {width:60%;} .testimonials_slider blockquote .rating.rating_3 span:after {width:60%;} .testimonials_slider blockquote .rating.rating_4 span:before {width:80%;} .testimonials_slider blockquote .rating.rating_4 span:after {width:80%;} .testimonials_slider blockquote .rating.rating_5 span:before {width:100%;} .testimonials_slider blockquote .rating.rating_5 span:after {width:100%;} .testimonials_slider .nav, .testimonials_slider .nav_mobile {position:relative;z-index:30;display:flex;align-items:center;justify-content:flex-end;padding:20px 40px 0 0;} .testimonials_slider .slick-arrow {width:17px;height:23px;font-size:0;line-height:0;border:none;padding:0;background:url(images/icons/arrow5.svg) center center no-repeat;opacity:.4;transition:opacity ease-in-out .3s;} .testimonials_slider .slick-arrow:hover {opacity:1;} .testimonials_slider .slick-prev {background-image:url(images/icons/arrow4.svg);} .testimonials_slider .slick-dots {display:none !important;} .testimonials_slider .info {font:600 29px 'FreightBigPro';letter-spacing:1.45px;padding:0 3px;position:relative;top:-3px;} .testimonials_slider .info span {color:#D2AA46;} .testimonials_slider .info em {font-style:normal;opacity:.7;padding:0 5px;} .testimonials_slider .desktop .slider_item {display:flex;} .testimonials_slider .desktop .slider_item div {flex:1 0 50%;padding-right:40px;box-sizing:border-box;} .testimonials_slider .mobile, .testimonials_slider .nav_mobile {display:none;} /* Events Slider cpt */ .events_slider_cpt {padding:85px 130px 215px 130px;} .events_slider_cpt > div {max-width:1600px;margin:0 auto;} .events_slider_cpt > div > h2 {text-align:center;font-weight:700;min-height:102px;min-width:346px;background:url(images/demo/title2.svg) center center/contain no-repeat;color:#fff;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:5;} .events_slider_cpt .slider {margin:-43px 55px 0 55px;background:#000;} .events_slider_cpt figure {position:relative;min-height:710px;} .events_slider_cpt figure:before {content:'';display:block;width:50%;height:100%;position:absolute;top:0;left:0;z-index:2;background:linear-gradient(to right, #000000 0%, #000000D9 13%, #00000000 100%);opacity:0.9;} .events_slider_cpt figure > div {min-height:100%;width:100%;position:absolute;top:0;left:0;} .events_slider_cpt figure > div img {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;} .events_slider_cpt figure figcaption {position:relative;z-index:4;padding:95px 0 95px 145px;color:#fff;max-width:573px;} .events_slider_cpt figure figcaption h2 {padding:0 0 35px 35px;position:relative;opacity:0;left:-100px;transition:all ease-in-out .7s;} .events_slider_cpt figure figcaption h2.title_logo:before {content:'';display:block;width:183px;height:43px;position:absolute;bottom:15px;left:35px;background:url(images/demo/water.svg) left center/100% auto no-repeat;} .events_slider_cpt figure figcaption h5 {padding:0 0 55px 35px;font-size:20px;position:relative;opacity:0;left:-100px;transition:all ease-in-out .7s;} .events_slider_cpt .slick-current figure figcaption h2, .events_slider_cpt .slick-current figure figcaption h5 {opacity:1;left:0;} .events_slider_cpt figure figcaption > div {min-height:277px;color:#fff;padding:35px 25px 80px 30px;box-sizing:border-box;background:#73675D;mask:url(images/demo/shape6.svg) center top/auto 100% no-repeat;-webkit-mask:url(images/demo/shape6.svg) center top/auto 100% no-repeat;font-weight:600;position:relative;} .events_slider_cpt figure figcaption > div .wp-block-buttons {position:absolute;bottom:30px;left:30px;} .events_slider_cpt .slick-arrow {width:30px;height:30px;font-size:0;line-height:0;border:none;padding:0;background:#00000026 url(images/icons/arrow2.svg) center center no-repeat;transition:opacity ease-in-out .3s;position:absolute;bottom:105px;left:675px;z-index:5;} .events_slider_cpt .slick-prev {transform:rotate(180deg);left:563px;} .events_slider_cpt .slick-dots {display:flex;width:68px;align-items:center;position:absolute;bottom:110px;left:600px;} .events_slider_cpt .slick-dots li {flex:1;} .events_slider_cpt .slick-dots li button {font-size:0;line-height:0;border:none;padding:0;background:#fff;height:1px;width:100%;} .events_slider_cpt .slick-dots li.slick-active button {height:3px;} /* Image Gallery */ .image_gallery_wrap {overflow:hidden;margin-bottom:-200px;} .image_gallery {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);position:relative;height:200vh;will-change:transform;} .image_gallery > div {transform: translate(0) scale(-20%);height: 100%;top: 0;left: -50%;position:fixed;width:200%;} .image_gallery ul {transform: translate(0, -20%);position: absolute;top: -100%; left: -100%; width: 300%; height: 300%;} .image_gallery li {position:absolute;width: 33.333%; height: 33.333%; top: 33.3333%; left: 33.3333%;} .image_gallery li:nth-child(2) {width: 16.666%; height: 34.333%; top: 50%; left: 16.666%;} .image_gallery li:nth-child(3) {width: 16.666%; height: 33.333%; top: 22.666%; left: 66.6666%;} .image_gallery li:nth-child(4) {width: 25%; height: 25%; top: 25%; left: 8.333%;} .image_gallery li:nth-child(5) {width: 16.6666%; height: 20.3333%; top: 66.666%; left: 33.3333%;} .image_gallery li:nth-child(6) {width: 16.6666%; height: 27.6666%; top: 66.6666%; left: 50%;} .image_gallery li:nth-child(7) {width: 25%; height: 33.333%; top: 56%; left: 66.666%;} .image_gallery li img {height: calc(100% - 120px); width: calc(100% - 120px); margin-top: 60px; margin-left: 60px; object-fit: cover; display: block;} /* Menukaart */ .menukaart-lunch-diner {padding-bottom:0px;} /* Footer */ .footer {background:#201D1B;color:#fff;padding-top:90px;} .footer a, .footer a:visited {color:#fff;transition:all ease-in-out .2s;} .footer a:hover {color:#fff;font-weight:700;} .footer .wrapper {padding-bottom:105px;} .footer .wrapper ul {margin-bottom:35px;} .footer .wrapper h6 {padding-top:15px;} .footer .wrapper h6 a:hover {color:#D2AA46;} .footer .wp-block-column p:last-of-type {max-width:240px;} .footer .wp-block-column p:last-of-type a {text-decoration:underline;color:#D2AA46;} .footer .menu-social-menu-container ul {font-size:0;line-height:0;display:flex;flex-wrap:wrap;} .footer .menu-social-menu-container ul li {padding:15px 19px 4px 0;} .footer .menu-social-menu-container ul li a {display:block;width:39px;height:39px;position:relative;box-sizing:border-box;border:2px solid #fff;background:url(images/blank.gif) center center/20px auto no-repeat;opacity:1;transition:opacity ease-in-out .2s;} .footer .menu-social-menu-container ul li a:before {content:'';display:block;width:100%;height:0;position:absolute;bottom:0;left:0;background:#fff;transition:height ease-in-out .15s;} .footer .menu-social-menu-container ul li a:hover:before {height:100%;} .footer .menu-social-menu-container ul li a:after {content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:1;background:url(images/blank.gif) center center/20px auto no-repeat;} .footer .menu-social-menu-container ul li a[href*="instagram"] {background-image:url(images/icons/instagram.png);} .footer .menu-social-menu-container ul li a[href*="instagram"]:hover:after {background-image:url(images/icons/instagram2.png);} .footer .menu-social-menu-container ul li a[href*="facebook"] {background-image:url(images/icons/facebook.png);background-size:14px auto;} .footer .menu-social-menu-container ul li a[href*="facebook"]:hover:after {background-image:url(images/icons/facebook2.png);background-size:14px auto;} .footer .menu-social-menu-container ul li a[href*="youtube"] {background-image:url(images/icons/youtube.png);} .footer .menu-social-menu-container ul li a[href*="youtube"]:hover:after {background-image:url(images/icons/youtube2.png);} .footer .menu-social-menu-container ul li a[href*="linkedin"] {background-image:url(images/icons/linkedin.png);background-size:19px auto;} .footer .menu-social-menu-container ul li a[href*="linkedin"]:hover:after {background-image:url(images/icons/linkedin2.png);background-size:19px auto;} .footer .gform_wrapper {background:transparent;padding:42px;color:#fff;border: 1px solid #D2AA46;} .footer .gform_wrapper .gform_heading {display:none;} .footer .gform_wrapper .gform_body .gfield.gfield--type-html h5 {font-weight:700;font-size:22px;letter-spacing:1.1px;padding-bottom:15px;} .footer .gform_wrapper .gform_body .gfield.gfield--type-html h5 span {color:#D2AA46;} .footer .gform_wrapper input[type="text"], .footer .gform_wrapper input[type="email"], .footer .gform_wrapper input[type="tel"] {color:#fff;} .footer .gform_wrapper input[type="text"]::placeholder, .footer .gform_wrapper input[type="email"]::placeholder, .footer .gform_wrapper input[type="tel"]::placeholder {color:#7E7E7E;opacity:1;} .footer input[type="checkbox"] + label:before {border-color:#fff;} .footer input[type="checkbox"]:checked + label:before, .footer input[type="checkbox"] + label:active:before {background-image:url(images/icons/checkbox2.png);} .footer .gform_wrapper .gform_footer {margin-top:30px;} .footer .gform_wrapper .gform_footer .button, .footer .gform_wrapper .gform_footer .button:visited {color:#fff;min-width:100%;border-color:#fff;} .footer .gform_wrapper .gform_footer .button:hover {color:#000;border-color:#fff;box-shadow:inset 0 -3.25em 0 0 #fff;} .footer .footer-book {height: fit-content;padding: 20px 40px 40px 40px;border:1px solid #d2aa46;} .footer .footer-book p {max-width: unset !important;} @media only screen and (min-width: 769px) { .footer-book h6 {font-size: 22px;} } /* Copyright */ .footer > p {background:#19110A;text-align:center;text-transform:uppercase;font-size:14px;padding:45px 10px 12px 10px;position:relative;} .footer > p:before {content:'';display:block;width:82px;height:82px;background:#19110A url(images/copyright.png) center center/60px auto no-repeat;position:absolute;top:-39px;left:calc(50% - 41px);border-radius:50%;} /* Dukdalf Lodge */ .page-id-999 .heading{display: none;} .page-id-999 .testimonials_slider:before{background: #433D39 url(/wp-content/uploads/2024/08/Dukdalf-lodge-logo.png) left bottom no-repeat; background-size: 35vw} .page-id-999 .header .logo{background: url(/wp-content/uploads/2024/08/Logo-met-effect.png) left center / 100% auto no-repeat; background-size: contain !important; height: 80px;} .page-id-999 .header.header_white .logo{height: 55px; background-image: url(images/logo2.png)} /*Lodge hamburger*/ /* .contact_widget{background: #332b23;} .contact_widget:before{background: url(/wp-content/uploads/2024/08/Dukdalf-Lodge-6.jpg) center bottom / cover no-repeat;} .top_menu:before{background: url(/wp-content/uploads/2024/08/dukdalf-beeldmerk-distressed.png) left top / 900px auto no-repeat;} */ /*Formitable fix*/ .ft-widget-b2.dark.ft-w-page-suggested.ft-w-recommended-0{z-index:999;} /* Media Queries */ /* Desktop Wide */ @media only screen and (min-width: 1380px) and (max-width: 1610px) { /* Theme filter */ .theme_filter_block {margin-left:-70px;} .theme_filter_block .grid, .theme_filter_block .has-text-align-center {max-width:950px;} .theme_filter_block .side_form {right:-80px;} /* Events Slider cpt */ .events_slider_cpt {padding-left:0;padding-right:0;} } @media only screen and (min-width: 1200px) and (max-width: 1379px) { /* Theme filter */ .theme_filter_block {margin-left:10px;} .theme_filter_block .grid, .theme_filter_block .has-text-align-center {max-width:785px;} .theme_filter_block .side_form {right:10px;} /* Events Slider cpt */ .events_slider_cpt {padding-left:0;padding-right:0;} } @media only screen and (max-width: 1199px) { /* Theme filter */ .theme_filter_block {margin-left:0;} .theme_filter_block .grid, .theme_filter_block .has-text-align-center {max-width:104%;} .theme_filter_block .side_form {display:none;} /* Events Slider cpt */ .events_slider_cpt {padding-left:0;padding-right:0;} /* Image Gallery */ .image_gallery {height:150vh;} .image_gallery > div {transform: translate(0) scale(-20%);height: 75%;left: -25%;width:150%;} .image_gallery ul {transform: translate(0, -10%);} } @media only screen and (min-width: 1610px) and (max-width: 1710px) { .theme_map_block .map_pins .tab_select {right:-10%;} } @media only screen and (min-width: 1450px) and (max-width: 1610px) { .theme_map_block .map_pins .tab_select {right:-12%;} } @media only screen and (max-width: 1450px) { /* Theme Map block */ .theme_map_block .img img {object-position:38% 45px;} .theme_map_block .map_pins .tab_select {right:2%;} .theme_map_block .map_pins .tab_content {max-width:calc(100% - 450px);} } @media only screen and (max-width: 1320px) { /* Contact */ .page-contact .content_block .wp-block-columns .wp-block-column {padding:60px 30px;} } @media only screen and (max-width: 1250px) { /* Gallery block */ .content_block figure.wp-block-gallery {grid-template-columns:35% repeat(auto-fill, minmax(15%, 1fr)) 20%;} /* Media text */ .single-theme .wp-block-media-text .wp-block-media-text__content h1:before {right:-10px;} /* Header Slider */ .header_slider .slick-arrow {left:auto;right:60px;} .header_slider .slick-next {margin-left:0;margin-right:-38px;} .header_slider .slick-dots li {margin:0 20px;} } @media only screen and (max-width: 1200px) { /* Contact */ .page-contact .content_block .wp-block-columns {flex-wrap:wrap !important;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(3) {min-width:100%;min-height:450px;box-sizing:border-box;} /* Events slider */ .events_slider .slick-slide, .events_slider .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {width:700px;} .events_slider figure {padding:25px 75px;} .events_slider figure figcaption {left:-35px;} .events_slider figure figcaption .line {width:110px;} .events_slider .slick-current, .events_slider .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {width:700px;} .events_slider .slick-current figure > div, .events_slider .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] figure > div {width:100%;min-width:100%;} .events_slider .slick-arrow {width:calc((100% - 700px) / 2 - 75px);} /* Cover block */ .single-arragements .wp-block-cover .wp-block-column:nth-child(2) .wp-block-group {mask-size:auto 100%;-webkit-mask-size:auto 100%;} /* Theme Map block */ .theme_map_block {padding:100px 0;} .theme_map_block .map_pins .tab_content figure .pin_img, .theme_map_block .map_pins .tab_content figure .pin_img2 {position:static;display:inline-block;} .theme_map_block .map_pins .tab_select {top:-30px;} } @media only screen and (min-width: 1010px) and (max-width: 1110px) { .theme_map_block .img img {object-position:40% 45px;} } @media only screen and (min-width: 960px) and (max-width: 1010px) { .theme_map_block .img img {object-position:41% 45px;} } @media only screen and (max-width: 1090px) { /* Header */ .contact_widget {min-width:400px;padding:0 40px 59px 40px;} nav {width:27%;padding:35px 0;} .contact_widget .widget:last-of-type ul {display:block;padding-top:100px;} .contact_widget .widget:last-of-type ul li {padding-bottom:10px;text-align:center;position:relative;} .contact_widget .widget:last-of-type ul li:not(:last-child):after {display:none;} /* Contact form */ .contact_form_wrap .widget {padding-left:10px;} .contact_form_wrap .gform_wrapper {max-width:550px;} /* Header Slider */ .header_slider .slick-dots {justify-content:flex-start;} .header_slider .slick-dots li {margin:0 5px;} /* Video block */ .video_block {padding:0 60px;} } /* Tablets and mobiles */ @media only screen and (max-width: 959px) { /* Header */ .top_menu > div {flex-wrap:wrap;} .contact_widget {flex:1 0 100%;min-width:100%;padding:40px 30px;} .contact_widget .widget:last-of-type ul {display:flex;padding-top:50px;} .contact_widget .widget:last-of-type ul li:not(:last-child):after {display:inline-block;} nav {width:50%;padding:50px 0 35px 0;} nav:first-of-type ul {border:none;} nav ul li {padding:8px 0; font:600 16px 'Montserrat'} .menu_trigger.active span, .header.header_white .menu_trigger.active span {background-color:#1D3659;} /* Events slider */ .events_slider .slider {min-height:650px;} .events_slider .slick-slide, .events_slider .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {width:500px;} .events_slider figure {padding:25px 50px;} .events_slider figure > div {height:450px;} .events_slider figure figcaption {left:-35px;} .events_slider figure figcaption .line {width:85px;} .events_slider .slick-current, .events_slider .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {width:500px;} .events_slider .slick-current figure > div, .events_slider .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] figure > div {height:550px;} .events_slider .events_slider_nav {display: none;} .events_slider .slick-arrow {width:calc((100% - 500px) / 2 - 60px);} /* Contact form */ .contact_form_wrap .widget {padding:50px 10px 320px 10px;min-height:1px;} .contact_form_wrap .widget:before {width:270px;height:279px;background-size:cover;position:absolute;top:auto;bottom:10px;right:50%;transform:translateX(50%);} .contact_form_wrap .gform_wrapper {max-width:100%;} /* Arragements */ .arragements_list ul {grid-template-columns:repeat(auto-fill, minmax(calc(50% - 20px), 1fr));grid-gap:55px 40px;} .arragements_list li:nth-child(3n-1) {top:100px;} .arragements_list li:nth-child(3n-1).inview {top:0;} /* Media text */ .single-theme .wp-block-media-text {display:flex;flex-wrap:wrap;padding-bottom:500px;position:relative;} .single-theme .wp-block-media-text .wp-block-media-text__media {order:2;min-width:100%;margin-top:35px;} .single-theme .wp-block-media-text .wp-block-media-text__media img {max-height:400px;object-fit:cover;} .single-theme .wp-block-media-text .wp-block-media-text__content {padding:0;} .single-theme .wp-block-media-text .wp-block-media-text__content ul {margin:35px 0 0 0;position:absolute;bottom:100px;left:0;} .single-theme .wp-block-media-text .wp-block-media-text__content h1 {text-align:left;margin-left:0;min-width:auto;} .single-theme .wp-block-media-text .wp-block-media-text__content h1 span {display:none;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media:before {width:10%;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media:before {width:10%;} /* Image Block */ .wp-block-image.alignfull img {margin:50px;max-width:calc(100% - 100px);} /* Gallery block */ .gallery_block:before {height:172px;} .gallery_block ul:before {max-width:160px;height:34px;right:calc(30% - 8px);} .gallery_block ul:after {top:270px;} .gallery_block ul li img {height:280px;} .gallery_block ul li:nth-child(4n+1) img {height:470px;} .gallery_block ul li:nth-child(4n+2) {margin-top:107px;} .gallery_block ul li:nth-child(4n+2) img {height:500px;} .gallery_block ul li:nth-child(4n+3) {max-width:30%;} /* Deal Block */ .mobile_margin {padding-bottom:0;margin-bottom:0;} .deal_block {padding-top:60px;margin-top:0;} .deal_block:before {height:60px;} .deal_block h1 {font-size:60px;line-height:70px;margin-bottom:70px;} .deal_block .cols > div:first-of-type {padding-right:20px;} .deal_block .tips_list {padding-bottom:80px;} .deal_block .tips_list .content {margin:20px auto;} .deal_block .tips_list > ul {flex-wrap:wrap;justify-content:space-evenly;} .deal_block .tips_list > ul li {width:46% !important;height:350px !important;position:relative;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;margin-bottom:20px;} /* Theme Map block */ .theme_map_block {padding:80px 0 40px 0;} .theme_map_block h1 {padding-bottom:35px;} .theme_map_block .button, .theme_map_block .button:visited {position:relative;top:0;} .theme_map_block .img img {object-position:50% 35px;left:25%;transform:scale(1.6);} .theme_map_block .map_pins .tab_select {position:relative;top:30px;right:3%;margin:0 auto;max-width:370px;margin-top:30px;} .theme_map_block .map_pins .tab_select li:nth-child(7) {/*left:350px;*/} .theme_map_block .map_pins .tab_content {max-width:100%;} .theme_map_block .map_pins .tab_content figure figcaption {max-width:100%;} /* Header Slider */ .header_slider .slick-dots {justify-content:center;} .header_slider .slick-dots li {margin:0;} .header_slider .slick-arrow {bottom:85px;} /* Pages List */ .pages_list {padding-bottom:70px;} .pages_list ul {margin:0 -20px;} .pages_list ul:before {top:35px;right:20px;} .pages_list ul:after {bottom:20px;left:-20px;} .pages_list ul li {padding:0 20px 40px 20px;} .pages_list ul li:first-child {margin-left:20px;} .pages_list ul li:nth-child(2) {margin-right:20px;} .pages_list ul li figure figcaption {padding:0 15px 10px 15px;} /* Events Slider cpt */ .events_slider_cpt {padding:45px 0 115px 0;} .events_slider_cpt .slider {margin:-43px 25px 0 25px;} .events_slider_cpt figure:before {width:80%;} .events_slider_cpt figure figcaption {padding:70px 0 20px 45px;} .events_slider_cpt .slick-arrow {bottom:125px;left:575px;} .events_slider_cpt .slick-prev {left:463px;} .events_slider_cpt .slick-dots {bottom:130px;left:500px;} /* Image Gallery */ .image_gallery {height:180vh;} .image_gallery > div {transform: translate(0) scale(-20%);height: 100%;left: -50%;width:200%;} .image_gallery ul {transform: translate(0, -25%);} /* Smaller "aan het water" */ h1.is-style-alt:before {width:170px;} .single-theme .wp-block-cover .has-gray-color-background-color + .wp-block-cover__inner-container h2:before, .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__content h3:before, .content_block .wp-block-columns .wp-block-column h3.is-style-alt:before, .home .content_block .wp-block-columns .wp-block-column h2:before, .page-dukdalflodge .content_block .wp-block-columns .wp-block-column h2:before {width:160px;} .single .wp-block-media-text .wp-block-media-text__content h2:before, .events_slider_cpt figure figcaption h2.title_logo:before {width:150px;} } @media only screen and (max-width: 885px) { /* Theme Map block */ .theme_map_block .map_pins .tab_select {right:7%;margin:0 auto;} } @media only screen and (max-width: 815px) { /* Theme Map block */ .theme_map_block .map_pins .tab_select {right:10%;} } @media only screen and (max-width: 910px) { .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media:after {right:auto;left:-34px;} } /* Mobile portrait and landscape modes */ @media only screen and (max-width: 767px) { h1, h1.is-style-alt {font-size:55px;line-height:55px;} .heading h1, .heading_slider h1, .heading h1.is-style-alt, .heading_slider h1.is-style-alt {font-size:60px;line-height:60px;} h2 {font-size:45px;line-height:45px;} h2.is-style-alt {font-size:45px;line-height:45px;} h3 {font-size:40px;line-height:40px;} h3.is-style-alt {font-size:40px;line-height:40px;} .gform_wrapper .gform_heading h2 {font-size:45px;line-height:45px;} /* Header */ html.active {overflow:hidden;} .header .logo {width:140px;} .header.header_white .logo {width:155px;border-width:7px;top:0;} .top_menu:before {background-size:100% auto;} .menu_trigger.active {top:42px;right:10px;} .header_white .menu_trigger.active {top:22px;} nav.menu-top-menu-2-container ul li:first-child {transition-delay:.85s;} nav.menu-top-menu-2-container ul li:nth-child(2) {transition-delay:.90s;} nav.menu-top-menu-2-container ul li:nth-child(3) {transition-delay:.95s;} nav.menu-top-menu-2-container ul li:nth-child(4) {transition-delay:1s;} .header.open nav.menu-top-menu-2-container ul li:first-child {transition-delay:.15s;} .header.open nav.menu-top-menu-2-container ul li:nth-child(2) {transition-delay:.10s;} .header.open nav.menu-top-menu-2-container ul li:nth-child(3) {transition-delay:.05s;} .header.open nav.menu-top-menu-2-container ul li:nth-child(4) {transition-delay:0s;} /* Heading */ .heading .wrapper {min-height:587px;padding-bottom:100px;} .heading_content {padding:20px 25px;margin:-90px 0 90px 0;} .heading_content .wp-block-buttons {display:block;} .heading_content .wp-block-button {width:100%;margin-bottom:10px;} /* Content block */ .content_block h1 {font-size:50px;line-height:50px;} .content_block h1.is-style-alt {font-size:50px;line-height:50px;} .content_block .event_info {right:-155px;} .content_block .event_info.inview {right:5px;} /* Map block */ .map_block .acf-map {min-height:408px;} /* Gallery block */ .content_block figure.wp-block-gallery {grid-template-columns:repeat(auto-fill, minmax(45%, 1fr));grid-gap:5px;margin-bottom:80px;} .content_block figure.wp-block-gallery .wp-block-image {height:170px !important;} .content_block figure.wp-block-gallery .wp-block-image:nth-child(5n+1) {grid-row-end:span 1;height:auto;} .content_block figure.wp-block-gallery .wp-block-image:nth-child(5n+2) {grid-column-end:span 1;height:auto;} .content_block figure.wp-block-gallery .wp-block-image:nth-child(5n+3) {grid-row-end:span 1;height:auto;} .content_block figure.wp-block-gallery .wp-block-image:nth-child(5n) {grid-column-end:span 2;} .gallery_block ul {grid-template-columns:repeat(auto-fill, minmax(45%, 1fr));grid-gap:0;padding:0;margin:70px 0;} .gallery_block:before, .gallery_block ul:before, .gallery_block ul:after {display:none;} .gallery_block ul li img {height:250px;border:4px solid #f3f3f3;} .gallery_block ul li:nth-child(4n+1) img {height:250px;} .gallery_block ul li:nth-child(4n+2) {margin-top:0;} .gallery_block ul li:nth-child(4n+2) img {height:250px;} .gallery_block ul li:nth-child(4n+3) {position:static;max-width:100%;} .gallery_block ul li:nth-child(4n+3) img {border-width:4px;} .gallery_block ul li:nth-child(4n+4) {position:static;max-width:100%;} .gallery_block ul li:nth-child(4n+4) img {border-width:4px;} /* Cover block */ .wp-block-cover {padding:60px 10px;margin-bottom:0;} .wp-block-cover .wp-block-group .wp-block-buttons {margin-top:15px;gap:15px;} .single-theme .wp-block-cover .has-gray-color-background-color + .wp-block-cover__inner-container h2:before {right:0;} .single-arragements .wp-block-cover .wp-block-column .wp-block-group h3.is-style-alt {font-size:34px;line-height:38px;} /* Media text */ .wp-block-media-text {padding:60px 0 100px 0;display:block;} .wp-block-media-text .wp-block-media-text__content {padding:0 0 45px 0;} .wp-block-media-text .wp-block-media-text__content .wp-block-buttons {margin-top:15px;gap:15px;} .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding:0 0 45px 0;} .wp-block-media-text.alignwide .wp-block-media-text__media {height:auto;margin-left:0;} .wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__media {margin-right:0;} .wp-block-media-text.mediacontent_block {margin-bottom:80px;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media img {max-height:350px;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media img:nth-child(1) {max-height:350px;min-width:100%;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media img:nth-child(2) {width:230px;height:270px;bottom:-80px;left:30px;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media:before {width:80px;height:40px;left:267px;bottom:-40px;} .wp-block-media-text.mediacontent_block .wp-block-media-text__media:after {right:auto;left:13px;border:none;border-bottom:2px solid #D2AA46;border-left:2px solid #D2AA46;width:24px;height:40px;bottom:-40px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__content h3:before {right:-35px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media:before {width:80px;height:40px;left:267px;bottom:-40px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media:after {right:auto;left:13px;border:none;border-bottom:2px solid #D2AA46;border-left:2px solid #D2AA46;width:24px;height:40px;bottom:-40px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media img {max-height:350px;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media img:nth-child(1) {max-height:350px;min-width:100%;} .single-arragements .wp-block-media-text.mediacontent_block .wp-block-media-text__media img:nth-child(2) {width:230px;height:270px;bottom:-80px;left:30px;} /* Contact */ .page-contact .content_block .wp-block-columns .wp-block-column {padding:45px 20px;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:first-of-type {background-size:210px auto;padding-top:80px;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(3) {min-height:438px;} .page-contact .content_block .wp-block-columns .wp-block-column:nth-child(2) ul:first-of-type li {font-size:16px;line-height:30px;letter-spacing:.32px;} /* Single Events */ .content_block .event_info {width:auto;max-width:75vw;padding:15px 20px 15px 30px;margin:30px 0 0 0;} .single .wp-block-cover {padding-top:60px;padding-bottom:60px;} .single .wp-block-media-text .wp-block-media-text__content .wp-block-buttons {gap:15px;} .single .wp-block-media-text.mediacontent_block .wp-block-media-text__content {padding-top:0;} .single article > .wp-block-group {padding-bottom:60px;} .single article > .wp-block-group .wp-block-group__inner-container {padding:25px 30px 40px 30px;} /* Events slider */ .events_slider {padding:100px 0 50px 0;} .events_slider .slider {min-height:450px;} .events_slider .slick-slide, .events_slider .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {width:80vw;} .events_slider figure {padding:25px 10px;} .events_slider figure > div {height:350px;} .events_slider figure figcaption {left:40px;max-width:calc(100% - 80px);padding:0;} .events_slider figure figcaption .line {display:none;} .events_slider figure figcaption h2 {font-size:40px;line-height:46px;} .events_slider figure figcaption h5 {font-size:18px;padding-bottom:25px;} .events_slider figure figcaption p {max-width:100%;} .events_slider .slick-current, .events_slider .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] {width:80vw;} .events_slider .slick-current figure > div, .events_slider .slick-slide[aria-hidden=true]:not([tabindex="-1"]) + .slick-cloned[aria-hidden=true] figure > div {height:450px;} .events_slider .events_slider_nav {right:auto;left:10px;} .events_slider .slick-arrow {width:calc((100% - 80vw) / 2 - 15px);} .events_slider .slick-slide, .events_slider .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {transition:all 1.5s ease;} .events_slider figure {transition:all 1.5s ease;} .events_slider figure figcaption {transition:all .5s ease;} .events_slider figure > div {transition:all 1.5s ease;} /* Arragements */ .page-arrangementen .content_block .wp-block-columns {padding:60px 0 40px 0;} .page-werken-bij .content_block .wp-block-columns{padding:0 !important;} .content_block .wp-block-columns .wp-block-column h3.is-style-alt {line-height:42px;} .arragements_list.finished {padding-bottom:100px;} .arragements_list ul {display:block;} .arragements_list ul li {margin-bottom:35px;} .arragements_list li figure:before {max-height:210px;} .arragements_list li figure > div {height:240px;} .arragements_list .has-text-align-center .button {top:-100px;} .arragements_list .has-text-align-center:before {max-height:600px;bottom:0;} .arragements_list .has-text-align-center:after {display:none;} /* Theme Slider */ .theme_slider {margin-bottom:50px;} .theme_slider .slick-slide {padding:0;} .theme_slider figure {display:block;} .theme_slider figure > div {width:100%;margin:0;} .theme_slider figure figcaption {padding:35px 30px 30px 30px;} /* Image Block */ .wp-block-image.alignfull img {margin:15px;max-width:calc(100% - 30px);} /* Deal Block */ .deal_block h1 {font-size:40px;line-height:50px;letter-spacing:2.25px;min-height:90px;margin-bottom:40px;} .deal_block .cols {display:block;} .deal_block .cols > div:first-of-type {max-width:100%;padding-right:0;} .deal_block .all_inclusive {width:100%;max-width:446px;margin:0 auto;} .deal_block .tips_list > ul li {height:270px !important;} .deal_block .tips_list > ul li {transition-delay:2s;} .deal_block .tips_list > ul li:nth-child(2) {transition-delay:2.5s;} .deal_block .tips_list > ul li:nth-child(3) {transition-delay:3s;} .deal_block .tips_list > ul li:nth-child(4) {transition-delay:3.5s;} .deal_block .tips_list > ul li:nth-child(5) {transition-delay:4s;} /* Theme filter */ .theme_filter_block {padding-bottom:70px;} .theme_filter_block .element-item {max-width:46%;height:240px;} .theme_filter_block .has-text-align-center .button {min-width:250px;} /* Header Slider */ .header_slider .slick-dots {flex-wrap:wrap;bottom:55px;} .header_slider .slick-dots li, .header_slider .slick-dots li span {padding:0;min-width:50%;box-sizing:border-box;text-align:center;} .header_slider .slick-arrow {bottom:20px;right:50%;} .header_slider .slick-next {margin-left:38px;} /* Pages List */ .pages_list ul {margin:0;justify-content:space-between;} .pages_list ul:before, .pages_list ul:after {display:none;} .pages_list ul li {padding:0 0 10px 0;flex-basis:calc(50% - 5px) !important;max-width:calc(50% - 5px);} .pages_list ul li:first-child {margin-left:0;flex-basis:100% !important;max-width:100%;} .pages_list ul li:first-child figure > div {min-height:400px;} .pages_list ul li:nth-child(2) {top:0;margin-right:0;} .pages_list ul li:nth-child(5) {top:0;} .pages_list ul li figure > div {min-height:300px;} .pages_list ul li figure h5 {font-size:18px;} .pages_list ul li figure p {line-height:18px;padding-bottom:10px;} /* Video block */ .video_block {height:70vh;padding:0 10px;} /* Testimonials Slider */ .testimonials_slider {padding-top:70px;} .testimonials_slider .desktop, .testimonials_slider .nav {display:none;} .testimonials_slider .mobile {display:block;} .testimonials_slider .nav_mobile {display:flex;} /* Events Slider cpt */ .events_slider_cpt {padding:35px 0 70px 0;} .events_slider_cpt > div > h2 {min-width:100%;font-size:40px;} .events_slider_cpt .slider {margin:-43px 0 0 0;} .events_slider_cpt figure {min-height:500px;} .events_slider_cpt figure:before {width:100%;} .events_slider_cpt figure figcaption {padding:65px 0;max-width:100%;} .events_slider_cpt figure figcaption > div {padding:20px 15px 60px 15px;max-width:573px;} .events_slider_cpt figure figcaption h2, .events_slider_cpt figure figcaption h5 {padding-left:10px;} .events_slider_cpt figure figcaption h2.title_logo:before {left:10px;} .events_slider_cpt figure figcaption h5 {font-size:18px;} .events_slider_cpt figure figcaption > div {font-size:13px;line-height:18px;margin:0 10px;min-height:235px;} .events_slider_cpt figure figcaption > div .wp-block-buttons {left:13px;} .events_slider_cpt .slick-arrow {bottom:75px;left:auto;right:20px;} .events_slider_cpt .slick-prev {left:auto;right:138px;} .events_slider_cpt .slick-dots {bottom:80px;left:auto;right:60px;} /* Image Gallery */ .image_gallery_wrap {margin-bottom: -100px;} .image_gallery {height:75vh;} .image_gallery > div {height:120%;left: -50%;width:200%;} .image_gallery ul {transform: translate(0, -40%);} .image_gallery li img {height: calc(100% - 60px);width: calc(100% - 60px);margin-top: 30px;margin-left: 30px;} /* Theme Map block */ .theme_map_block h1.is-style-alt {font-size:45px;} .theme_map_block .img img {height:1000px;object-position:48% 35px;} .theme_map_block .map_pins .tab_select {top:95px;right:5%;z-index:100;} .theme_map_block .map_pins .tab_select li:nth-child(7) {/*left:330px;*/} .theme_map_block .map_pins .tab_content figure {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:65px;} .theme_map_block .map_pins .tab_content figure figcaption {min-width:100%;} .theme_map_block .map_pins .tab_content figure .pin_img, .theme_map_block .map_pins .tab_content figure .pin_img2 {max-width:47%;width:200px;height:200px;min-height:100px;} .theme_map_block .map_pins .tab_content figure .pin_img, .theme_map_block .map_pins .tab_content figure .pin_img2 {width:175px;height:175px;transform:matrix(1, 0, 0, 1, 0, 0) !important;} } @media only screen and (max-width: 640px) { /* Theme Map block */ .theme_map_block .img img {object-position:47% 35px;} .theme_map_block .map_pins .tab_select {top:45px;right:10%;} .theme_map_block .map_pins .tab_content figure {padding-top:40px;} } @media only screen and (max-width: 510px) { /* Theme Map block */ .theme_map_block .img img {object-position:45% 35px;} .theme_map_block .map_pins .tab_select {right:5%;} } /* Mobile portrait mode */ @media only screen and (max-width: 479px) { /* Header */ .header .menu-top-bar-container ul li:first-child {display:none;} .top_menu > div {display:block;} .contact_widget {padding:30px 20px;} .contact_widget .widget:last-of-type ul {display:block;} .contact_widget .widget:last-of-type ul li:not(:last-child) {padding-bottom:40px;} .contact_widget .widget:last-of-type ul li:not(:last-child):after {display:none;} .contact_widget .widget:last-of-type ul li:not(:last-child):before {content:'';display:block;width:60px;height:2px;background:#fff;position:absolute;bottom:20px;left:calc(50% - 30px);} nav {width:100%;padding:20px 0;} nav ul {border:none;} /* Content block */ .content_block .wp-block-buttons .wp-block-button {min-width:100%;} .content_block .wp-block-buttons .wp-block-button__link {min-width:100% !important;} /* Contact form */ .contact_form_wrap .gform_wrapper .gform_heading h2 {font-size:40px;line-height:48px;} .contact_form_wrap .gform_wrapper .gform_body .gfield.half {width:100%;} /* Media text */ .single-theme .wp-block-media-text .wp-block-media-text__content ul {max-width:100%;mask-size:auto 100%;-webkit-mask-size:auto 100%;} /* Deal Block */ .deal_block h1 {font-size:40px;line-height:42px;letter-spacing:1.25px;min-height:100px;margin:0 -10px 20px -10px;background-size:auto 100%;padding:15px 0;} .deal_block .all_inclusive > div {padding:20px;} .deal_block .tips_list .content {padding:20px;} .deal_block .tips_list > ul {justify-content:space-between;} .deal_block .tips_list > ul li {width:calc(50% - 10px) !important;height:220px !important;} /* Theme filter */ .theme_filter_block .grid, .theme_filter_block .has-text-align-center {margin:0;max-width:100%;} .theme_filter_block .element-item {max-width:100%;margin:0 0 20px 0;} /* Theme Map block */ .theme_map_block .img img {object-position:44% 35px;} .theme_map_block .map_pins .tab_select {right:3%;} } /* Prevent body scroll when menu is open */ body.menu-open { overflow: hidden; } /* === FINAL FIX: visible and scrollable top menu when HTML has .active class === */ .active .top_menu { opacity: 1 !important; pointer-events: all; overflow-y: auto; -webkit-overflow-scrolling: touch; transform: none; /* Prevent shifting on iOS */ align-content: flex-start; } .active .top_menu ul li { opacity: 1 !important; } /* iPhone notch safe-area fix */ @supports (padding: max(0px)) { .top_menu { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); } }