/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */
@font-face {
    font-family: 'texgyreadventorbold';
    src: url('../../../../default/files/fonts/texgyreadventor-bold-webfont.eot');
    src: url('../../../../default/files/fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../default/files/fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../../../../default/files/fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../../../../default/files/fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: 700;
    font-style: bold;

}
@font-face {
    font-family: 'texgyreadventorregular';
    src: url('../../../../default/files/fonts/texgyreadventor-regular-webfont.eot');
    src: url('../../../../default/files/fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../default/files/fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../../../../default/files/fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../../../../default/files/fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('../../../../default/files/fonts/texgyreadventor-italic-webfont.eot');
    src: url('../../../../default/files/fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../default/files/fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('../../../../default/files/fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('../../../../default/files/fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'texgyreadventorbold_italic';
    src: url('../../../../default/files/fonts/texgyreadventor-bolditalic-webfont.eot');
    src: url('../../../../default/files/fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../default/files/fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('../../../../default/files/fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('../../../../default/files/fonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg');
    font-weight: normal;
    font-style: bold italic;

}






body{

    background: url('../../../../default/files/themeimages/2019_background_l4.jpg') #005478;
    background-repeat: no-repeat;
    background-size:     100%;                      /* <------ */
   background-position: top center;
/*
    background-size:cover;
    background-attachment: fixed;

    background-position: center top;
    xfont-family:'texgyreadventor';
*/
}

/*
@media screen and (max-device-width: 720px){
    body{
    background: url('../../../../default/files/themeimages/2017_achtergrond_mobile.jpg') #fdc886;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: scroll;

    }

}
*/

/* make images responsive */
img {max-width: 100%; height: auto;}

p{
    font-size: 1.05em;
    font-family:'texgyreadventorregular', Helvetica,Arial,sans-serif;

}
.main-container ul li{
       font-size: 1.05em;
    font-family:'texgyreadventorregular', Helvetica,Arial,sans-serif;;


}
a{
    color:#ffffff;

}
.maincontent p a{
    text-decoration: underline;
}

.logo{
   display:block;
    margin-left: auto;
    margin-right: auto;
    width:auto;
    padding-left: 3%;
    padding-right: 5%;

}
#above-navbar{
   margin-bottom:0px;
   position:absolute;
   z-index: -1;
}
#ratio-scaler{
  position: relative;

}
img.ratio-scaler-image{
  width:100%;
  height: auto;
}

#navbar{
padding-top:18px;
padding-bottom:18px;


}
@media screen and (min-width: 700px) {
    #navbar{
      background: url('../../../../default/files/themeimages/2019_menu.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
}
@media screen and (max-width: 699px) {
    #navbar{
        background: url('../../../../default/files/themeimages/2019_menu_mobile.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
.navbar-default{
    border:none;
}
.wittetekst{
    color: #ffffff !important;
}
.btn-info{
    text-decoration: none !important;
}
.navbar.container{
    max-width: 700px;
}
.navbar-collapse{
    padding-left:0px;
    padding-right:0px;
    border: none;

}
/* Correcting strange LESS error*/
.navbar-toggle{
    margin-right:0px !important;
}
.container > .navbar-header, .container > .navbar-collapse{
    margin: 0px !important;
}
.tabs--primary li{
    background-color:#ddd;
}

.navbar {
    border-radius: 0px;
}
.navbar-nav {
    margin: 5px 0px !important;
}
.navbar-default .navbar-nav > li > a {
    color:#593921 !important;
    text-transform: uppercase;
    font-size: 20px;
}
.navbar-default .navbar-nav > li > a:hover {
    color:#DD5000 !important;
}
a:hover, .active-trail a, .navbar-default .navbar-nav > li.active-trail > a{
    color:#DD5000 !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {
    color:#fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background: none;
    color:#fa0;

}
ul.xnavbar-nav{

}
.navbar .nav,
.navbar .nav > li {
  float:none !important;
  display:inline-block !important;
  *display:inline !important; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top !important;
      font-weight: 700 !important;
}

.navbar-inner, .navbar-collapse{
  text-align:center !important;
}
/*HEADERS TITLES ETC*/
.page-header{
    text-align: center;
    color:#06446c;
    border-bottom: 0px !important;
    text-shadow: 0 0 30px #FFF3CD
}
@media screen and (max-width: 700px) {
  .page-header{
      text-align: center;
      color:#FFF3CD;
      border-bottom: 0px !important;
      text-shadow: 0px 0px 0px;
      font-size: 1.9em;
  }
}

/*CONTENT*/
.container{

}
.main-container{

    z-index: 99;
}
h1, h2, h3 {
    margin-bottom: 10px;
    margin-top: 0;
    color:#ebdab2;
    text-transform: uppercase;
    font-family:'texgyreadventorbold';
}

h2{

  font-size: 28px;

}
.region-content{

}
.maincontent{

        background-color:#fdf4e4;
      /*  #f7ecd2;*/
    padding: 20px 35px 20px 35px;
    margin-bottom:30px;
}
.maincontent h2 a,.maincontent h3 a,.maincontent h4,.maincontent a,.tabs--primary a{
  /*  xcolor:#734319;
    xcolor:#1aa5cd;*/
    color: #3282c1;


}
.block{


}
.region-sidebar-first .block-views{

        background-color:#fdf4e4;
    padding: 0px 15px 15px 15px;
    margin-bottom:20px;
    overflow:hidden;
}
.region-sidebar-second .block{

        background-color:#fdf4e4;
    padding: 0px 15px 15px 15px;
    margin-bottom:20px;
    overflow:hidden;
}
.region-sidebar-first .block{
    margin-bottom:20px;
}


#block-block-3, #block-block-4, #block-block-5, #block-block-7, #block-block-8, #block-block-15, #block-block-24, #block-block-27, #block-views-clinics-sponsor-logo-block, #block-block-31{
    padding:0px;
    background: none;
}
#block-block-3 img, #block-block-4 img, #block-block-5 img, #block-block-15 img, #block-block-24 img, #block-block-27 img, #block-block-31 img {
    width:100%;
}

.nav-tabs{
    margin-bottom:0px !important;
    border-bottom:0px !important;
}

/*OVERZICHTSTHUMBNAILS MET TEKST*/
.overzichtsthumb{
    position:relative;

    margin-bottom:30px;

}

.overzichtsthumb .views-field-field-image{
    position:absolute;
    left:0;
    top:0;
}
.overzichtsthumb .views-field-field-image.img{
    max-width:100%;
    height:auto;

}
.overzichtsthumb .overzichtstitel{
    z-index:100;
    position:absolute;
    color:white;
    font-size:22px;
    font-weight:bold;
    left:0px;
    top:0px;
    width:100%;
    height:100%;

    padding-top:40%;
    text-align: center;
    padding-left:10%;
    padding-right:10%;
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.overzichtsthumb .overzichtstitel:hover{
    color:#ffa336;
}
iframe{
    border: 0 none;
    bottom: 0;
    height: 360px;;

    width: 100%;

    }
#block-views-bands-block{
       font-size:3.5em;
}
#block-views-bands-block-1{
       font-size:35PX;
}
#block-views-bands-block-2{
       font-size:25PX;
}
.view-bands{
           text-align: center;
}
.view-bands A{
      text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
@media screen and (max-width: 720px) {
    .view-bands {
        font-size:0.8em;
    }
    .view-content{
        margin-bottom:10px;
    }
}
@media screen and (max-width: 480px) {
    .view-bands {
        font-size:0.7em;
    }

}
.footer{
    border-top:0px !important;

    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
color: #ffffff;
text-align: center;
margin-top:0px!important;
}
.footer a{
  color:#ffffff;
  line-height: 150%;

}
.footer a:hover{
 text-decoration: none;
}
.xpage-node-7 .maincontent, .xpage-node-8 .maincontent, .xpage-node-9 .maincontent{
    display:none;
}
.field-type-youtube{
    margin-top:20px;
}
.field-type-image{
    margin-top:20px;
    margin-bottom: 20px;
}

.sponsorthumb {
    margin-bottom:60px;

}
.vcenter {
      display: inline-block;
    vertical-align: middle;
    float: none !important;

}
.vcenterimg{

}
.page-node-12 .block-views{
    text-align:center;
}
.table > tbody > tr > td.active, .table > thead:first-child > tr:first-child > th{
    background-color: transparent !important;
}
#node-444 .field-name-field-image{
    display:none;
}
.webform-component{
margin-bottom:2em;
}
.webform-client-form{
	max-width:700px;
}
.webform-client-form .description{
	font-size:0.9em;
	color:#777;
}
#mailchimp-signup-subscribe-block-madnes-nieuwsbrief2-form .btn{
	margin-bottom:50px;
}



