/*
Theme Name: GKN
Description: Child Theme for Grote Kerk Naarden
Author: Wieger de Leur
Author URI: https://wiegerdeleur.nl
Template: page-builder-framework
Version: 1.1

*/

body{
	font-family: mr-eaves-xl-modern, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	line-height: 26px;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/*header */
.wpbf-page-header {
	position: fixed;
	width:100%;
	z-index: 1000;
}
.wpbf-nav-wrapper {
    padding: 15px 17px;
}

.wpbf-navigation .wpbf-logo-container, .wpbf-navigation .wpbf-menu-container{
	vertical-align: top;
}
.wpbf-navigation{
	background: transparent;
}

.wpbf-menu-right .wpbf-menu {
    display: flex;
    justify-content: space-between;
	width: 100%;
}
.wpbf-menu-right .wpbf-menu a{
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 0 20px;
	color: #E3CBB5;
	transition: color .2s ease-in;
}
.hc-goud .wpbf-menu-right .wpbf-menu a, .hc-rood .wpbf-menu-right .wpbf-menu a, .hc-blauw .wpbf-menu-right .wpbf-menu a, .hc-oranje .wpbf-menu-right .wpbf-menu a{
	color: #E3CBB5!important;
}
.hc-goud-inv .wpbf-menu-right .wpbf-menu a {
	color: #C27E31!important;	
}
.hc-rood-inv .wpbf-menu-right .wpbf-menu a {
	color: #C92414!important;	
}
.hc-blauw-inv .wpbf-menu-right .wpbf-menu a {
	color: #003881!important;	
}
.hc-oranje-inv .wpbf-menu-right .wpbf-menu a {
	color: #CA4500!important;	
}
.wpbf-menu > .current-menu-item > a, .wpbf-menu a:hover, .wpbf-mobile-menu a:hover{
	text-decoration: underline;
}


.fixed-header .wpbf-logo a{
	background: url(img/GKNIcon-OW.png) no-repeat;
    height: 30px;
    width: 60px;
    background-size: contain;
    display: block;
}
.fixed-header.hc-blauw-inv .wpbf-logo a{
	background-image: url(img/GKNIcon-Blauw.png);
}
.fixed-header.hc-rood-inv .wpbf-logo a{
	background-image: url(img/GKNIcon-Rood.png);
}
.fixed-header.hc-goud-inv .wpbf-logo a{
	background-image: url(img/GKNIcon-Goud.png);
}
.fixed-header.hc-oranje-inv .wpbf-logo a{
	background-image: url(img/GKNIcon-Oranje.png);
}

.fixed-header .wpbf-logo a img{
	display:none;
}
.fixed-header .wpbf-nav-wrapper {
    padding: 5px 17px;
	background-color:rgba(0,0,0,0.5);
}
.fixed-header.hc-oranje-inv .wpbf-nav-wrapper, .fixed-header.hc-blauw-inv .wpbf-nav-wrapper{
	background-color:rgba(255,255,255,0.5);
}

#searchform {
    background: #E3CBB5;
}
/*typography*/
h1, h2, h3, h4, h5, h6 {
    color: inherit;
}
h1 {
	font-family: big-caslon-fb, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 110px;
	line-height: 0.79;
	letter-spacing: -.05em;
	text-transform: uppercase;
	margin: 0;
}
h2 {
	font: 700 60px/70px big-caslon-fb, serif;
}
h3, .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title a {
	font: 700 40px/40px Big Caslon FB, serif;
}
a {
	font-family: big-caslon-fb, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	letter-spacing: -.025em;
	color: inherit!important;
}
.textwidget a:hover{
	text-decoration:underline;
}
a:hover div{
	text-decoration:none;
}
.wpbf-menu-right .wpbf-menu a, .wpbf-menu-left .wpbf-menu a, .wpbf-menu-stacked .wpbf-menu a, .wpbf-menu-stacked-advanced .wpbf-menu a, .wpbf-menu-centered .wpbf-menu a, #wpbf-pre-header .wpbf-menu a, .wpbf-page-footer .wpbf-menu a{
	font-family: mr-eaves-xl-modern, sans-serif;
}
/*page*/
#main>.entry-title {
	display:none;
}
.panel-grid-cell .panel-cell-style, .panel-grid-cell > .so-panel{
	padding:20px 40px;
}
.block.panel-row-style, .block.panel-cell-style {
	padding-top:70px ;
}
.block.spreid>div{
	height: calc(100vh - 70px);
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-direction: column;
}
.block.panel-row-style {
    min-height: 100vh;
}
.block .panel-grid-cell{
	height: 100%;
}
.block .so-panel{
	width:100%;
}
.ruiten-goud::before {
    content: url(img/ruiten-goud.png);
    position: absolute;
    left: 50%;
    margin-left: -74px;
}
.ruiten-oranje::before {
    content: url(img/ruiten-oranje.png);
    position: absolute;
    left: 50%;
    margin-left: -74px;
}
.vesting-wit::before {
	content: url(img/vesting.png);
    position: absolute;
    left: 50%;
    margin-left: -428px;
	top: -580px;
}
.vesting-goud::before {
    content: url(img/vesting-goud-sm.png);
    position: absolute;
    left: 50%;
    margin-left: -74px;
}
.steunkruis-blauw::before {
	content: url(img/steunkruis-sm-bl.png);
    position: absolute;
    left: 50%;
    margin-left: -70px;	
}
.steun-overlap{
	padding:0 40px;
}
.steun-overlap .panel-grid-cell {
	background: url(img/steunkruis.png) center top no-repeat;
	background-size:contain;
	padding: 30px;
	min-height: calc(33.33vw - 32px);

}
.steun-overlap .panel-grid-cell>div{
	background: #003881;
}


