/*
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('assets/fonts/breathing-webfont.woff2') format('woff2'),
		 url('assets/fonts/breathing-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'Bank Gothic';
	src: url(assets/fonts/'BankGothicBT-Light.woff2') format('woff2'),
		url('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('assets/fonts/BankGothicBT-Medium.woff2') format('woff2'),
		url('assets/fonts/BankGothicBT-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'BankGothic';
	src: url('assets/fonts/BankGothicBold.woff2') format('woff2'),
		url('assets/fonts/BankGothicBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'BankGothic Md BT';
	src: url('assets/fonts/BankGothicBT-Medium.woff2') format('woff2'),
		url('assets/fonts/BankGothicBT-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lagoon';
	src: url('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:250px;}
	h2.handwritten {font-family: 'breathing_personal_useregular'; }
	.page-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 {color:#00a6b2; }
	.page-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 {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: 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; }
		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; }

@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; }