/* 
    Document   : EditYourWeb stylesheet
    Author     : Thar Design
    Description: Stylesheet for template Notterveld
*/

* {
	margin: 0;
}
html, body{
	font-family: 'Montserrat', sans-serif;
}
html {
	position: relative;
	min-height: 100%;
}
body{
    background-color: #ffffff;
}
h1,h2,h3,h4,h5,h6{
	color: #1a3150;
}
th, td {
    padding: 0px 5px;
}
input.btn {
    background-color: #0B4F9C;
}
.content h1 {
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 0px;
	text-align: center;
}
.contents{
	padding-bottom: 10px;
}
.content {
	font-size: 15px;
	padding-top: 25px;
	line-height: 25px;				   
}
.fixedbar {
    position: fixed;
    z-index: 20;	
	border-bottom: 10px solid #0B4F9C;
	background-color: #ffffff;
	width: 100%;
}
.logobar {
    position: relative;
    z-index: 1;	
	background-color: #ffffff;
	width: 100%;
}
.logo {
	height: 100px;	
} 
.logo-image {
	margin: 0 25px 0 0;
    position: relative;
	max-height: 150px;
}
.menubar {
	background-color: #ffffff;
	width: 100%;
}
.contact {
    margin-top: 40px;	
}
.social {
    margin-top: 40px;
    text-align: right;
	padding: 0px;
	white-space: nowrap;	
}
.social a {
	color: #fff;
}
.social i.fa.fa-phone, i.fa.fa-facebook, i.fa.fa-instagram {
    background: #0B4F9C;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 9px;
    border-top-right-radius: 8px;
}
.flag {
    text-align: center;
    border-top-right-radius: 8px;
    margin: -5px 0 0 5px;
}
/* Header */
.header{ 
    position: relative;
    z-index: 1;	
}
#headerwrapper, .noheader {
    padding-top: 160px;
}

@media(min-width: 992px) {
	.menubar {
		height: 40px;	
	}
	.menu {
		height: 60px;
		margin-bottom: -10px;
	}		
}
@media(min-width: 768px) and (max-width : 991px) {	
	.menubar {
		height: 50px;		
	}
	.menu {
		height: 60px;
		padding-left: 37px !important;
		bottom: -10px;		
	}	
}
@media (max-width: 767px) {	
	.header{ 
		border: none;
		height: auto;
		box-shadow: none;
	}	
	.menubar {
		height: 50px;	
	}	
	.menu {	
		float: left;
		margin-top: 20px;
		width: 100%;
	}
	.logo-image {
		margin: 0 25px 0 -20px;
		max-width: 90%;
		bottom: 0px;
	}	
}

@media(min-width:768px){
	body{
		/* Margin bottom by footer height */
		margin-bottom: 130px;
	}	
	navbar-nav>li>a {
		padding-bottom: 10px;
	}	

}
/* Navigation */
.navbar-toggle {
    position: relative;
	z-index: 120;
    float: right;
    padding: 0px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 0px;
}
.navbar-toggle .btn-default {
	color: #ffffff;
	background-color: #0f8794;
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color:transparent;
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}
.navbar { 
    min-height: inherit;
    border: none;
	margin-bottom: 0px;
    position: absolute;
    bottom: 0;
	right: 0;
} 
@media (max-width : 767px) {	
	.navbar { 
		position: relative;
		margin-top: -20px;
	}
	.navbar-nav {
		margin: 0;
	}	
	.navbar-toggle {
		margin-right: -15px;
	}
}
.navbar-collapse {
    padding-right: 0px; 
    padding-left: 0px; 
}
.navbar-nav>li>a { 
	font-weight: 400;
	color: #1a3150;
	text-transform: uppercase;
}
.navbar-nav>li.active { 
	border-bottom: 10px solid #0B4F9C !important; 
} 
.navbar-nav>li.active>a { 
	color: #000000;
	text-decoration: none; 
}
.navbar-nav>li.childactive>a { 
	color: #000000; 
	text-decoration: none; 
	font-weight: none; 
	border-bottom: 10px solid #0B4F9C !important; 	
}
 .navbar-nav li p {
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 150%;
	background-color: #999; 
	width: 20px;
	text-align: center;
	margin: 0px;
}
.navbar-nav>li.active { 
	border-bottom: 10px solid #67B539 !important; 
} 
.navbar-nav>li.active>a { 
	color: #000000;
	text-decoration: none; 
}
.navbar-nav>li.childactive>a { 
	color: #000000; 
	text-decoration: none; 
	font-weight: none; 
	border-bottom: 10px solid #1a3150 !important; 	
}
.dropdown>.dropdown-menu { 
	left: 0;
	color: #ffffff;
	background-color: #1a3150;
}
.dropdown>.dropdown-menu .dropdown-menu { 
	left: 100%; 
	top: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    float: left;
	min-width: 250px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}