.remove-top-padding div:first-child {
	padding-top:0;
}
.panel-cell-style{
	background-position: center;
}
.foto-titel>div{
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	flex-direction: column;
	justify-content: space-between;
}
.block .foto {
	height:100vh;
}
.tekst-blok{
	/*display: flex;*/
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.tekst-blok.rij{
	flex-direction: row;
}
.tekst-blok .so-panel {
	width:82.5%;
	margin: 0 auto;
}
.tekst-blok.rij .so-panel {
    width: 100%;
}
.rood, .single.single-event {
	background-color: #C92414;
	color: #E3CBB5;
}
.rood-inv {
	background-color: #E3CBB5;
	color: #C92414;	
}
.blauw, .category-nieuws, .single {
	background-color: #003881;
	color: #E3CBB5;
}
.blauw-inv {
	background-color: #E3CBB5;
	color: #003881;	
}
.oranje {
	background-color: #CA4500;
	color: #E3CBB5;
}
.oranje-inv {
	background-color: #E3CBB5;
	color: #CA4500;	
}
.goud, .category-gebouw {
	background-color: #C27E31;
	color: #E3CBB5;	
}
.goud-inv {
	background-color: #E3CBB5;
	color: #C27E31;	
}
#inner-content {
	padding: 0;
}
/*single*/
.single .crumb {
	position: relative;
    width: calc(100vw - 116.5%);
	
    margin: auto;
    top: 150px;
}
.single.single-event .crumb{
	width: 80%;
	max-width:550px;
}

.crumb a::before {
    content: "<";
    font-size: 30px;
    vertical-align: middle;
    margin-right: 5px;
}
.single .panel-grid {

}
.single .panel-row{
	width:100%;
	display:flex;

}
.single .panel-grid-cell{
	width:50%;
}
.single .item{
	margin: 240px 64px 80px;
	width: 80%;
	height:80%;
	display:flex;
	align-items:center;
}