.navbar-collapse.collapse {
display: block!important;
}

.navbar-nav>li, .navbar-nav {
float: left !important;
}

.navbar-nav.navbar-right:last-child {
margin-right: -15px !important;
}

.navbar-right {
float: right!important;
}
.navbar-header{
display:none;

}
.valignbox{
  position: relative;
  height: auto;
  margin-bottom: 20px;
}
.vurl:hover .vtext{
    color:#ffa336 !important;
}


.vurl{
  display:block:
}
.vimage{

}
.vtext{
  position: absolute;
  top: 50%;
  width:97%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display:block;

  color:white;
  font-size:22px;
  font-weight:bold;
  text-align: center;
  padding-right: 25px;
  text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.inschrijven{
position: absolute;
top:0px;
right:10%;
width:25px;
height:35px;
background: url('../../../../default/files/themeimages/inschrijven.png');
background-size: 25px 35px;
background-repeat: no-repeat;


}
.password-indicator div{
  background-color: #cccccc !important;
}
.password-indicator div{
  background-color: #47a447 !important;
}
.help-block, .control-group .help-inline{
  color: #333333 !important;

}
.well{
  background-color: transparent !important;
  border:none !important;
}

#node-1030 .field-name-field-image, #node-1060 .field-name-field-image{
  display:none;
}
.navbar-default .navbar-nav > li.last{
  margin-top:5px;
  margin-left:5px;
  display:box;
  background-color: #880347;
  border-radius: 4px;
  border: 1px solid #880347;
  text-shadow: 0px 0px 0px;
}
.navbar-default .navbar-nav > li.last:hover{
  background-color: #aa0459;
}
.navbar-default .navbar-nav > li.last > a{
  padding:9px 10px 10px 10px;
  font-size: 16px;
  text-shadow: 0px 0px 0px;
  color:#ffffff !important;
}
.navbar-default .navbar-nav > li.last > a:hover{
  color: #ffffff !important;
}
.navbar-default .navbar-nav > li.last.active-trail > a{
  color: #ffffff !important;

}


.btn-info {
  color: #ffffff;
  background-color: #088DAE !important;
  border-color: #46b8da !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #00ACCF !important;
  border-color: #269abc;
}
.region-sidebar-first.well{
  padding:0px !important;
}