@font-face {
font-family: 'breathing_personal_useregular';
src: url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/breathing-webfont.woff2) format('woff2'),
url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/breathing-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bank Gothic';
src: url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBT-Light.woff2) format('woff2'),
url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBT-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BankGothic Md BT';
src: url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBT-Medium.woff2) format('woff2'),
url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBT-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BankGothic';
src: url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBold.woff2) format('woff2'),
url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BankGothic Md BT';
src: url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBT-Medium.woff2) format('woff2'),
url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBT-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lagoon';
src: url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/fonts/Lagoon-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
body, html {background:#fafafa; font-family: "Poppins", system-ui !important; overflow-x: hidden; }
h1,h2,h3,h4,h5,h6 {font-weight: 700;}
.page-id-781 h1, .page-id-781 h2, .page-id-781 h3, .term-jeanneau h1, .term-jeanneau h2, .term-jeanneau h3, .yacht-Jeanneau h1, .yacht-Jeanneau h2, .yacht-Jeanneau h3, .yacht-Jeanneau h4 {font-family: 'BankGothic'; }
.page-id-760 h1, .page-id-760 h2, .page-id-760 h3, .yacht-Lagoon h1, .yacht-Lagoon h2, .yacht-Lagoon h3, .yacht-Lagoon h4 {font-family: 'Lagoon';}
h2.handwritten {font-family: 'breathing_personal_useregular'; }
.page-id-760 h2 {color:#00a6b2; }
.page-id-781 h2 {color:#D13427; }
body a { color:#00C0F3; text-decoration: none; }
body.term-jeanneau main a {color: #D13427;}
body.term-jeanneau main a.btn {color: #fff; }
body .btn-primary {background: #00C0F3; border-color: #00C0F3; }
body .btn-primary:hover {background: #000; border-color: #000; }
body.page-id-760 .btn-primary, body.page-id-760 .vc_btn3.vc_btn3-color-info {background: #00A6B2 !important; border-color: #00A6B2 !important; }
body.page-id-781 .btn-primary, body .yacht-Jeanneau .btn-primary, body.term-jeanneau .btn-primary {background: #D13427; border-color: #D13427; }
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {background-color: #00C0F3 !important; background-image: none; border:1px solid #00C0F3 !important; }
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {background-color: #D13427 !important; background-image: none; border:1px solid #D13427 !important; }
.vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-flat {background-color: #00A6B2; background-image: none; border: none ; }
.main-menu-wrap, .breadcrumbs-wrap, main, .offers-wrap, .content-wrap, footer {float: left; position: relative; width:100%; }
.sticky {
position: fixed;
top:0px;
z-index: 9999;
}
header { left:0px; position: absolute; top:0px; width:100%; z-index: 99999; }
.logged-in header {top:32px; }
.header-contact a {color: #fff; font-weight: bold; text-shadow: 1px 1px 2px #555; }
.bg-menu { background: #000; box-shadow: 1px 1px 5px #ccc; float: left; height: 88px; margin-left:110px; position: relative; width:100% }
.bg-menu-top, .bg-menu-bottom { float: left; height: 44px; width: 100%; }
.bg-menu-top {background: #00C0F3; }
.bg-menu-bottom { background: #fff; border-top: 4px solid #000; }
.logo { 	background: url(//test.mennobouma.com/nautischkwartier/wp-content/themes/nautischkwartier2024/assets/img/icoon-nautisch-kwartier.png); background-position: top center; display: inline-block; height: 90px; width: 90px; position: absolute; left: -45px; top: 0px; z-index: 9999; }
.main-menu-wrap {margin-top: -88px;}
body #mega-menu-wrap-main-menu { float: right; margin-left:70px; width: calc(100% - 70px); }
.breadcrumbs-wrap {background: #fff; border-top: 4px solid #000; height: 44px; float: left; display: inline-block; margin-left:70px; width: calc(100% - 70px); text-align: right; }
main { position: relative; }
.slider { background-size: cover; float: left; height: 700px; padding-top:210px; width:100%;}
.slider h1 { text-shadow: 1px 1px 2px #555; font-size: 70px; }
.slider .lead {text-shadow: 1px 1px 2px #555; }
.home .slider, .single .slider { background: url(https://www.nautischkwartier.nl/wp-content/uploads/2022/05/omslag-scaled.jpg); background-size: cover; height: 650px; padding-top:260px; }
.archive .slider, .page .slider {background: url(https://test.mennobouma.com/nautischkwartier/wp-content/uploads/2024/08/asset_2_1613_big.jpeg); background-size: cover;  }
.offers-wrap {background: #00C0F3; color: #fff; }
.offers-wrap h2 {color: #fff;}
.offers-wrap .thumb {border-radius: 150px; border:4px solid #fff; display: inline-block;height: 100%; width: 100%; min-height: 150px; min-width: 150px; max-width: 150px; max-height: 150px; }
body .wpc-filter-header { display: none; }
.icon-nk { position: relative; z-index: 1; }
body .vc_images_carousel {width: 100% !important; }
.ship-thumbs a {float: left; text-align: center; width:100%; }
.ship-thumbs img {max-height: 105px; height: 100%;}
footer { background: #000; color: #fff; }
footer a { color: #00C0F3; }
footer .copy {color: #000; }
ul.socials { margin: 0px; padding: 0px; }
ul.socials li {float: left; list-style: none; margin-right: 10px; }
@media only screen and (max-width: 969px) {
.slider h1 {font-size: 40px; }
.card-img-top {
height: 30vw;
}
}
@media only screen and (max-width: 580px) { 
.logo {left: -100px; }
body #mega-menu-wrap-main-menu, .breadcrumbs-wrap { margin-left:45px; width: calc(100% - 45px); }
}
.card-img-top {
width: 100%;
height: 20vw;
object-fit: cover;
}
body .otgs-development-site-front-end {display: none !important; }