/*-------------------------------------------------------
Theme Name: Eye webdesign Divi child
Theme URI: https://www.eyewebdesign.be
Description: A child theme template for Divi
Author: Eye webdesign
Author URI: https://www.eyewebdesign.be
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/

/* header & menu */
/* contrast and font module */
#contrast-module, #font-module {
	font-size: 18px;
	float: left;
	padding-left: 30px;
}

#contrast-module {
	padding-left: 26px;
}

#font-module .increasebtn {
	cursor: pointer;
	padding: 0px 2px;
}

#font-module .increasebtn:hover {
	color: #6a2d91!important;
}

/* body */
/* dark contrast */
/*body.dark-contrast #page-container .et_pb_section {
	background-color: black!important;
}*/

html.dark-contrast {
	filter: invert(100%);
}

html.dark-contrast img, html.dark-contrast .et_parallax_bg, html.dark-contrast .no-contrast {
    filter: invert(100%);
}

/* contrast switcher */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
	top: 6px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #bcbdc0;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #af0061;
}

input:focus + .slider {
  box-shadow: 0 0 1px #af0061;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

.eye-locations .location a { margin: 0 0 40px 0; max-width: 220px; display: block}
.eye-locations .location a:hover { opacity:0.85 }
.eye-locations .location .location-item span:not(.xtra_info) { display: block; margin-top: 12px; background: #CCC; text-align: center; padding: 3px 8px; color: white; font-weight: bold; font-size:20px; }
.eye-locations .location .location-item.newvision-center span:not(.xtra_info) { background: #009BDB }
.eye-locations .location .location-item.newvision-clinic span:not(.xtra_info) { background: #AF0061 }
.eye-locations .location .location-item span.xtra_info { display: block; background: transparent; color:#003e6a;text-align: center;margin-top: 3px;font-weight: bold;}

@media screen and (max-width: 980px){
  .eye-locations .location a { margin: 0 auto; max-width: 90%; display: block}
}

@media screen and (max-width: 767px){
  #nv_header { background-position: center right; padding: 60px 0 10px; }
  #nv_header:before { background: rgba(10,9,9,0.29); content: ' '; position:absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
  /*#nv_header h1 br { display: none; }*/
  /*#nv_header h1 { max-width:60%; }*/
  /*#nv_header h1, #nv_header p { text-shadow: 2px 2px 2px rgba(0,0,0,0.6); }*/
}

.behandelingen_overview { border-top: 1px solid #CCC;}
.behandelingen_overview .et_pb_row { width: 100%; border-bottom: 1px solid #CCC; padding-bottom:10px; padding-top:20px; }
.behandeling_item { display: flex; }
.behandeling_item_links { align-content: end; justify-content: end; }
.behandelingen_overview .behandeling_item { padding-bottom: 0px !important; margin-bottom: 0px !important; text-align: center; }
.behandelingen_overview .btn-readmore { background: none; border: 2px solid #003E6A; color: #003E6A; font-weight: 600; border-radius: 10px; margin-bottom: 10px; min-width: 210px; padding: 8px 0; }
.behandelingen_overview .btn-afspraak { background: none; border: 2px solid #003E6A; background: #003E6A; color: #FFF; font-weight: 600; border-radius: 10px; margin-bottom: 10px; min-width: 210px;  padding: 8px 0; margin-left: 10px; }
.behandelingen_overview .btn-readmore i, .behandelingen_overview .btn-afspraak i { margin-left: 10px;
  font-size: 13px; }
.behandelingen_overview h3.behandeling_naam { padding-top: 15px;margin-bottom: 12px; }
.behandelingen_overview .et_pb_column_1:nth-child(3n+4) h3 { color: red !important; }

.behandelingen_overview .btn-readmore:hover { border-color: #6A2482 !important; color: #6A2482 !important; }
.behandelingen_overview .btn-afspraak:hover { border-color: #6A2482 !important; background: #6A2482 !important; }

/* Kleur 2 */
/*.behandelingen_overview > div:nth-child(1) > div:nth-child(2) h2,
.behandelingen_overview > div:nth-child(3n+4) > div:nth-child(2) h2 { color: #009BDB; }
.behandelingen_overview > div:nth-child(1) > div:nth-child(2) .btn-readmore,
.behandelingen_overview > div:nth-child(3n+4) > div:nth-child(2) .btn-readmore { border: 2px solid #009BDB; color: #009BDB; }
.behandelingen_overview > div:nth-child(1) > div:nth-child(2) .btn-afspraak,
.behandelingen_overview > div:nth-child(3n+4) > div:nth-child(2) .btn-afspraak { border: 2px solid #009BDB; background: #009BDB; }
.behandelingen_overview > div:nth-child(2) > div:nth-child(1) h2, 
.behandelingen_overview > div:nth-child(5) > div:nth-child(1) h2, 
.behandelingen_overview > div:nth-child(8) > div:nth-child(1) h2, 
.behandelingen_overview > div:nth-child(11) > div:nth-child(1) h2, 
.behandelingen_overview > div:nth-child(14) > div:nth-child(1) h2, 
.behandelingen_overview > div:nth-child(17) > div:nth-child(1) h2,
.behandelingen_overview > div:nth-child(3n+3) > div:nth-child(3) h2 { color: #009BDB; }
.behandelingen_overview > div:nth-child(2) > div:nth-child(1) .btn-readmore,
.behandelingen_overview > div:nth-child(5) > div:nth-child(1) .btn-readmore,
.behandelingen_overview > div:nth-child(8) > div:nth-child(1) .btn-readmore,
.behandelingen_overview > div:nth-child(11) > div:nth-child(1) .btn-readmore,
.behandelingen_overview > div:nth-child(14) > div:nth-child(1) .btn-readmore,
.behandelingen_overview > div:nth-child(17) > div:nth-child(1) .btn-readmore,
.behandelingen_overview > div:nth-child(3n+3) > div:nth-child(3) .btn-readmore { border: 2px solid #009BDB; color: #009BDB; }
.behandelingen_overview > div:nth-child(2) > div:nth-child(1) .btn-afspraak,
.behandelingen_overview > div:nth-child(5) > div:nth-child(1) .btn-afspraak,
.behandelingen_overview > div:nth-child(8) > div:nth-child(1) .btn-afspraak,
.behandelingen_overview > div:nth-child(11) > div:nth-child(1) .btn-afspraak,
.behandelingen_overview > div:nth-child(14) > div:nth-child(1) .btn-afspraak,
.behandelingen_overview > div:nth-child(17) > div:nth-child(1) .btn-afspraak,
.behandelingen_overview > div:nth-child(3n+3) > div:nth-child(3) .btn-afspraak { border: 2px solid #009BDB; background: #009BDB; }
*/

/* Kleur 3 */
/*.behandelingen_overview > div:nth-child(1) > div:nth-child(3) h2,
.behandelingen_overview > div:nth-child(3n+4) > div:nth-child(3) h2 { color: #AF0061; }
.behandelingen_overview > div:nth-child(1) > div:nth-child(3) .btn-readmore,
.behandelingen_overview > div:nth-child(3n+4) > div:nth-child(3) .btn-readmore { border: 2px solid #AF0061; color: #AF0061; }
.behandelingen_overview > div:nth-child(1) > div:nth-child(3) .btn-afspraak,
.behandelingen_overview > div:nth-child(3n+4) > div:nth-child(3) .btn-afspraak { border: 2px solid #AF0061; background: #AF0061; }

.behandelingen_overview > div:nth-child(2) > div:nth-child(2) h2, 
.behandelingen_overview > div:nth-child(5) > div:nth-child(2) h2, 
.behandelingen_overview > div:nth-child(8) > div:nth-child(2) h2, 
.behandelingen_overview > div:nth-child(11) > div:nth-child(2) h2, 
.behandelingen_overview > div:nth-child(14) > div:nth-child(2) h2, 
.behandelingen_overview > div:nth-child(17) > div:nth-child(2) h2,
.behandelingen_overview > div:nth-child(3n) > div:nth-child(1) h2 { color: #AF0061; }
.behandelingen_overview > div:nth-child(2) > div:nth-child(2) .btn-readmore,
.behandelingen_overview > div:nth-child(5) > div:nth-child(2) .btn-readmore,
.behandelingen_overview > div:nth-child(8) > div:nth-child(2) .btn-readmore,
.behandelingen_overview > div:nth-child(11) > div:nth-child(2) .btn-readmore,
.behandelingen_overview > div:nth-child(14) > div:nth-child(2) .btn-readmore,
.behandelingen_overview > div:nth-child(17) > div:nth-child(2) .btn-readmore,
.behandelingen_overview > div:nth-child(3n) > div:nth-child(1) .btn-readmore { border: 2px solid #AF0061; color: #AF0061; }
.behandelingen_overview > div:nth-child(2) > div:nth-child(2) .btn-afspraak,
.behandelingen_overview > div:nth-child(5) > div:nth-child(2) .btn-afspraak,
.behandelingen_overview > div:nth-child(8) > div:nth-child(2) .btn-afspraak,
.behandelingen_overview > div:nth-child(11) > div:nth-child(2) .btn-afspraak,
.behandelingen_overview > div:nth-child(14) > div:nth-child(2) .btn-afspraak,
.behandelingen_overview > div:nth-child(17) > div:nth-child(2) .btn-afspraak,
.behandelingen_overview > div:nth-child(3n) > div:nth-child(1) .btn-afspraak { border: 2px solid #AF0061; background: #AF0061; }

.behandelingen_overview > div:nth-child(1) > div:nth-child(1) h2 { color: #003E6A; }
.behandelingen_overview > div:nth-child(1) > div:nth-child(1) .btn-readmore { border: 2px solid #003E6A; color: #003E6A; }
.behandelingen_overview > div:nth-child(1) > div:nth-child(1) .btn-afspraak { border: 2px solid #003E6A; background: #003E6A; }
*/