.page-template-archive-projecten #wrapper #main,
.page-template-taxonomy-categorieen #wrapper #main,
.single-projecten #wrapper #main,
.tax-categorieen #wrapper #main {
	padding : 0;
}

.page-template-archive-projecten #wrapper #main .fusion-row,
.page-template-taxonomy-categorieen #wrapper #main .fusion-row,
.single-projecten #wrapper #main .fusion-row,
.tax-categorieen #wrapper #main .fusion-row {
    max-width : 100%;
}

.page-template-archive-projecten #wrapper #main .fusion-row #content,
.page-template-taxonomy-categorieen #wrapper #main .fusion-row #content,
.single-projecten #wrapper #main .fusion-row #content,
.tax-categorieen #wrapper #main .fusion-row #content {
	float : none;
	padding : 0 30px;
	margin : 0 auto;
	width : 100%;
    max-width: var(--site_width);
}

.page-template-archive-projecten #wrapper #main #content .center,
.page-template-taxonomy-categorieen #wrapper #main #content .center,
.single-projecten #wrapper #main .center,
.tax-categorieen #wrapper #main #content .center {
	margin : 0 auto;
	max-width: var(--site_width);
}

/* PROJECTEN NAVIGATIE */

.page-template-archive-projecten #wrapper #main .projecten_nav,
.page-template-taxonomy-categorieen #wrapper #main .projecten_nav,
.tax-categorieen #wrapper #main .projecten_nav {
	background : #191F22;
	margin : 0 0 -280px;
	padding : 80px 0 250px;
}

.page-template-taxonomy-categorieen #wrapper #main .projecten_nav {
	text-align : center;
}

.page-template-archive-projecten #wrapper #main .projecten_nav ul,
.page-template-taxonomy-categorieen #wrapper #main .projecten_nav ul,
.tax-categorieen #wrapper #main .projecten_nav ul {
	display : none;
	position : relative;
	z-index : 999;
	float : none;
	margin : 0 auto;
	padding : 0;
	list-style : none;
	text-align : center;
    max-width: var(--site_width);
}

.page-template-archive-projecten #wrapper #main .projecten_nav ul li,
.page-template-taxonomy-categorieen #wrapper #main .projecten_nav ul li,
.tax-categorieen #wrapper #main .projecten_nav ul li {
	display : inline-block;
	border-bottom : 1px solid transparent;
	margin : 0 0 0 40px;
	padding : 0 0 8px;
	font : 25px/1.4em 'Barlow Semi Condensed';
    font-weight: 400 !important;
	color : #FFFFFF;
    text-transform: uppercase;
}

.page-template-archive-projecten #wrapper #main .projecten_nav ul li:first-child,
.page-template-taxonomy-categorieen #wrapper #main .projecten_nav ul li:first-child,
.tax-categorieen #wrapper #main .projecten_nav ul li:first-child {
	margin : 0;
}

.page-template-archive-projecten #wrapper #main .projecten_nav ul li a,
.page-template-taxonomy-categorieen #wrapper #main .projecten_nav ul a,
.tax-categorieen #wrapper #main .projecten_nav ul li a {
	color : #FFFFFF;
}

.page-template-archive-projecten #wrapper #main .projecten_nav ul li:hover,
.page-template-taxonomy-categorieen #wrapper #main .projecten_nav ul li:hover,
.tax-categorieen #wrapper #main .projecten_nav ul li:hover,
.tax-categorieen #wrapper #main .projecten_nav ul li.current {
	border-bottom : 1px solid #FFFFFF;
}



#wrapper #main #content #brochure {
	position : relative;
	display : inline-block;
	background : #191F22;
    margin : 150px calc(50% - 50vw);
	padding : 80px 8px 80px;
    width : 100vw;
}

#wrapper #main #content #brochure .text::before {
	position : absolute;
	left : -395px;
	bottom : -90%;
	background : url('../../Boszwembaden/gfx/brochure.png') no-repeat center center;
	content : '';
	width : 394px;
	height : 420px;
}

#wrapper #main #content #brochure .text {
	float : left;
	position : relative;
	margin : 0 0 0 154px;
    width : calc(50% - 154px);
}

#wrapper #main #content #brochure .form {
	float : left;
	margin : 18px 0 0;
    width : calc(50% - 77px);
}


#wrapper #main #content .brochure .wpcf7 p{
	margin : 10px 0 20px;
}

#wrapper #main #content #brochure .form .wpcf7 .row label,
#wrapper #main #content .brochure .wpcf7 .row label {
	margin : -12px 0 20px;
}

