@charset "utf-8";
/* CSS Document */

/* kleuren
Rood: #ff0c37
Rood middenblok: FF1E4S
Rood rechterblok: FF365A
donkerblauw: 89a2a8
lichtblauw: eef1f2
lichterblauw: f7f9fa
*/
a{
  color: #ff0c37;
}

.item-page .item-image{
  max-width: 33%;
  margin-right: 35px;
}
.blog .pull-left{
  width: 100%;
}

.blog img{
      height: 300px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 15px;
}

.blogorganisatie .item{
  display: flex;    
  background: rgba(255, 30, 69, 0.7);
    height: 150px;
    border-radius: 10px;
  gap: 15px;
  margin-bottom: 15px;
  padding: 30px;
  align-items: center;
}

.blogorganisatie .pull-left{
  flex: 2;
}

.blogorganisatie p{
  flex: 3;
}

.blogorganisatie a{
  color: #fff;
}

.organisatie #main{
  background-image: url("../images/heerdecentrum.jpg");
    min-height: 750px;
    margin: 0;
    padding: 30px 0;
  background-size:100%;
   background-repeat: no-repeat;
}

.navbar .btn{
  	max-width:inherit;
  	width:inherit;
}

.pull-none.item-image{
  	margin:0px auto;
  	padding:20px 0;
  	text-align:center;
}

/* simpele menu knop */
.navbar .btn-navbar{
  	float:none;
  	background:transparent !important;
  	border:0;
  	box-shadow: none;
}
.navbar .btn-navbar .icon-bar{
  	background: #8E7960;
  	margin-left: auto;
	margin-right: auto;
  	box-shadow:none;
}

/* /simpele menu knop */

.btn, .newsflash-horiz .readmore, .readmore-js-toggle, .readmore-js-section, .newsflash-vert .readmore{
	background-color: Transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    color: #000;
    border: 1px #000 solid;
    padding: 5px 20px;
    border-radius: 5px;
  	background-image: none;
}

.newsflash-horiz .readmore{
    border: 1px #ff0c37 solid;
}

.btn .icon-chevron-right{
  display: none;
}

.btn-info:hover{
    background-color: transparent;
  color: #000;
}

.customvisual_tekst .btn-info:hover {
  color: #fff;
}

.bloghome .leading-0 .pull-right{
  width: 50%;
  text-align: center;
}

.bloghome .leading-0 p{
  width: 50%;
}

/*css globale styles*/
fieldset, legend{
	padding:0;
	margin:0;
	border:0;
}

dd, dt{
	margin:0;
	padding:3px 0;
}

p{
	line-height:150%;
}

h1, h2, h3, h4, h5, h6{
	margin:5px 0;
	font-weight: bold;
    line-height: 30px;
}
h1{
	font-size:20px;
  	padding: 10px 0;
  	margin-bottom:20px;
  color: #ff0c37;
}
h2{
	font-size:14px;
  	padding: 10px 0;
  	margin-bottom:20px;
}
h3{
  	font-size:14px;
  	padding: 10px 0;
  	margin-bottom:20px;
}

h4{
	font-size:14px;
}
h5{
	font-size:14px;
}

.customvisual_tekst h3{
  font-size: 30px;
}

img a{
	border:0;
}

ul{
	margin:0;
	padding:0;
}

li{
  	list-style:inside;
}

html, body{
	margin:0;
	padding:0;
	width:100%;
}

body {
	font-family: 'Verdana', 'Arial', cursive;
	font-size:14px;
 	color:#000;
  	z-index:-99;
}

/* /css standaard styles*/

/* algemeen */
#container {
    margin-left:auto;
    margin-right:auto;
}

.logo{
	position:relative;
  	padding: 5px;
	height: 100px;
}

.navbar-inner{
 	padding:0;
}

#main{
	margin:30px 0;
}

.logo_container{
	position:absolute;
	width: 100%;
  	height: 140px;
}
button, .customvisual_tekst .readmore-js-toggle{
	background-color: Transparent;
    background-repeat: no-repeat;
    /* border: none; */
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    border: 1px #fff solid;
    padding: 5px 20px;
    border-radius: 5px;
}

.readmore-js-toggle, .readmore-js-section {
    display: inline-block !important;
  width: auto !important;
}

.customvisual_tekst .readmore-js-section{
  color: #fff;
  padding: 0;
}

.readmorejs-block.readmore-js-section {
    border: none;
  padding: 0;
}

.moduletableplatform{
  background-color: #ff0c37;
  color: #fff;
  padding: 20px 0;
}

.moduletablebedrijven{
  background-color: #ff1e45;
  color: #fff;
  padding: 20px 0;
}

.moduletablegemeente{
  background-color: #ff365a;
  color: #fff;
  padding: 20px 0;
}

#regel-a .container{
  display: flex;
  width: 100%
}

