/*
 Theme Name:   GeneratePress Child
 Template:     generatepress
*/

/* GENERAL STYLING - DESKTOP & TABLET - DO NOT PLACE YACHTPRESENTATION CSS HERE */

/* General */

.fal, .far {
    font-family: "Font Awesome 5 Pro" !important;
}

body {
	overflow-x: hidden;
}

h1, h2, h3 {
	font-style: italic;
	margin-bottom: 0px !important;
}

span.smaller-head-one {
    font-family: Segoe UI, Helvetica Neue, Helvetica, sans-serif;
    display: block;
    width: 100%;
    font-size: 22px;
    font-style: normal;
    line-height: 28px;
    margin-bottom: 7px !important;
    color: #31398e;
    font-weight: 400;
}

span.head-under-title {
    font-size: 19px;
    color: #666;
}

body .vc_general.vc_btn3 {
    border-radius: 100px !important;
    border: 2px solid #31398e !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    transition: 0.4s;
    font-weight: 500;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 13px;
    background:transparent !important;
	color:#31398e !important;
}
	body .vc_general.vc_btn3:hover {
		color: #fff !important;
    	background: #31398e !important;
	}

.error404 #page, .search #page {
    padding-top: 50px;
    padding-bottom: 50px;
}

.single.single-post .is-right-sidebar {
    padding-right: 30px;
}

.text-align-center {
	text-align: center;
}

/* Top header */

body .top-bar {
	background: rgba(49,57,142,1);
	/*background: linear-gradient(90deg, rgba(58,68,171,1) 0%, rgba(49,57,142,1) 100%);*/
}

	body .top-bar-align-right .widget:first-child {
		margin:inherit;
	}

	body .top-bar .inside-top-bar div, body .top-bar .inside-top-bar aside {
	    width: 100%;
	}

.header-top-bar {
	display: flex;
	flex-wrap: wrap;
}

	body .top-bar .header-top-bar > div {
		width: 50%;
	}

		body .top-bar .header-top-bar > div:first-child {
			padding-left: 10px;
		}

		body .top-bar .header-top-bar > div:last-child {
			text-align: right;
			padding-right: 10px;
		}

		body .top-bar .header-top-bar p {
			font-size:15px;
		}

			body .top-bar .header-top-bar p i {
				margin-right: 4px;
			}

			body .top-bar .header-top-bar p a:not(:last-child) {
				margin-right: 40px;
			}


body .special-dropdown-menu.current-menu-item .sub-menu li a {
	color: #31398e !important;
}

body .special-dropdown-menu.current-menu-item .sub-menu li a:hover {
	color: var(--contrast-3) !important;
}
				

/* Header */

.site-logo img {
    max-width: 250px;
}

body.nav-float-right #site-navigation {
    margin-left: 50px;
    width: 100%;
}
	.main-navigation .main-nav {
	    width: 100%;
	}

	.main-navigation .main-nav>ul {
	    padding-top: 2px;
	}

	.main-navigation a {
	    letter-spacing: 0.2px;
	}

.highlight-btn {
    margin-left: auto;
}

	body .highlight-btn a {
	    border-radius: 100px;
	    border: 2px solid #31398e;
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	    transition: 0.4s;
	    color:#31398e !important;
	    letter-spacing: 0px !important;
	}

		body .highlight-btn a:hover {
			background: #31398e;
			color:#fff !important;
		}

		.highlight-btn a:before {
		    font-family: "Font Awesome 5 Pro"!important;
		    content: "";
		    display: inline-block;
		    font-weight: 700;
		    margin-right: 5px;
		}


/* - Homepage - */


/* slider */

.text-of-slide {
    max-width: 700px !important;
}

.slider-btn-inner a {
    border-radius: 100px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    transition: 0.4s !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding-top: 8px !important;
    padding-bottom: 11px !important;
}



/* usps holder */

.home-usps-holder {
    background: #f7f8f9;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    color: rgba(49,57,142,1);
    text-align: center;
}

	.home-usps-holder p {
	    margin-bottom: 0px;
	    font-size: 17px;
	}
		.home-usps-holder p i {
			margin-right: 2px;
		}


