/*
Theme Name: Educationzone Child
Description:  Educationzone Child 2021 okt.
Author: WEBRS 
Version: 1.0.0
Template: education-zone-pro
*/ 

.social-networks svg{
  width: 24px !important;
  height: 24px !important;
}


.social-networks li a:before {
    content: 'inspiratie? ';
    bottom: 5px !important;
    position: relative;
}

.site-header.header-five .social-networks {
    margin-top: 0 !important;
    display: none !important;
}

 

.template-courses .cat-posts .cat-nav li a:hover {
  background: #d6d81d !important;
}


.cat-posts .post-lists article{   transition: 1s ease-in-out;
}
.cat-posts .post-lists article:hover{ 
  z-index: 999;
  -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.25); 
  box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.25);
  transition: 0.3s ease-in-out;
}
.cat-posts .post-lists .text {
    padding: 20px 20px 0px 20px !important;
    min-height: 100px;
    display: block;
}

.cat-posts .post-lists .entry-content{display: none !important;}





#secondary .widget-title{
  background: #4fc3c2 !important;
  padding:10px;
}

#text-7 .widget-title{
  background: #d6d81d !important;

}

.page-header {
    padding: 50px 0 0px 0;
}

.main-navigation a {
    line-height: 20px;
}

.svg-inline--fa.fa-w-10 {
    width: .625em;
    margin-left: 3px;
    top: -4px;
    position: relative;
}

#information_section .box{border-radius: 0;}

#information_section .box p{margin-bottom: 0;}

.header-part h2{  
  background: #4fc3c2 !important;
  display:table;
  text-align:center;
  margin:0.4em auto;
  padding:10px;
  color:#fff !important;
}


#secondary ul#menu-eduboxen li a:before{
 
  content: url(img/list-icon-big.jpg);
  font-size:20px;
  margin-left:3px;
  margin-right:7px;
  font-weight:bold;
}

.nav-links a:before{
  content: url(img/list-icon-big.jpg);
  margin-right: 10px; 
}
.nav-links a{
  text-transform: lowercase !important;
}



.alle_boxen_bekijken a:before{
  content: '' !important;
  display: none;
}


#secondary li.current_page_item{ 
  display:none;
}

#kosten_edubox{
  border:#233c4f solid 1px;
  padding:2px 2px 20px 2px;
}

#kosten_edubox h2{
  text-align:center;
  background:#233c4f;
  color:#fff;
  padding:18px 5px;
  text-transform:lowercase;
  font-size: 23px;
  margin:0;
}
 

.themaspeelhoek{display:none;}

.page-id-19 .themaspeelhoek{display:block !important;}


.themalesmateriaal{display:none;}

.page-id-21 .themalesmateriaal{display:block !important;}

.verteltafels{display:none;}

.page-id-33 .verteltafels{display:block !important;}

.ontdekhoeken{display:none;}

.page-id-36 .ontdekhoeken{display:block !important;}





.kosten {
    text-align: center;
    font-size: 40px;
    padding: 0px 5px;
    line-height: 40px;
}
 
#kosten_edubox small {
    text-align: center !important;
    display: block;
    padding: 20px 10px 0px 10px;
    text-transform: lowercase;
    font-size:16px
}

.wpcf7 p{
  margin-bottom:0;
}

.wpcf7 p label {
  padding-bottom:10px !important; 
  display:block;
}

.wpcf7 p label br{display:none;}

.wpcf7 p label input{
  padding:10px;
  width:100%;
}

.wpcf7-submit{
  width:100%;
  padding:10px !important;
  color:#000 !important;
  font-weight:bolder;
  font-size:18px !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid;
    border-color: #d6d81d #d6d81d #999a16;
    border-radius: 3px;
    background: #d6d81d;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 50%), inset 0 15px 17px rgb(255 255 255 / 50%), inset 0 -5px 12px rgb(0 0 0 / 5%);
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgb(255 255 255 / 80%);
}
#nav_menu-3,
#nav_menu-4{
  margin-bottom:65px !important;
}

h1.page-title{
    text-transform: inherit;
    font-weight: 700 !important;
}
 


 
.wpcf7-submit svg{  
    position: relative;
    -webkit-animation: myfirst 1s infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation: myfirst 1s infinite;
    animation-direction: alternate;
}
 
@-webkit-keyframes myfirst {
    0%   { left: 0px; top: 0px;} 
    100% { left: 20px; top: 0px;}
}

@keyframes myfirst {
    0%   { left: 0px; top: 0px;} 
    100% { left: 20px; top: 0px;}
}