.dropdown-menu>li>a {
    display: block;
    padding: 7px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #67B539 !important;
}
.dropdown-menu>.active>a {
    text-decoration: none;
    outline: 0;
    color: #67B539;
    background-color: transparent;	
}
.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #1a3150;
}
.map {
	margin-bottom: -15px;
}
/* Footer */
.footer{
    padding: 0.5em 0 3.2em 0;
	border-top: 10px solid #0B4F9C;
	/* Set the fixed height of the footer here */
	height: 130px;	
	position: absolute;
	bottom: 0;
	width: 100%;
}
.footer a{
    color: #000;
}
.footer1 {
    margin-top: 15px;
}
.footer1>.container>div>ul, .footer1 ul{
    list-style: none;
    margin-left: 0px!important;
    list-style-position: outside;
    padding: 0px;
}
.footer1>.container>div>ul>li, .footer1 ul li{
    list-style: none;
    margin-left: 0px;
    padding: 0px;
}
.footer2, .footer2 a {
	color: #000;
}

/* Misc */
.left { 
	float: left;
}
.right { 
	float: right;
}
.copyright{
    text-align: center;
}
.copyright, .copyright a{
	color: #000;
}
.showmobile { 
	display: none;
}
.hidemobile { 
	display: block;
}

/* Media Queries */
@media(max-width:767px){
	body{
		/* Margin bottom by footer height */
		/* margin-bottom: 250px !important; */
	}
    .showmobile { 
		display: initial; 
	}
    .hidemobile { 
		display: none; 
	}
	.footer2 .col-sm-12 {
		margin-top: 20px;
	}
    .header>.container>.navbar { 
		height: auto;
	}
	.footer {
		height: auto;	
		position: relative;					 
	}
	.navbar-nav>li.active, .navbar-nav>li.childactive>a { 
		border-bottom: 1px solid #0B4F9C !important; 
	}
    .nav{
        border-top: 1px solid #eee!important;
    }
    .nav>li{
        border-bottom: 1px solid #eee!important;
    }
    .navbar-nav li { 
		float: left; 
		display: list-item; 
		width: 100%;
	}
}

@media (max-width: 767px) {	
	.dropdown-menu>li>a {
		color: #000;
	}
}

/* == RELATED INFO == */
.relatedinfo {
	background-color: transparent;
}
.relatedinfo a {
	color: #fff;
	text-decoration: none;
}
.relatedinfo a:hover {
	text-decoration: underline;
}
.relatedinfo .content {
    font-size: 18px;
    padding: 10px 10px 40px 10px;	
}
.related-bottomleft{
	height: 300px;
    font-size: 18px;
    line-height: 26px;
    background-color: #67B539;
    color: #fff;
    padding: 20px;
	border-radius: 20px;
}
.related-header {
    padding: 13px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}
