/****** CUSTOM ******/


/* kraammarkt */

@media screen and (max-width:1024px)     {
.kraammarkt-button{
  /*margin-top: 100px; */
  max-width: 135px!important;
  margin-right: -70px;
  }
}

.kraammarkt-button{
  float: right;
  /*top: 600px;   */
  bottom: -50px;
  position:absolute;
  z-index: 99;
  right: 100px;
  cursor: pointer;
}

.kraammarkt-button img{
  width: 100%!important;
  height: 100%!important;
  max-width: 235px!important;
  z-index: 99;
}



.kraammarkt-button.subPage{
  float: right;
  position: absolute;
  /*top: 600px;   */
  z-index: 9999;
  right: 100px;
  margin-bottom: -50px;
}


.kraammarkt-button.subPage img{
  width: 100%!important;
  height: 100%!important;
  max-width: 235px!important;
  z-index: 99;
}

@media screen and (max-width:1350px) {

 .kraammarkt-button.subPage {
   display: none;
 }
}


 /* Impresspages */

.ipWidget-Divider.ipSkin-default {
  border-bottom: 1px solid  #D3D3D3;
  height: 0;
  margin-top: 30px;
  margin-bottom: 15px;
}
.ipWidget-Divider.ipSkin-space {
  height: 25px;
}

.ipWidget-File ul {
  list-style: none;
  margin-left: 0;
}

.protocollen p{
  margin-bottom: 4px;
}



/* Colored JIJ */
h4.inline{display: inline;}

h4.JIJ span {font-weight: 600;}