.wpcf7-form input:focus{border: solid 1px #d6d81d}

#menu-eduboxen a{font-weight: bold;}



#menu-eduboxen li:hover a{font-size: 19px !important}


.menu-item-description{
  font-size: 13px;
  font-weight: normal;
}


.parent-pageid-17 h1.page-title:before{
  content:"EduBox: ";
  text-transform: capitalize !important;
}

.main-navigation .current_page_item>a, 
.main-navigation .current-menu-item>a, 
.main-navigation .current_page_ancestor>a, 
.main-navigation .current-menu-ancestor>a {
    opacity: 0.6;
    background: #4fc3c2;    
    color: #fff !important;
} 

.odometer-value{
  font-family:dosis;
}

#information_section{
  background:#f8f8f8;
    padding-top: 8em;
}

#information_section a{color: #fff;}
#information_section a:hover{text-decoration: none;}

#information_section .thumb-text li{transition: 2s ease-in-out;}

#information_section .thumb-text li:hover{ 
  transition: 0.3s ease-in-out;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.46); 
  box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.46);
}

a{transition: 0.8s ease-in-out;}
a:hover{transition: 0.4s ease-in-out;}

.menu-item-60,
#text-8 h2.widget-title{
  background-color:#d6d81d !important;
}

.featured-courses { 
    padding: 98px 0 30px;
}

.theory{
  font-size:1.22em;
  font-weight:bold;
}

.page-id-40 .row{
  margin:1em;
}

a.custom-logo-link img{
  padding:0 !important;
}

.vc_grid-gutter-5px div.vc_gitem-zone{
  transition: transform 1.5s;}

.vc_grid-gutter-5px div.vc_gitem-zone:hover{ 
  transition: transform 0.5s; 
  
-webkit-box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.46); 
box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.46);
}

.parent-pageid-17 #main .page img{display:none}


#choose_us_section h2{background:#d6d81d !important;
}

#choose_us_section img{ 
  position: relative;
  top: 0;
  transition: top ease 0.5s;
}

#choose_us_section img:hover{ 
  transition: top ease 0.5s;
  top:10px;
  -webkit-box-shadow: 0px 0px 24px -1px rgba(214,216,29,0.61); 
  box-shadow: 0px 0px 24px -1px rgba(214,216,29,0.61);
}

#choose_us_section .col:hover a{color:#d6d81d !important;}

#choose_us_section h3{
  text-transform:lowercase;
}


.choose-us .col:hover h3{
  top:10px;}

.choose-us .col:hover h3:after{background:#d6d81d !important;}

#cta_section h2{
  background:#4fc3c2 !important;
}

.cat-nav li:first-child a:after{
  content: "es tonen "
}



element.style {
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
    padding: 10px 10px;
  margin:0;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #f00;
    margin: 0;
    padding: 10px;
    background: #f00;
    color: #fff;
}

#text-2  h3 {color:#b9b9b9}



.wp-block-button__link{
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgb(255 255 255 / 50%), inset 0 2px 5px rgb(0 0 0 / 15%);
       
  
  
      border: 1px solid;
    border-color: #d6d81d #d6d81d #999a16;
    border-radius: 3px;
    background: #d6d81d;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 50%), inset 0 15px 17px rgb(255 255 255 / 50%), inset 0 -5px 12px rgb(0 0 0 / 5%);
    color: rgba(0, 0, 0, .8); 
    text-shadow: 0 1px 0 rgb(255 255 255 / 80%);
width: 100%; 
    color: #000 !important;
    font-weight: bolder;
    font-size: 18px !important;
text-transform:lowercase;

}


.edubox_styling,
.edubox_styling h2, 
.edubox_styling h4 {color:#fff !important;}


.edubox_styling .wpb_column{transition: 1.0s ease-in-out;}

.widget-area .widget-title{text-transform: inherit !important;}

.edubox_styling .wpb_column:hover{  
  -webkit-box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.46); 
  box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.46);
  z-index:99;
  transition: 0.2s ease-in-out;
}



.edubox_styling .wpb_column .edubox_knop:hover a{

  background:transparent !important;
  color:#fff !important;
  border:1px #fff solid;
} 

.edubox_knop a{
  background:#fff !important;
  font-size:1.2em !important;
  font-weight:bold;
  border:2px #fff solid;
}


