/* Table of Content ================================================== #Font-Face #Site Styles #Media Queries */ /* #Font-Face ================================================== */ /* ========================================================================== Font-Face — plak dit bovenaan style.css Paden verwijzen naar ../fonts/ (vanuit css/) ========================================================================== */ /* --- Lato --- */ @font-face { font-family: 'Lato'; font-weight: 700; font-style: normal; src: url('../fonts/Lato-Bold.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Lato'; font-weight: normal; font-style: normal; src: url('../fonts/Lato-Regular.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Lato'; font-weight: normal; font-style: italic; src: url('../fonts/Lato-Italic.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Lato'; font-weight: 300; font-style: normal; src: url('../fonts/Lato-Light.woff2') format('woff2'); font-display: swap; } /* --- Saira Condensed --- */ @font-face { font-family: 'Saira Condensed'; font-weight: 700; font-style: normal; src: url('../fonts/SairaCondensed-Bold.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Saira Condensed'; font-weight: 600; font-style: normal; src: url('../fonts/SairaCondensed-SemiBold.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Saira Condensed'; font-weight: 500; font-style: normal; src: url('../fonts/SairaCondensed-Medium.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Saira Condensed'; font-weight: normal; font-style: normal; src: url('../fonts/SairaCondensed-Regular.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Saira Condensed'; font-weight: 300; font-style: normal; src: url('../fonts/SairaCondensed-Light.woff2') format('woff2'); font-display: swap; } /* --- Icomoon icons --- */ @font-face { font-family: 'icomoon'; font-weight: normal; font-style: normal; src: url('../fonts/icomoon.eot?grw2q9'); src: url('../fonts/icomoon.eot?grw2q9#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?grw2q9') format('truetype'), url('../fonts/icomoon.woff?grw2q9') format('woff'), url('../fonts/icomoon.svg?grw2q9#icomoon') format('svg'); font-display: block; } [class^='icon-'], [class*=' icon-'] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; speak: never; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-cross:before { content: '\e914'; } .icon-zoom-in:before { content: '\e909'; } .icon-angle-right:before { content: '\e900'; } .icon-caret-down:before { content: '\e901'; } .icon-check:before { content: '\e902'; } .icon-email:before { content: '\e903'; } .icon-facebook:before { content: '\e904'; } .icon-g:before { content: '\e905'; } .icon-globe:before { content: '\e906'; } .icon-instagram:before { content: '\e907'; } .icon-linkedin:before { content: '\e908'; } .icon-location:before { content: '\e90a'; } .icon-people:before { content: '\e90b'; } .icon-phone-volume:before { content: '\e90c'; } .icon-rectangle:before { content: '\e90d'; } .icon-shoes:before { content: '\e90e'; } .icon-star:before { content: '\e90f'; } .icon-tel:before { content: '\e910'; } .icon-temple:before { content: '\e911'; } .icon-tumblr:before { content: '\e912'; } .icon-youtube:before { content: '\e913'; } .icon-tripadvisor:before { content: '\e915';} /* #Site Styles ================================================== */ :root { --width-base-xl: 1880px; --width-base: 1400px; --gutter-base: 20px; --font-size-base: 16px; --font-family-base: 'Lato', sans-serif; --lineheight-base: 1.6; --color-primary: #004b4b; --color-secondary: #fabc3e; --color-alternate: #fae4d0; --color-brown: #9e4617; --color-oxblood: #4b1407; --color-orange: #f79448; --color-orange-100: #fef7f1; --color-light: #e8d2be; --color-light-100: #f8ede4; --color-light-200: #fef7f1; --color-green: #098537; --color-medium-green: #004b4b; --color-dark-green: #003131; --color-yellow: #f6bb06; --color-dark-yellow: #e09c13; --color-blue: #457fbb; --color-dark: #1d1d1b; --color-soft: #fef7f1; --color-gray: #e1e8f0; --color-gray-300: #707070; --color-black: #000; --color-white: #fff; --font-family-icon: 'icomoon', sans-serif; --heading-font-family: 'Saira Condensed', sans-serif; --heading-lineheight: 1.1; --font-size-h1: 40px; --font-size-h2: 30px; --font-size-h3: 28px; --font-size-h4: 24px; --font-size-h5: 20px; --font-size-h6: 16px; --input-height: 48px; --base-duration: all 0.3s; --line-decoration: none; } /* ### general ### */ * { margin: 0; padding: 0; box-sizing: border-box; } html, body { font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); line-height: var(--lineheight-base); color: var(--color-black); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { background: var(--color-white); } input, select, textarea { padding: 10px 15px; width: 100%; height: var(--input-height); font-family: var(--heading-font-family), sans-serif; font-size: 18px; color: var(--color-black); border: 1px solid rgba(112, 112, 112, 0.2); background-color: var(--color-white); } input::placeholder, textarea::placeholder { color: var(--color-black); } textarea { height: 120px; resize: none; } input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; -webkit-appearance: none; cursor: pointer; } input[type='checkbox']:checked:before { display: block; font-family: var(--font-family-icon), sans-serif; font-size: 14px; color: var(--color-black); content: '\e902'; } select { background: var(--color-white) url('../images/select-arrow.png') no-repeat center right 15px; -webkit-appearance: none; cursor: pointer; } label { margin-bottom: 3px; display: block; font-family: var(--heading-font-family), sans-serif; font-size: 18px; font-weight: 700; line-height: var(--heading-lineheight); text-align: left; } img { display: block; max-width: 100%; border: 0; height:auto;} a { display: inline-block; color: var(--color-black); } a:hover { text-decoration: var(--line-decoration); } ul, li { list-style: none; } li a { text-decoration: var(--line-decoration); color: var(--color-black); transition: var(--base-duration); } li a:focus, li a:hover { text-decoration: underline; } :focus { outline: none; } p { margin-bottom: 20px; } h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; font-family: var(--heading-font-family), sans-serif; font-weight: normal; line-height: var(--heading-lineheight); } h1 { font-size: var(--font-size-h1); } h2 { font-size: var(--font-size-h2); } h3 { font-size: var(--font-size-h3); } h4 { font-size: var(--font-size-h4); } h5 { font-size: var(--font-size-h5); } h6 { font-size: var(--font-size-h6); } /* ### global classes ### */ .clear { visibility: hidden; clear: both; height: 0; line-height: 0; } .centered, .centered-lg, .centered-xl { padding-right: var(--gutter-base); padding-left: var(--gutter-base); } .button { padding: 10px 20px; font-family: var(--heading-font-family), sans-serif; font-size: 16px; font-weight: 700; line-height: var(--heading-lineheight); text-align: center; text-decoration: var(--line-decoration); color: var(--color-black); border: 2px solid var(--color-secondary); background-color: var(--color-secondary); transition: var(--base-duration); cursor: pointer; } .button i { margin-left: 4px; font-size: 11px; } .button:focus, .button:hover { color: var(--color-black); border: 2px solid var(--color-dark-yellow); background-color: var(--color-dark-yellow); } .button-secondary { color: var(--color-white); border: 2px solid var(--color-primary); background-color: var(--color-primary); } .button-secondary:focus, .button-secondary:hover { color: var(--color-white); border: 2px solid var(--color-dark-green); background-color: var(--color-dark-green); } .button-white { border: 2px solid var(--color-white); background-color: var(--color-white); } .button-outline { color: var(--color-primary); border: 2px solid var(--color-primary); background-color: transparent; } .button-outline:focus, .button-outline:hover { color: var(--color-white); border: 2px solid var(--color-primary); background-color: var(--color-primary); } .button-white-outline { color: var(--color-white); border: 2px solid var(--color-white); background-color: transparent; } .button-white-outline:focus, .button-white-outline:hover { color: var(--color-black); border: 2px solid var(--color-white); background-color: var(--color-white); } .button.no-button { padding: 0; min-height: auto; border: 0; background-color: transparent; } .button.button-link { font-family: var(--font-family-base), sans-serif; font-size: 14px; font-weight: 700; text-decoration: underline; color: var(--color-medium-green); } .button.button-link:hover { text-decoration: var(--line-decoration); color: var(--color-green); } blockquote { padding: 20px; font-size: 18px; font-style: italic; background-color: var(--color-soft); } .mce-content-body ul, .mce-content-body ol{ padding-left: 16px; } .mce-content-body ul li{ list-style: disc; } .mce-content-body ol li{ list-style: decimal; } /* ### wrapper ### */ .wrapper { padding-top: 36px; position: relative; display: block; width: 100%; min-height: 100%; overflow-x: clip; } /* ### header ### */ .header { padding-bottom: 10px; position: fixed; top: 0; left: 0; z-index: 9; width: 100%; transition: var(--base-duration); } .header-top { padding-top: 7px; padding-bottom: 7px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: var(--color-primary); transition: var(--base-duration); } .header-top-left { display: flex; flex-wrap: wrap; align-items: center; } .header-top-right { display: flex; flex-wrap: wrap; align-items: center; } .header-rating { display: none; flex-wrap: wrap; align-items: center; font-family: var(--heading-font-family), sans-serif; color: var(--color-white); } .header-rating .rating { margin: 0 6px; } .header-rating .dots { margin-right: 7px; display: flex; } .header-rating .dots span { margin-right: 1px; display: block; width: 12px; height: 12px; border-radius: 12px; background-color: var(--color-green); } .header-rating .dots span:last-of-type { margin-right: 0; } .header-rating .dots i { color: var(--color-yellow); } .header-rating .dots span:has(i) { margin-right: 2px; width: auto; height: auto; font-size: 11px; background-color: transparent; } .header-rating a { color: var(--color-white); } .header-rating a:focus, .header-rating a:hover { text-decoration: none; } .header-info { display: flex; flex-wrap: wrap; } .header-holder-inner { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; position: relative; } .header-tel, .header-mail { margin-right: 10px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--heading-font-family), sans-serif; text-decoration: none; color: var(--color-white); transition: var(--base-duration); } .header-tel i, .header-mail i { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; font-size: 10px; border: 1px solid var(--color-white); border-radius: 20px; transition: var(--base-duration); } .header-tel span, .header-mail span { display: none; } .header-tel:focus i, .header-mail:focus i, .header-tel:hover i, .header-mail:hover i { color: var(--color-primary); background-color: var(--color-white); } .header-lang { position: relative; z-index: 1; font-family: var(--heading-font-family), sans-serif; line-height: var(--heading-lineheight); text-transform: uppercase; } .header-lang:hover .header-lang-bar { opacity: 1; visibility: visible; } .header-lang button { display: inline-flex; align-items: center; font-family: var(--heading-font-family), sans-serif; font-size: 16px; color: var(--color-white); border: 0; background-color: transparent; cursor: pointer; } .header-lang button i { margin-top: -1px; margin-right: 6px; font-size: 23px; } .header-lang-bar { padding: 2px 5px; position: absolute; top: 100%; right: 0; opacity: 0; visibility: hidden; background-color: var(--color-white); transition: var(--base-duration); } .header-lang-bar a { display: block; text-decoration: none; color: var(--color-black); } .header-logo { margin-top: -30px; display: inline-flex; width: 80px; transition: var(--base-duration); } .header-logo-replace{ display: none; } .header-logo img { width: 100%; height: auto; } .header-holder .button { margin-top: 10px; margin-right: 50px; display: none; transition: var(--base-duration); } .header.sticky { padding-bottom: 5px; background-color: var(--color-primary); } .header.sticky .header-top { margin-top: -40px; } .header.sticky .header-logo { margin-top: 22px; width: 80px; position: absolute; top:-12px; } .header.sticky .header-holder-inner { align-items: center; height: 68px; } .header.sticky .header-menu { margin-top: 0; } .header.sticky .header-holder .button { margin-top: 3px; } .header.sticky .mobile-menu { top: 30%; } .header.sticky .header-logo-replace{ width: 63px; height: 68px; display: block; } /* ### header-menu ### */ .header-menu { display: none; } .header-menu ul { display: flex; flex-wrap: wrap; justify-content: center; } .header-menu li { position: relative; } .header-menu li a { display: inline-flex; align-items: center; font-family: var(--heading-font-family), sans-serif; font-size: 20px; font-weight: 700; text-decoration: none; color: var(--color-white); transition: var(--base-duration); } .header-menu li a i { margin-top: 5px; margin-left: 5px; font-size: 11px; } .header-menu>ul>li.has-child>a:after{content:'\e901'; font-family: 'icomoon' !important; font-size: 11px; margin-left: 6px; padding-top: 4px;} .header-menu li a:focus, .header-menu li a:hover, .header-menu li:hover a { color: var(--color-secondary); } .header-menu li:last-of-type { margin-right: 0; } .header-menu li ul { padding: 10px 0; position: absolute; top: 100%; left: 0; display: block; opacity: 0; visibility: hidden; background-color: var(--color-white); transition: var(--base-duration); box-shadow: 0 2px 5px rgb(0, 0, 0, 0.16); } .header-menu li:hover ul { opacity: 1; visibility: visible; } .header-menu li:hover li a { color: var(--color-primary); } .header-menu li:hover li ul { opacity: 0; visibility: hidden; } .header-menu li li { margin-right: 0; padding: 0 15px; position: relative; white-space: nowrap; } .header-menu li li:hover ul { opacity: 1; visibility: visible; } .header-menu li li ul { position: absolute; top: 0; left: 100%; } .header-menu li li a { display: block; color: var(--color-primary); } .header-menu li li a:focus, .header-menu li li a:hover { color: var(--color-secondary); } .header-menu li li:hover a { color: var(--color-secondary); } .header-menu li li:hover li a { color: var(--color-primary); } .header-menu li li li a:focus, .header-menu li li li a:hover { color: var(--color-secondary); } /* ### Mobile Menu ### */ .mobile-menu { position: absolute; top: 50%; right: 0; transition: var(--base-duration); } .mobile-menu .hamburger { position: absolute; top: 0; right: 15px; display: flex; align-items: center; color: var(--color-primary); transition: all 0.3s ease-in-out; cursor: pointer; } .mobile-menu label { margin-bottom: 0; } .m-menu__checkbox { display: none !important; } .m-menu__toggle { margin-left: -8px; padding-top: 5px; cursor: pointer; } .m-menu { position: fixed; top: 0; right: -768px; z-index: 2; opacity: 0; visibility: hidden; width: calc(100vw - 30px); max-width: 768px; height: 100vh; background-color: var(--color-white); -o-transform: translate3d(-450px, 0, 0); transform: translate3d(768px, 0, 0); transition: transform 0.35s; overflow: hidden; } .m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: 100%; background-color: rgba(103, 103, 103, 0.5); } .m-menu__header { padding: 0 16px; display: flex; align-items: center; height: 50px; border-bottom: 1px solid var(--color-black); } .m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: var(--color-white); } .m-menu .m-menu { transform: translate3d(768px, 0, 0); } .m-menu .header-submenu { padding: 5px 0; border-bottom: 1px solid var(--color-black); } .m-menu ul { height: 100%; overflow-y: auto; } .m-menu ul li { margin-right: 0 !important; position: relative; display: block !important; } .m-menu ul li ul { display: block !important; } .m-menu ul li a { font-size: 16px; font-weight: 700; } .m-menu ul li a:focus, .m-menu ul li a:hover { text-decoration: none !important; } .m-menu ul li a, nav .m-menu ul li label { padding: 0 15px; position: relative; display: block; line-height: 47px; text-align: left; text-decoration: none; color: var(--color-black); border-bottom: 1px solid var(--color-black); cursor: pointer; } nav .m-menu ul li label { border-bottom: 0; } .m-menu .btn-last { padding: 15px 10px; border-bottom: 1px solid var(--color-white); } .m-menu .button { display: flex; align-items: center; justify-content: center; border: 0; } .m-menu .button:focus, .m-menu .button:hover { background-color: var(--color-dark-yellow); } .m-menu .button.button-arrow:after { height: 42px; } .m-menu ul li label.a-label__chevron { padding: 0 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px var(--color-black); } .m-menu ul li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--color-black); border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); content: ''; } .m-menu ul li .-invisible { border-bottom: 0; } .m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; border-bottom: 0; } .m-menu__checkbox:checked ~ .m-menu__overlay { display: block; } .m-menu__checkbox:checked ~ .m-menu { right: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } /* ### main ### */ main { width: 100%; } /* ### Hero ### */ .hero { padding-top: 100px; padding-bottom: 80px; position: relative; display: flex; align-items: flex-end; justify-content: center; text-align: center; background-color: var(--color-black); } .hero-text { position: relative; z-index: 2; color: var(--color-white); } .hero-text h1 { margin-bottom: 20px; } .hero-text h1 span { margin-top: 2px; display: block; font-size: 20px; } .hero-form-field { margin-bottom: 15px; } .hero-form-submit .button { width: 100%; height: var(--input-height); } .hero-form-submit label { display: none; } .hero-image { position: absolute; top: 0; left: 0; opacity: 0.8; width: 100%; height: 100%; } .hero-image img { width: 100%; height: 100%; object-fit: cover; } .hero:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 59px; background: url('../images/wolken01.png') no-repeat top center; background-size: 100% 100%; content: ''; pointer-events: none; } .hero.is-alt { padding-bottom: 75px; min-height: 360px; } .hero.is-alt .hero-text { max-width: 1116px; font-family: var(--heading-font-family), sans-serif; font-size: 28px; line-height: 1.3; } .hero.is-alt .hero-text p:last-of-type { margin-bottom: 0; } .hero .breadcrumb { position: absolute; right: 1px; bottom: 2px; z-index: 1; display: flex; justify-content: flex-end; width: 100%; } /* ### Banner ### */ .banner { padding-top: 100px; padding-bottom: 80px; position: relative; background-color: var(--color-black); } .banner-text { position: relative; z-index: 1; max-width: 690px; color: var(--color-white); } .banner h1 { font-size: 40px; line-height: 1; color: inherit; } .banner-tags { margin-bottom: 10px; display: flex; flex-wrap: wrap; } .banner-tags span { margin-right: 12px; margin-bottom: 10px; padding: 5px 11px; display: inline-block; font-size: 14px; font-weight: 700; color: var(--color-white); background-color: var(--color-brown); } .banner-tags span:nth-child(2) { background-color: var(--color-primary); } .banner-tags span:nth-child(3) { background-color: var(--color-oxblood); } .banner-tags span:last-of-type { margin-right: 0; } .banner ul { margin-bottom: 20px; } .banner li { margin-bottom: 3px; padding-left: 24px; position: relative; line-height: 1.3; } .banner li:before { position: absolute; top: 3px; left: 0; font-family: var(--font-family-icon); font-size: 13px; content: '\e902'; } .banner-price { font-size: 12px; font-weight: 700; } .banner-price strong { font-family: var(--heading-font-family); font-size: 22px; } .banner-button .button { margin-bottom: 15px; width: 100%; } .banner-button .button:last-of-type { margin-bottom: 0; } .banner-image { position: absolute; top: 0; left: 0; opacity: 0.8; width: 100%; height: 100%; } .banner-image img { width: 100%; height: 100%; object-fit: cover; } .banner:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 59px; background: url('../images/wolken01.png') no-repeat top center; background-size: 100% 100%; content: ''; pointer-events: none; } /* ### Fair ### */ .fair { padding-top: 34px; padding-bottom: 34px; background-color: var(--color-white); } .fair .swiper { margin-right: -20px; } .fair-icon { position: absolute; top: 7px; left: 0; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; font-size: 46px; color: var(--color-white); background-color: var(--color-primary); } .fair-column { padding-left: 71px; position: relative; line-height: 1.5; } .fair-column strong { display: block; font-family: var(--heading-font-family), sans-serif; font-size: 20px; line-height: 24px; } .fair-column p:last-of-type { margin-bottom: 0; } .fair.is-alt .fair-icon { color: var(--color-dark); background-color: var(--color-alternate); } .fair-icon.is-alt { color: var(--color-dark); background-color: var(--color-alternate); } /* ### intro-block ### */ .intro-block { margin-bottom: 24px; max-width: 710px; } .intro-block h2 { margin-bottom: 16px; } .intro-block-text { position: relative; } .intro-block-text p:last-of-type { margin-bottom: 0; } .intro-block-shape { position: absolute; top: 32px; left: -264px; display: none; opacity: 0.5; width: 360px; } .intro-block-shape img { width: 100%; } .intro-block.is-white h2 { color: var(--color-white); } .intro-block.is-white .intro-block-text { color: var(--color-white); } /* ### Popular ### */ .popular { padding-top: 50px; padding-bottom: 50px; background-color: rgba(250, 228, 208, 0.3); } .popular-holder { margin-bottom: 30px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 15px; } .popular-more { text-align: center; } /* ### Card-popular ### */ .card-popular { display: flex; flex-direction: column; text-decoration: var(--line-decoration); color: var(--color-black); background-color: var(--color-white); } .card-popular-image { position: relative; height: 260px; overflow: hidden; } .card-popular-image img { width: 100%; height: 100%; object-fit: cover; } .card-popular-image span { padding: 5px 11px; position: absolute; top: 10px; left: 10px; display: inline-flex; font-size: 14px; font-weight: 700; text-align: center; color: var(--color-white); background-color: var(--color-brown); } .card-popular-image span.right { right: 10px; left: auto; background-color: var(--color-primary); } .card-popular-image span.bottom { padding: 0 10px; position: absolute; top: auto; bottom: 10px; left: 0; display: block; width: 100%; background-color: transparent; } .card-popular-image i { padding: 5px 11px; display: inline-block; font-style: normal; background-color: var(--color-oxblood); } .card-popular-level { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: var(--color-alternate); } .card-popular-lead { padding: 10px 10px 7px; display: inline-flex; align-items: center; justify-content: center; width: 33.33%; font-family: var(--font-family-base), sans-serif; font-size: 12px; font-weight: 700; text-align: center; color: var(--color-black); } .card-popular-lead i { margin-top: -4px; margin-right: 3px; font-size: 16px; } .card-popular-lead i.icon-shoes.light { opacity: 0.25; } .card-popular-lead:not(:last-child) { border-right: solid 1px var(--color-light); } .card-popular-info { padding: 20px; padding-bottom: 0px; } .card-popular-info strong { margin-bottom: 10px; display: block; font-family: var(--heading-font-family), sans-serif; font-size: 20px; font-weight: 400; } .card-popular-info ul { margin-bottom: 21px; list-style: none; } .card-popular-info li { padding-left: 23px; position: relative; } .card-popular-info li:after { position: absolute; top: 3px; left: 0; font-family: var(--font-family-icon), sans-serif; font-size: 14px; color: var(--color-medium-green); content: '\e902'; } .card-popular-bottom { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 10px; } .card-popular-price { font-family: var(--heading-font-family), sans-serif; font-size: 22px; font-weight: 700; color: var(--color-black); } .card-popular-price em { font-family: var(--font-family-base), sans-serif; font-size: 12px; font-style: normal; } .card-popular-bottom .button { width: 100%; } .card-popular:hover .button { border: 2px solid var(--color-dark-yellow); background-color: var(--color-dark-yellow); } /* ### calendar ### */ .calendar { padding-top: 50px; padding-bottom: 50px; position: relative; } .calendar .intro-block { margin-bottom: 15px; } .calendar-table { margin-bottom: 25px; overflow-x: auto; } .calendar-table table { width: 1200px; } .calendar-table tr th { font-family: var(--heading-font-family), sans-serif; font-size: 18px; text-align: left; } .calendar-table tr td { padding: 7px 0; font-size: 16px; color: var(--color-black); } .calendar-table tr:nth-child(odd) td { background-color: var(--color-soft); } .calendar-table tr th:first-child, .calendar-table tr td:first-child { padding-left: 20px; } .calendar-table tr td .icon-shoes { font-size: 20px; } .calendar-table tr td .icon-shoes.light { opacity: 0.25; } .calendar-table tr td .dots { position: relative; top: 2px; display: inline-block; width: 16px; height: 16px; border-radius: 35px; background-color: var(--color-orange); } .calendar-table tr td a { text-decoration: var(--line-decoration); color: var(--color-medium-green); } .calendar-table tr td a em { font-style: normal; text-decoration: underline; } .calendar-table tr td a:hover em { text-decoration: var(--line-decoration); } .calendar-table tr td .button { padding: 5px 10px; font-size: 18px; color: var(--color-black); } .calendar-table tr td.price { font-weight: 700; } .calendar-bottom { text-align: center; } .calendar-shape-right, .calendar-shape-left { position: absolute; bottom: -437px; left: -490px; z-index: -1; opacity: 0.03; width: 760px; pointer-events: none; } .calendar-shape-right img, .calendar-shape-left img { width: 100%; } .calendar-shape-right { top: -405px; right: -490px; bottom: unset; left: unset; } /* ### reviews ### */ .reviews { padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 1; background-color: var(--color-medium-green); } .reviews-holder { margin-bottom: 30px; } .reviews-bottom { text-align: center; } .reviews-wrap { margin-bottom: 30px; display: grid; gap: 16px; grid-template-columns: repeat(1, 1fr); } .reviews .swiper { margin-right: -20px; } .reviews .swiper-slide { height: auto; } .reviews .card-reviews { height: 100%; } .reviews.is-light { padding-top: 40px; background-color: var(--color-soft); } .reviews.is-light .reviews-top { margin-bottom: 38px; justify-content: center; } .reviews-top { margin-bottom: 24px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; } /* ### card-rating ### */ .card-rating { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 40px; } .card-rating-items { margin-bottom: 10px; display: flex; flex-wrap: wrap; } .card-rating-icon { margin-right: 10px; width: 40px; } .card-rating-icon img { width: 100%; } .card-rating-list { color: var(--color-white); } .card-rating-list span a { color: var(--color-white); } .card-rating-list span a:focus, .card-rating-list span a:hover { text-decoration: var(--line-decoration); } .card-rating-dot, .card-rating-star { display: flex; } .card-rating-dot li { width: 17px; height: 17px; border-radius: 35px; background-color: var(--color-green); } .card-rating-star li { line-height: normal; color: var(--color-yellow); } .card-rating-dot li:not(:last-child), .card-rating-star li:not(:last-child) { margin-right: 5px; } .card-rating-dot li.is-active { border: solid 1px var(--color-green); background-color: var(--color-orange-100); } .card-rating.black .card-rating-list, .card-rating.black .card-rating-list span a { color: var(--color-black); } /* ### card-reviews ### */ .card-reviews { padding: 20px 30px 12px; display: flex; flex-direction: column; background-color: var(--color-white); } .card-reviews-items { margin-bottom: 10px; } .card-reviews-top { margin-bottom: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .card-reviews-top ul { display: flex; flex-wrap: wrap; list-style: none; } .card-reviews-top li { color: var(--color-yellow); } .card-reviews-top li:not(:last-child) { margin-right: 5px; } .card-reviews-icon { margin-left: -10px; width: 40px; } .card-reviews-icon img { width: 100%; } .card-reviews strong { margin-bottom: 20px; display: block; font-family: var(--heading-font-family), sans-serif; font-size: 20px; font-weight: 400; line-height: var(--heading-lineheight); } .card-reviews-bottom { margin-top: auto; } .card-reviews-date { margin-top: 25px; padding-top: 15px; display: flex; flex-wrap: wrap; border-top: solid 1px rgba(0, 75, 75, 0.1); } .card-reviews-text { font-size: 14px; font-weight: 700; } .card-reviews-text:not(:last-child):after { margin: 0 10px; display: inline-block; width: 2px; height: 14px; vertical-align: middle; background-color: var(--color-black); content: ''; } /* ### ebook ### */ .ebook { padding-top: 50px; padding-bottom: 50px; position: relative; overflow: hidden; } .ebook .intro-block { margin-bottom: 19px; max-width: 100%; } .ebook-left { position: relative; z-index: 1; width: 100%; } .ebook-form { display: grid; grid-template-columns: repeat(1, 1fr); align-items: flex-end; column-gap: 16px; } .ebook-form-group { margin-bottom: 20px; width: 100%; } .ebook-photo { margin-bottom: 40px; width: 100%; } .ebook-photo img { width: 100%; height: 100%; object-fit: cover; } .ebook .button { width: 100%; max-width: 220px; } .form-check { padding-bottom: 10px; font-size: 14px; font-weight: normal; } .form-check label { margin-bottom: 0; padding-left: 30px; position: relative; display: inline-block; font-size: 14px; font-weight: 400; color: var(--color-black); } .form-check label a { font-weight: 400; color: var(--color-black); } .form-check label a:focus, .form-check label a:hover { text-decoration: none; color: var(--color-primary); } .form-check input[type='checkbox'] { position: absolute; top: -2px; left: 0; border: 1px solid rgba(112, 112, 112, 0.2); background-color: transparent; } .form-check input[type='checkbox']:checked:before { color: var(--color-blue); } .form-check a { color: var(--color-primary); transition: var(--base-duration); } .form-check a:focus, .form-check a:hover { color: var(--color-blue); } /* ### Gravity Forms — ebook download ### */ .ebook .gform_wrapper.gform-theme { --gf-radius: 0px; --gf-ctrl-size: 48px; --gf-ctrl-border-color: rgba(112, 112, 112, 0.2); } .ebook .gform_wrapper .gform_heading, .ebook .gform_wrapper .gform_required_legend, .ebook .gform_wrapper .gform_footer { display: none !important; } .ebook .gform_wrapper .gform_fields { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; } .ebook .gform_wrapper .gfield--type-text, .ebook .gform_wrapper .gfield--type-email { width: 100% !important; padding: 0 0 10px !important; } .ebook .gform_wrapper .gfield--type-submit { width: 100% !important; padding: 0 !important; } .ebook .gform_wrapper .gfield--type-consent { order: 3 !important; width: 100% !important; padding: 10px 0 0 !important; } .ebook .gform_wrapper .gfield_label { margin-bottom: 3px !important; font-family: var(--heading-font-family), sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: var(--heading-lineheight) !important; } .ebook .gform_wrapper input[type='text'], .ebook .gform_wrapper input[type='email'] { padding: 10px 15px !important; width: 100% !important; height: 48px !important; font-family: var(--heading-font-family), sans-serif !important; font-size: 18px !important; color: var(--color-black) !important; border: 1px solid rgba(112, 112, 112, 0.2) !important; border-radius: 0 !important; background-color: var(--color-white) !important; } .ebook .gform_wrapper input[type='text']::placeholder, .ebook .gform_wrapper input[type='email']::placeholder { color: var(--color-black) !important; } .ebook .gform_wrapper .gform-button { padding: 10px 20px !important; width: 100% !important; height: 48px !important; font-family: var(--heading-font-family), sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: var(--heading-lineheight) !important; color: var(--color-black) !important; border: 2px solid var(--color-secondary) !important; border-radius: 0 !important; background-color: var(--color-secondary) !important; cursor: pointer; transition: var(--base-duration); } .ebook .gform_wrapper .gform-button:focus, .ebook .gform_wrapper .gform-button:hover { border-color: var(--color-dark-yellow) !important; background-color: var(--color-dark-yellow) !important; } .ebook .gform_wrapper .ginput_container_consent { display: flex !important; align-items: center !important; } .ebook .gform_wrapper .ginput_container_consent input[type='checkbox'] { flex-shrink: 0; width: 20px !important; height: 20px !important; margin: 0 10px 0 0 !important; border: 1px solid rgba(112, 112, 112, 0.2) !important; border-radius: 0 !important; background-color: transparent !important; -webkit-appearance: none !important; appearance: none !important; cursor: pointer; } .ebook .gform_wrapper .ginput_container_consent input[type='checkbox']:checked:before { display: block; font-family: var(--font-family-icon), sans-serif; font-size: 14px; color: var(--color-blue); content: '\e902'; } .ebook .gform_wrapper .gfield_consent_label { margin: 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: 400 !important; color: var(--color-black) !important; } .ebook .gform_wrapper .gfield_consent_label a { font-weight: 400; color: var(--color-black) !important; } .ebook .gform_wrapper .gfield_consent_label a:focus, .ebook .gform_wrapper .gfield_consent_label a:hover { text-decoration: none; } .ebook .gform_wrapper .gfield_required_asterisk { display: none !important; } .ebook .gfield_validation_message{ display: none!important; } .ebook .gform_validation_errors{ max-width: 680px!important; } @media only screen and (min-width: 768px) { .ebook .gform_wrapper .gfield--type-text, .ebook .gform_wrapper .gfield--type-email { flex: 1 !important; width: auto !important; padding: 0 16px 0 0 !important; } .ebook .gform_wrapper .gfield--type-submit { flex-shrink: 0 !important; width: auto !important; max-width: 340px; min-width: 260px; padding: 0 !important; } } /* ### people ### */ .people { padding-top: 73px; padding-bottom: 81px; position: relative; overflow: hidden; background-color: rgba(250, 228, 208, 0.3); } .people-holder { margin-bottom: 30px; display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 16px; row-gap: 16px; } .people-bottom { text-align: center; } /* ### card-people ### */ .card-people { padding: 30px; background-color: var(--color-white); } .card-people-top { margin-bottom: 25px; display: flex; align-items: flex-start; } .card-people-top strong { font-family: var(--heading-font-family), sans-serif; font-size: 20px; line-height: 24px; } .card-people-icon { margin-right: 10px; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; min-width: 60px; background-color: var(--color-primary); } .card-people-icon i { font-size: 46px; color: var(--color-white); } .card-people-text { font-size: 16px; line-height: 1.2; } .card-people-text p:last-of-type { margin-bottom: 0; } /* ### people block alternate variant ### */ .people.is-alt { background-color: var(--color-white); } .people.is-alt .card-people { background-color: var(--color-soft); } .people.is-alt .card-people-icon { background-color: var(--color-alternate); } .people.is-alt .card-people-icon i { color: var(--color-dark); } /* ### blogs ### */ .blogs { padding-top: 50px; padding-bottom: 50px; } .blogs-holder { margin-bottom: 40px; display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 16px; row-gap: 16px; } .blogs-bottom { text-align: center; } /* ### card-blogs ### */ .card-blogs { display: flex; flex-direction: column; text-decoration: var(--line-decoration); color: var(--color-black); background-color: rgba(250, 228, 208, 0.3); } .card-blogs strong { margin-bottom: 16px; padding: 0 30px; display: block; font-family: var(--heading-font-family), sans-serif; font-size: 24px; font-weight: 400; line-height: var(--heading-lineheight); } .card-blogs-photo { margin-bottom: 26px; width: 100%; } .card-blogs-photo img { width: 100%; height: 100%; object-fit: cover; } .card-blogs-info { margin-top: auto; padding: 0 30px 30px; } .card-blogs-info p { margin-bottom: 24px; } .card-blogs:focus .button, .card-blogs:hover .button { background-color: var(--color-dark-green); } .card-blogs.is-white { background-color: var(--color-white); } /* ### cta ### */ .cta { padding-top: 90px; padding-bottom: 70px; position: relative; display: flex; flex-wrap: wrap; align-items: center; min-height:640px;} .cta-block { position: relative; z-index: 1; width: 100%; } .cta-bg-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-black); } .cta-bg-photo img { opacity: 0.8; width: 100%; height: 100%; object-fit: cover; } .cta:after { position: absolute; top: 0; left: 0; width: 100%; height: 59px; background: url('../images/wolken.png') no-repeat top center; background-size: 100% 100%; content: ''; } .cta-right { display: flex; flex-wrap: wrap; column-gap: 16px; } .cta-right .button { margin-bottom: 15px; min-width: 220px; } .cta.no-bg:after { display: none; } .cta.no-bg .cta-bg-photo { display: none; } /* ### quote ### */ .quote { margin-bottom: 80px; } .quote.is-white { margin-bottom: 20px; } .quote.is-white blockquote { background-color: var(--color-white); } /* ### tourism ### */ .tourism { padding-top: 50px; padding-bottom: 50px; position: relative; display: flex; flex-wrap: wrap; background-color: rgba(250, 228, 208, 0.3); } .tourism-left { width: 100%; } .tourism-sticky { margin: 0 -20px 34px; position: sticky; top: 105px; left: 0; z-index: 5; width: calc(100% + 40px); background-color: var(--color-light-200); } .tourism-sticky .custom-select { display: block; } .tourism-sticky .nav-tab { display: none; flex-wrap: wrap; list-style: none; } .tourism-sticky .nav-tab li a { padding: 6px 29px; font-family: var(--heading-font-family), sans-serif; font-size: 20px; font-weight: 700; text-decoration: var(--line-decoration); color: var(--color-black); border: solid 2px rgba(112, 112, 112, 0.2); background-color: var(--color-white); } .tourism-sticky .nav-tab li:not(:last-child) { margin-right: 10px; } .tourism-sticky .nav-tab li.is-active a, .tourism-sticky .nav-tab li a:hover { border: solid 2px var(--color-gray-300); } .tourism-right { width: 100%; } .tourism-right-sticky { position: sticky; top: 82px; left: 0; } /* ### news ### */ .news { padding-top: 50px; padding-bottom: 50px; background-color: var(--color-soft); } .news-left { margin-bottom: 40px; } .news-top { margin-bottom: 20px; } .news-form-field { margin-bottom: 10px; width: 100%; } .news-holder { margin-bottom: 40px; display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 15px; row-gap: 15px; } .news-bottom { text-align: center; } .news-bottom .button { width: 100%; max-width: 190px; } /* ### upcoming ### */ .upcoming { padding-top: 30px; padding-bottom: 32px; } .upcoming .intro-block { margin-bottom: 0; } /* ### filter ### */ .filter { padding-top: 50px; padding-bottom: 50px; background-color: var(--color-soft); } .filter-form { margin-bottom: 41px; display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 17px; row-gap: 25px; } .filter-form-field { position: relative; } .filter-tooltip { position: absolute; top: 0; right: 0; } .filter-tooltip i { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; font-family: var(--heading-font-family), sans-serif; font-size: 12px; color: var(--color-white); border-radius: 100%; background-color: var(--color-black); font-style: normal; font-weight: 700; cursor: pointer; } .filter-tooltip-text { padding: 5px 10px; position: absolute; bottom: calc(100% + 6px); right: 0; font-size: 14px; opacity: 0; visibility: hidden; width: max-content; color: var(--color-white); border-radius: 2px; background-color: var(--color-black); transition: var(--base-duration); max-width: 260px; z-index: 200; } .filter-tooltip-text:after { position: absolute; bottom: -5px; right: 5px; width: 0; height: 0; border-style: solid; border-width: 6px 3px 0 3px; border-color: var(--color-black) transparent transparent transparent; content: ''; } .filter-tooltip:hover .filter-tooltip-text { opacity: 1; visibility: visible; } .filter-form .button { width: 100%; } .filter-holder { margin-bottom: 41px; display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 16px; row-gap: 33px; } .filter-bottom { padding: 27px 30px 25px; background-color: #fabc3e; } .filter-info { margin-bottom: 20px; } .filter-info p:last-of-type { margin-bottom: 0; } .filter-btn { position: relative; } .filter-btn .button { width: 100%; } .filter-btn .button-outline { margin-top: 19px; min-height: 48px; color: var(--color-black); border: solid 1px; } .filter-btn .button-outline:hover, .filter-btn .button-outline:focus { color: var(--color-white); } /* ### thank-you ### */ .thank-you { margin-bottom: 50px; position: relative; display: flex; flex-wrap: wrap; align-items: center; } .thank-you-image { order: 2; } .thank-you-image img { width: 100%; height: 100%; object-fit: cover; } .thank-you-text { margin-bottom: 30px; order: 1; } .thank-you-text .button + .button { margin-top: 10px; } .thank-you-links { margin-bottom: 15px; } .thank-you-links li { padding-left: 10px; position: relative; } .thank-you-links ul { margin-bottom: 21px; padding-left: 16px; } .thank-you-links ol { margin-bottom: 21px; padding-left: 16px; } .thank-you-links ul li{ list-style: disc; } .thank-you-links ul li ul li{ list-style:circle; } .thank-you-links ol li ul li{ list-style:disc; } .thank-you-links ol li{ list-style: decimal; } .thank-you-links li { position: relative; } .thank-you-links li a { text-decoration: underline; } .thank-you-links li a:hover, .thank-you-links li a:focus { text-decoration: none; } /* ### description ### */ .description { padding-bottom: 20px; padding-top: 20px; } .description h2 { margin-bottom: 14px; width: 100%; } .description-wrap { margin-bottom: 37px; display: flex; flex-wrap: wrap; align-items: flex-end; } .description-info { margin-bottom: 40px; width: 100%; } .description-info ul { margin-bottom: 28px; } .description-info li { padding-left: 10px; position: relative; } .description-info ul { margin-bottom: 21px; padding-left: 16px; } .description-info ol { margin-bottom: 21px; padding-left: 16px; } .description-info ul li{ list-style: disc; } .description-info ul li ul li{ list-style:circle; } .description-info ol li ul li{ list-style: disc; } .description-info ol li{ list-style: decimal; } .description-info p { margin-bottom: 28px; } .description-info p:last-of-type { margin-bottom: 0; } .description-photo { position: relative; width: 100%; } .description-photo img { width: 100%; height: 300px; object-fit:cover; } .description-photo button { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; font-size: 20px; color: var(--color-medium-green); border: solid 1px rgba(112, 112, 112, 0.2); background-color: rgba(255, 255, 255, 0.8); transform: translate(-50%, -50%); transition: var(--base-duration); cursor: pointer; } .description-photo button:hover { background-color: var(--color-white); } .description-photo a { display: block; width: 100%; } .description-option { padding: 20px 30px 25px; background-color: #FABC3E; } .description-option strong { display: block; font-family: var(--heading-font-family), sans-serif; font-size: 20px; } .description-option p:last-of-type { margin-bottom: 0; } .description-column { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 16px; row-gap: 16px; } /* ### card-theme ### */ .card-theme { position: relative; display: block; overflow: hidden; } .card-theme img { width: 100%; transition: var(--base-duration); } .card-theme-bottom { padding: 30px; position: absolute; bottom: 0; left: 0; width: 100%; } .card-theme-bottom button { width: 100%; } .card-theme:hover button { border-color: var(--color-dark-yellow); background-color: var(--color-dark-yellow); } .card-theme:hover img { transform: scale(1.03); } /* ### card-cultural ### */ .card-cultural { margin-bottom: 15px; display: flex; flex-wrap: wrap; } .card-cultural strong { margin-bottom: 11px; display: block; font-family: var(--heading-font-family), sans-serif; font-size: 24px; font-weight: 700; } .card-cultural-intro { padding-top: 8px; width: 100%; } .card-cultural-intro p { margin-bottom: 28px; } .card-cultural-photo { width: 100%; } .card-cultural-photo img { width: 100%; } .card-cultural.reverse { flex-direction: row-reverse; } .card-cultural-intro ul, .card-cultural-intro ol{ padding-left: 16px; } .card-cultural-intro ul li{list-style: disc;} .card-cultural-intro ul li ul li{ list-style:circle; } .card-cultural-intro ol li ul li{ list-style: disc; } .card-cultural-intro ol li{list-style: decimal;} /* ### breadcrumb ### */ .breadcrumb ul { display: flex; flex-wrap: wrap; } .breadcrumb li { font-size: 12px; } .breadcrumb li:not(:last-of-type):after { margin: 0 10px; content: '/'; } /* ### Rank Math Breadcrumb ### */ .breadcrumb .rank-math-breadcrumb p { margin-bottom: 0; display: flex; flex-wrap: wrap; font-size: 12px; } .breadcrumb .rank-math-breadcrumb a { font-size: 12px; color: var(--color-black); } .breadcrumb .rank-math-breadcrumb a:focus, .breadcrumb .rank-math-breadcrumb a:hover { text-decoration: none; } .breadcrumb .rank-math-breadcrumb .separator { margin: 0 10px; color: var(--color-black); } /* ### trekking ### */ .trekking { padding-top: 50px; padding-bottom: 50px; background-color: rgba(250, 228, 208, 0.3); } .trekking-collage { display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 16px; column-gap: 16px; } .trekking-btn { padding-top: 24px; display: flex; justify-content: center; } /* ### card-trekking ### */ .card-trekking { display: block; text-decoration: none; } .card-trekking-image { overflow: hidden; } .card-trekking-image img { width: 100%; height: 200px; object-fit:cover; transition: var(--base-duration); } .card-trekking-text { padding: 8px; font-family: var(--heading-font-family), sans-serif; font-size: 18px; line-height: 1; text-align: center; text-decoration: none; color: var(--color-black); background-color: var(--color-white); transition: var(--base-duration); } .card-trekking:focus .card-trekking-text, .card-trekking:hover .card-trekking-text { color: var(--color-dark-yellow); } .card-trekking:focus .card-trekking-image img, .card-trekking:hover .card-trekking-image img { transform: scale(1.03); } /* ### divider ### */ .divider { height: 50px; background-color: var(--color-white); } /* ### seo ### */ .seo { padding-top: 60px; padding-bottom: 60px; display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 30px; column-gap: 37px; background-color: rgba(250, 228, 208, 0.3); } .seo h2 { margin-bottom: 16px; } .seo img { margin-bottom: 26px; width: 100%; object-fit:cover; } /* ### blog-article ### */ .blog-article { padding-top: 50px; padding-bottom: 50px; background-color: var(--color-soft); } .blog-article-left { margin-bottom: 40px; } .blog-article-text { margin-bottom: 20px; padding: 27px 15px 32px; background-color: var(--color-white); } .blog-article h2 { margin-bottom: 1px; font-size: 24px; font-weight: 700; } .blog-article h3 { margin-bottom: 3px; font-size: 20px; font-weight: 700; } .blog-article h4 { margin-bottom: 6px; font-size: 18px; font-weight: 700; } .blog-article-text p a, .blog-article-text li a { text-decoration: underline; color: var(--color-secondary); transition: var(--base-duration); } .blog-article-text p a:focus, .blog-article-text p a:hover, .blog-article-text li a:focus, .blog-article-text li a:hover { text-decoration: none; color: var(--color-black); } .blog-article-text ul { margin-bottom: 21px; padding-left: 16px; } .blog-article-text ol { margin-bottom: 21px; padding-left: 16px; } .blog-article-text ul li{ list-style: disc; } .blog-article-text ul li ul li{ list-style:circle; } .blog-article-text ol li ul li{ list-style:disc; } .blog-article-text ol li{ list-style: decimal; } .blog-article-text li { position: relative; } .blog-article-item { margin-bottom: 21px; } /* ### card-help ### */ .card-help { background-color: var(--color-white); } .card-help-image img { width: 100%; object-fit:cover; } .card-help-info { padding: 21px 15px 29px; line-height: 1.4; } .card-help-info strong { margin-bottom: 3px; display: block; font-family: var(--heading-font-family), sans-serif; font-size: 20px; font-weight: 700; } .card-help-info .button { padding: 9px; width: 100%; } .card-help-info .button + .button { margin-top: 10px; } .card-help.inner { border: 1px solid rgba(112, 112, 112, 0.2); } .card-help.inner p { margin-bottom: 2px; } .card-help.inner p:last-of-type { margin-bottom: 27px; } .card-help.inner p a { color: var(--color-black); } .card-help.inner p a:focus, .card-help.inner p a:hover { text-decoration: var(--line-decoration); color: var(--color-dark-yellow); } /* ### card-social ### */ .card-social { padding: 15px; background-color: var(--color-white); } .card-social strong { margin-bottom: 10px; display: block; font-family: var(--heading-font-family), sans-serif; font-size: 20px; font-weight: 700; } .card-social-links { display: flex; } .card-social-links a { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; font-size: 28px; text-decoration: var(--line-decoration); color: var(--color-black); border: 2px solid var(--color-black); border-radius: 100%; transition: var(--base-duration); } .card-social-links a + a { margin-left: 15px; } .card-social-links a:focus, .card-social-links a:hover { color: var(--color-white); border: 2px solid var(--color-dark-yellow); background-color: var(--color-dark-yellow); } /* ### collage ### */ .collage-holder { margin-bottom: 16px; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 15px; } .collage-holder.column2 { grid-template-columns: repeat(2, 1fr); } .collage-image img { width: 100%; } /* ### author ### */ .author { padding-top: 50px; padding-bottom: 50px; } /* ### card-author ### */ .card-author-image { margin: 0 auto; width: 180px; height: 180px; border-radius: 100%; } .card-author-text { padding: 20px; font-style: italic; line-height: 1.5; background-color: var(--color-soft); } .card-author-text p:last-of-type { margin-bottom: 0; } /* ### connect ### */ .connect { padding-top: 50px; padding-bottom: 50px; background-color: var(--color-soft); } .connect-left { margin-bottom: 40px; } .connect-form-group { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 21px; } .connect-form-field { margin-bottom: 12px; } .connect-text-field { margin-bottom: 10px; } .connect-check { margin-bottom: 15px; } .connect-check label { margin-bottom: 0; padding-left: 30px; position: relative; display: inline-block; font-family: var(--heading-font-family), sans-serif; font-size: 14px; font-weight: 400; } .connect-check label a { font-weight: 400; color: var(--color-black); } .connect-check label a:focus, .connect-check label a:hover { text-decoration: none; color: var(--color-dark-yellow); } .connect-check input[type='checkbox'] { position: absolute; top: -2px; left: 0; border: 1px solid rgba(112, 112, 112, 0.2); background-color: var(--color-white); } .connect-check input[type='checkbox']:checked:before { color: var(--color-blue); } .connect-check a { color: var(--color-primary); transition: var(--base-duration); } .connect-check a:focus, .connect-check a:hover { color: var(--color-blue); } .connect-wrap .button { width: 100%; max-width: 220px; } /* ### Gravity Forms — contact formulier ### */ .connect .gform_wrapper.gform-theme { --gf-radius: 0px; --gf-ctrl-size: 48px; --gf-ctrl-border-color: rgba(112, 112, 112, 0.2); } .connect .gform_wrapper .gform_heading, .connect .gform_wrapper .gform_required_legend, .connect .gform_wrapper .gform_footer { display: none !important; } .connect .gform_wrapper .gform_fields { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; } .connect .gform_wrapper .gfield { width: 100% !important; padding: 0 0 20px !important; } .connect .gform_wrapper .gfield--width-third { width: 100% !important; } .connect .gform_wrapper .gfield--width-half { width: 100% !important; } .connect .gform_wrapper .gfield--type-textarea { width: 100% !important; } .connect .gform_wrapper .gfield--type-consent { order: 10 !important; width: 100% !important; } .connect .gform_wrapper .gfield--type-submit { order: 11 !important; width: 100% !important; } .connect .gform_wrapper .gfield_label { margin-bottom: 3px !important; font-family: var(--heading-font-family), sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: var(--heading-lineheight) !important; } .connect .gform_wrapper .gfield_required_asterisk { display: none !important; } .connect .gform_wrapper input[type='text'], .connect .gform_wrapper input[type='email'], .connect .gform_wrapper input[type='tel'] { padding: 10px 15px !important; width: 100% !important; height: 48px !important; font-family: var(--heading-font-family), sans-serif !important; font-size: 18px !important; color: var(--color-black) !important; border: 1px solid rgba(112, 112, 112, 0.2) !important; border-radius: 0 !important; background-color: var(--color-white) !important; } .connect .gform_wrapper input::placeholder { color: var(--color-black) !important; } .connect .gform_wrapper textarea { padding: 10px 15px !important; width: 100% !important; height: 183px !important; font-family: var(--heading-font-family), sans-serif !important; font-size: 18px !important; color: var(--color-black) !important; border: 1px solid rgba(112, 112, 112, 0.2) !important; border-radius: 0 !important; background-color: var(--color-white) !important; resize: none; } .connect .gform_wrapper textarea::placeholder { color: var(--color-black) !important; } .connect .gform_wrapper .gform-button { padding: 10px 20px !important; height: 48px !important; font-family: var(--heading-font-family), sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: var(--heading-lineheight) !important; color: var(--color-black) !important; border: 2px solid var(--color-secondary) !important; border-radius: 0 !important; background-color: var(--color-secondary) !important; cursor: pointer; transition: var(--base-duration); } .connect .gform_wrapper .gform-button:focus, .connect .gform_wrapper .gform-button:hover { border-color: var(--color-dark-yellow) !important; background-color: var(--color-dark-yellow) !important; } .connect .gform_wrapper .ginput_container_consent { display: flex !important; align-items: center !important; } .connect .gform_wrapper .ginput_container_consent input[type='checkbox'] { flex-shrink: 0; width: 20px !important; height: 20px !important; margin: 0 10px 0 0 !important; border: 1px solid rgba(112, 112, 112, 0.2) !important; border-radius: 0 !important; background-color: transparent !important; -webkit-appearance: none !important; appearance: none !important; cursor: pointer; } .connect .gform_wrapper .ginput_container_consent input[type='checkbox']:checked:before { display: block; font-family: var(--font-family-icon), sans-serif; font-size: 14px; color: var(--color-blue); content: '\e902'; } .connect .gform_wrapper .gfield_consent_label { margin: 0 !important; padding: 0 !important; font-family: var(--heading-font-family), sans-serif !important; font-size: 14px !important; font-weight: 400 !important; color: var(--color-black) !important; } .connect .gform_wrapper .gfield_consent_label a { font-weight: 400; color: var(--color-black) !important; } .connect .gform_wrapper .gfield_consent_label a:focus, .connect .gform_wrapper .gfield_consent_label a:hover { text-decoration: none; } @media only screen and (min-width: 768px) { .connect .gform_wrapper .gform_fields { gap: 0 16px !important; } .connect .gform_wrapper .gfield--width-third { width: calc(33.33% - 11px) !important; padding: 0 0 20px !important; } .connect .gform_wrapper .gfield--width-half { width: calc(50% - 8px) !important; padding: 0 0 20px !important; } .connect .gform_wrapper .gfield--type-consent { width: auto !important; flex: 1; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 20px !important; } .connect .gform_wrapper .gfield--type-submit { width: auto !important; flex-shrink: 0; } } /* ### image-text ### */ .image-text { margin-bottom: 50px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; } .image-text-left { margin-bottom: 30px; width: 100%; } .image-text-photo { width: 100%; height: 100%; } .image-text-photo img { width: 100%; height: 100%; } .image-text-right { width: 100%; } .image-text.inner .image-text-left { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 16px; row-gap: 16px; } .image-text.inner .image-text-photo:first-child { grid-column: 1 / -1; } .image-text.inner .image-text-photo img { width: 100%; height: 100%; object-fit: cover; } /* ### video-block ### */ .video-block { margin-bottom: 50px; } .video-block-wrap { padding: 20px; background-color: var(--color-soft); } .video-block-wrap iframe { width: 100%; min-height: 200px; } .video-block.is-white { margin-bottom: 20px; } .video-block.is-white .video-block-wrap { background-color: var(--color-white); } /* ### text-block ### */ .text-block { margin-top: 70px; margin-bottom: 70px; position: relative; } .text-block-left { margin-bottom: 20px; } .text-block-right img { width: 100%; height: 100%; object-fit: cover; } /* ### team ### */ .team { margin-bottom: 70px; } .team-holder { display: flex; flex-wrap: wrap; gap: 16px; } .team-holder .card-team { flex: 0 0 100%; } @media only screen and (min-width: 768px) { .team-holder .card-team.is-3 { flex: 0 0 calc((100% - 32px) / 3); } .team-holder .card-team.is-4 { flex: 0 0 calc((100% - 48px) / 4); } } /* ### card-team ### */ .card-team { position: relative; z-index: 1; background-color: var(--color-soft); } .card-team:after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 130px; background-color: var(--color-white); content: ''; pointer-events: none; } .card-team-image { padding: 0 25px; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .card-team-image img { width: 100% !important; height: auto !important; max-width: 262px; aspect-ratio: 1 / 1 !important; object-fit: cover; border-radius: 100%; } .card-team-text { padding: 18px 30px 27px; } .card-team-text strong { margin-bottom: 12px; display: block; font-family: var(--heading-font-family), sans-serif; font-size: 24px; font-weight: 400; } .card-team-text p:last-of-type { margin-bottom: 0; } /* ### partner ### */ .partner {padding-top: 70px; padding-bottom: 70px; } .partner .intro-block { margin-bottom: 28px; } .partner-wrap { position: relative; } .partner .swiper-slide { width: 80px; } .partner .swiper-slide img { width: 100%; height: auto; } .partner .swiper-navigation-icon { display: none; } .partner .swiper-button-prev, .partner .swiper-button-next { left: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 11px; color: var(--color-black); border: 2px solid var(--color-black); background-color: var(--color-white); transition: var(--base-duration); } .partner .swiper-button-next { right: 0; left: unset; } .partner .swiper-button-prev { transform: rotate(-180deg); } .partner .swiper-button-prev:focus, .partner .swiper-button-prev:hover, .partner .swiper-button-next:focus, .partner .swiper-button-next:hover { color: var(--color-white); background-color: var(--color-black); } /* ### Module Pop up ### */ .modal-popup { padding: 0 15px; position: fixed; top: 0; left: 0; z-index: 50; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); transition: var(--base-duration); overflow-y: scroll; display: flex; justify-content: center; align-items: center; flex-direction: column;} .modal-popup.is-active { opacity: 1; visibility: visible; } .js-close-model { display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; transition: var(--base-duration); cursor: pointer; } .modal-popup-btn { display: flex; justify-content: center; } .white-popup-block { margin: 40px auto; padding: 20px 29px; position: relative; max-width: 928px; background-color: var(--color-white); } .modal-popup-top { margin-bottom: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .modal-popup ul { display: flex; flex-wrap: wrap; list-style: none; } .modal-popup li { color: var(--color-yellow); } .modal-popup li:not(:last-child) { margin-right: 5px; } .modal-popup-icon { margin-left: -10px; width: 40px; } .modal-popup-date { margin-top: 25px; padding-top: 15px; display: flex; flex-wrap: wrap; border-top: solid 1px rgba(0, 75, 75, 0.1); } .modal-popup-text { font-size: 14px; font-weight: 700; } .modal-popup-text:not(:last-child):after { margin: 0 10px; display: inline-block; width: 2px; height: 14px; vertical-align: middle; background-color: var(--color-black); content: ''; } /* ### Modal popup — participants ### */ .modal-popup.participants .white-popup-block{ max-width: 600px; } .modal-popup .white-popup-block table { width: 100%; border-collapse: collapse; } .modal-popup .white-popup-block th { padding: 10px 15px; font-family: var(--heading-font-family), sans-serif; font-size: 16px; text-align: left; border-bottom: 2px solid var(--color-gray); } .modal-popup .white-popup-block td { padding: 8px 15px; font-size: 14px; border-bottom: 1px solid var(--color-gray); } .modal-popup .white-popup-block .modal-popup-top { padding-bottom: 15px; border-bottom: 1px solid var(--color-gray); } .modal-popup .white-popup-block .modal-popup-top strong { font-family: var(--heading-font-family), sans-serif; font-size: 20px; } .modal-popup .js-close-model { font-size: 24px; line-height: 30px; text-align: center; border: 2px solid var(--color-gray); cursor: pointer; margin-left: 20px; } /* ### tabs-block ### */ .tabs-block { padding-top: 10px; padding-bottom: 50px; background-color: rgba(250, 228, 208, 0.3); } .tabs-block-content { padding-top: 33px; } .tabs-block-left { margin-bottom: 30px; } .tabs-maps { margin-bottom: 25px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } .tabs-maps-column .description-photo { margin-left: 0; display: block; width: 100%; } .tabs-block .card-ask { position: sticky; top: 68px; } .tabs-maps-column h5{ font-weight: 700; margin-bottom: 4px; } /* ### tabs-handle ### */ .tabs-handle { position: sticky; top: 73px; z-index: 1; display: flex; flex-wrap: wrap; background-color: var(--color-light-200); } .tabs-handle button { margin-right: 10px; padding: 5px 20px; display: none; min-height: 48px; font-family: var(--heading-font-family); font-size: 18px; font-weight: 700; border: 2px solid rgba(112, 112, 112, 0.2); background-color: var(--color-white); transition: var(--base-duration); cursor: pointer; } .tabs-handle button:focus, .tabs-handle button:hover, .tabs-handle button.is-active { border: 2px solid var(--color-gray-300); } .tabs-handle button:last-of-type { margin-right: 0; } .tabs-handle .custom-select { margin: 0 -20px; display: block; width: calc(100% + 40px); font-family: var(--heading-font-family); font-size: 20px; font-weight: 700; height: 70px; } /* Mobiel: alle tab-secties open onder elkaar (anker-gedrag, dropdown scrollt) */ .tabs-content { display: block; } .tabs-content.is-active { display: block; } .tabs-content .calendar-table table { width: 740px; } .tabs-content .calendar-table th { padding: 7px 10px; background-color: var(--color-white); } .tabs-content .calendar-table td { padding: 7px 10px; } .tabs-content .calendar-table tr:nth-child(even) td { background-color: var(--color-white); } .tabs-content .card-spot { margin-bottom: 30px; } .tabs-content-intro h2 { margin-bottom: 17px; } .tabs-content-intro p { margin-bottom: 27px; } .tabs-content-intro p a { text-decoration: underline; color: var(--color-black); } .tabs-content-intro p a:focus, .tabs-content-intro p a:hover { text-decoration: none; } .tabs-content-intro h5 { margin-bottom: 3px; font-weight: 700; } .tabs-content-intro ul, .tabs-content-intro ol{ padding-left: 16px; margin-bottom: 28px; } .tabs-content-intro ul li{ list-style: disc; } .tabs-content-intro ul li ul li{ list-style:circle; } .tabs-content-intro ol li ul li{ list-style:disc; } .tabs-content-intro ol li{ list-style: decimal; } /* ### Levels ### */ .levels { margin-bottom: 20px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } .levels-item { padding: 7px 0; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--color-black); border-top: 1px solid var(--color-black); border-bottom: 1px solid var(--color-black); } .levels-item i { margin-right: 1px; display: block; font-size: 20px; } .levels-item i.light { opacity: 0.4; } .levels-item strong { margin-left: 5px; display: block; } /* ### Shell ### */ .shell { margin-bottom: 30px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } /* ### card-shell ### */ .card-shell { display: block; width: 100%; text-decoration: none; } .card-shell img { width: 100%; height: 280px; object-fit:cover; } /* ### faq ### */ .faq { margin-bottom: 15px; } .faq h2 { margin-bottom: 17px; } .faq p { margin-bottom: 22px; } .faq p a { text-decoration: underline; color: var(--color-black); } .faq p a:focus, .faq p a:hover { text-decoration: none; } .faq-item { margin-bottom: 16px; border: 1px solid rgba(112, 112, 112, 0.2); background-color: var(--color-white); } .faq-title { padding: 7px 40px 7px 20px; position: relative; width: 100%; font-family: var(--heading-font-family); font-size: 20px; font-weight: 700; text-align: left; color: var(--color-black); border: 0; border-radius: 0; background-color: var(--color-white); cursor: pointer; } .faq-title:after { position: absolute; top: 50%; right: 19px; transform: translateY(-50%); transition: var(--base-duration); content: '+'; } .faq-content { overflow: hidden; max-height: 0; transition: max-height 0.4s ease; } .faq-text { padding: 5px 20px 20px; } .faq-images { margin-bottom: 30px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } .faq-img { display: block; width: 100%; } .faq-img img { width: 100%; height: 280px; object-fit:cover; } .faq-day-toggle { margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center; } .faq-day-toggle span { display: block; } .faq-day-toggle span:after { margin: 0 8px; content: '/'; } .faq-day-toggle span:last-of-type:after { display: none; } .faq-day-toggle a { font-family: var(--heading-font-family); font-weight: 700; color: var(--color-black); transition: var(--base-duration); } .faq-day-toggle a:focus, .faq-day-toggle a:hover { color: var(--color-secondary); } .faq .all-days { display: none; } .faq .all-days.is-active { display: block; } .faq-text *:last-child { margin-bottom: 0; } .faq-item.active .faq-title:after { content: '-'; } /* ### card-spot ### */ .card-spot { padding: 25px 30px; background-color: var(--color-secondary); } .card-spot h5 { margin-bottom: 4px; font-weight: 700; } .card-spot *:last-child { margin-bottom: 0; } /* ### list-block ### */ .list-block { margin-bottom: 30px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; } .list-block h4 { margin-bottom: 10px; font-weight: 700; } .list-block li { margin-bottom: 10px; position: relative; display: flex; align-items: center; line-height: var(--heading-lineheight); } .list-block li:before { margin-right: 10px; font-family: var(--font-family-icon); font-size: 13px; color: var(--color-medium-green); content: '\e902'; } .list-block li img { display: inline-block; height: 26px; width: auto; object-fit:contain; } .list-block li:last-child { margin-bottom: 0; } .list-block-right li:before { color: var(--color-black); content: '\e914'; } /* ### card-creating ### */ .card-creating { margin-bottom: 30px; padding: 20px; border: 1px solid rgba(112, 112, 112, 0.2); } .card-creating-text { margin-bottom: 25px; } .card-creating-text h5 { font-weight: 700; } .card-creating-text p { margin-bottom: 26px; } .card-creating-text p:last-of-type { margin-bottom: 0; } .card-creating-image img { width: 100%; height: auto; object-fit: cover; } .card-creating-text ol, .card-creating-text ul{padding-left:16px;} .card-creating-text ol li{ list-style: decimal; } .card-creating-text ul li{ list-style: disc; } /* ### activities ### */ .activities { padding: 20px; border: 1px solid rgba(112, 112, 112, 0.2); } .activities h5 { font-weight: 700; } .activities-holder { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } /* ### card-activities ### */ .card-activities { display: block; text-decoration: none; color: var(--color-black); border: 1px solid rgba(112, 112, 112, 0.2); } .card-activities-image img { width: 100%; } .card-activities-text { padding: 16px 19px 15px; } .card-activities-text h4 { margin-bottom: 10px; font-weight: 700; } .card-activities-text p { margin-bottom: 0; } /* ### card-ask ### */ .card-ask { padding: 20px; background-color: var(--color-white); } .card-ask h5 { margin-bottom: 18px; font-weight: 700; line-height: 1.3; } .card-ask ul { margin-bottom: 12px; } .card-ask li { margin-bottom: 3px; padding-left: 24px; position: relative; line-height: 1.45; } .card-ask li:before { position: absolute; top: 4px; left: 0; font-family: var(--font-family-icon); font-size: 13px; color: var(--color-primary); content: '\e902'; } .card-ask-price { margin-bottom: 20px; font-family: var(--heading-font-family); font-size: 22px; font-weight: 700; text-align: center; } .card-ask-price span { font-family: var(--font-family-base); font-size: 12px; } .card-ask .button { margin-bottom: 10px; width: 100%; } .card-ask-review { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-family: var(--heading-font-family); } .card-ask-review i { margin-left: 2px; font-size: 11px; color: var(--color-secondary); } .card-ask-review img { margin-right: 5px; } .card-ask-review a { margin-left: 5px; color: var(--color-black); } .card-ask-review a:focus, .card-ask-review a:hover { text-decoration: none; } .card-ask-logo { display: flex; align-items: center; justify-content: center; } .card-ask-logo .logo { margin-right: 2px; } .card-ask-logo .logo:last-of-type { margin-right: 0; } /* ### full-image ### */ .full-image { position: relative; background-color: var(--color-black); } .full-image .centered { width: 100%; } .full-image .swiper-slide { padding-top: 100px; padding-bottom: 50px; display: flex; align-items: center; } .full-image-text { position: relative; z-index: 1; width: 100%; max-width: 405px; color: var(--color-white); } .full-image-text h2 { margin-bottom: 30px; color: inherit; } .full-image-text .button { margin-bottom: 10px; width: 100%; } .full-image-text .button:last-of-type { margin-bottom: 0; } .full-image-img { position: absolute; top: 0; left: 0; opacity: 0.8; width: 100%; height: 100%; } .full-image-img img { width: 100%; height: 100%; object-fit: cover; } .full-image-arrows { margin-top: 0; position: absolute; top: 40px; left: 20px; z-index: 2; display: flex; } .full-image-arrows .swiper-button-prev, .full-image-arrows .swiper-button-next { margin-top: 0; position: unset; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 12px; color: var(--color-white); border: 0; border-radius: 40px; background-color: var(--color-primary); inset: 0; } .full-image-arrows .swiper-button-prev .swiper-navigation-icon, .full-image-arrows .swiper-button-next .swiper-navigation-icon { display: none; } .full-image-arrows .swiper-button-prev { margin-right: 10px; } .full-image-arrows .swiper-button-prev i { transform: rotate(180deg); } /* ### sticky-request ### */ .sticky-request { padding: 10px 20px; position: fixed; bottom: 0; z-index: 5; width: 100%; background-color: var(--color-white); } .sticky-request .button { width: 100%; } /* ### footer ### */ .footer { background-color: var(--color-primary); } .footer-usp { padding-top: 15px; padding-bottom: 15px; background-color: var(--color-secondary); } .footer-usp-item { color: var(--color-white); text-align: center; } .footer-usp-item i { margin-right: 6px; font-size: 14px; } .footer-information { padding-top: 40px; border-top: 1px solid rgba(1, 1, 3, 0.1); } .footer-gap, .footer-item { margin-bottom: 10px; border: 1px solid rgba(1, 1, 3, 0.1); } .footer-title { padding: 10px 40px 10px 10px; position: relative; font-family: var(--heading-font-family), sans-serif; font-size: 18px; font-weight: 700; color: var(--color-white); } .footer-title:after { position: absolute; top: 14px; right: 10px; font-family: var(--font-family-icon), sans-serif; font-size: 13px; transform: rotate(90deg); transition: var(--base-duration); content: '\e900'; } .footer-title.active:after { transform: rotate(-90deg); } .footer-tel a { font-size: 20px; text-decoration: none; color: var(--color-white); transition: var(--base-duration); } .footer-tel a:hover, .footer-tel a:focus { text-decoration: underline; } .footer-mail a { font-size: 14px; text-decoration: none; color: var(--color-white); transition: var(--base-duration); } .footer-mail a:hover, .footer-mail a:focus { text-decoration: underline; } .footer-opening-time { padding-bottom: 10px; color: var(--color-white); } .footer-subscribe { margin-top: 12px; margin-bottom: 9px; } .footer-input { margin-bottom: 10px; } .footer-input input { font-size: 16px; font-weight: 300; color: var(--color-white); border: 1px solid var(--color-gray); background-color: transparent; } .footer-input input::placeholder { color: var(--color-white); } .footer-subscribe .button { width: 100%; } .footer-social-media { padding-bottom: 10px; display: flex; } .footer-social-media a { margin-right: 10px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; font-size: 20px; text-decoration: none; color: var(--color-white); border: 1px solid var(--color-white); border-radius: 50px; transition: var(--base-duration); } .footer-social-media a:last-of-type { margin-right: 0; } .footer-social-media a:focus, .footer-social-media a:hover { text-decoration: none; color: var(--color-primary); background-color: var(--color-white); } .footer-check { padding-bottom: 10px; font-size: 14px; font-weight: normal; } .footer-check label { margin-bottom: 0; padding-left: 30px; position: relative; display: inline-block; font-family: var(--font-family-base), sans-serif; font-size: 14px; font-weight: 300; color: var(--color-white); } .footer-check label a { font-weight: 400; color: var(--color-white); } .footer-check label a:focus, .footer-check label a:hover { text-decoration: none; color: var(--color-white); } .footer-check input[type='checkbox'] { position: absolute; top: -2px; left: 0; border: 1px solid var(--color-blue); border-radius: 5px; background-color: transparent; } .footer-check input[type='checkbox']:checked:before { color: var(--color-blue); } .footer-check a { color: var(--color-primary); transition: var(--base-duration); } .footer-check a:focus, .footer-check a:hover { color: var(--color-blue); } .footer-holder { padding-bottom: 20px; border-bottom: 1px solid rgba(1, 1, 3, 0.1); } .footer-column ul { padding-bottom: 10px; } .footer-column a { text-decoration: none; color: var(--color-white); transition: var(--base-duration); } .footer-column a:focus, .footer-column a:hover { text-decoration: underline; } .footer.space-bottom { margin-bottom: 62px; } .hidden-menu { padding: 0 10px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } /* ### copyright ### */ .copyright { padding-top: 8px; padding-bottom: 10px; font-size: 14px; text-align: center; color: var(--color-white); } .copyright-link { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; } .copyright-link a:before { margin: 0 10px; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background-color: var(--color-white); content: ''; } .copyright-link a { color: var(--color-white); } .copyright-link a:focus, .copyright-link a:hover { text-decoration: none; } .copyright-connect { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .copyright-connect span { margin-right: 5px; display: inline-flex; } .copyright-connect span:last-of-type { margin-right: 0; } .copyright-connect img { max-width: 60px; height:auto;} button.mfp-arrow { margin-top: 0!important; opacity: 1; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .mfp-title { display: none; } .mfp-arrow:before { display: none;} .mfp-arrow:after { margin: 0; position: unset; inset: auto; display: block; } .mfp-arrow-right { padding-left: 7px!important; } .mfp-arrow-right:after { border-left: 12px solid var(--color-black); border-top-width: 8px; border-bottom-width: 8px; } .mfp-arrow-left { padding-right: 7px!important; } .mfp-arrow-left:after { border-right: 12px solid var(--color-black); border-top-width: 8px; border-bottom-width: 8px; } .mfp-gallery .mfp-close { width: 40px; height: 40px; font-size: 30px; } /* ### Gravity Forms — footer nieuwsbrief ### */ .footer-item .gform_wrapper.gform-theme { --gf-color-primary: transparent; --gf-color-in-ctrl: transparent; --gf-color-in-ctrl-contrast: var(--color-white); --gf-color-in-ctrl-light: var(--color-gray); --gf-ctrl-border-color: var(--color-gray); --gf-radius: 0px; --gf-ctrl-size: 48px; } .footer-item .gform_wrapper .gform_heading, .footer-item .gform_wrapper .gform_required_legend, .footer-item .gform_wrapper .gform_footer, .footer-item .gform_wrapper .gfield_label { display: none !important; } .footer-item .gform_wrapper .gform_fields { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; } .footer-item .gform_wrapper .gfield--type-email { width: 100% !important; padding: 0 0 10px !important; } .footer-item .gform_wrapper .gfield--type-submit { width: 100% !important; padding: 0 !important; } .footer-item .gform_wrapper .gfield--type-consent { order: 3 !important; width: 100% !important; padding: 10px 0 0 !important; } .footer-item .gform_wrapper input[type='email'] { padding: 10px 15px !important; width: 100% !important; height: 48px !important; font-family: var(--font-family-base), sans-serif !important; font-size: 16px !important; font-weight: 300 !important; color: var(--color-white) !important; border: 1px solid var(--color-gray) !important; border-radius: 0 !important; background-color: transparent !important; } .footer-item .gform_wrapper input[type='email']::placeholder { color: var(--color-white) !important; } .footer-item .gform_wrapper .gform-button { padding: 11px 25px !important; width: 100% !important; height: 48px !important; font-family: var(--heading-font-family), sans-serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: var(--heading-lineheight) !important; color: var(--color-white) !important; border: 2px solid var(--color-white) !important; border-radius: 0 !important; background-color: transparent !important; cursor: pointer; transition: var(--base-duration); } .footer-item .gform_wrapper .gform-button:focus, .footer-item .gform_wrapper .gform-button:hover { color: var(--color-black) !important; background-color: var(--color-white) !important; } .footer-item .gform_wrapper .ginput_container_consent { display: flex !important; align-items: center !important; } .footer-item .gform_wrapper .ginput_container_consent input[type='checkbox'] { flex-shrink: 0; width: 20px !important; height: 20px !important; margin: 0 10px 0 0 !important; border: 1px solid var(--color-gray) !important; border-radius: 0 !important; background-color: transparent !important; -webkit-appearance: none !important; appearance: none !important; cursor: pointer; } .footer-item .gform_wrapper .ginput_container_consent input[type='checkbox']:checked:before { display: block; font-family: var(--font-family-icon), sans-serif; font-size: 14px; color: var(--color-white); content: '\e902'; } .footer-item .gform_wrapper .gfield_consent_label { margin: 0 !important; padding: 0 !important; font-family: var(--font-family-base), sans-serif !important; font-size: 14px !important; font-weight: 300 !important; color: var(--color-white) !important; } .footer-item .gform_wrapper .gfield_consent_label a { font-weight: 400; color: var(--color-white) !important; } .footer-item .gform_wrapper .gfield_consent_label a:focus, .footer-item .gform_wrapper .gfield_consent_label a:hover { text-decoration: none; } .footer-item .gform_wrapper .validation_message{ display: none!important; } .footer-item .gform_wrapper .gform_submission_error{ color:#ffffff!important; } .footer-item .gform_wrapper .gform_validation_errors .gform-icon{ color:#ffffff!important; } .footer-item .gform_wrapper .gform_validation_errors{ border:none!important;margin-bottom: 10px!important; } @media only screen and (min-width: 768px) { .footer-item .gform_wrapper .gfield--type-email { flex: 1 !important; width: auto !important; padding: 0 16px 0 0 !important; } .footer-item .gform_wrapper .gfield--type-submit { flex-shrink: 0 !important; width: auto !important; min-width: 260px; padding: 0 !important; } .footer-item .gform_wrapper .gfield--type-consent { padding: 10px 0 0 !important; } } .gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section { border:none!important; } #field_4_43{ justify-content: flex-end!important; } .difficulty-shoes { display: inline-block; width: auto; height: 20px; vertical-align: middle; } .card-popular-lead .difficulty-shoes { margin-right: 6px; height: 18px; } .levels-item .difficulty-shoes { margin-right: 6px; height: 22px; } @media only screen and (min-width: 768px) { .card-popular-lead .difficulty-shoes { height: 22px; } } /* #Media Queries ================================================== */ @media only screen and (min-width: 490px) { .card-rating-items { margin-bottom: 0; } } @media only screen and (min-width: 768px) { :root { --font-size-h1: 50px; --font-size-h2: 36px; } textarea { height: 183px; } blockquote { padding: 75px 80px 70px; font-size: 24px; } .button { padding: 11px 25px; font-size: 20px; } .header-top-left { padding-left: 170px; } .header-rating { margin-right: 30px; } .header-rating:last-of-type { margin-right: 0; } .header-tel, .header-mail { margin-right: 25px; } .header-logo { width: 100px; } .header-logo img { transition: var(--base-duration); } .header-holder .button { margin-top: 16px; } .header-tel span, .header-mail span { display: inline-block; } .header-tel i, .header-mail i { margin-right: 7px; } .header-menu { margin-top: 24px; } .header-menu li { margin-right: 20px; } .hero { padding-bottom: 81px; min-height: 500px; } .hero-text h1 { margin-bottom: 12px; } .hero-text h1 span { font-size: 32px; } .hero-form { margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; max-width: 900px; } .hero-form-field { margin-bottom: 0; } .hero-form-submit label { display: block; } .fair { padding-bottom: 48px; } .intro-block-text { padding-left: 118px; } .intro-block-shape { display: block; } .popular { padding-top: 74px; padding-bottom: 75px; } .popular-holder { grid-template-columns: repeat(2, 1fr); } .card-popular-info { padding: 20px 30px 0px; } .card-popular-info strong { font-size: 24px; } .card-popular-lead { font-size: 14px; } .card-popular-lead i { font-size: 20px; } .ebook-form { grid-template-columns: repeat(3, 1fr); } .people-holder { grid-template-columns: repeat(2, 1fr); } .trekking { padding-top: 74px; padding-bottom: 81px; } .trekking-collage { margin-bottom: 16px; grid-template-columns: repeat(4, 1fr); } .trekking-collage.column2 { grid-template-columns: repeat(3, 1fr); } .trekking-collage.column3 { grid-template-columns: repeat(2, 1fr); } .divider { height: 80px; } .seo { display: grid; grid-template-columns: repeat(2, 1fr); } .blog-article { display: flex; justify-content: space-between; } .blog-article-left { margin-bottom: 0; width: 60%; } .blog-article-right { width: 39%; } .blog-article-item { margin-bottom: 21px; } .blog-article-sticky { position: sticky; top: 73px; left: 0; } .quote.is-white blockquote { padding: 75px 90px 32px 60px; } .author { padding-top: 90px; padding-bottom: 82px; } .card-author { display: flex; justify-content: space-between; } .card-author-image { margin: 0; z-index: 1; width: 262px; height: 262px; } .card-author-text { margin-left: -30px; padding: 40px; display: flex; justify-content: flex-end; width: 83.1%; font-size: 24px; } .connect { padding-top: 73px; padding-bottom: 70px; display: flex; justify-content: space-between; } .connect-left { margin-bottom: 0; padding-top: 5px; width: 63%; } .connect-form-group { margin-bottom: 15px; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 21px; } .connect-form-group.column2 { grid-template-columns: repeat(2, 1fr); } .connect-wrap { display: flex; align-items: center; justify-content: flex-end; } .connect-check { margin-right: 28px; margin-bottom: 0; } .connect-right { width: 35%; } .image-text { margin-bottom: 81px; } .image-text-left { margin-bottom: 0; width: 50%; } .image-text-right { padding-top: 30px; padding-bottom: 30px; width: 48%; } .image-text.inner { align-items: flex-start; justify-content: unset; } .image-text.inner .image-text-left { margin-right: 27px; margin-left: -20px; width: 50.4%; order: 1; } .image-text.inner .image-text-right { order: 2; margin-bottom: 0; } .image-text.reverse { margin-bottom: 90px; flex-direction: row-reverse; } .image-text.reverse .image-text-left { margin-right: -27px; margin-left: 27px; } .image-text.inner .image-text-photo:first-child { height: 540px; overflow: hidden; } .image-text.inner .image-text-photo:not(:first-child) { max-height: 340px; overflow: hidden; } .image-text.inner .image-text-photo:not(:first-child) img{ object-fit:cover; aspect-ratio: 4 / 5; } .video-block { margin-bottom: 80px; } .video-block-wrap { padding: 80px 70px; } .video-block-wrap iframe { min-height: 400px; } .video-block.is-white .video-block-wrap { padding: 30px 25px; } .text-block { display: flex; align-items: center; justify-content: space-between; min-height: 520px; } .text-block-left { margin-bottom: 0; width: 48%; } .text-block-right { position: absolute; top: 0; right: 0; width: 49.15vw; height: 520px; } .text-block.reverse { flex-direction: row-reverse; } .text-block.reverse .text-block-right { right: unset; left: 0; } .team { margin-bottom: 100px; } .partner .swiper-button-prev, .partner .swiper-button-next { width: 48px; height: 48px; } .partner .swiper-button-prev { left: -10px; } .partner .swiper-button-next { right: -10px; } .description-column { grid-template-columns: repeat(2, 1fr); } .tourism { padding-bottom: 100px; } .tourism-right { width: 50%; } .news { padding-top: 73px; padding-bottom: 80px; display: flex; justify-content: space-between; } .news-top { max-width: 573px; } .news-left { margin-bottom: 0; padding-top: 5px; width: 66.2%; } .news-filter { display: flex; gap: 15px; align-items: flex-end; justify-content: space-between; } .news-form-field { margin-bottom: 0; } .news-filter .button { width: 100%; max-width: 219px; } .news-holder { grid-template-columns: repeat(2, 1fr); row-gap: 32px; } .news-right { width: 32.7%; } .news-sticky { position: sticky; top: 0; left: 0; } .upcoming { padding-top: 73px; } .filter { padding-top: 64px; padding-bottom: 80px; } .filter-form { margin-bottom: 41px; grid-template-columns: repeat(2, 1fr); } .filter-holder { grid-template-columns: repeat(2, 1fr); } .filter-tooltip-text, .filter-tooltip-text:after { left: 50%; transform: translateX(-50%); right: auto; } .thank-you { margin-bottom: 80px; justify-content: flex-end; min-height: 520px; } .thank-you-image { position: absolute; top: 0; left: 0; width: 49.15vw; height: 520px; order: 1; } .thank-you-text { margin-bottom: 0; width: 48.6%; order: 2; } .thank-you.reverse { flex-direction: row-reverse; } .thank-you.reverse .thank-you-image { right: 0; left: unset; } .card-cultural-intro { padding-top: 8px; flex: 1; } .card-cultural-intro p { margin-bottom: 28px; } .card-cultural-photo { margin-left: 20px; width: 43.6%; } .card-cultural.reverse { flex-direction: row-reverse; } .card-cultural.reverse .card-cultural-photo { margin-right: 35px; margin-left: 0; } .blogs-holder { grid-template-columns: repeat(2, 1fr); } .banner { padding-top: 140px; padding-bottom: 110px; } .banner h1 { margin-bottom: 27px; font-size: 60px; } .banner ul { margin-bottom: 35px; } .banner-price { margin-right: 25px; } .banner-button { display: flex; align-items: center; } .banner-button .button { margin-right: 15px; margin-bottom: 0; width: auto; } .banner-button .button:last-of-type { margin-right: 0; } .reviews-wrap { grid-template-columns: repeat(2, 1fr); } .tabs-block { padding-bottom: 100px; } .levels, .shell { grid-template-columns: repeat(3, 1fr); gap: 16px; } .levels { margin-bottom: 36px; } .faq-holder { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .faq-images { grid-template-columns: repeat(3, 1fr); gap: 26px; } .list-block { margin-bottom: 39px; grid-template-columns: repeat(2, 1fr); gap: 23px; } .tabs-content .calendar-table table { width: 100%; } .tabs-content { display: none; } .tabs-handle { top: 68px; } .tabs-handle button { display: block; } .tabs-handle .custom-select { display: none; } .card-creating { display: flex; flex-wrap: wrap; } .card-creating-text { margin-bottom: 0; padding-right: 20px; width: 68%; } .card-creating-image { width: 32%; } .activities-holder { grid-template-columns: repeat(3, 1fr); gap: 16px; } .tabs-maps { grid-template-columns: repeat(2, 1fr); gap: 25px; } .full-image .swiper-slide { height: 500px; } .full-image-text .button { width: auto; min-width: 278px; } .full-image-arrows { top: 20%; } .footer-usp { padding-top: 28px; padding-bottom: 28px; display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-subscribe { padding-right: 160px; position: relative; } .footer-subscribe .button { position: absolute; top: 0; right: 0; width: auto; min-width: auto; } .footer-social-media a { margin-right: 20px; width: 42px; height: 42px; font-size: 24px; } .footer-title { font-size: 20px; } .footer.space-bottom { margin-bottom: 68px; } .copyright { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .copyright-link { margin-bottom: 0; } .ebook .intro-block { margin-bottom: 19px; max-width: 76%; } } @media only screen and (min-width: 1025px) { .centered, .centered-lg, .centered-xl { padding-right: 80px; padding-left: 80px; } :root { --font-size-h1: 60px; } .header-menu { display: block; } .mobile-menu { display: none; } .header-holder .button { margin-right: 0; display: inline-flex; align-items: center; } .header-logo { margin-top: -20px; width: 160px; transition: var(--base-duration); } .header.sticky .header-logo img { max-width: 100px; } .hero-text h1 span { font-size: 48px; } .hero { min-height: 600px; } .fair .swiper { margin-right: 0; } .calendar, .reviews { padding-top: 73px; padding-bottom: 80px; } .ebook { padding-top: 73px; padding-bottom: 71px; } .ebook-left { width: 71%; } .ebook-form-group { margin-bottom: 9px; } .ebook-photo { margin-bottom: 0; position: absolute; top: 0; right: 0; width: 45.2%; height: 100%; } .people-holder { grid-template-columns: repeat(3, 1fr); } .card-trekking-text { font-size: 24px; } .card-author-text { margin-left: -30px; padding: 77px 79px; font-size: 24px; } .video-block-wrap iframe { min-height: 620px; } .video-block.is-white .video-block-wrap { padding: 60px 52px; } .team { margin-bottom: 184px; } .blogs { padding-top: 72px; padding-bottom: 80px; } .cta-block { display: flex; align-items: center; justify-content: space-between; column-gap: 30px; } .connect-left { width: 70%; } .connect-right { width: 28%; } .image-text { min-height: 520px; } .image-text-right { width: 48%; } .image-text.inner { min-height: auto; } .image-text.inner .image-text-right { width: 46%; } .card-blogs-photo { height: 260px; } .banner { padding-top: 202px; padding-bottom: 167px; } .tabs-block { display: flex; flex-wrap: wrap; } .tabs-block-left { margin-bottom: 0; padding-right: 17px; width: 76%; } .tabs-block-right { width: 24%; } .tourism-left { flex: 1; } .filter-form { grid-template-columns: repeat(4, 1fr); } .filter-holder { grid-template-columns: repeat(3, 1fr); } .filter-bottom { padding: 27px 30px 25px; display: flex; justify-content: space-between; } .filter-info { margin-bottom: 0; width: 60%; } .filter-btn { padding-top: 3px; width: 33%; } .filter-btn:before { position: absolute; top: 0; left: -42px; width: 1px; height: 100%; background-color: var(--color-orange-100); content: ''; pointer-events: none; } .description-info { margin-bottom: 0; flex: 1; } .description-photo { margin-left: 20px; width: 32.33%; } .tourism-right { margin-left: 16px; width: 24.2%; } .blog-article-left { width: 70%; } .blog-article-text { padding: 27px 31px 32px; } .blog-article-right { width: 29%; } .card-social-links a + a { margin-left: 18px; } .tourism-sticky { margin: 0 0 34px; width: 100%; } .tourism-sticky .custom-select { display: none; } .tourism-sticky .nav-tab { display: flex; } .card-ask { padding: 20px 20px 10px; } .full-image .swiper-slide { height: 600px; } .full-image-arrows { top: 25%; } .sticky-request { display: none; } .footer-usp-item { text-align: left; } .footer-usp .swiper { width: 100%; } .footer-usp .swiper-wrapper { justify-content: space-between; } .footer-usp .swiper-slide { width: 260px; } .footer-item { margin-bottom: 0; width: 26%; border: 0; border-radius: 0; } .footer-item.w-50 { padding-right: 30px; padding-left: 20px; width: 48%; } .footer-title { margin-bottom: 15px; padding: 0; } .footer-title:after { display: none; } .footer-information { padding-top: 76px; padding-bottom: 46px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .footer-information .footer-title { margin-bottom: 2px; font-size: 18px; } .footer-tel { margin-bottom: 3px; } .footer-tel a { font-size: 20px; } .footer-tel i { margin-right: 5px; display: inline-block; } .footer-mail { padding-left: 31px; } .footer-opening-time { padding-bottom: 0; padding-left: 31px; } .footer-subscribe { padding-right: 276px; max-width: 728px; } .footer-input { margin-bottom: 0; } .footer-subscribe .button { min-width: 260px; } .footer-gap { margin-bottom: 14px; border: 0; border-radius: 0; } .footer-gap:last-of-type { margin-bottom: 0; } .footer-holder { padding-top: 69px; padding-bottom: 73px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; } .footer-column ul { padding-bottom: 0; } .footer-column li { margin-bottom: 4px; } .footer-column li:last-of-type { margin-bottom: 0; } .footer-social-media { margin-top: 14px; padding-bottom: 0; flex-wrap: wrap; } .footer-social-media a { margin-bottom: 10px; } .footer-check { padding-bottom: 0; } .footer.space-bottom { margin-bottom: 0; } .hidden-menu { padding: 0; max-height: inherit; overflow: inherit; transition: unset; } } @media only screen and (min-width: 1200px) { :root { --font-size-h1: 80px; } .header-rating { display: flex; } .header-menu li { margin-right: 55px; } .hero { min-height: 720px; } .calendar-table table { width: 100%; } .card-popular-bottom { flex-wrap: nowrap; } .card-popular-bottom .button { width: 100%; } .calendar-shape-right, .calendar-shape-left { left: -291px; } .calendar-shape-right { right: -8px; left: unset; } .reviews .swiper { margin-right: 0; } .reviews .intro-block { margin-bottom: 0; } .blogs-holder { grid-template-columns: repeat(3, 1fr); } .partner .swiper-slide { width: 120px; } .blog-article-left { width: 74.7%; } .blog-article-text { padding: 27px 31px 32px; } .blog-article-right { width: 24.1%; } .tourism-sticky .nav-tab li:not(:last-child) { margin-right: 30px; } .card-help-info { padding: 21px 30px 29px; } .card-help-info .button { padding: 11px 21px; } .card-help.inner .card-help-info { padding: 24px 30px 29px; } .card-social { padding: 20px 30px; } .tabs-handle button { margin-right: 28px; padding: 5px 22px; font-size: 20px; } .card-ask { padding: 25px 30px 10px; } .thank-you-text .button + .button { margin-top: 0; margin-left: 10px; } .full-image .swiper-slide { height: 910px; } .full-image-arrows { top: 34%; } } @media only screen and (min-width: 1300px) { .popular-holder { grid-template-columns: repeat(3, 1fr); } } @media only screen and (min-width: 1440px) { .centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); } .header-rating { margin-right: 41px; } .header-tel, .header-mail { margin-right: 39px; } .image-text.inner .image-text-right { width: 37%; } .modal-popup { overflow-y: unset; } .partner .swiper-slide { width: auto; } .connect-left { width: 74.3%; } .connect-right { width: 24.2%; } .tabs-handle button { margin-right: 40px; } .filter-info { width: 65%; } .filter-btn { width: 25.2%; } .full-image-arrows { margin-left: -700px; left: 50%; } .thank-you-text { padding-right: 110px; } .thank-you.reverse .thank-you-text { padding-right: 60px; padding-left: 117px; } .card-popular-bottom .button { width: 45%; } } @media only screen and (min-width: 1680px) { .partner .swiper-button-prev { left: -59px; } .partner .swiper-button-next { right: -59px; } .card-popular-bottom .button { width: 48%; } .image-text.inner { align-items: center; } } @media only screen and (min-width: 1920px) { .centered-xl { padding-right: calc((100% - var(--width-base-xl)) / 2); padding-left: calc((100% - var(--width-base-xl)) / 2); } } /* GRAVITY FORMS — BMP brand styling */ .gform_wrapper .gf_progressbar_wrapper{margin:0 0 1.5em} .gform_wrapper .gf_progressbar_title{font-size:.95em;color:#666;margin-bottom:.5em} .gform_wrapper .gf_progressbar{background:#e0e0e0;border-radius:4px;overflow:hidden;height:6px;padding:0} .gform_wrapper .gf_progressbar_percentage{background:#004b4b!important;height:6px;border-radius:4px;transition:width .3s ease} .gform_wrapper .gf_progressbar_percentage span{display:none} .gform_wrapper .gform_button, .gform_wrapper .gform_next_button, .gform_wrapper .gform_previous_button, .gform_wrapper input[type="submit"]{background:#004b4b!important;color:#fff!important;border:none!important;padding:.75em 1.6em!important;border-radius:0px!important;font-weight:600!important;font-size:1em!important;cursor:pointer!important;transition:background .15s ease!important} .gform_wrapper .gform_button:hover, .gform_wrapper .gform_next_button:hover, .gform_wrapper input[type="submit"]:hover{background:#003838!important} .gform_wrapper .gform_previous_button{background:#fff!important;color:#004b4b!important;border:1px solid #004b4b!important} .gform_wrapper .gform_previous_button:hover{background:#f0f0f0!important;color:#003838!important} .gform_wrapper .gfield_label{font-weight:600;color:#222;margin-bottom:.4em} .gform_wrapper .gfield_required{color:#c00;margin-left:6px} .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="url"], .gform_wrapper input[type="date"], .gform_wrapper input[type="password"], .gform_wrapper select, .gform_wrapper textarea{border:1px solid #ccc;border-radius:4px;padding:.6em .8em;font-size:1em;font-family:inherit;background:#fff;transition:border-color .15s,box-shadow .15s} .gform_wrapper input[type="text"]:focus, .gform_wrapper input[type="email"]:focus, .gform_wrapper input[type="tel"]:focus, .gform_wrapper input[type="number"]:focus, .gform_wrapper input[type="url"]:focus, .gform_wrapper input[type="date"]:focus, .gform_wrapper input[type="password"]:focus, .gform_wrapper select:focus, .gform_wrapper textarea:focus{outline:none;border-color:#004b4b;box-shadow:0 0 0 2px rgba(0,75,75,.15)} .gform_wrapper .ginput_container_date input{padding-right:2.5em} .gform_wrapper .gfield_description, .gform_wrapper .description{color:#666;font-size:.9em;font-style:italic;margin-top:.35em} .gform_wrapper .gfield_error .gfield_label{color:#c00} .gform_wrapper .gfield_error input[type="text"], .gform_wrapper .gfield_error input[type="email"], .gform_wrapper .gfield_error input[type="tel"], .gform_wrapper .gfield_error input[type="date"], .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea{border-color:#c00;background:#fff5f5} .gform_wrapper .validation_message{color:#c00;font-size:.9em;margin-top:.35em} .gform_wrapper .gsection{border-bottom:2px solid #004b4b;margin:1.5em 0 1em;padding-bottom:.5em} .gform_wrapper .gsection_title{color:#004b4b;font-size:1.25em;margin:0} .gform_wrapper .gsection_description{color:#666;font-size:.95em;font-style:italic;margin:.25em 0 0} .gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label, .gform_wrapper .gchoice label{font-weight:400;cursor:pointer} .gform_wrapper .gfield_checkbox input[type="checkbox"], .gform_wrapper .gfield_radio input[type="radio"]{margin-right:.5em;cursor:pointer} .gform_wrapper .ginput_container_consent label{font-weight:400} .gform_wrapper .ginput_container_consent a{color:#004b4b;text-decoration:underline} .gform_wrapper .ginput_container_consent a:hover{color:#003838} .bmp-trip-name-heading{color:#004b4b;font-size:1.4em;margin:.5em 0 1em;line-height:1.3} .bmp-trip-name-target{font-weight:700} .bmp-field label span.bmp-req, .gform_wrapper .gfield_required{margin-left:6px;color:#c00} /* EINDE GRAVITY FORMS — BMP brand styling */