#wrapper #main #content #brochure .form .wpcf7 input.wpcf7-submit,
#wrapper #main #content .brochure .wpcf7 input.wpcf7-submit {
	margin : -2px 0 0;
}

#wrapper #main #content #brochure h2 {
	font-size : 70px;
	text-transform: uppercase;
}

#wrapper #main #content #brochure p {
	margin : 10px 0 20px;
}

/* PROJECT ITEMS */

#wrapper #main #content .projecten,
#wrapper #main #recent_projects .projecten {
	position : relative;
	display : flex;
    flex-direction : row;
    flex-wrap : wrap;
	z-index : 1;
    margin : -150px 0 0 -50px;
	overflow : visible !important;
}

#wrapper #main #content .projecten .slider,
#wrapper #main #recent_projects .projecten .slider {
    width : 100% !important;
}

#wrapper #main #content .projecten.slider-wrap,
#wrapper #main #recent_projects .projecten.slider-wrap {
	margin : 0;
}

#wrapper #main .slick-list {
	margin: 0 -25px;
}

#wrapper #main #content .projecten .arrow-prev,
#wrapper #main #content .projecten .arrow-next,
#wrapper #main #recent_projects .projecten .arrow-prev,
#wrapper #main #recent_projects .projecten .arrow-next {
    position : absolute;
	z-index : 9999;
	left : -50px;
	top : 0;
	width : 50px;
	height : 100%;
}

#wrapper #main #content .projecten .arrow-next,
#wrapper #main #recent_projects .projecten .arrow-next {
	left : auto;
	right : -50px;
}

#wrapper #main #content .projecten .arrow-prev .prev-btn,
#wrapper #main #content .projecten .arrow-next .next-btn,
#wrapper #main #recent_projects .projecten .arrow-prev .prev-btn,
#wrapper #main #recent_projects .projecten .arrow-next .next-btn {
    position : absolute;
	top : calc(50% - 25px);
	left : 50%;
	transform : translate(-50%, -50%);
	background : url('../../Boszwembaden/gfx/arrow-prev.png') no-repeat center center;
	border : none;
	padding : 0;
	margin : auto;
	font-size : 0;
	line-height : 0;
	cursor : pointer;
	width : 30px;
	height : 50px;
}

#wrapper #main #content .projecten .arrow-next .next-btn,
#wrapper #main #recent_projects .projecten .arrow-next .next-btn {
	background : url('../../Boszwembaden/gfx/arrow-next.png') no-repeat center center;
}

#wrapper #main #content .text_white .projecten .arrow-prev .prev-btn,
#wrapper #main #content .text_white .projecten .arrow-next .next-btn,
#wrapper #main #recent_projects .text_white .projecten .arrow-prev .prev-btn,
#wrapper #main #recent_projects .text_white .projecten .arrow-next .next-btn {
	background : url('../../Boszwembaden/gfx/arrow-prev-white.png') no-repeat center center;
}

#wrapper #main #content .text_white .projecten .arrow-next .next-btn,
#wrapper #main #recent_projects .text_white .projecten .arrow-next .next-btn {
	background : url('../../Boszwembaden/gfx/arrow-next-white.png') no-repeat center center;
}

#wrapper #main #content .projecten .project,
#wrapper #main #recent_projects .projecten .project {
	float : left;
    margin : 100px 0 0 50px;
    padding : 0;
	overflow : hidden;
    width : calc(50% - 100px);
}

#wrapper #main #content .projecten.slider-wrap .project,
#wrapper #main #recent_projects .projecten.slider-wrap .project {
    margin : 0 25px;
    width : calc(50% - 50px);
}

#wrapper #main #content .projecten.drie .project,
#wrapper #main #recent_projects .projecten.drie .project {
    width : calc(33.333% - 50px);
}

#wrapper #main #content .projecten.slider-wrap.drie .project,
#wrapper #main #recent_projects .projecten.slider-wrap.drie .project {
    width : calc(33.333% - 50px);
}

#wrapper #main #content .projecten.vier .project,
#wrapper #main #recent_projects .projecten.vier .project {
    width : calc(25% - 100px);
}

#wrapper #main #content .projecten.slider-wrap.vier .project,
#wrapper #main #recent_projects .projecten.slider-wrap.vier .project {
    width : calc(25% - 50px);
}

