/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.ee-cform h3, .form-check h3
{
	margin-top:40px !important	
	color: blue !important;
	margin-bottom:10px!important;
	font-size:1.4em !important;
}
.hide
{
	display:none;
}
h4
{
    margin-bottom: 5px!important;
}
#page-title
{
	padding: 1rem 0;
}
#page-title h2
{
	color:#1b9c02 !important;
}
input.button
{
	padding:5px!important;
}
#cookie-hide
{
	color:#fff;
}
body

{
font-size:15px;
}
@media (min-width: 992px) 
{
  #logo
  {
      border-right: none;
      width:150px!important;
  }
}
textarea{
vertical-align: top!important;
}
.content-wrap
{
padding: 10px 0!important;
}

.dark .menu-link
{
color:#999;
}
.bordered
{
padding: 10px;
border: 1px solid grey;
}
.svg-trigger
{
height: 72px !important;
width:72px;
}
#cookie-hide
{
color: #fff;
}
.de-bar
{
width: 40%;
float:left;
}
.float_left
{
float: left;
}
#custom-caption
{
position:absolute;
bottom: -20px;
z-index:900;

font-size: 1.2em;
}
.testi-content
{
	margin-top:30px!important;
}

.testi-content p
{
font-style: normal;
}
.testi-content p:before,.testi-content p:after {
content: none;
}
img.thumb
{
width: 150px;
height: 200px;
}
.leden_info
{
color: green;
font-size: 1.5em;
}
.portfolio-desc
{
display: inline;
}
#flip 
{
left:20%;
}
.green
{
color:green;
margin-top:20px;
}
@media only screen and (max-width: 600px) 
{
    .green
    {
    margin-top:40px;
    }
}

.testi-content
{
clear:both;
margin-bottom: 20px;
}
.testi-meta
{
color: #4c8a2d;
margin-bottom: 10px;
margin-top:20px;
}
.testi-meta::before
{
content: none;
}
.bijlage
{
margin: 20px 0 20px;
}
#page-title
{
padding: 1rem 0 0.25rem 0.5rem;
margin-bottom:20px;
}
#page-title h2
{
color: #009900;
}
.form h2{
  color: green !important;
  font-size: 1.2em !important;
  margin-top:20px !important;
  margin-bottom:10px !important;
}
#error, #error2
{
	font-size:1.5em;
	color:red;
}
#animatie
{
position:absolute;
top:0;
left:100px;
}
ul.inline li
{
	display:inline;
    padding: 0 10px 0;
}
#antwoord
{
	background: #fff;
    border: 2px solid grey;
    padding: 20px;
    margin-top:20px;
   	display: none;
}

section {
  position: relative;
}


.top {
  animation-name: fade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  animation-direction: alternate;
}
span.red
{
	color:red;
}
 .jubileum-foto, .actueel_fotos
 {
 	
    width:100%;
 }
  .jubileum-foto img,  .voorpagina_foto img
  {
  	padding:10px;
    
    width:100% !important;
  }
  .actueel_fotos img
  {
	  padding: 0 50px 0;
  }
  .leden
  {
	  width: 100%;
  }
  .leden .caption
  {
	  font-size: 0.8em !important;
	  text-align:center;
  }
  
    .jubileum-thumbs
    {
    	margin: 5px;
        float:left;
    }
h3
{
	  color: #009900;
    font-size: 1.2em;
    clear: left;
}
h3 span, h2 span
{
	font-size:14px;
}
#page-title h2 span{ display: inline; float:right;}

h4, .promo-text
{
color: #002d36;
}

    h4.kerst {
        color:#FFD700!important;
        background: green;
        text-align: center;
    }
nav.sticky ul li a
{
	padding: 20px 10px 20px 5px;
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: rotate(359deg);
  }
}

input[type="textarea"], .form input[type="textarea"]
{ 
height: 75px;
display:inline-block;
margin-top: 25px;
vertical-align:top !important;
}
input[type="radio"]
{
  cursor:pointer;
}
input[type="text"].postcode
{
    width: 75px;
}
input[type="submit"].button
{
    display:block;
    font-size:1.5em;
}