.single .category-nieuws .panel-grid-cell:first-child{
	height: 100vh;
	overflow: hidden;
}
.single .category-nieuws .item{
	background:url(img/steunkruis.png) no-repeat center top;
	background-size:contain;
	margin: calc(130px + 5%) auto 0;
	padding:0 0 116.5% 0;
	height: calc(100vw);
	width: calc(100vw - 116.5%);
}
.single .category-nieuws .item .item-border{
	height: 80%;
	width: 80%;
	margin: auto;
	background: #003881;
	padding:40px;
}
.single .category-nieuws .item .entry-content{
	background-color: #003881;
	padding:0;
	height: 100%;
	margin: auto;
}
.single .category-nieuws .external-scroll_y.scroll-scrolly_visible{
	right: -90px;
}
.single .category-gebouw .item, .single-event .item{
	border: solid 4px #E3CBB5;
	padding: 0;
	max-width: 550px;
	margin: 160px auto 40px;
	height: 75vh;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
}
.single .category-gebouw .item .item-border, .single-event .item .item-border{
	border: solid 4px #E3CBB5;
	border-radius: 1000px 1000px 0 0;
	border-bottom-style: none;
	padding: 120px 80px 80px;
	width: 100%;
	height: calc(100% - 200px);
	margin: -4px;
	box-sizing: content-box;
}
.single .category-gebouw .item .entry-content, .single-event .item .entry-content{
	
}
.single .foto{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height:100vh;
	padding-top:90px;
}
.single .foto h1{
	text-align:right;
}
.single #footer {
	display:none;
}
/* search */
.search #inner-content {
    padding-top: 150px;
}
.search h1, .search article, .search .pagination{
	padding: 20px 40px;
}
.search article img{
	object-fit: cover;
	height: 300px;
}
.search, .search .category-nieuws {
    background-color: #C27E31;;
	color:#E3CBB5;
}
.search #main {
	display: grid;
	grid: auto /  auto auto auto;
}
.search h1, .search .pagination {
	grid-column: 1 / span 3;
}
.pagination .nav-links{
	color:#E3CBB5;
}
.search .pagination .page-numbers{
	border: solid 4px #E3CBB5;
	background-color:#C27E31;
}
.search .pagination .page-numbers.current{
	color:#C27E31!important;
	background-color:#E3CBB5!important;
}
/*widget style */
/*lsow-taxonomy filter*/
.lsow-portfolio-wrap .lsow-portfolio-header {
	height:40px;
	overflow: visible;
	display:block;
	z-index: 200;
	margin: 0 0 0 -20px;
	width: 33.33333%;
	padding-left: 20px;
}
.lsow-portfolio-wrap .lsow-taxonomy-filter{
	width: 100%;
}
.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item{
	display: none;
}
.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item.lsow-active{
	display: block;
}
.lsow-portfolio-wrap .lsow-taxonomy-filter:hover .lsow-filter-item{
	display: block;
}
.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item a{
	color: #E3CBB5;
	font: 700 30px/30px big-caslon-fb, serif;
}
.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item.lsow-active a{
	color: #E3CBB5;
	font: 700 30px/30px big-caslon-fb, serif;
	padding: 0 15px 5px;
}
.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item.lsow-active::after{
	border:none;
	content: '∨';
	position: absolute;
	right: 5px;
	left: unset;
	font-size: 1.4em;
	bottom: 6px;
	width: inherit;
}
.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-summary::before{
	width: 0;
	height: 0;
	color: transparent;
}
.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img{
	height:292px;
	object-fit: cover;
	object-position: center center;
}
.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item{
	border-bottom: none;
}
.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title a{
	color: inherit;
}
.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title a:hover{
	color: inherit;
	text-decoration: underline 1px;
}
.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item a:hover{
	color: inherit;
	text-decoration:underline;
}
/*event list agenda*/
.wrap-event-filter{
	position:relative;
}
.event-filter{
    height: 40px;
    overflow: visible;
    display: block;
    z-index: 200;
    margin: 0;
    width: 33.33333%;
    padding: 0;
    border: none;
    color: #E3CBB5;
		font: 700 30px/30px big-caslon-fb, serif;
	line-height:1.6;
}
.event-filter .event-filter-option{
	color: #E3CBB5;
	background-color:#C92414;
	display:none;
	cursor:pointer;
}
.event-filter:hover .event-filter-option, .event-filter .event-filter-option.active{
	display:block;
}
.event-filter .event-filter-option.active::after{
	border: none;
	content: '∨';
	position: absolute;
	left: calc(33.33vw - 80px);
	font-size: 1.2em;
	bottom: -14px;
}
.event-filter .event-filter-option:hover {
    text-decoration: underline;
}
.event-list {
	display: flex;
	flex-wrap: wrap;
	overflow-x:hidden;
	margin: 0 -20px;
}
.event-item .event-url, .event-item .event-categories{
	display:none;
}
.event-item {
	flex: 0 0 calc(33.333% - 40px);
	border: solid 4px;
	margin:20px;
}
.event-item a:hover {
	text-decoration: none;
}
.event-item .item-background {
	border: solid 4px;
	border-radius: 1000px 1000px 0 0;
	margin: -4px;
	height: calc(33.33vw - 52px);
	padding-top: 25%;
	padding-bottom: 20px;
}
.event-item .item-background .item-info{
	width:85%;
	margin:0 auto;
	max-height: 100%;
	overflow: hidden;
}
.event-item .item-image img{
	object-fit:cover;
	object-position: center;
	height:300px;
}
@media screen and (max-width:786px){

}
/*gallery styling*/
.steunkruis .lsow-team-members.lsow-style1 .lsow-team-member {
	background:url(img/steunkruis-blauw.png) no-repeat center top;
	background-size:contain;
	padding: 15px;
}
.lsow-team-members.lsow-style1 .lsow-team-member .lsow-image-wrapper img{
	border-radius:0;
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lsow-team-members.lsow-style1 .lsow-team-member .lsow-team-member-text .lsow-title, .lsow-team-members.lsow-style1 .lsow-team-member .lsow-team-member-text .lsow-team-member-position, .lsow-team-members.lsow-style1 .lsow-team-member .lsow-team-member-text .lsow-team-member-details, .lsow-services.lsow-style1 .lsow-service .lsow-service-text .lsow-title, .lsow-services.lsow-style1 .lsow-service .lsow-service-text {
	color: #003881;
	text-align: left;
	text-transform:unset;
}
.lsow-team-members.lsow-style1 .lsow-team-member .lsow-team-member-text .lsow-title, .lsow-services.lsow-style1 .lsow-service .lsow-service-text .lsow-title{
	font: 700 30px/30px Big Caslon FB;
}
.lsow-team-members.lsow-style1 .lsow-team-member .lsow-team-member-text .lsow-team-member-details, .lsow-services.lsow-style1 .lsow-service .lsow-service-text {
	font-size: 24px;
	font-weight: 400;
}
.lsow-team-members.lsow-style1 .lsow-team-member .lsow-team-member-text .lsow-team-member-position {
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
}
.lsow-team-members.lsow-style1 .lsow-team-member .lsow-image-wrapper{
	margin-bottom: 15px;
}
/* bestuur styling */
.bestuur .lsow-image-wrapper {
	display:none;
}
/*partners styling*/
.partners .lsow-team-member-wrapper, .partners .lsow-service-wrapper {
    background: url(img/steunkruis-blauw.png) no-repeat center top;
    background-size: contain;
    padding: 15px;
    display: flex;
    align-items: center;
}
.partners .lsow-team-members.lsow-style1 .lsow-team-member, .partners .lsow-service {
    margin: auto;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    background: #E3CBB5;
    padding: 20px;
	max-width: none;
}
.sponsors .lsow-icon-facebook::before {
    content: "\f0c1";
    font-family: fontawesome;
}
/*nieuws styling*/
.nieuws .lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item{
	background-color: #003881;
	margin:0;

}
.nieuws .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .item-background {
	background: url(img/steunkruis.png) no-repeat center top;
	background-size:contain;
	height: calc(33.33vw - 59px);
	display: flex;
	align-items: center;
	width:100%;
}

.nieuws .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap {
    text-align: left;
    margin: 20px auto 0;
	padding: 28px;
	background-color: #003881;
	height: 75%;
	width: 85%;
	max-width: 470px;
	overflow: hidden;
}
/*agenda and gebouw styling*/
.gebouw .lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item a:hover{

}
.agenda .lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item{
	background-color: #C92414;
	margin:0;
}
.gebouw .lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item{
	background-color: #C27E31;
	margin:0;
}
.agenda .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item article, .gebouw .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item article{
	border: solid 4px;
}
.agenda .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .item-background, .gebouw .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .item-background {
	background-image: none;
	border: solid 4px;
	border-radius: 1000px 1000px 0 0;
	margin:-4px;
	height: calc(33vw - 52px);
	padding-top:25%;
	padding-bottom: 20px;
}
.agenda .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap, .gebouw .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap {
    text-align: left;
    max-width: 420px;
    margin: 0 auto 0;
	padding: 0;
	background-color: transparent;
	width: 85%;
	max-width: 470px;
	height: 100%;
	overflow: hidden;
}
.eventdate{
	margin:0;
}
.eventdate::first-letter{
	text-transform:uppercase;
}
.entry-summary {
	font-family: mr-eaves-xl-modern, sans-serif;
}
.agenda .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img, .gebouw .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img{
	max-height:300px;
}


/*footer widgets*/
.wpbf-inner-footer{
	padding: 0;
}
.wpbf-footer-two-columns .wpbf-inner-footer-left, .wpbf-footer-two-columns .wpbf-inner-footer-right, .wpbf-footer-two-columns .wpbf-inner-pre-header-left, .wpbf-footer-two-columns .wpbf-inner-pre-header-right, .wpbf-pre-header-two-columns .wpbf-inner-footer-left, .wpbf-pre-header-two-columns .wpbf-inner-footer-right, .wpbf-pre-header-two-columns .wpbf-inner-pre-header-left, .wpbf-pre-header-two-columns .wpbf-inner-pre-header-right {
	display: inherit;
	width: 100%;
}
.wpbf-footer-two-columns .wpbf-inner-footer-left {
	padding:5px 10px;
	font-family: big-caslon-fb, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	color: #C27E31;
	background-color: #E3CBB5;
	display: flex;
	align-items: center;
}
.wpbf-footer-two-columns .wpbf-inner-footer-left::before{
	content: url(img/icoonset-goud-sm.png);
	height:40px;
	
}
.wpbf-footer-two-columns .wpbf-inner-footer-left .footer-social {
	padding: 0 30px;
}
.wpbf-footer-two-columns .wpbf-inner-footer-left .footer-fill {
	height: 40px;
	background: url(img/icoonset-goud-sm.png);
	flex-grow: 3;
}
.wpbf-footer-two-columns .wpbf-inner-footer-right{
	padding:5px 10px;
	background-color: #C27E31;
	display: flex;
}
.wpbf-footer-two-columns .wpbf-inner-footer-right .footer-fill {
	height: 40px;
	background: url(img/icoonset-ow-sm.png) right;
	flex-grow: 3;
}
.wpbf-page-footer .wpbf-menu > .menu-item {
	color: #E3CBB5;
}
.wpbf-footer-two-columns .wpbf-inner-footer-right a{
	font-family: mr-eaves-xl-modern, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	color: #E3CBB5;
}
/*contact form*/
textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="number"], input[type="datetime"]{
	background-color:transparent;
	border: 4px solid #C27E31;
	font-size: 24px;
	color: #C27E31;
}
form ::-webkit-input-placeholder {
    color: #C27E31;
	opacity: .5;
}
form ::placeholder {
    color: #C27E31;
	opacity: .5;
}