#regel-a .moduletable-icon{
    text-align: center;
    top: 30px;
    width: 100%;
}

#regel-a .moduletable-icon img{
	padding: 10px;
    height: 75px;
}

.moduletableplatform, .moduletablebedrijven, .moduletablegemeente,{
  flex: 1;
}

.customplatform, .custombedrijven, .customgemeente{
  width: 75%;
    margin-left: auto;
    margin-right: auto;
  	text-align: center;
}

.page-header{
  padding-bottom: 0px;
  border-bottom: none;
  margin: 10px 0 10px;

}

#regel-b h3{
  text-align: center;
}

#regel-b, #footer {
  background-color: #eef1f2;
  padding: 50px 0;
}

#regel-b img{
  max-height: 250px;
  min-height: 250px;
  object-fit: cover;
  width: 100%;
}
#regel-b ul{
  display: flex;
}

#regel-b li{
  background-color: #fff;
  padding-bottom: 20px;
  text-align: center;
}

#regel-b li h4, #regel-b li p{
  padding: 0 10px;
  text-align: center;
}

#regel-b li h4{
  padding-top: 10px!important;
}
  
#regel-b_meer{
  background-color: #eef1f2;
  padding-bottom: 10px;
}


#regel-b_meer .meer{
  	margin-left: 0;
    text-align: center;
}


#regel-c{
  padding-top: 20px;
}

@media (min-width: 768px) {
.aligner{
  display: flex;
    align-items: center;
    height: 250px;
    padding: 0 50px;
}
}

.newsflash-horiz li{
  background-color: #F7F9FA;
  list-style-type: none;
  display: block;
  overflow: hidden;
  background-clip: content-box;
  padding: 10px 0;
}

.newsflash-horiz img{
    height: 250px;
    object-fit: cover;
  	float: left;
}

.newsflash-horiz li{
  border-bottom: solid 1px;
}

.newsflash-horiz li:last-child{
  border-bottom: none;
}

.newsflash-horiz li:nth-child(1) img, .newsflash-horiz li:nth-child(3) img, .newsflash-horiz li:nth-child(5) img{
  padding-right: 15px;
  background-color: #fff;
}

.newsflash-horiz li:nth-child(2) img, .newsflash-horiz li:nth-child(4) img{
  float: right;
  padding-left: 15px;
  background-color: #fff;
}

.newsflash-horiz h4{
  color: #ff0c37;
}

.ui.green.button{
    background-color: #fff;
    color: inherit;
    text-shadow: none;
    background-image: none;
    float: right;
}  

.chronoforms6_credits{
  display: none;
}

.customcontact div{
  	width: 100%;
    float: left;
  padding: 10px 0;
}

.customcontact img{
  max-height: 50px;
  width: auto;
  margin-right: 20px;  
}

#copyright{
 padding: 20px 0; 
}

#copyright img{
  width: 150px;
}

.webdesign img{
  float: right;
}
/* /algemeen */

/* navigatie */
.nav-collapse .nav > li:last-child a{
  	padding-right:0;
}
.navbar{
  	margin-bottom:0;
  	font-size:19px;
  	font-weight:bold;
	padding-top:50px;
  z-index:9999;
  position:relative;
}
.navbar-inner{
  	background:none;
  	border:none;
  	border-radius:0;
  	box-shadow:none;
}
.navbar .nav > li > a{
  	text-shadow:none;
  	color:#FFF;
	padding:20px 15px;
	font-weight:normal;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret{
	border-bottom-color:#FFF;
  	border-top-color:#FFF;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  	border-bottom-color:#FFF;
  	border-top-color:#FFF;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover{
  	color:#ff0c37;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
  	background:transparent;
  	box-shadow:none;
  color: #ff0c37;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
  	background:#BF0F19;
}
.navbar .nav{
  	float:right;
  	margin:0;
}
.navbar .nav li{
	list-style:none !important;
}

.navbar .nav a:active, .navbar .nav a:hover{
  color: #ff0c37;
}
/* submenu */
.open > .dropdown-menu{
  	background:#E92C1E;
}
.dropdown-menu > li > a{
  	color:#FFF;
}
.dropdown-menu{
  	border:none;
  	border-radius:0;
  	margin:0;
  	border-bottom:3px solid #BF0F19;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
    color:#ee264a;
}
.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after{
  	border:none;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
  	color:#000;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
  	background:#344369;
  	box-shadow:none;
  	
}
/* ingeklapt menu */
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
  	border-radius:0;
}

/* /navigatie */

/* header */

#header{
	background:#FFF;
	position:relative;
  	height: auto;
  	background:url(../images/golf-header.png) center bottom no-repeat;
  	background-size:100% auto;
  	z-index: 9999999;
}

/* /header */

/* visual */
#visual .visualcontainer{
  width: 100%;
  position: relative;
}