.edubox_knop.aaa a{
  color:#233c4f !important;}


.edubox_knop.bbb a{
  color:#4fc3c2 !important;}


.edubox_knop.ccc a{
  color:#d6d81d !important;}


.edubox_knop.ddd a{
  color:#027877 !important;}


#menu-item-537 {
  margin-top:10px}

#menu-item-462 .sub-menu li{
  margin-bottom:0;
  margin-left:15px
}


.single-course .menu-item-42{
  background-color: #4fc3c2;
}


.tag-share{     
  margin-top: 100px;
}

.tag-share:before{
    content: 'andere interessante cursussen en workshops';
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    background: #4fc3c2;
    padding: 12px 15px;
    color: #fff;
    display: block;
    text-transform: lowercase;
}



/*PRIKBORD*/

.page-id-50 #page{background: url(img/cork.jpg) !important}

a.custom-logo-link img{
  border-radius: 10px;
  padding: 10px 10px 0px 10px ;
  background: #fff;
}

.page-id-50 #text-8,
.page-id-50 #nav_menu-3,
.page-id-50 #media_image-2,
.page-id-50 h1.page-title{  
  border-radius: 6px;
  padding: 10px 10px 0px 10px ;
  background: #fff;
}


.page-id-50 #nav_menu-3,
.page-id-50 h1.page-title{     
  padding: 10px; 
}

.page-id-50 .post-50{
  background: none !important;
}

.page-id-50 .post-50 ul {
  padding: 0 !important;
  margin:0 !important;
}

.page-id-50 .post-50 ul li{
    background: none !important;
    padding: 0 !important;
    margin-right: 0;
    padding-right: 25px !important;
    padding-bottom: 35px !important;
}

 
#primary .post .entry-content ul li, 
#primary .page .entry-content ul li {
    background: url(img/list-icon.png) no-repeat 0 12px;
    padding-left: 20px;
    list-style: none;
}

.FeedLayout__wrapper{background: none !important}


.page-id-50 .post-50 .FeedGridLayout__cell img{border-radius: 7px !important;}

 .page-id-50 .custom-logo-link img{padding: 15px 15px 4px 15px !important;} 
 

.MediaTile__root{
  transform:rotate(4deg) !important;}


.page-id-50 a.profile-link{
  border-radius: 10px;
  padding: 10px ;
  background: #fff;
  margin:0 auto;
  display: block;
  text-align: center;
}

/* CONTACT */

.page-id-58 .btif-instagram-feed ul li{
  background: none !important;
    padding: 10px;
    list-style: none;
    max-width: 175px;
}


.page-id-58 .btif-instagram-feed ul li img{
  border: 1px #4fc3c2 solid;
  padding: 5px; 
}


.page-id-58 .btif-instagram-feed ul li:last-child{display: none;}

.page-id-58 a.profile-link{    
    text-align: center;
    display: block;
}

.widget-area .edubox_knop{
  border:1px solid #fff;
  color: #fff;
  padding:10px 14px;
  top: 30px;
  position: relative;
}



.alle_boxen_bekijken a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f08b" !important;
   display: inline-block;
   padding-right: 3px;
   padding-top: -2px;
   vertical-align: middle;
   font-weight: 900;
}



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



  #information_section{padding-top: 0em;}

  .banner-text .text{text-align:center !important}

  .banner .banner-text .text span{margin-bottom:0;}

  #menu-item-25 svg{display:none;}

  .menu-item-60{background-color:#fff !important;}

  .contact-info a{margin-bottom: 20px !important;}

  #menu-item-172 a:after{content: " ARCHIEF"}

  .current-menu-parent li.current-menu-item a{
    background:#4fc3c2;
    color:#fff !important;
    padding: 5px;
  }


  .nav-links div,
  .nav-previous,
  .nav-next{
    float: left !important;
    text-align: left !important;
    padding: 10px 12px;
    border: 1px #4fc3c2 solid;
    width: 100% !important;
    margin-bottom:1em;
  }

 
}

#banner-slider,
.edit-link #vc_load-inline-editor{display:none;}

#cta_section,
#testimonial_section{background:none;}

#text-2 .textwidget{
    color:#9a9a9a;
}

#testimonial_section h2{
  background: #d6d81d !important
}

#testimonial_section .btn-holder a:hover{
  background:#d6d81d;
  border-color: #d6d81d;
}


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

    .mobile-menu .social-networks li a {
        display: block;
        width: 100%; 
        border: 0;    
    }

    .mobile-menu .btn-close-menu {
        background-color: #fff;
        top: 20px;
        right: 20px;
        width: 15px;
        padding: 15px;
        border: 1px #000 solid;
        z-index: 99999999;
        border-radius: 3px;
    }

    .mobile-menu{padding-top: 10px !important;}

    .mobile-menu .contact-info { 
        font-size: 13px;
    }

     ul.social-networks a{    
      border: 1px #000 solid !important;
      border-radius: 4px !important;
      padding: 7px 11px !important;
    }

    .parent-pageid-17 .vc_grid-item{
      width: 50%;
      float: left !important;
    }

}

@media screen and (min-width: 1025px) and (max-width: 1730px) {

  .inschrijven_end {width: 100% !important;}
  .variant3{bottom: -200px;}

}