select{
	background-image: url(img/dropdown.png);
	background-size: auto;
}
.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date,  input[type="submit"].wpcf7-form-control {
    background-color: transparent;
	border: 4px solid #C27E31;
	padding: 13px 15px;
	color:#C27E31;
	font-size: 24px;
}
span.wpcf7-not-valid-tip, div.wpcf7-spam-blocked, div.wpcf7-validation-errors{
	background-color:#E3CBB5;
	border-color:#C92414;
	font-size: 20px;
	color:#C92414;
}
div.wpcf7-mail-sent-ok{
	border: 4px solid #CA4500;
	padding: 13px 15px;
	color:#CA4500;
	font-size: 24px;
}
/*Post listing */
/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;

}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scrollbar-external_wrapper {
    /*height: 450px !important;*/
    position: relative;
    /*width: auto !important;*/
}
.scrollbar-external {
    height: 400px;
    overflow: auto;
    /*width: 350px;*/
}
/******************* EXTERNAL SCROLLBAR *******************/
 
.external-scroll_x,
.external-scroll_y {
    border: solid 1px #E3CBB5;
    cursor: pointer;
    display: none;
    position: absolute;
}
 
.external-scroll_x.scroll-scrollx_visible {
    display: block;
    height: 10px;
    left: 0;
    top: 410px;
    width: 200px;
}
 