.customvisual_tekst, .moduletablevisualblokken, .moduletableorganisatieblokken{
    height: 100%;
    position: absolute;
    top: 0;
  	width: 100%;
  	color: #fff;
}

.customvisual_tekst{
	background: #000;
	opacity: 0.7;
}


.customvisual_tekst .tekst{
  top: 25%;
  position: relative;
}

.customvisual_tekst .tekst h3::first-word{
	color: #ee264a;
}

.moduletablevisualblokken li{
  background: rgba(255, 30, 69, 0.7);
    height: 220px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  border-radius: 10px;
}

.moduletablevisualblokken{
	text-align: center;  
}

.moduletablevisualblokken li:nth-child(3n+1){
  margin-left: 0;
}

.moduletablevisualblokken h4{
  width: 100%
}

.moduletablevisualblokken a{
  color: #fff;
}

.moduletablevisualblokken h3{
  font-size: 30px;
}

.moduletablevisualblokken ul{
  	display: flex;
	flex-wrap: wrap;
  	font-size: 16px;
}

.moduletablevisualblokken li{
  display: flex!important;
    align-items: center;
}
  .moduletablevisualblokken li p{
  width: 100%;
}

.werkgroep li{
  flex-direction: column;
}



/* /visual */

/* inhoud */

#content{
	padding:30px 0 30px 0;
	overflow:auto;
}
#content ul{
	list-style-type:disc;
	color:DB3700;
	list-style-position:inside;
	padding:10px 0;
}
#content li{
	padding:2px 0;
}
#content a{
	color:#DB3700;
}
#content a:hover{
	color:#F38603;
}
}

/* /inhoud */

/* slider */

/* /slider */

/*footer*/


#footer{
	padding:20px 0;
	color:#fff;
	background:#B296E0;
  	text-align:center;
}
#footer h3{
	color:#fff;
 	margin-bottom: -5px;
	padding-bottom: 0;
}


/* /footer */

/* Medium Devices, Desktops */
@media only screen and (max-width : 979px) and (min-width: 768px){
  .navbar .nav{
	float: none;
	text-align: center;
	margin-bottom: 50px;
  }
  #header{
    min-height: 150px;
  }
}

@media (max-width: 767px) {
/* Kleine versie */
  .container{
    width: 95%;
  }
  
    #regel-a .container{
    display: block;
  }
  
  .customvisual_tekst, .moduletablevisualblokken{
    position: relative;
  }
  
  #main{
    margin-top: 0;
  }
  
  .bloghome .leading-0 p{
    width: 100%;
  }
  
  .navbar{
    text-align:center;
    margin-top:0;
    padding-top:0;
  }
  #header{
    min-height: 150px;
  }
  #visual{
    display:block;
  }
  #visual .moduletable:nth-child(2){
    padding:0 30px 30px;
  }
  #visual img{
    height:auto;
  }

  .header {
    padding:0 20px;
 	}
  .logo_container{
    padding:10px 0;
    text-align:center;
  }
  .logo_container img{
    max-height:60px;
  }
  #regel-a img{
    margin:10px 0;
  }
  #component .pull-right.item-image{
    width:auto;
    float:none;
    margin-right:0;
    padding-left:0;
  }
  #footer .moduletable{
    padding:0 30px;
  }
  .logo_container{
    position:relative;
  }
  .logo_container{
    height:auto;
  }
  .navbar .nav{
    float:none;
  }
  .navbar .nav > li > a{
    padding: 5px 15px;
    text-shadow:none;
    color:#5D5557;
  }
  #footer_area{
  margin:0;
	}
  #main .blog .item .item-image{
    width:100%;
  }
  #component .page-header{
    float:none;
    width:100%;
  }
  .nav-collapse .nav > li:last-child a{
  	padding-right:15px;
  }
  #prefooter{
    padding-bottom:100px;
  }
  #copyright{
    text-align:center;
  }
  #copyright .moduletable:last-child p{
  	text-align:center;
}
  .moduletableovaal{
    margin: 0px auto 30px auto !important;
    width: 90% !important;
  }
#visual::after {
    background-size: 50% auto;
  }
  #regel-b{
    padding-bottom: 10px;
  }
  #regel-b ul{
    display: block;
  }

  
  
  
}

table {
	border-collapse:collapse;
  margin-bottom: 20px;
  width: 100%
}


table td, th{
	padding:5px;
    border: 1px solid #ff0c37;
}

table tbody:before {
    content: "-";
    display: block;
    line-height: 1.5em;
    color: transparent;
}
table th{
background:#ff0c37;
color:#FFF;
}

table tr:nth-child(odd) {
}

/* Mobiele weergave tabel*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1023px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
}

@media (max-width: 640px) {

  
}

@media (max-width: 480px) {
  .customvisual_tekst .tekst{
    top: 0;
  }

}

.camera_pag{
  display: none;
}

.camera_wrap{
 margin-bottom: 0!important; 
}

.webdesign{
  float: right!important;
}