.homepage-intro-blocks {
    display: flex;
    align-items: center;
}

	.homepage-ingang-holder {
	    display: flex;
	    flex-wrap: wrap;
	    height: 100%;
	    min-height: 460px;
	    padding: 30px 70px 20px 30px;
	    align-items: flex-end;
	    width: 90%;
	    margin-left: auto;
	    position: relative;
	    border-radius: 10px;
	    overflow: hidden;
	    color: #fff;
	    text-shadow: 1px 1px 10px rgb(0 0 0 / 40%);
	}
		.homepage-ingang-holder:hover {
			color:#fff;
		}

			.homepage-ingang-holder:hover:before {
				background: rgb(0 0 0 / 10%);
			}

			.homepage-ingang-holder:hover i {
				background: #1d1d1b;
			}

		.homepage-ingang-holder > div {
			z-index: 1;
		}

		.homepage-ingang-holder:before {
		    content: "";
		    position: absolute;
		    top: 0px;
		    left: 0px;
		    background: rgb(0 0 0 / 25%);
		    width: 100%;
		    height: 100%;
		    z-index: 1;
		    transition: 0.2s;
		}
		.homepage-ingang-holder h3 {
		    color: #fff;
		    font-size: 30px;
		    margin-bottom: 3px !important;
		}
		.homepage-ingang-holder p {
			font-size: 17px;
		}
		.homepage-ingang-holder i {
		    position: absolute;
		    bottom: 0px;
		    right: 0px;
		    background: rgb(49 57 142 / 100%);
		    font-size: 36px;
		    padding-left: 15px;
		    padding-right: 12px;
		    height: 35%;
		    display: flex;
		    align-items: center;
		    border-top-left-radius: 10px;
		    transition: 0.2s;
		}

		.homepage-ingang-holder:after {
		    content: "";
		    position: absolute;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;
		    background: inherit;
		    background-size: cover;
		    transform-origin: center;
		    display: flex !important;
		    z-index: 0;
		    transition: 0.4s;
		}

		.homepage-ingang-holder:hover:after {
			transform: scale(1.1);
		}

	.ingang-custom-build {
		background-image: url("/wp-content/themes/generatepress_child/assets/images/home-custom.webp");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.ingang-pakket {
		background-image: url("/wp-content/themes/generatepress_child/assets/images/home-pakket.webp");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
	}

		


/* homepage recents projects */

.recente-projecten-holder {
	text-align: center;
}

body .recente-projecten-holder .vc_col-sm-4 > div {
	border-radius: 10px;
	overflow: hidden;
}

.recente-projecten-holder .vc-gitem-zone-height-mode-auto:before {
	display: none;
}

.recente-projecten-holder .info-post-holder-image {
    min-height: 280px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
	.recente-projecten-holder .info-post-holder-image:after {
	    content: "";
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background: inherit;
	    background-size: cover;
	    transform-origin: center;
	    display: flex !important;
	    z-index: 0;
	    transition: 0.4s;
	}
	.recente-projecten-holder .info-post-holder-image:hover:after {
	    transform: scale(1.1);
	}

	.recente-projecten-holder .info-post-holder-image > div {
		z-index: 1;
	}

	.recente-projecten-holder .info-post-holder-image .wpb_single_image {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0px;
	    left: 0px;
	    overflow: hidden;
	    opacity: 0;
	}
		.recente-projecten-holder .info-post-holder-image .wpb_single_image img, .recente-projecten-holder .info-post-holder-image .wpb_single_image figure, .recente-projecten-holder .info-post-holder-image .wpb_single_image a {
		    height: 100% !important;
		    max-width: inherit;
		    width: 100%;
		}

body .recente-projecten-holder .vc_gitem-zone.vc_gitem-zone-c {
	background: #fff;
}

body .recente-projecten-holder .info-post-holder {
    background: #fff;
    padding-left: 15px;
    padding-right: 55px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 18px;
}

	body .recente-projecten-holder .info-post-holder .vc_gitem-post-data-source-post_date {
	    position: absolute;
	    top: -27px;
	    background: #f7f8f9;
	    padding-left: 20px;
	    padding-right: 15px;
	    left: 0px;
	    border-top-right-radius: 10px;
	    padding-top: 3px;
	    padding-bottom: 5px;
	    color: #31398e;
	    font-size: 13px;
	}

	body .recente-projecten-holder .info-post-holder a.read-more {
		display: none !important;
	}

	body .recente-projecten-holder .info-post-holder .vc_gitem-post-data-source-post_title {
		margin-bottom: 0px;
	}
		body .recente-projecten-holder .info-post-holder .vc_gitem-post-data-source-post_title h3 {
		    font-size: 26px;
		    margin-bottom: 4px !important;
		    display: -webkit-box;
		    -webkit-line-clamp: 1;
		    -webkit-box-orient: vertical;
		    overflow: hidden;
		}

.recente-projecten-holder .float-this-button {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 100%;
    margin-bottom: 0px;
}

	body .recente-projecten-holder .float-this-button a {
	    border-radius: 0px !important;
	    height: 100%;
	    border: 0px !important;
	    background: #d1d1d1 !important;
	    color: #fff !important;
	}
		body .recente-projecten-holder .vc_col-sm-4:hover .float-this-button a {
			background: #31398e !important;
		}

	body .recente-projecten-holder .float-this-button a i {
		font-size:30px !important;
	}

body .recente-projecten-holder .vc_gitem-post-data-source-post_excerpt div p a {
	display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;  
	  overflow: hidden;
}

 body .recente-projecten-holder.white-bg-news-blocks  .info-post-holder {
	background: #f7f8f9;
}

/* homepage boats holder */

.homepage-boten-holder {
    text-align: center;
    position: relative;
}

	.homepage-boten-holder h3 {
		margin-bottom: 5px !important;
		font-size: 34px;
	}
	.homepage-boten-holder img {
		transition: 0.2s;
	}
		.homepage-boten-holder img:hover {
			opacity: 0.5;
		}

	.boats-more-space-img h3 {
		margin-top: 15px;
	}

	.homepage-boten-holder p {
		font-size:14.5px;
	}

.align-boats-center-homepage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/*	body .align-boats-center-homepage > div {
		margin-left: 15px;
		margin-right: 15px;
	}*/

	.more-padding-boats > div {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}


/* homepage footer entry */

.homepage-footer-entry {
	text-align: center;
	display: flex;
}

	.homepage-footer-entry > div.vc_col-has-fill > div {
		height: 100%;
	}

	.homepage-footer-entry-inner > div {
		padding-top: 0px !important;
	}

	.homepage-footer-entry-inner > div > div {
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 6vw;
	    padding-right: 6vw;
	}

/* general footer */


body .site-footer .footer-widgets-container .inner-padding {
    padding: 0;
}

body .site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left: 0;
}

body .inside-footer-widgets {
	flex-wrap: wrap;
}

body .inside-footer-widgets>div {
    flex: inherit;
    width:100%;
}

body .footer-widgets {
    background: rgba(49,57,142,1);
}


.footer-first-holder {
    display: flex;
    justify-content: center;
    align-items: center;
}

	.footer-first-holder > div {
		width:33.33%;
		text-align: left;
	}
		.footer-first-holder > div:first-child a i {
			margin-right: 3px;
		}

	.footer-first-holder > div:nth-child(2) {
		text-align: center;
	}
		.footer-first-holder > div:nth-child(2) img {
			max-width: 300px;
		}

	.footer-first-holder > div:last-child {
		text-align: right;
	}
		.footer-first-holder > div:last-child a i {
			margin-left: 3px;
		}


		.footer-first-holder a {
		    color: #fff;
		    font-size: 21px;
		    font-weight: 400;
		    transition: 0.2s;
		    padding-top: 16px;
		    display: inline-block;
		}
			.footer-first-holder a:hover {
				opacity: 0.5;
			}


.footer-widget-2 > aside > div {
    border-top: 1px solid rgb(255 255 255 / 30%);
    margin-top: 35px;
    padding-top: 25px;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    padding-bottom: 22px;
}
	.footer-widget-2 > aside > div > ul {
	    display: flex;
	    justify-content: space-between;
	}
		.footer-widget-2 > aside > div > ul a {
			font-family: Segoe UI, Helvetica Neue, Helvetica, sans-serif;
		    font-weight: 500;
		    font-size: 16px;
		}


.copyright-bar img {
    filter: brightness(0) invert(1);
    margin-left: 5px;
    margin-right: 5px;
}

.copy-holder p {
    margin-bottom: 20px;
}


/* sub pages */

.homepage-footer-entry.subpage-header-adjust {
	text-align: left !important;
}

.homepage-footer-entry.subpage-header-adjust .homepage-footer-entry-inner > div > div {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 3vw;
	padding-right: 3vw;
}
	.homepage-footer-entry.subpage-header-adjust .homepage-footer-entry-inner > div > div > div {
		max-width: 800px;
	}

.subpage-header-adjust .wpb_raw_html a {
	font-weight: 600;
}

.subpage-header-adjust .wpb_raw_html a i {
	margin-right: 5px;
	font-weight: 600;
}

/* boten lijst header */

.head-entry-boats-list .head-under-title {
    margin-bottom: 5px;
    display: inline-block;
}

.padding-right-overzichtboten {
    margin-bottom: 40px;
}

	.padding-right-overzichtboten > div {
		padding-right: 30px !important;
	}

.boat-list-navi {
    max-width: 1310px;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-top: 30px;
    margin-bottom: 3px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

	.boat-list-navi p {
		margin-bottom: 0px;
	}

	.boat-list-navi a {
		margin-left: 25px;
		font-weight: 600;
		color:#31398e;
	}
		.boat-list-navi a:hover {
			color:#000;
		}


.head-entry-boats-list {
    max-width: 1310px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px;
    padding-right: 15px;
}
/* - news single page - */

.single.single-post .featured-image {
	position: relative;
}
	.featured-image.grid-container.grid-parent {
	    max-width: 100% !important;
	    max-height: 650px;
	    overflow: hidden;
	    display: flex;
	    align-items: center;
	    z-index: 0;
	    min-height: 650px;
	    height: 650px;
	    background-color: #2b2b2b;
	}
		.featured-image.grid-container.grid-parent img {
			max-width: inherit !important;
			width: 100%;
			object-fit: cover;
			height: 100%;
		}

.single.single-post .inside-article {
	padding: 40px 25px 40px 25px !important;
}

	.single.single-post .inside-article .entry-meta {
	    font-size: 16px;
	    margin-top: 0;
	    line-height: 1.5;
	}

.single.single-post .inside-article .entry-header {
    position: relative;
    margin-bottom: 30px;
}

	.single.single-post .inside-article .entry-header:after {
	    content: "";
	    position: absolute;
	    overflow: hidden;
	    bottom: -10px;
	    left: 0px;
	    width: calc(100% - 10px);
	    height: 1px;
	    background-color: #dfdfdf;
	    opacity: 1;
	}



.single.single-post .is-right-sidebar {
	padding-top: 40px;
}
	.single.single-post .is-right-sidebar > div {
	    background: #f7f8f9;
	    padding: 20px 20px 20px 20px;
	    margin-bottom:50px;
	}
	.single.single-post .is-right-sidebar.sidebar .widget {
		background-color: transparent !important;
	}

	.single.single-post .is-right-sidebar.sidebar .widget .widget-title {
		margin-bottom: 7px;
		display: inline-block;
	}

/*	.single.single-post .is-right-sidebar .widget_recent_entries a:before {
		content:">";
		font-weight: 400;
		color:#7c7c7c;
		display: inline-block;
		margin-right: 8px;
	}*/

	.single.single-post .is-right-sidebar .inside-right-sidebar aside:not(:first-child) {
	    border-top: 1px solid #dfdfdf;
	    margin-top: 20px;
	    padding-top: 20px;
	}

	.single.single-post .is-right-sidebar .inside-right-sidebar a.likebtnstyle {
	    border-radius: 100px;
	    border: 2px solid #31398e;
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	    transition: 0.4s;
	    color: #fff !important;
	    letter-spacing: 0px !important;
	    padding-top: 6px;
	    padding-bottom: 9px;
	    font-size: 16px;
	    margin-top: 2px !important;
	    display: inline-block;
	    background-color: #31398e;
	}
		.single.single-post .is-right-sidebar .inside-right-sidebar a.likebtnstyle:hover {
			background-color: transparent;
		    color: #31398e !important;
		}


.single.single-post .gallery-item a {
	transition: 0.2s;
}
	.single.single-post .gallery-item a:hover {
		opacity: 0.5;
	}

body .fancybox-thumbs__list a:before {
	border:6px solid #31398e;
}


/* contactpage */


.gform_button {
    border-radius: 100px !important;
    border: 2px solid #31398e !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    transition: 0.4s;
    font-weight: 500;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 13px;
    background: transparent !important;
    color: #31398e !important;
}

	.gform_button:hover {
		color: #fff !important;
		background: #31398e !important;
	}




/* sub pages general */

.two-blocks-holder {

}

	.two-blocks-holder-inner {
	    display: flex;
	    padding-top: 100px;
	}

		.two-blocks-holder-inner > .vc_col-sm-6:not(.vc_col-has-fill) {
		    padding-top: 90px;
		    padding-bottom: 70px;
		    padding-right: 40px;
		}
			.two-blocks-holder-inner > .vc_col-sm-6.vc_col-has-fill > div {
				height: 100%;
			}

		.two-blocks-holder-inner.two-blocks-holder-inner-reverse .vc_col-sm-6:not(.vc_col-has-fill) {
			padding-right: 0px;
			padding-left: 40px;
		}


@media screen and (min-width: 1000px) and (max-width: 1099px) {
	.main-navigation a, .menu-toggle {
	    font-size: 15px;
	}
	h1, h2 {
	    font-size: 36px;
	}
	body .recente-projecten-holder .info-post-holder .vc_gitem-post-data-source-post_title h3 {
	    font-size: 20px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
	body .highlight-btn a {
	    display: none;
	}
	.recente-projecten-holder .info-post-holder-image {
	    min-height: 220px;
	}
}


@media screen and (min-width: 1200px) and (max-width: 1220px) {
	body .highlight-btn a {
	    font-size: 14px;
	}
}