.urgent, .urgent a
{
	background-color: red;
    padding: 10px;
    color:#fff;
    border-radius: 4px;
}
#kalender
{
	height:150px;
    overflow:scroll; 
}
table.bridge
{ width: 100%;}
table.bridge td
{
padding-left: 5px;
}
span.niveau
{
font-size:0.8em;
padding-left: 10px;
}
td.border-right
{
border-right: 2px solid;
}
td.degradatie
{
	color:red;
}
td.degradatie:before
{
	content:"D ";
}
td.sabbatical
{
	color:purple;
}
td.sabbatical:before
{
	content:"S ";
}
td.promotie
{
	color:green;
}
td.promotie:before
{
	content:"P ";
}
#kalender select
{
	font-size:0.9em;	  
}
input:invalid
{
	border:red solid 3px;
}
option:disabled, span.disabled, input[type="radio"]:disabled
{
	color:red!important;
    cursor:none;
}
input:disabled label
{
	color:red!important;
    cursor:none;
}
.voorpagina_nieuws
{
	background: #e6ffe6;
    margin-top:	25px;
    padding: 10px;
    color: #002d36;
}
.voorpagina_foto
{
  width: 100%;
}
voorpagina_foto img
{
	width: 100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.service-text
{
	text-align: left!important;
    font-family: Raleway, 'Open Sans', Arial, sans-serif;
}
.logo
{
	position:relative;
}
#wrapper
{
	font-size: 16px;
    font-family: Raleway, 'Open Sans', Arial, sans-serif;
}
figure.image-style-align-center img
{
   display: block;
  margin-left: auto;
  margin-right: auto;
  
}
figure
{
	width: 80%!important;
    float: left;
    margin: 0 9% 0px 9%;
}
figure.erelid
{
	width: 90% !important;
}
.leden
{
	width:100%;
	padding-bottom: 10px;
}
.leden img
{
	width: 90%;
}
figure img
{
	width: 100% !important;
}
figcaption {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    text-align: center;
    font-size: 0.8em;
    padding: 0;
    margin-top: 0;
    
    color: #365414;
}

a, a span u
{
	text-decoration: underline;
    color: blue;
}
p.marg25
{
	margin: 25px 0 25px 0 !important;
}

.site_title
{
	font-size:	24px !important;
}
.container
{
	margin-bottom: 25px;
}
.container.bottom
{
	width:	100%;
}
.footer-bottom
{
	padding:	10px;
}
.top_line .container
{
  	margin: 0; 
}

.container-color
{
	padding: 25px 0;
}
.datum
{
	color:#5c9b0b;
}
.titel
{
    color:	#000;
    clear: both;
    font-weight: 700;
}
.page_head
{
	position: relative;
}
.site_title
{
	
    font-size: 36px;
    z-index:	10;
    color:		#009900;
  
    left:		50px;
    top:		-30px;
    font-family: 'Raleway', sans-serif;
}
.tp-caption.largeblackbg
{
    color: #009900;
    font-size:	20px;
}
.tp-caption.largetext.sft
{
	color: grey;
}
.nav-container, nav, .footer-bottom
{
    background-color:#ccffcc;
}
.logo
{
    margin-top: 50px;
    margin-bottom: 10px;
    
}
.menu ul li a, nav.sticky li a, nav.sticky ul li a
{
	font-size:	18px;
	color: #fff;
}
.menu
{
	background: #009900;
	padding-right: 10px;
	box-shadow: 5px 10px #888888;
}
.menu ul li a
{
	padding:	35px 15px;
}
.menu ul li ul li a
{
	font-size:16px;
    padding: 10px 10px;
}
.container-image
{
	background-image: url("assets/images/Soesterduinen.png");
 	background-repeat: no-repeat;
 	background-size: cover; 
 	min-height:400px;
}
.grid figcaption span::before {
    content: '';
    }
 li
 {
 	margin-top:	10px;
 }
 form
 {
 	margin-bottom: 25px;
 
 }
 
 #cform select, select#speeldatum2
 {
 	float: left;
    clear: left;
    margin-left: 10px;
	width:100%;
 }
 .form {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 5px;
    margin-left:	20px;
    }
 .form label
 {
 	float:left;
   	margin-bottom: 10px;
    font-weight: 500;
    padding-right:	10px!important;
 }
 select
 {
    padding:	3px;
    
 }
 option
 {
 	padding: 3px;
    color:	#000;
 }
 option.strong
 {
 	font-weight: 700;
 }
 input {
    font-size: 16px;
    background: #e7fefc;
    border:	1px solid grey;
    padding:	10px;
    margin:5px 5px 15px 0 !important;
} 
 input.expiration{
     float:left;
 }
 .invallen{
     border:1px solid;
     padding:10px;
     margin-bottom:20px;
 }

input.full
{
	width: 100%;
}
input.button
{
	padding:	8px 22px !important;
   color:#fff !important;
}
.form input, .form select
{
	float: left;
    clear: left;
}
textarea
{
	border: 1px solid;
    padding: 5px;
    float:	left;
    clear:	left;
}
.table tr
{
	line-height: 14px; 
    padding:	0;
}
.alert
{
	font-size:	16px;
}
.actualiteit
{
	margin-bottom: 21px;
    border-bottom: 1px solid #f0f0f5;
    clear:left;
}
.actualiteit h3, h3.actueel
{
	color: #ff0000;
}
.actualiteit img
{
	width: 100%;
  
}
.actueel_inhoud
{
	margin-top: 10px;
    text-align: left;
}
.promo-text
{
	padding: 15px 0;
}
.cl-blog-type
{
	font-size:	24px;
}
.melding_mobiel
{
	display: none;
}
@media only screen and (min-width: 768px) 
{
.mobile_only
{ display:none;}
}
@media only screen and (max-width: 768px) 
{
	th.hide_mobile, td.hide_mobile, .hide_mobile
    {
    	display:none;
    }

    table.hide_mobile td
    {
    	font-size: 0.9em;
    }
}
  .site_title, .page-in-name
  {
    font-size: 15px!important;
    
  }
  .melding_mobiel
	{
		display: block;
    	color:red;
	}
  .promo-text
  {
    font-size: 18px!important;
  }
  .tp-banner-container
  {
  	display:none;
  }
  .logo img
  {
  	width:65px;
    height: 65px;
  }
  .voorpagina_foto
  {
  	
    margin-left:5px;
  }
  .voorpagina_foto img
  {
  	width: 100%;
  }
  .menu
  {
  	background: none;
    box-shadow: none;
  }
  .voorpagina_nieuws h3
  {
  	font-size: 16px;
  }
}