#wrapper #main #content .projecten .project .image,
#wrapper #main #recent_projects .projecten .project .image {
	position : relative;
	overflow : hidden;
	padding-top : 100%;
	box-sizing : border-box;
	height : 0;
}

#wrapper #main #content .projecten .project .image img,
#wrapper #main #recent_projects .projecten .project .image img {
	position : absolute;
	top : 0;
	left : 0;
	vertical-align : top;
	object-fit : cover;
	width : 100%;
	height : 100%;
}


#wrapper #main #content .projecten .project h2,
#wrapper #main #recent_projects .projecten .project h2 {
	float : left;
    margin : 15px 0 0;
	font-family : 'Barlow Semi Condensed';
    font-size : 25px;
    line-height : 1.4em;
    font-weight : 400 !important;
	text-transform : uppercase;
}


.page-template-archive-projecten #wrapper #main #content .projecten .project h2,
.page-template-taxonomy-categorieen #wrapper #main #content .projecten .project h2,
.tax-categorieen #wrapper #main .fusion-row #content .projecten .project h2 {
    margin : 30px 0 0;
	font-family : 'Bona Nova';
    font-size : 30px;
	color : #CE9F46;
}

#wrapper #main #content .projecten .project:hover h2,
#wrapper #main #recent_projects .projecten .project:hover h2 {
	color : #ce9f46;
}

.page-template-archive-projecten #wrapper #main #content .projecten .project:hover h2,
.page-template-taxonomy-categorieen #wrapper #main #content .projecten .project:hover h2,
.tax-categorieen #wrapper #main .fusion-row #content .projecten .project:hover h2 {
	color : #ce9f46;
	text-decoration : none;
}

.page-template-taxonomy-categorieen #wrapper #main #content .projecten .project:hover h2 {
	color : rgba(206,159,70, 0.7);
}


/* PROJECT DETAIL */

#wrapper #main #header,
#wrapper #main .photo_width {
	text-align : center;
	max-width : 100%;
}

.single-projecten #wrapper #main #header,
.single-projecten #wrapper #main .photo_width {
	overflow : hidden;
	height : 700px;
}

.single-projecten #wrapper #main #header img,
.single-projecten #wrapper #main .photo_width img {
	object-fit: cover;
	width : 100%;
	max-width : none !important;
	height : 100%;
}

#wrapper #main .photo_width.left {
	text-align : left;
}

#wrapper #main #title {
	display : block;
	position : relative;
	background : #FFFFFF;
	margin : -80px auto 80px;
	padding : 30px 50px 50px;
	font-size : 18px;
	text-align : center;
	text-transform : uppercase;
	max-width : 1085px;
}

#wrapper #main #title h1 {
	position : relative;
	margin : 32px 0 0;
	text-transform : uppercase;
}

#wrapper #main #title h1::after {
	position : absolute;
	left: 0;
    right: 0;
    bottom: -40px;
    border-bottom: 1px solid #CE9F46;
    content: '';
    margin: -50px auto 0;
    width: 50%;
    height: 1px;
}

#wrapper #main #top_content {
	display : block;
	position : relative;
}

#wrapper #main #top_content .left {
	float : left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    height: 550px;
	font-size : 30px;
	width : 20%;
}

#wrapper #main #top_content .right {
	float : right;
	position : relative;
	padding-top: 45%;
	width : 80%;
	height : 0;
}

#wrapper #main #top_content .right img,
#wrapper #main #top_content .right iframe,
#wrapper #main #top_content .right .video-placeholder-youtube {
	position : absolute;
	top : 0;
	object-fit : cover;
	width : 100%;
	height : 100%;
}

#wrapper #main #top_content .left .left,
#wrapper #main #top_content .left .right {
	display : block;
	width : 100%;
	height : auto;
}

#wrapper #main #top_content .left h2 {
	margin : 100px 0 0;
	font-family : 'Barlow Semi Condensed';
    font-size : 40px;
    line-height : 1.4em;
    font-weight : 400 !important;
	text-transform : uppercase;
}

#wrapper #main #top_content .left h2 {
	margin : 0;
}

#wrapper #main #top_content .left .right h2 {
	margin : 50px 0 0;
}

#wrapper #main #top_content .left ul {
	margin : 0;
	padding : 0;
	list-style : none;
}

#wrapper #main #top_content .left ul li {
	font-size : 30px;
}

#wrapper #main #top_content #text_top {
	display : inline-block;
	position : relative;
	background : #191F22;
	margin : 100px 0 0;
	text-align : center;
    width : 100%;
}