h4.JIJ span:nth-child(1){ color:#eb6909;}
h4.JIJ span:nth-child(2){color:#e4520d;}
h4.JIJ span:nth-child(3){color:#e5005f;}

/* Colored WIJ */
h4.WIJ span {font-weight: 600;}
h4.WIJ span:nth-child(1){color:#02b6e9;}
h4.WIJ span:nth-child(2){color:#03a6ab;}
h4.WIJ span:nth-child(3){color:#009932;}


/* Article Icons */
.icon-container{
  top: 8px;
}

.icon-container.centered{
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
 width: auto;
 padding: 0px;
}

.icon-container .myIcon{
  float: left;
  height: 32px;
  min-width: 130px;
  /*padding-right: 25px;
  padding-left: 25px;*/
  border-right: 1px solid #ccc;
}

.icon-container .myIcon.makkelijkLezen{
  /*width: 130px; */
}


.icon-container .myIcon.makkelijkLezen:hover{
  background-color: #F4F4F4;
  /*border-right: 1px solid #ccc;  */
}


@media (min-width: 992px) {
.icon-container .myIcon.makkelijkLezen.off{
  background-color: #55AB26;
  border-right: 1px solid #ccc;
}

.icon-container a.makkelijkLezen.off span {
    color: #fff;
}

.icon-container a.makkelijkLezen.off i {
    color: #fff;
}

.icon-container .myIcon.mijnReadspeaker{
  /*min-width: 130px;*/
}

}

.icon-container .myIcon.makkelijkLezen:hover{
}

.icon-container .myIcon.mijnReadspeaker:hover{
  background-color: #F4F4F4;
  border-right: 1px solid #ccc;
  /*border-left: 1px solid #ccc;*/
}


.icon-container .myIcon.iframeVideo{
  /*width: 110px;*/
}

.icon-container .myIcon.iframeVideo:hover{
  background-color: #F4F4F4;
  /*border-left: 1px solid #ccc; */
}


.icon-container > div:nth-child(1) {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.icon-container > div:nth-child(2){
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.icon-container > div:last-child{
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.icon-container span {
  font-family: 'Open Sans';
  font-size: 11px;
  color: #000;
  cursor: pointer;
}


.icon-container i{
  cursor: pointer;
}

.icon-container a.makkelijkLezen span{
  margin-left: -30px;
}

.icon-container a.makkelijkLezen i{
  font-size: 24px;
  color: #55AB26;
  top: 15%;
  /*transform: translate(-50%,-50%);*/
  position: absolute;
  padding-left: 6px;
}

.icon-container a.makkelijkLezen.off i{
  /*font-size: 21px; */

}

.icon-container div.mijnReadspeaker span.labelText{
  margin-left: 10px;
}





.rsexpanded .ti-volume.icon-sm{
  display: none;
}

.icon-container a.iframeVideo span{
  margin-left: -15px;
}

.icon-container a.iframeVideo i{
  font-size: 24px;
  color: #01b7e9;
  top: 15%;
  /*transform: translate(-50%,-50%); */
  position: absolute;
  padding-left: 10px;
}

@media (max-width: 768px) {
.icon-container{ max-width: 180px;  }

.icon-container.centered{
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
 width: auto;
 padding: 0px;
 max-width: 180px;
}

  .icon-container a span{
 /* margin-left: 0px!important;  */
}

.icon-container .myIcon.makkelijkLezen{
  /*width: 120px;*/
}

.icon-container .myIcon.mijnReadspeaker{
  /*width: 125px;*/
}

.icon-container .myIcon.iframeVideo{
  /*width: 100px;  */
}


}

@media (max-width: 420px) {

.icon-container .myIcon{
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 4px;
  border-left: 1px solid #ccc;
}

.icon-container a.iframeVideo i {
    top: 71%;
}

.icon-container a.makkelijkLezen i {
    top: 5px;
}

.extraContainer{
 width: 130px;
 margin-left: auto;
 margin-right: auto;
}

}





/* easy reading */

.easyReading p, .easyReading p span{
  font-size: 19px!important;
  line-height: 28px!important;
  color: #000!important;
  text-align: left!important;
  font-family: Arial, Helvetica, sans-serif!important;
  font-weight: bold!important;
}

.easyReading h3, .easyReading h3 b, .easyReading h3 span{
  font-family: Arial, Helvetica, sans-serif!important;
  font-weight: bold!important;
  font-size: 26px!important;
  line-height: 32px!important;
  text-align: left!important;
  color: #000!important;
}

.easyReading h1, .easyReading h1 b, .easyReading h1 span{
  font-family: Arial, Helvetica, sans-serif!important;
  font-weight: bold!important;
  font-size: 26px!important;
  line-height: 32px!important;
  text-align: left!important;
  color: #000!important;
}

/*.easyReading h3 br{
  display: none;
}*/

.easyReading h4, .easyReading h4 span{
  font-family: Arial, Helvetica, sans-serif!important;
  font-weight: bold!important;
  font-size: 22px!important;
  line-height: 32px!important;
  text-align: left!important;
  color: #000!important;  
}



/* Arrows */

.arrow-nr1{
  background-image: url(../img/arrows/arrow-01.png);
  background-repeat: no-repeat;
   background-size: cover;
  width: 135px;
  height: 52px;
}

.arrow-nr2{
  background-image: url(../img/arrows/arrow-02.png);
  background-repeat: no-repeat;
   background-size: cover;
  width: 135px;
  height: 52px;
}

.arrow-nr3{
  background-image: url(../img/arrows/arrow-03.png);
  background-repeat: no-repeat;
   background-size: cover;
  width: 135px;
  height: 52px;
}

.arrow-nr4{
  background-image: url(../img/arrows/arrow-04.png);
  background-repeat: no-repeat;
   background-size: cover;
  width: 135px;
  height: 52px;
}

/* Icons */

.icon-with-baby{
  background-image: url(../img/iconen/with-baby.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: bottom;
  width: 105px;
  height: 105px;
}

.icon-with-stroller{
  background-image: url(../img/iconen/with-stroller.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: bottom;
  width: 105px;
  height: 105px;
}




/* Logo's zorgverleners */
img.zorgLogo{
  width: 100%;
  max-width: 180px;
}

.zorgLogoAdres{
 line-height: 20px;
 font-size: 16px;
 color:   #999999;
}

.zorgLogoAdres h4{
  font-size: 20px;
  line-height: 22px;
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 400;
}

.zorgLogoAdres strong{
  /*color: #292929; */
}

.folderDownload .btn-sm{
  width: 100%;
  color: #CCCCCC;
  border: #fff 1px solid;
  text-transform:  lowercase;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  margin-top: 5px;
}


h3 b{
  font-weight: 400;
}

h4 b{
  font-weight: 400;
}

/* ---------------------------- start geboorteplan page ---------------------- */

h3.popover-title {
    color: white;
    font-weight: 900;
    padding: 10px 14px;
    background-color: #ce2b7a;
    border-bottom: none;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
}

.popover-title a {
    color: #fff;
    opacity: 1;
}


.popover{
    max-width:800px!important;
    background-color: #e52e88;
    color: #fff;
}


.popover.bottom .arrow:after {
    border-bottom-color: #ce2b7a;
    top: 2px;
}

.popover-content a {
    color: #fff;
}


/* Begin settings for print stylesheet*/

.printimage {
  display: none;
}

.test:last-of-type {
  margin-left: 0% !important;
}

span.form-title {
  margin: 0 !important;
  padding: 0 !important;
}

@media print {
  * {-webkit-print-color-adjust:exact;}
  body { background:white; color:black; margin:0 }

  textarea {
    font-weight: normal !important;
  }

  hr {
    display: none;
  }

  .printimage {
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    width: 125px;
  }

  .pt64 {
    margin-top: -400px;
    padding: 0px 0 0 0;
  }

  .pt64 h4, .pt0 h4 {
    display: none;
  }

  .icon-container, section.pt32, button {
    display: none;
  }

  footer {
    display: none;
  }

  .form-title {
    text-align: left !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #292929;
    letter-spacing: 1px;
    font-weight: 700;

  }

  .form-title:before {
    border-bottom: 2px solid #292929;
  }

  .voornaam:before {
    content: "Je voornaam";
    display: inline-block;
  }

  .achternaam:before {
    content: "Je achternaam";
    display: inline-block;
  }

  .geboortedatum:before {
    content: "Je geboortedatum";
  }

  .uitgerekend:before {
    content: "Je uitgerekende datum";
  }

  .begeleiding:before {
    content: "Begeleiding & Communicatie";
  }

  .waarbevallen:before {
    content: "Op welke plek wil je het liefst bevallen? (bijv.: thuis, geboortehuis, ziekenhuis)";
  }

  .ontsluiting:before {
    content: "Ontsluiting (weeën) en uitdrijving (persen)";
  }

  .medisch:before {
    content: "Medisch ingrijpen";
  }

  .baby:before {
    content: "Baby";
  }

  .overig:before {
    content: "Overige wensen";
  }

  .print-hide {
    display: none;
  }

}

/* End settings for print stylesheet */

/* ---------------------------- end geboorteplan page ---------------------- */





/* accordion arrows links page */

ul.myLinks li span::after{
font-family: Themify;
  content: "\e64b";
  float: right;
}

ul.myLinks li.active span::after{
font-family: Themify;
  content: "\e648";
  float: right;
}



/* ..................... html5 video corrections .................. */

/* hide default html5 video play button on ios */
.rev_slider video::-webkit-media-controls-start-playback-button {
  display: none !important;
}


video {
    background-color: #ffffff!important;
}

/* detect ie */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

/* in ie het verspringen voorkomen omdat de slider nog niet geladen is */
.deSliderSectie{
 min-height: 50vh;
 height: auto;
}

video {
    width: auto!important;
    min-width: 200px!important;
    max-width: 100%!important;
    height: 100%!important;
    margin-left: auto;
    margin-right: auto;
    display:  table;
}

}

/* detect ie edge */
@supports (-ms-accelerator:true) {
/* in ie het verspringen voorkomen omdat de slider nog niet geladen is */
.deSliderSectie{
 min-height: 50vh;
 height: auto;
}

video {
    width: auto!important;
    min-width: 200px!important;
    max-width: 100%!important;
    height: 100%!important;
    margin-left: auto;
    margin-right: auto;
    display:  table;
}
}



/* random order kraamzorg logo's */
.kraamzorg, .verloskundigen{
visibility: hidden;
}





/*** custom checkboxes ***/

.myCustomCheckboxes{
  position: relative;

}

.myCustomCheckboxes input[type=checkbox] {   } /* to hide the checkbox itself */

.myCustomCheckboxes input[type=checkbox] + label:before {
font-family: FontAwesome;
display: inline-block;
font-size: 22px;
position: absolute;
margin-top: -14px;
margin-left: -22px;
}

.myCustomCheckboxes input[type=checkbox] + label:after{
font-family: FontAwesome;
display: inline-block;
font-size: 22px;
position: absolute;
margin-top: -14px;
margin-left: -22px;
content: "\f096";
color: #e52e88;
}

.centered{
  margin-left: auto;
  margin-right: auto;
}

.myCustomCheckboxes input[type=checkbox] + label:before { content: "\f0c8";  } /* unchecked icon */
.myCustomCheckboxes input[type=checkbox] + label:before { letter-spacing: 10px; color: #fff;   } /* space between checkbox and label */



.myCustomCheckboxes input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.myCustomCheckboxes input[type=checkbox]:checked + label:before { letter-spacing: 10px; color: #e52e88; background: #f8f8f8; } /* allow space for check mark */





/*........... link hover color .................*/

a:hover {
 color:  #01B7E9;
}