@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Roboto');


:root {
  	--main-title-color: #7a5e3c;
  	--main-dark-color: #092d4a;
	--main-buttons: #18849c;
	--main-buttons-hover: #0a667b;
  	--woningtype-light-color:#18849c;
 	--font-header: 'Titillium Web', sans-serif;
	--font-tekst: Roboto;
}

body
{
	margin-top:0px;
	font-family: var(--font-tekst);
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #000000;
	overflow-x: hidden;
}

p
{
  	font-family: var(--font-tekst);
  	font-size: 16px;
  	line-height: 1.5;
  	text-align: left;
  	color: #000000;
  	margin-bottom: 30px;
}

.mainnav
{
 	width:60px;
	height:100vh;
	position: fixed;
	left:0px;
	top:0px;
	background-color:#092d4a;
	z-index: 1000;
	overflow:hidden;
	-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

#block-advertentiestartverkoop img
{
	width:100%;
	height: auto;
}

.region-hoofdmenu {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
    overflow-y: scroll;
	overflow-x:hidden;

}


.navbar-default
{
	background-color:#092d4a;
	border:none;
}

.mainnav .region-hoofdmenu a
{
	color:#ffffff;
	text-transform: uppercase;
	font-family: var(--font-header);
	font-size:18px;
	font-weight: 600;
	display: block;
	margin-top:20px;
	text-decoration: none;
	height:32px;
	overflow: hidden;
}

.navbar-nav
{
	float: none;
	padding-left: 16px;
    padding-right: 16px;
}

.navbar-nav > li
{
	float:none;
}

.nav > li > a:hover, .nav > li > a:focus
{
	background-color:transparent;
}

.region-hoofdmenu .dropdown-menu
{
	display: none;
	position: relative;
	background-color:#092d4a;
	-webkit-box-shadow: none;
    box-shadow: none;
	float:none;
	height:auto;
	border:none;
}

.region-hoofdmenu .dropdown-menu > a
{
	color:#ffffff;
	font-family: var(--font-header);
	font-weight: 400;
	font-size:14px;
	text-transform: none;
	margin-top:0px !important;
	background-image: url('../images/bullet.svg');
	background-size:10px 10px;
	background-repeat: no-repeat;
	width:200px;
	padding-left:20px;
	margin-left:54px;
	background-position: left 6px;
	margin-bottom: 10px;
	height: auto;
}



.mainnav .region-hoofdmenu .navbar-nav .menu-home
{
	display:block;
	text-indent: -9999px;
	width:250px;
	height:89px;
	background-image:url('../images/logo-diap.svg');
	background-size:100%;
	margin-top:40px;
	margin-bottom:70px;
	background-position: -80px top;
	-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.navbar-nav .menu-woningaanbod
{
	background-image:url('../images/woningaanbod.svg');
	background-size:28px 28px;
	background-repeat: no-repeat;
	text-indent:54px;
}

.navbar-nav .menu-rengerswetering
{
	background-image:url('../images/overzicht-algemeen.svg');
	background-size:28px 27px;
	background-repeat: no-repeat;
	text-indent:54px;
}

.navbar-nav .menu-inschrijven
{
	background-image:url('../images/inschrijven.svg');
	background-size:10px 32px;
	background-repeat: no-repeat;
	text-indent:54px;
	background-position: 9px;
}

.navbar-nav .menu-locatie
{
	background-image:url('../images/locatie.svg');
	background-size:24px 32px;
	background-repeat: no-repeat;
	text-indent:54px;
	background-position: 3px;
}

.navbar-nav .menu-contact
{
	background-image:url('../images/contact.svg');
	background-size:28px 28px;
	background-repeat: no-repeat;
	text-indent:54px;
}


.main-content, .region-slideshow
{
	width:calc(100% - 60px);
	margin-left:60px;
	-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

#block-meldingheaderbg
{
	position: fixed;
	width:390px;
	height:200px;
	top:50px;
	right:0px;
	z-index:101;
	background-color: #18849c;
    mix-blend-mode: multiply;
}

#block-meldingheadertekst
{
	position: fixed;
	top:50px;
	right:0px;
	z-indeX:102;
	width:390px;
	height:100px;
	color:#ffffff;
	text-align: center;
}

#block-meldingheadertekst h4, #block-meldingheadertekst h2
{
	font-size:22px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: var(--font-header);
	width:325px;
	margin:auto;
	margin-top:32px;
	margin-bottom:10px;
	color:#ffffff;
}

#block-meldingheadertekst h2
{
	font-size: 36px;
}

#block-meldingheadertekst p, #block-meldingheadertekst a
{
	color:#ffffff;
	text-align: center;
	text-decoration: none;
}

.flexslider
{
	margin:0px;
	border:none;
	max-height:100vh;
}

.flex-control-nav
{
	bottom:70px;
	z-index:100;
}

.flex-control-paging li a,
.flex-control-paging li a.flex-active
{
	width:16px;
	height:16px;
	background:none;
	background-image:url('../images/slide-inactive.svg')

}

.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover
{
	background-image:url('../images/slide-active.svg')
}

h1, .page-header, h2, .plat-header
{
	color: var(--main-title-color);
	font-size: 36px;
	text-transform: uppercase;
	border-bottom: none;
	margin-top:100px;
	text-align: center;
	margin-bottom:54px;
	font-family: var(--font-header);
}

h3, .woning-header, .fieldset-legend
{
	margin:0px;
	text-transform: uppercase;
	color: var(--main-title-color);
	font-size:16px;
	line-height: 1.5;
	font-weight: 600;
	font-family: var(--font-header);
}

.view-woningpagina h1
{
	text-align: left;
	font-weight: 500;
}

.small-text{font-size: 13px; font-style: italic;}

.plat-header
{
	text-align: left;
	display:inline-block;
}

.gespiegeld
{
	display: inline-block;
	font-weight:300;
	font-size:18px;
	margin-left:20px;
	vertical-align: middle;
	height:44px;
}

.woning-header, .fieldset-legend
{
	font-size:16px;
	text-align: left;
}

.view-woningtype
{
	width:1334px;
	margin:auto;
	margin-bottom:100px;
}

.view-woningtype .views-row
{
	display:inline-block;
	width:320px;
    margin-left: -3px;
	position: relative;
	margin-bottom:22px;
	margin-right:18px;
	
}


.view-woningtype .views-row:nth-child(4n) 
{
	margin-right:0px;
}

.view-woningtype .views-row .views-field-nothing
{
	position: absolute;
	width:100%;
	height:24px;
	background-color:#092d4a;
	mix-blend-mode: multiply;
	bottom:0px;
	-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.view-woningtype .views-row .views-field-name
{
	position: absolute;
	width:100%;
	height:24px;
	text-align: center;
	bottom:0px;
	line-height:24px;
	font-weight:600;
	-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.view-woningtype .views-row .views-field-name a
{
	color:#ffffff;
	text-decoration: none;
	display:block;
	width:100%;
	height:100%;
	font-family: var(--font-header);
}

.view-woningtype .views-row:hover .views-field-nothing
{
	height:100%;
	background-color:var(--woningtype-light-color);
}

.view-woningtype .views-row:hover .views-field-name
{
	height:100%;
	-moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
	line-height: 180px;
}

.view-pagina .views-field-nothing
{
	width:250px;
	height:144px;
	background-image: url('../images/Logo-Rengerswetering.svg');
	background-size: 100%;
	margin:auto;
}

.view-pagina h2
{
	width:400px;
	margin:auto;
	margin-top:60px;
	margin-bottom:55px;
}

.view-pagina .views-field-body .front_content
{
	-webkit-columns: 2; /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
	-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
}

.view-pagina .btn-primary
{
	display:block;
	margin:auto;
	width:280px;
	margin-top:80px;
	line-height:40px;
	text-decoration: none;
}

#map
{
	width:calc(100% - 60px);
	margin-left:60px;
	height:400px;
	margin-top:160px;
}

.footer {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 36px;
    width: calc(100% - 60px);
    margin-left: 60px;
	border-top:none;
}

.region-footer
{
	width:1140px;
	margin:auto;
}

.form-control
{
	border:none;
	border-bottom:solid 1px #000000;
	border-radius: 0px;
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
	font-family: var(--font-tekst);
	padding-left:4px;
}

.form-control:focus {
    border:none;
	border-bottom:solid 1px #000000;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary, .btn-default
{
	color:#ffffff;
	font-size:16px;
	text-transform: uppercase;
	height: 40px;
	border-radius: 40px;
	background-color:  var(--main-buttons);
	border:none;
	font-family: var(--font-tekst);
	font-weight: 400;
	width:200px;
	text-align: center;
	-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.field--name-body .btn-primary, .views-field-field-kenmerken .btn-primary
{
	width:auto;
	padding-left:20px;
	padding-right: 20px;
}

 .views-field-field-kenmerken .btn-primary
 {
	margin-bottom: 20px;
 }


.btn-primary:hover, .btn-default:hover{
	background-color:var(--main-buttons-hover);
	color:#ffffff;
}

.view-contactform .form-item
{
	width:calc(33% - 81px);
	display:inline-block;
	margin-right:10px;
}

.view-contactform .form-actions
{
	width:200px;
	display:inline-block;
	margin-right:0px;
	margin-left:12px;
}

.view-contactform .views-field-webform
{
	margin-top:80px;
}

.view-contactform p
{
	text-align: center;
}

.block-views-blocklogo-s-block-1 .view-logo-s .views-row
{
	width:170px;
	margin-right:40px;
}

.view-logo-s .view-content, .view-logo-s .views-field-field-gegevens p
{
	display: flex;
	text-align: center;
	color:#a7a7a7;
	font-family: var(--font-tekst);
}


.block-views-blocklogo-s-block-2 .view-logo-s .views-row
{
	width:110px;
	margin-left:40px;
}

.view-logo-s .views-field-field-logo
{
	display: flex;
	align-items: center;
  	justify-content: center;
}

.block-views-blocklogo-s-block-1 .view-logo-s .views-row .views-field-field-logo,
.block-views-blocklogo-s-block-2 .view-logo-s .views-row .views-field-field-logo
{
	height:70px;
}

.block-views-blocklogo-s-block-1 .view-logo-s .views-row .views-field-field-logo .field-content,
.block-views-blocklogo-s-block-2 .view-logo-s .views-row .views-field-field-logo .field-content
{
	width:100%;
	height:auto;
}

.block-views-blocklogo-s-block-1 .view-logo-s .views-row img,
.block-views-blocklogo-s-block-2 .view-logo-s .views-row img
{
	width:100%;
	height:auto;
}

.block-views-blocklogo-s-block-1
{
	float:left;
	margin-top:70px;
}

.block-views-blocklogo-s-block-2
{
	float:right;
	margin-top:70px;
}

.footerbottom
{
	font-family: var(--font-tekst);
	text-align: right;
    clear: both;
    margin-bottom: 20px;
    margin-right: 20px;
}

/* Woningen pagina */

.page-node-type-woningen .row
{
	margin-left:0px;
	margin-right:0px;
}

.page-node-type-woningen .col-sm-12
{
	padding-left:0px;
	padding-right:0px;
}

.woning-eigenschappen, .blok-woning-bouwnummer, .field--name-field-fotos, .blok-woning-plattegronden
{
	width:1170px;
	padding-right:15px;
	margin:auto;
}

.woning-eigenschappen
{
	display: flex;
	flex-wrap: wrap;
}

.woning-eigenschappen .views-element-container:nth-child(1),
.woning-eigenschappen .views-element-container:nth-child(2)
{
	max-width: 560px;
}



.woning-eigenschappen>.views-element-container
{
	margin-left:auto;
}

.field--name-field-fotos
{
	clear:both;
	margin-top:88px;
}

.views-field-field-kenmerken ul
{
	list-style-type: none;
	padding-left:0px;
}

.views-field-field-kenmerken ul li
{
	background-image:url('../images/bullet2.svg');
	background-size:12px 12px;
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left:24px;
}

.blok-woning-eigenschappen .views-field-field-inhoud .views-label,
.blok-woning-eigenschappen .views-field-field-inhoud .field-content,
.blok-woning-eigenschappen .views-field-field-perceeloppervlakte .views-label,
.blok-woning-eigenschappen .views-field-field-perceeloppervlakte .field-content,
.blok-woning-eigenschappen .views-field-field-woonoppervlakte .views-label,
.blok-woning-eigenschappen .views-field-field-woonoppervlakte .field-content,
.blok-woning-eigenschappen .views-field-field-gebruiksoppervlakte .views-label,
.blok-woning-eigenschappen .views-field-field-gebruiksoppervlakte .field-content,
.blok-woning-eigenschappen .views-field-field-tuinoppervlakte .views-label,
.blok-woning-eigenschappen .views-field-field-tuinoppervlakte .field-content,
.blok-woning-eigenschappen .views-field-field-balkonoppervlakte .views-label,
.blok-woning-eigenschappen .views-field-field-balkonoppervlakte .field-content
{
	display: inline-block;
	margin-right:5px;
}

.blok-woning-eigenschappen
{
	position: relative;
}

.blok-woning-eigenschappen .views-field-field-prijs
{
	font-size: 30px;
 	font-weight: 300;
	margin-top:30px;
	bottom:67px;
}


.blok-woning-eigenschappen .views-field-nothing a
{
	display: block;
	margin-top:20px;
	height:40px;
	line-height:40px;
	border-radius: 40px;
	text-align: center;
 	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight:300;
	background-color: var(--main-buttons);
	-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.blok-woning-eigenschappen .views-field-field-status
{
	color:#cc0033 !important;
	font-size:25px;
	margin-top:10px;
}

.blok-woning-eigenschappen .views-field-field-status.Beschikbaar
{
	display: none;
}



.blok-woning-eigenschappen .views-field-nothing a:hover
{
	background-color:  var(--main-buttons-hover);
}

.field--name-field-fotos .field--item
{
	display:inline-block;
	width:calc(50% - 10px);
	margin-bottom: 20px;
}

.field--name-field-fotos .field--item:nth-child(1),
.field--name-field-fotos .field--item:nth-child(3)
{
	margin-right: 16px;
}

.views-field-field-plattegronden .field-content a
{
	display:inline-block;
	width:calc(33% - 26px);
	vertical-align: middle;
}

.views-field-field-plattegronden .field-content a:nth-child(2)
{
	margin-left:40px;
	margin-right: 40px;
}

.view-taxonomy-term .views-row, .view-woningen .views-row
{
	margin-bottom: 17px;
	padding:20px;
	-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
	position: relative;
}

.view-taxonomy-term .views-row:hover, .view-woningen .views-row:hover{
	background-color:#c4e6ee;
}

.view-taxonomy-term .views-field-field-fotos, .view-woningen .views-field-field-fotos
{
	display: inline-block;
	width:300px;
	vertical-align: top;
	margin-right:40px;
}

.view-taxonomy-term .views-field-nothing, .view-woningen .views-field-nothing
{
	display:inline-block;
	vertical-align: top;
	width:calc(50% - 170px);
}

.view-taxonomy-term .woning-bouwnr, .view-woningen .woning-bouwnr
{
	font-size:30px;
	font-family: var(--font-header);
	color: var(--main-title-color);
	margin-bottom:26px;
}

.view-taxonomy-term .views-field-field-prijs, .view-woningen .views-field-field-prijs,
.view-taxonomy-term .views-field-nothing-2, .view-woningen .views-field-nothing-2
{
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width:calc(50% - 170px);
	font-size:30px;
	font-weight:300;
}

.view-taxonomy-term .views-field-nothing-2 .field_woning_status,
.view-woningen .views-field-nothing-2 .field_woning_status
{
	font-size:26px;
	color:#cc0033;
}


.view-taxonomy-term .views-field-nothing-2 .Beschikbaar,
.view-woningen .views-field-nothing-2 .Beschikbaar
{
	display: none;
}

.view-taxonomy-term .views-field-nothing-1 a, .view-woningen .views-field-nothing-1 a
{
	display: block;
	width:100%;
	height:100%;
	text-indent:-999px;
	position: absolute;
	left:0px;
	top:0px;
}

.views-exposed-form
{
	width:900px;
	margin:auto;
	margin-bottom:60px;
}

.views-exposed-form .form-inline
{
	display:none;
	margin-top:60px;
}

.views-exposed-form .form-inline .checkbox
{
	display:block;
	margin-bottom:16px;
}

.views-exposed-form fieldset
{
	width:33%;
}

.views-exposed-form .form-inline .form-group
{
	clear:left;
	width:100%;
	margin-top:50px;
	margin-bottom:50px;
	text-align: center;
}

.views-exposed-form .btn-default
{
	margin:auto;
}

legend
{
	border-bottom:none;
	margin-bottom:10px;
}

a.btn_filter, a.button
{
	display:block;
  	width: 280px;
  	height: 40px;
	line-height:40px;
	color:#ffffff;
	text-decoration: none;
  	border-radius: 40px;
  	background-color:  var(--main-buttons);
	text-indent:80px;
	-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
	margin:auto;
	background-image:url(../images/filter.svg);
	background-position: 47px 13px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	cursor: pointer;
	border:solid 1px var(--main-buttons);
}

a.button
{
	background-image: none;
	text-indent: 0px;
	margin-bottom: 60px;
	text-align: center;
}

a.btn_filter:hover{
	background-color:var(--main-buttons-hover);
}

a.btn_filter_active, a.btn_filter_active:hover
{
	background-color:#ffffff;
	background-image:url(../images/filter-kleur.svg);
	color: var(--main-buttons);
}

.views-exposed-form .form-type-checkbox label,
#edit-mijn-interesse-gaat-uit-naar label,
#edit-huidige-situatie label
{
	background-image: url('../images/unchecked.svg');
	background-repeat: no-repeat;
	background-size:16px 16px;
	height:16px;
	background-position: left;
	padding-left:26px;	
	line-height:20px;
}

.views-exposed-form .form-type-checkbox label.confcheck,
#edit-mijn-interesse-gaat-uit-naar label.confcheck,
#edit-huidige-situatie label.confcheck
{
	background-image: url('../images/checked.svg');
}


.views-exposed-form .form-type-checkbox input,
#edit-mijn-interesse-gaat-uit-naar input,
#edit-huidige-situatie input
{
	display: none;
}


#situatie
{
	width:calc(100% - 60px);
	margin-left:60px;
}

#situatie .region-situatie
{
	width:1170px;
	padding-left:15px;
	padding-right:15px;
	margin:auto;
}

#situatie h2
{
	text-align: left;
}

.page-node-type-webform .field--name-body
{
	margin-bottom:30px;
}

.page-node-type-webform .form-item-opmerkingen
{
	margin-top:20px;
	margin-bottom:40px;
}

.page-node-type-webform #edit-mijn-interesse-gaat-uit-naar--wrapper
{
	margin-top:30px;
}

.field--name-field-foto-s-bij-paigna
{
	margin-top:40px;
}

.field--name-field-foto-s-bij-paigna .field--item
{
	display:inline-block;
	width:calc(33% - 5px);
	margin-bottom:6px;
}

.field--name-field-foto-s-bij-paigna .field--item:nth-child(3n+2)
{
	margin-left:6px;
	margin-right: 6px;
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) 
{
	
	.container {
		width: 940px;
	}
	
	.view-woningtype, .region-footer, #situatie .region-situatie,
	.woning-eigenschappen, .blok-woning-bouwnummer, .field--name-field-fotos, .blok-woning-plattegronden
	{
		width:910px;
	}
	
	#situatie .region-situatie img
	{
		width:100%;
		height:auto;
	}
	
	.view-contactform .form-item {
    	width: calc(33% - 82px);
	}
	
	.view-woningtype .views-row
	{
		width:445px;
	}
	
	.view-woningtype .views-row:nth-child(3n+2)
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	.view-woningtype .views-row:nth-child(2n+1) 
	{
    	margin-right: 18px;
	}
	
	.footer
	{
		width: calc(100% - 60px)
	}
	
	.woning-eigenschappen .views-element-container:nth-child(1)
	{
		width:430px;
	}
		
}

@media only screen and (max-width: 1023px) and (min-width: 768px) 
{
	
	.container {
		width: 700px;
	}
	
	.view-woningtype, .region-footer, #situatie .region-situatie,
	.woning-eigenschappen, .blok-woning-bouwnummer, .field--name-field-fotos, .blok-woning-plattegronden
	{
		width:680px;
	}
	
	#situatie .region-situatie img
	{
		width:100%;
		height:auto;
	}
	
	.view-contactform .form-item {
    	width: calc(33% - 84px);
	}
	
	.view-woningtype .views-row
	{
		width:330px;
	}
	
	.view-woningtype .views-row:nth-child(3n+2)
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	.view-woningtype .views-row:nth-child(2n+1) 
	{
    	margin-right: 18px;
	}
	
	.footer
	{
		width: calc(100% - 60px)
	}
	
	.views-exposed-form
	{
		width:650px;
	}
	
	.block-views-blocklogo-s-block-1, .block-views-blocklogo-s-block-2
	{
		float:none;
	}
	
	.block-views-blocklogo-s-block-1 .view-logo-s .views-row
	{
		width:auto;
	}
	
	.block-views-blocklogo-s-block-2 .view-logo-s .views-row
	{
		margin-lefT:0px;
		margin-right:40px;
	}
	
	.view-taxonomy-term .views-field-field-fotos, .view-woningen .views-field-field-fotos
	{
		float:left;
	}
	
	.view-taxonomy-term .views-field-nothing, .view-woningen .views-field-nothing
	{
		width:auto;
	}
	
	.view-taxonomy-term .views-field-field-prijs, .view-woningen .views-field-field-prijs
	{
		width:auto;
		text-align: left;
		margin-top:10px;
	}
	
	.view-taxonomy-term .woning-bouwnr, .view-woningen .woning-bouwnr
	{
		margin-bottom:16px;
	}
	
	.woning-eigenschappen .views-element-container:nth-child(1)
	{
		float:none;
	}
	
	.woning-eigenschappen .views-element-container:nth-child(2)
	{
		float:none;
		margin-top:50px;
	}
	
	.blok-woning-eigenschappen .views-row
	{
		height:176px !important;
	}
	
	.views-field-field-plattegronden .field-content a
	{
		width:32%;
	}
}

@media only screen and (max-width: 767px) 
{
	
	.mainnav
	{
		width:100% !important;
		height:90px;
	}
	
	.region-footer, .views-exposed-form, #situatie .region-situatie, .woning-eigenschappen, .blok-woning-bouwnummer, .field--name-field-fotos, .blok-woning-plattegronden
	{
		width:100%;
	}
	
	.bef-exposed-form .form--inline > .form-item
	{
		float:none;
	}
	
	.field--name-field-fotos .field--item, .views-field-field-plattegronden .field-content a
	{
		display:block;
		width:100%;
	}
	
	.field--name-field-fotos .field--item
	{
		margin-bottom:20px;
	}
	
	.blok-woning-eigenschappen .views-row {
   	 height: 176px !important;
	}
	
	.region-slideshow
	{
		margin-top:50px;		
	}
	
	#block-meldingheaderbg
	{
		display:none;
	}
	
	#block-meldingheadertekst
	{
		position: relative;
		background-color:var(--main-buttons);
		width:100%;
		top:0px;
		height:180px;
	}
	
	.main-content, .region-slideshow, .footer, #map, #situatie
	{
		width:100%;
		margin-left:0px;
	}
	
	#situatie .region-situatie img
	{
		width:100%;
		height:auto;
	}
	
	.flex-control-nav
	{
		bottom:10px;
	}
	
	.view-woningtype .views-row
	{
		display:block;	
		width:100%;
		margin-lefT:0px;
	}
	
	.view-woningtype .views-row:nth-child(3n+2)
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	.view-pagina .views-field-body .front_content 
	{
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
		-webkit-column-gap: 0px;
		-moz-column-gap: 0px;
		column-gap: 0px;
	}
	
	h1, .page-header, h2, .plat-header, .view-pagina h2
	{
		width:100%;
		font-size:28px;
		margin-top:50px;
	}
	
	.views-exposed-form fieldset, .view-woningtype
	{
		width:100%;
		padding-right: 15px;
    	padding-left: 15px;
	}
	
	.view-contactform .form-item
	{
		width:auto;
	}
	
	.view-contactform .form-actions
	{
		displaY:block;
		margin:auto;
		margin-top:30px;
	}
	
	.view-contactform .views-field-webform
	{
		margin-top:30px;
	}
	
	.block-views-blocklogo-s-block-1, .block-views-blocklogo-s-block-2
	{
		float:none;
	}
	
	.view-logo-s .view-content
	{
		display: block;
	}
	
	.block-views-blocklogo-s-block-1 .view-logo-s .views-row, .block-views-blocklogo-s-block-2 .view-logo-s .views-row
	{
		margin-left:auto;
		margin-right:auto;
		margin:auto;
		margin-bottom:30px;
	}
	
	.block-views-blocklogo-s-block-2
	{
		margin-top:0px;
	}
	
	.footerbottom {
		text-align: center;
		width: 290px;
		margin: auto;
		margin-bottom:20px;
	}
	
	.mobilehandler {
		width: 31px;
		height: 24px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display: block;
		z-index: 2100;
		margin-left: 10px;
   	 	margin-top: 30px;
		        float: right;
        margin-right: 20px;
	}
	
	.mobilehandler div {
		display: block;
		position: absolute;
		height: 4px;
		width: 31px;
		background: #ffffff;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	.mobilehandler div:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	
	.mobilehandler div:nth-child(2) {
		top: 10px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	
	.mobilehandler div:nth-child(3) {
		top: 20px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	
	.mobilehandler.open div:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -3px;
		left: 0px;
	}
	
	.mobilehandler.open div:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	
	.mobilehandler.open div:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 19px;
		left: 0px;
	}
	
	.region-hoofdmenu 
	{
		width:100%
	}
	
	.region-hoofdmenu .dropdown-menu
	{
		display:block;
	}
	
	.mainnav .region-hoofdmenu .navbar-nav .menu-home
	{
		background-position: top left;
		background-repeat: no-repeat;
		height:145px;
		width:200px;
		margin-top:0px;
		margin-bottom:20px;
	}
	
	.dropdown-menu, .menu-woningaanbod, .menu-locatie, .menu-contact, .menu-rengerswetering, .menu-inschrijven
	{
		margin-left:20px;
	}
	
	.view-taxonomy-term .views-field-field-fotos, .view-woningen .views-field-field-fotos,
	.view-taxonomy-term .views-field-nothing, .view-woningen .views-field-nothing,
	.view-taxonomy-term .views-field-field-prijs, .view-woningen .views-field-field-prijs
	{
		width:100%;
		display:block;
		text-align: left;
	}
	
	.view-taxonomy-term .woning-bouwnr, .view-woningen .woning-bouwnr
	{
		margin-bottom:0px;
	}
	
	.view-taxonomy-term .views-row, .view-woningen .views-row
	{
		visibility: visible !important;
		animation-name: none !important;
	}
	
	.field--name-field-foto-s-bij-paigna .field--item
	{
		display:block;
		width:100%;
		margin-bottom:6px;
	}

	.field--name-field-foto-s-bij-paigna .field--item:nth-child(3n+2)
	{
		margin-left:0px;
		margin-right: 0px;
	}
	
}


#webform-submission-enquete-node-101-add-form .fieldset-legend{font-weight: 500; font-size: 20px;}

#webform-submission-enquete-node-101-add-form legend{margin-top: 20px;}

#webform-submission-enquete-node-101-add-form label{font-size: 14px;}

#edit-samenstelling-huishouden{
	
margin-bottom: 0;
background: none;
border: none;
border-radius: 0px;
box-shadow: none;
margin-top: 20px;
}

#edit-samenstelling-huishouden .panel-heading{
    background: none;
    border: none;
	padding: 0;
	margin: 0;
}

#edit-samenstelling-huishouden .panel-title{
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
	color: var(--main-title-color);
	line-height: 1.5;
	font-family: var(--font-header);
	padding: 0;
	margin: 0;
}

#edit-samenstelling-huishouden .panel-body{padding: 0;}

.webform-client-form .form-control:focus {
  border: 1px solid #ccc;
  box-shadow: none;
}