.external-scroll_y.scroll-scrolly_visible {
    display: block;
    /*height: 200px;
    left: 610px;*/
	height:100%;
	right: -20px;
    top: 0;
    width: 1px;
}
 
.external-scroll_x div,
.external-scroll_y div
{
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}
 
.external-scroll_x .scroll-bar,
.external-scroll_y .scroll-bar {
    background: #E3CBB5;
    z-index: 12;
}
 
.external-scroll_x .scroll-bar {
    width: 100px;
}
.external-scroll_y .scroll-bar {
    height: 100px;
	width: 8px;
	margin-left: -4px;
}
/*typography*/
@media only screen and (max-width: 1640px) {
	body{
		font-size: 24px;
		line-height: 26px;
	}
	h1 {
		font-size: 110px;
		line-height: 0.79;
		letter-spacing: -.05em;
	}
	h2 {
		font: 700 50px/45px big-caslon-fb, serif;
	}
	h3, .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title a {
		font: 700 40px/40px Big Caslon FB, serif;
	}
	a {
		font-size: 24px;
		letter-spacing: -.025em;
	}
}
@media only screen and (max-width: 1200px) {
	body{
		font-size: 18px;
		line-height: 20px;
	}
	h1 {
		font-size: 80px;
		line-height: 0.79;
		letter-spacing: -.05em;
	}
	h2 {
		font: 700 50px/45px big-caslon-fb, serif;
	}
	h3, .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title a {
		font: 700 40px/40px Big Caslon FB, serif;
	}
	a {
		font-size: 24px;
		letter-spacing: -.025em;
	}
	.wpbf-menu-right .wpbf-menu a {
		font-size: 19px;
	}
	.search #main {
		display: grid;
		grid: auto /  auto auto;
	}
	.search h1, .search .pagination {
		grid-column: 1 / span 2;
	}
}
@media only screen and (max-width: 1024px) {
	body, .lsow-team-members.lsow-style1 .lsow-team-member .lsow-team-member-text .lsow-team-member-details, .lsow-services.lsow-style1 .lsow-service .lsow-service-text{
		font-size: 18px;
		line-height: 20px;
	}
	h1 {
		font-size: 50px;
		line-height: 0.79;
		letter-spacing: -.05em;
	}
	h2 {
		font: 700 30px/27px big-caslon-fb, serif;
	}
	h3, .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title a {
		font: 700 24px/24px Big Caslon FB, serif;
	}
	a {
		font-size: 24px;
		letter-spacing: -.025em;
	}
	.entry-summary{
		font-size: 18px;
		line-height: 20px;
	}
	.wpbf-mobile-nav-wrapper{
		padding: 10px;
	}
	.fixed-header .wpbf-mobile-logo img{
		width:40px;
	}
	.wpbf-mobile-menu-hamburger .wpbf-mobile-nav-wrapper{
		align-items: flex-start;
	}
	.wpbf-mobile-menu-container {
		position: absolute;
		width: 50%;
		min-width: 180px;
		right: 0;
		top: 0;
	}
	.wpbf-mobile-menu-container nav {
		height: auto;
	}
	.wpbf-mobile-menu .menu-item{
		border-top:none;
		color: #c27e31;
	}
	.wpbf-mobile-menu > .menu-item a{
		font-family: mr-eaves-xl-modern, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		line-height: 30px;
		text-transform: uppercase;
		color: #c27e31;
	}
	.wpbf-mobile-menu-container{
		height: 100vh;
		background: #E3CBB5 url(img/GKNLogoGoud-bottom.png) no-repeat;
		background-position: center bottom;
		background-size: 60%;
	}
	.wpbf-mobile-menu-container .toggle-container {
		width:100%;
		height:80px;
	}
	.wpbf-mobile-menu-container .wpbf-menu-item-search{
		padding: 10px 20px;
		color: #c27e31;
		width: 100%;
		text-align: left;
	}
	.wpbf-menu-item-search .wpbf-menu-search {
		left: 20px;
		width: calc(100% - 40px)!important;
	}
	
	#wpbf-mobile-menu-toggle{
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
		height: 50px;
		width: 27px;
		background: url(img/icoon1.png) no-repeat center;
		background-size: cover;
		float:right;
		display: block;
		cursor: pointer;
	}
	.hc-rood-inv #wpbf-mobile-menu-toggle{
		background-image: url(img/icoon1-rood.png)
	}
	.hc-blauw-inv #wpbf-mobile-menu-toggle{
		background-image: url(img/icoon1-blauw.png)
	}
	.hc-oranje-inv #wpbf-mobile-menu-toggle{
		background-image: url(img/icoon1-oranje.png)
	}
	.hc-goud-inv #wpbf-mobile-menu-toggle{
		background-image: url(img/icoon1-goud.png)
	}
	#wpbf-mobile-menu-toggle:hover{
		-moz-transform: scaleX(1);
		-o-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		filter: none;
		-ms-filter: "";
	}
	.wpbff-hamburger::before{
		content: '';
	}
	
	#gkn-menu-toggle{
		height: 50px;
		width: 27px;
		background: url(img/icoon1-goud.png) no-repeat center;
		background-size: cover;
		float:right;
		display: block;
		cursor: pointer;
		padding: 0;
		margin: 15px 10px;
	}
	.single .panel-row {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
	}
	.single .panel-grid-cell {
		width: 100%;
	}
	.single .category-gebouw .item, .single-event .item, .scrollbar-external {
		height: auto;
	}
	.single .category-gebouw .item .item-border, .single-event .item .item-border {
		height: auto;
		padding: 120px 40px 40px;
	}
	.single .category-nieuws .panel-grid-cell:first-child {
		height: inherit;
	}
	.single .category-nieuws .item {
		margin: 40px auto 0;
		background-position: center top;
		height: auto;
		padding: 40px;
		background-size: 100%;
		width: 80%;
	}
	.single .category-nieuws .item .item-border {
		height: auto;
		width: auto;
		margin: 0;
		padding-bottom: 20%;
	}
	.external-scroll_y.scroll-scrolly_visible {
		display:none;
		
	}
}
@media only screen and (max-width: 800px) {
	.lsow-portfolio-wrap .lsow-portfolio-header{
		width: inherit;
	}
	.agenda .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .item-background, .gebouw .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .item-background{
		height: calc(50vw - 52px);
	}
	.agenda .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img, .gebouw .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img {
		max-height: 200px;
	}
	.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img{
		height: 200px;
	}
	.nieuws .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .item-background {
		background-size: cover;
		height: calc(50vw - 50px);
	}
	.nieuws .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap{
		height: 95%;
		width: 95%;
		margin: 0 auto;
	}
	.ruiten-goud::before, steunkruis-blauw::before, .vesting-goud::before, .vesting-wit::before {
		content: none;
	}
	.lsow-team-members.lsow-style1 .lsow-team-member .lsow-image-wrapper {
		margin-bottom: 40px;
	}
	.partners .lsow-team-members.lsow-style1 .lsow-team-member, .partners .lsow-service {
		height: calc(100% - 10px);
		width: calc(100% - 10px);
	}
	.partners .lsow-team-members.lsow-style1 .lsow-team-member, .partners .lsow-service{
		padding: 10px;
	}
	.search #main {
		display: grid;
		grid: auto /  auto;
	}
	.search h1, .search .pagination {
		grid-column: 1 / span 1;
	}
	.event-filter{
		width: calc(50% - 20px);
	}
	.event-filter .event-filter-option.active::after{
	left: calc(50% - 45px);
	}
	.event-item {
		flex: 0 0 calc(50% - 40px);
	}
	.event-item .item-background {
	height: calc(50vw - 52px);
	}
}
@media only screen and (max-width: 480px) {
	.panel-grid-cell .panel-cell-style, .panel-grid-cell > .so-panel {
	    padding: 20px 10px;
	}
	.single .category-gebouw .panel-grid-cell .panel-cell-style, .single-event .panel-grid-cell .panel-cell-style{
		padding: 0;
	}
	.single  .panel-cell-style.foto{
		padding: 90px 10px;
	}
	.single .crumb{
		width: initial;
		margin: 0 10px;
		top:35px;
	}
	
	.single .category-gebouw .item, .single-event .item{
		width: initial;
		margin: 60px 10px 40px;
	}
	.single .category-gebouw .item .item-border, .single-event .item .item-border {
		padding: 160px 20px 40px;
	}
	.single .category-nieuws .item{
		padding: 15px;
		width: calc(100% - 20px);
		background-repeat: repeat-y;
	}
	.single .category-nieuws .item .entry-content{
		padding: 15px;
	}
	.agenda .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .item-background, .gebouw .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .item-background {
	    height: calc(100vw - 52px);
	}
	.nieuws .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .item-background{
		height: calc(100vw - 20px);
	}
	.nieuws .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap{
		width: calc(100% - 40px);
		height: calc(100% - 40px);
		margin: 0 auto;
		padding: 14px;
	}
	.wpbf-page-footer .wpbf-inner-footer-right .wpbf-menu {
		display: block;
	
	}
	.wpbf-page-footer .wpbf-menu > .menu-item {
		width: 100%;
		text-align:left;
	}
	.wpbf-page-footer .wpbf-menu a {
	    padding: 5px 0;
	}
	.wpbf-footer-two-columns .wpbf-inner-footer-right .footer-fill, .wpbf-footer-two-columns .wpbf-inner-footer-left .footer-fill {
		display:none;
	}
		.event-filter{
		width: calc(100% - 20px);
	}
	.event-filter .event-filter-option.active::after{
	left: calc(100% - 45px);
	}
	.event-item {
		flex: 0 0 calc(100% - 40px);
	}
	.event-item .item-background {
	height: calc(100vw - 52px);
	}
}