.related-bottomleft-button {
    background-color: #67B539;
    font-size: 1em;
    margin: 0 auto;
    margin-top: -46px;
    display: block;	
}
.related-bottomleft-button:hover {
	/* background-color: transparent; */
    /* color: #ffffff !important; */
}
.related-bottomleft-button a{
    color: #ffffff;
    font-size: 18px;	
    text-decoration: none;
    border-bottom: 10px solid #0B4F9C;
    padding: 5px;	
}
.related-bottomleft-button:hover a {
    color: #ffffff;	
}
.related-bottomright{
	height: 300px;
	color: #fff;
    font-size: 18px;
    line-height: 26px;
    background-color: #67B539;
    padding: 20px;
	border-radius: 20px;
}
.related-bottomright .related-header {
    padding: 13px;
}
.related-bottomright-button {
    background-color: #67B539;
	border-radius: 20px;
    font-size: 1em;
    margin: 0 auto;
    margin-top: -46px;
    display: block;	
}
.related-bottomright-button:hover {
	/* background-color: transparent; */
    /* color: #ffffff !important; */
}
.related-bottomright-button a{
    color: #ffffff;
    font-size: 18px;	
    text-decoration: none;
    border-bottom: 10px solid #0B4F9C;
    padding: 5px;	
}
.related-bottomright-button:hover a {
    color: #ffffff;	
}
.relatedbg {
	background-size: cover;
	background-position: center center;	
	height: 100%;
}
.related-divider {
	background-image: url(../img/divider.jpg);
    margin-top: 0;
    height: 350px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    /* border-bottom-left-radius: 30%; */
}
.row1 {
    margin-top: -250px;
    position: relative;
    z-index: 1;		
}
.row2 {
    margin-top: -150px;
    position: relative;
    z-index: 1;		
}
/* Each related block is flex, related > content : flex-grow: 1;*/
.relatedinfo1 {
	clear: both;	
	background-color: #fff;
    margin: 10px 0 0 0;
	height: 460px;
	display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 5px 30px 0 rgba(0,0,0,.3);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,.3);
	border: 1px solid #ffffff;
    border-bottom-right-radius: 70px;
}
.relatedinfo1 .title{
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	margin: 15px auto;
}
.relatedinfo1 hr{
	border-top: 10px solid #0B4F9C;
    max-width: 50%;
    text-align: center;
    margin: 20px auto;	
}
.relatedinfo-img {
	height: 175px;
}
.relatedinfo1 .content {
	flex-grow: 1;
    padding: 10px 20px;
    text-align: center;
	overflow: hidden;
}
.relatedinfo1 .button1 {
    position: relative;
    text-align: center;
    font-size: 1em;
    bottom: 20px;
}
.relatedinfo1 .button1:hover {
	color: #000;
}
.relatedinfo1 a.button1 {
	color: #000;	
	text-decoration: none;
}
.relatedinfo1 a.button1:hover {
	color: #000;
	text-decoration: underline;
}
.voorzieningen {
	background-color: #f5f5f5;
	border-bottom: none;
}
.voorzieningen .col-md-4 h3 {
	margin-bottom: 20px;
	color: #000;
}
.voorzieningen {
	padding: 60px 0 80px;
}
.voorzieningen .col-md-4 {
	background-color: #fcfcfc;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 15px 45px;
}
/* == SLIDESHOW > HEADER == */
/* >>Arrows: different position & using images */
.slick-prev:before, [dir='rtl'] .slick-prev:before, .slick-next:before, [dir='rtl'] .slick-next:before {
    content: none;
}
.slick-prev {
	width: 42px;
	height: 42px;
	background: url(../img/prev.png) no-repeat;	
	opacity: .75;	
}
[dir='rtl'] .slick-prev {
	width: 42px;
	height: 42px;	
	background: url(../img/next.png) no-repeat;	
	opacity: .75;
}
.slick-next {
	width: 42px;
	height: 42px;
	right: 5px;
	background: url(../img/next.png) no-repeat;	
	opacity: .75;
}
[dir='rtl'] .slick-next {
	width: 42px;
	height: 42px;	
	background: url(../img/prev.png) no-repeat;	
	opacity: .75;
}
.slick-prev:hover, .slick-prev:focus {
	background: url(../img/prev.png) no-repeat;	
	opacity: 1;
}
.slick-next:hover, .slick-next:focus {
	background: url(../img/next.png) no-repeat;	
	opacity: 1;	
}

