/*
Theme Name: Nautisch Kwartier 2024
Author: Menno Bouma
Author URI: https://mennobouma.com
Description: Wordpress thema voor Nautisch Kwartier door Menno Bouma
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
	font-family: 'breathing_personal_useregular';
	src: url('https://nautischkwartier.com/wp-content/themes/nautischkwartier2024/assets/fonts/breathing-webfont.woff2') format('woff2'),
		 url('https://nautischkwartier.com/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(https://nautischkwartier.com/wp-content/themes/nautischkwartier2024/assets/fonts/'BankGothicBT-Light.woff2') format('woff2'),
		url('https://nautischkwartier.com/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('https://nautischkwartier.com/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBT-Medium.woff2') format('woff2'),
		url('https://nautischkwartier.com/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('https://nautischkwartier.com/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBold.woff2') format('woff2'),
		url('https://nautischkwartier.com/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('https://nautischkwartier.com/wp-content/themes/nautischkwartier2024/assets/fonts/BankGothicBT-Medium.woff2') format('woff2'),
		url('https://nautischkwartier.com/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('https://nautischkwartier.com/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, body.parent-pageid-781 h1, body.parent-pageid-781 h2, body.parent-pageid-781 h3, body.parent-pageid-781 h4, body.english-post-id-781 h1, body.english-post-id-781 h2, body.english-post-id-781 h3, body.english-post-id-781 h4, body.english-parent-post-id-781 h1, body.english-parent-post-id-781 h2, body.english-parent-post-id-781 h3, body.english-parent-post-id-781 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, body.parent-pageid-760 h1, body.parent-pageid-760 h2, body.parent-pageid-760 h3, body.parent-pageid-760 h4, body.english-post-id-760 h1, body.english-post-id-760 h2, body.english-post-id-760 h3, body.english-post-id-760 h4, body.english-parent-post-id-760 h1, body.english-parent-post-id-760 h2, body.english-parent-post-id-760 h3, body.english-parent-post-id-760 h4 {font-family: 'Lagoon';}
	.slider h1 {margin-top:210px;}
	h2.handwritten {font-family: 'breathing_personal_useregular'; }
	.page-id-760 h2, body.english-post-id-760 h2, .page-id-760 h2 a, body.english-post-id-760 h2 a, body.english-parent-post-id-760 h2 a, body.parent-pageid-760 h2 a, body.page-id-760 a, body.english-post-id-760 a, body.brand-lagoon a, body.brand-lagoon-nl a, body.brand-lagoon-de a {color:#00a6b2; }
	body.page-id-760 a.btn, body.page-id-781 a.btn, body.english-post-id-760 a.btn, body.brand-lagoon a.btn, body.brand-lagoon-nl a.btn, body.brand-lagoon-de a.btn {color:#fff; }
		body a.btn:hover {color: #111 !important; }
		body a.btn.btn-primary:hover {color: #fff !important; }
	body.english-post-id-760 .header-contact a,body.english-post-id-791 .header-contact a, body.brand-lagoon .header-contact a, body.brand-lagoon-nl .header-contact a, body.brand-lagoon-de .header-contact a{color:#fff;}
	.page-id-781 h2, .english-post-id-781 h2, .page-id-781 h2 a, body.english-post-id-781 h2 a, body.english-parent-post-id-781 h2 a, body.parent-pageid-781 h2 a {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, body.parent-pageid-760 .btn-primary, body.english-post-id-760 .btn-primary, body.english-parent-post-id-760 .btn-primary, body.brand-lagoon .btn-primary, body.brand-lagoon-nl .btn-primary, body.brand-lagoon-de .btn-primary, body.brand-lagoon main button, body.brand-lagoon-nl main button, body.brand-lagoon-de main button {background: #00A6B2 !important; border-color: #00A6B2 !important; }
	body.page-id-781 .btn-primary, body .yacht-Jeanneau .btn-primary, body.term-jeanneau .btn-primary, body.parent-pageid-781 .btn-primary, body.english-post-id-781 .btn-primary, body.english-parent-post-id-781 .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 ; }
table {text-transform: capitalize; }

.main-menu-wrap, .breadcrumbs-wrap, main, .brands-wrap, .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('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: 750px; padding-top:210px; width:100%;}
		.slider h1 { text-shadow: 1px 1px 2px #555; font-size: 70px; }
		.slider .lead {text-shadow: 1px 1px 2px #555; }
		body.parent-pageid-760 .slider a.btn, body.parent-pageid-781 .slider a.btn { display: none; }
	
	.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%;}
	
	.preloved {color: #fff; }
		.preloved a {color: #fff; }
		.preloved img { border-radius: 100px; border:5px solid #fff; margin-bottom: 15px; }
		
	.list-group.list-group-flush { border-bottom: none !important; }
		
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; }

.carousel {margin: 0px -10px; }	

.carousel .slick-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0px 10px; 
}

.carousel-slide img {
	width: 100%; /* Ensures the image scales to the container width */
	height: 200px; /* Set a fixed height */
	object-fit: cover; /* Ensures the image maintains aspect ratio and covers the container */
	border-radius: 5px; /* Optional: adds rounded corners */
}

.slick-dots {
	text-align: center;
	margin-top: 15px;
}

.slick-arrow { position: absolute; top: 80px; z-index: 10; }
.slick-prev,
.slick-next {
	background-color: #00C0F3;
	color: #fff;
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.slick-prev {
	left: 20px; /* Position left arrow */
}

.slick-next {
	right: 20px; /* Position right arrow */
}

.slick-prev:hover,
.slick-next:hover {
	background-color: #555;
	color: #fff;
}

@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); }
	body .sticky {width: 100%; }
}

.card-img-top {
	width: 100%;
	height: 20vw;
	object-fit: cover;
}

body .otgs-development-site-front-end {display: none !important; }