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


/*JQUERY UI*/
@import url('http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css');

html {font-family:Montserrat !important}



body, #main {background:#efefef; background-size:cover;}
#main, #content {background:none}
#content {padding:0}
#banners {display:none}



[role=main] {
  margin: 0 auto 0px;
}

p, ol, ul, li {font-size:16px !important; line-height:24px !important;}
ol, ul, li {font-weight:bold !important;}
.disc {list-style-type:disc !important;}

h2 {color:#da291c}


.red {color:#da291c !important}
.stap {text-transform:uppercase}
.right {float:right}

.btn {padding:10px 20px ; color:white; background:#f2aa00; font-weight:bold; text-decoration:none; font-size:1.2em; border:none; margin-top:20px}
.btn:hover {text-decoration:none; }


.jumbotron.header {
background:  #a71d07; background-size:cover; max-height: 380px; margin-bottom:50px
}
.jumbotron.grid_strips {background:#efefef; padding:40px 40px 0 40px}

.jumbotron h1 {background-color:#ffffff !important;color: #da291c !important; white-space:normal !important;}
.jumbotron h1 > span {box-shadow: 0.2em 0 0 #ffffff, -0.2em 0 0 #ffffff !important;background-color: #ffffff !important;color: #da291c !important;}
.jumbotron  .titel {padding: 70px 0 0 10px !important;}
.jumbotron.grid_strips > .container {padding: 0px 0 0 0 !important;}

.jumbotron h1 {
  font-size: 3.2em !important;
  line-height: 1.3em !important;
}

.campaign-content {background-color: #ffffff !important; }
.secondary-col {background-color: #efefef !important;}

.campaign-content {margin-bottom:100px}


.well {background:#efefef; padding:20px 40px; margin:40px 0}
form {margin-bottom:0}
.form-label {padding-top:5px; font-size:1.2em }
.form-input {margin-bottom:15px}

.disabled {background:#D2D2D2; cursor:}

.shadow {-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.31);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.3);}

.club {margin-bottom:40px}
.club label {cursor:pointer; font-size:1.3em;}
.icheckbox_square-blue {margin-right:10px}
#noresults {display:none}

.uppercase {text-transform:uppercase}
.grey {color:#8b8b8b;}

/*PASPOORT*/
.paspoort {margin-top:20px; background:#efefef; padding:20px; display:block; padding:40px;}
.clubhart_info {padding: 0 40px}
.clubhart_stemwant {font-size:1em; color:#da291c; font-weight:bold}
.clubhart_functie {font-size:1.2em; font-weight:bold; text-transform:uppercase}
.club_info {text-transform:uppercase}
.club_adres {margin-bottom:10px; color:#8b8b8b; font-weight:bold;}
.club_url {padding-bottom:20px; border-bottom:1px dotted #aeaeae}
.club_icon {  max-width: 150% !important;  margin-left: 0px;}
.btn.hart { background-image:url(http://cdn1.interactief.gva.be/Images/1.NEW_GVA/2.SPECIALS/3.dossiers/2015/201510_Clubhart/img/stem_hart.png); background-repeat: no-repeat; background-position: 30px 50% ; padding-left:80px; }
.ranking_side {text-align:right;}
.ranking_side img {margin-top:-8px; margin-right:20px}
/*PASPOORT*/


/*LIGHTREG*/
.slide1, .slide2 {color:#0099ff; text-decoration:underline; cursor:pointer}
div.expand1, div.expand2{ display:none; padding:0px 0 0px 0 }
div.expand1 {padding:10px 0 0 0}
#optin-wrapper { margin:10px 0;  }
#optin-wrapper  {color:#999}




.optin   {font-size:1.0em; color:#999!important}
.privacy {font-size:0.7em; line-height:normal; margin-top:20px; color:#999}
.btn, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {-webkit-border-radius:0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.form {margin:20px 0}
.form-horizontal {margin:20px 0}
label {font-size:1.2em !important; /*text-transform:uppercase*/}
label.checkbox {font-size:1em; text-transform:none}
.clubhart_info label {margin-bottom:40px}

#oogOff , #oogOn 
{
	cursor: pointer; vertical-align:baseline;
}
#oogOff {opacity: 0;
display:none;
}
.g-recaptcha > div > div {margin:0 auto}

/*LIGHTREG*/


/*MENU*/
.menu-links {margin-top:-95px; position:absolute}
.menu-links ul {margin:0; padding:0}
.menu-links li {background:black; padding:10px 10px; list-style:none; float:left; margin-right:10px}
.menu-links a {color:white; font-weight:normal; font-size:0.9em; text-decoration:none; font-family: Montserrat;}
.menu-links li:hover {background:#f2aa00}
.campaign-content ul > li {font-family: Montserrat }
/*MENU*/

@media (max-width: 994px) {
.jumbotron .titel {padding: 20px 0 0 10px !important;}

}



@media (max-width: 768px) {
	.jumbotron .titel {padding: 0px 0 0 10px !important; display:none}
.logo {text-align:center}
}

@media (max-width: 697px) {

#site-nav {
  margin-left: 150px !important;
}
.site-nav-stickywrapper .site-logo-sticky img {
  width: 130px;
}
.site-logo-sticky img {
  margin-bottom: 10px;
}


}

@media (max-width: 670px) {
.btn {  font-size: 1.0em; padding:10px 10px ;}

}

@media (max-width: 600px) {
.jumbotron > .container {padding: 50px 0 0 10px !important;}

.jumbotron.header {min-height:280px}
.jumbotron img {max-width:50%}
.logo {margin-top:-20px}

.pull-right {float:none !important}

}

@media (max-width: 530px) {

.jumbotron h1 {
  font-size: 3.0em !important;
  line-height: 1.4em !important;
}

}

@media (max-width: 421px) {
.menu-links a {color:white; font-weight:normal; font-size:0.7em; text-decoration:none; font-family: Montserrat;}

}

@media (max-width: 360px) {
.jumbotron h1 {
  font-size: 35px !important;
  line-height: 48px !important;
  
}

}