/* >>Dots: different position & colors */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: .75;
}
.slick-dots li button:before {
    opacity: 1;
    color: #ffffff;	
}
.slick-dots li.slick-active button:before {
    opacity: 1;	
	color: #0B4F9C;
}
.slick-slide.slick-current {
	border-bottom-right-radius: 30%;
	overflow: hidden;
}
.slick-slide.slick-current::before{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: inherit;
    content: ' ';
}
.slick-slide img {
    border-bottom-right-radius: 30%;
}
/* >>Captions: correspond with captionTypes in Settings */
.Titel {
    color: #4f6228;
}
.Tekst {
    color: #ffffff;
	/* text-transform: uppercase;	 */
}
@media (max-width: 991px) {
	.Titel {
		font-size: 30px !important;
		top: 20%;
		left: 10%;
		right: 10%;
		text-align: center;		
	}
	.Tekst {
		font-size: 20px !important;
		top: 45%;
		left: 25%;
		right: 25%;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.Titel {
		font-size: 25px !important;
		top: 15%;
		left: 10%;
		right: 10%;
		text-align: center;		
	}
	.Tekst {
		font-size: 14px !important;
		top: 35%;
		left: 25%;
		right: 25%;
		text-align: center;
	}
}
@media (max-width: 600px) {
	.Titel {
		font-size: 20px !important;
		top: 15%;
		left: 10%;
		right: 10%;
		text-align: center;		
	}
	.Tekst {
		font-size: 12px !important;
		top: 40%;
		left: 15%;
		right: 15%;
		text-align: center;
	}
}
@media (min-width: 992px) {
	.Titel {
		font-size: 30px !important;
		top: 10%;
		left: 10%;
		right: 10%;
		text-align: center;		
	}
	.Tekst {
		font-size: 25px !important;
		top: 30%;
		left: 10%;
		right: 10%;
		text-align: center;
	}
}
@media(min-width: 991px) and (max-width : 1250px) {	
	.relatedinfo1 {
		height: 500px;
	}
	.relatedinfo1 .title {
		font-size: 15px;
	}
	.relatedinfo1 .content p {
		font-size: 14px;
	}
	.row1 {
		margin-top: -200px;
	}

}
@media (min-width: 1400px) {
	.Titel {
		font-size: 40px !important;
		top: 15%;
		left: 10%;
		right: 10%;
		text-align: center;		
	}
	.Tekst {
		font-size: 25px !important;
		top: 30%;
		left: 10%;
		right: 10%;
		text-align: center;
	}
}
@media (min-width: 992px) {
	.col-md-4 {
		width: 33%;
	}
}
/* Media Queries */
@media(max-width:991px){
	.row1 {
		margin-top: 0;
	}
	.row1 .col-sm-12.col-md-4 {
		margin-top: 25px;
	}
	.row2 .col-md-6 {
		margin-top: 20px;
	}	
	.footer2 .col-xs-12 {
		text-align: center;
		margin-top: 5px;
	}	
}
@media (max-width: 767px) {	
	.dropdown-menu>li>a {
		color: #000;
	}
	.relatedinfo-img {
		height: 225px;
	}	
}
@media (max-width: 500px) {
	.related-bottomleft, .related-bottomright{
		height: 400px;
	}	
	.relatedinfo-img {
		height: 175px;
	}	
	.related-bottomleft-button, .related-bottomright-button {
		margin-top: -42px;
	}	
	.related-bottomleft-button a, .related-bottomright-button a {
		font-size: 14px;
	}	
}

.col-md-12.content ul, .voorzieningen ul {
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}
.col-md-12.content ul li, .voorzieningen ul li {
	padding-left: 1.6em;
	text-indent: -1.6em;
	padding-bottom: 0.7em;
}

.col-md-12.content ul li:before, .voorzieningen ul li:before {
	font-size: 18px;
	font-weight: bold;
	color: #204231;
	padding-right: 10px;
	content: '✓';
}

.ug-textpanel-title.ug-trans-enabled {
	font-weight: bold !important;
	color: #204231 !important;
}
.ug-gallery-wrapper .ug-textpanel-bg {
    background-color: transparent !important;
}

h1:after {
	content: "";
	display: block;
	height: 15px;
	margin: 0 auto;
	width: 10%;
	border-bottom: 4px solid #67B539;
}
.btn, .btn-default {
	color: #fff !important;
}
.btn-default .fa {
	color: #67B539	;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}