#wrapper #main #top_content #text_top .center .right {
	float : right;
	width : 60%;
}
#wrapper #main #top_content #text_top .center .text {
	margin : auto;
	padding : 100px 0;
	clear : both;
	max-width : 1000px;
}

#wrapper #main #top_content #text_top h2 {
    font-size : 60px;
    line-height : 1.4em;
    font-weight : 100 !important;
	text-transform : uppercase;
}

#wrapper #main #photo_half {
	display : inline-block;
	position : relative;
	margin : 100px 0 0;
	text-align : center;
	width : 100%;
}

#wrapper #main #photo_half .left,
#wrapper #main #photo_half .right {
	display : inline-block;
	margin : 0 50px 0 0;
	width : calc(40% - 50px);
}

#wrapper #main #photo_half .right {
	margin : 0 0 0 50px;
}

#wrapper #main #photo_half img {
	object-fit : cover;
	width : 100%;
}

#wrapper #main #text_mid  {
	display : inline-block;
	position : relative;
	margin : 120px 0 0;
	width : 100%;
}

#wrapper #main #text_mid.bottom {
	margin : 120px 0 110px;
}

#wrapper #main #text_mid .center {
	text-align : center;
	max-width : 1000px;
}

#wrapper #main #text_mid h2 {
    font-size : 45px;
    line-height : 1.4em;
    font-weight : 400 !important;
	text-transform : uppercase;
}

#wrapper #main #text_bottom,
#wrapper #main #projecten_contact {
	display : inline-block;
	position : relative;
	background : #191F22;
	padding : 250px 0 150px;
	margin : 0;
	text-align : center;
    width : 100%;
}

#wrapper #main #projecten_contact {
	padding : 350px 0 150px;
	margin-top : -200px;
}

#wrapper #main #text_bottom::before {
	position : absolute;
	left : 0;
    right : 0;
    top : 100px;
    border-top : 1px solid #CE9F46;
    content : '';
    margin : 0 auto;
    max-width : var(--site_width);
    height : 1px;
}

#wrapper #main #text_bottom .center,
#wrapper #main #projecten_contact .center {
	margin : 0 auto;
	text-align : center;
	max-width : 1000px;
}

#wrapper #main #projecten_contact .center {
	margin-top : 150px;
}

#wrapper #main #text_bottom .center h2,
#wrapper #main #projecten_contact .center h2 {
	position : relative;
	margin : 30px 0 0;
    font-size : 60px;
    line-height : 1.4em;
    font-weight : 400 !important;
	text-transform : uppercase;
}

#wrapper #main #text_bottom .center h3,
#wrapper #main #projecten_contact .center h3 {
	position : relative;
	font-family : 'Barlow Semi Condensed';
    font-size : 20px;
    line-height : 1.4em;
    font-weight : 400 !important;
	text-transform : uppercase;
}

#wrapper #main #text_bottom .center a,
#wrapper #main #projecten_contact .center a {
	display : inline-block;
	border : 2px solid #CE9F46;
	padding : 13px 25px;
	color : #FFFFFF;
	font-size : 25px;
	line-height : 1.0em;
	text-transform : uppercase;
	height : auto;
}

#wrapper #main #text_bottom .center a:hover,
#wrapper #main #projecten_contact .center a:hover {
	background : #CE9F46;
}

#wrapper #main #recent_projects {
	display : inline-block;
	position : relative;
	padding : 150px 0 150px;
	margin : 0;
	text-align : center;
    width : 100%;
}

#wrapper #main #recent_projects h3 {
	margin : 0;
	font-family : 'Barlow Semi Condensed';
    font-size : 20px;
    font-weight : 400;
	line-height : 1.0em;
	text-align : left;
	text-transform : uppercase;
}

#wrapper #main #recent_projects h2 {
	position : relative;
	margin : 20px 0 60px;
    font-size : 60px;
    line-height : 1.4em;
    font-weight : 400 !important;
	text-align : left;
	text-transform : uppercase;
}

#wrapper #main #recent_projects a.btn {
	display : inline-block;
	background : #CE9F46;
	border : 1px solid #CE9F46;
	margin : 60px 0 0;
	padding : 11px 23px;
	color : #FFFFFF;
	font-weight : 300;
	font-size : 25px;
	line-height : 1.0em;
	text-transform : uppercase;
	height : auto;
}

#wrapper #main #recent_projects a.btn:hover {
	background : #FFFFFF;
	border : 1px solid #CE9F46;
	color : #CE9F46;
}