/*
Theme Name: Extra Child Theme
Version: 1.0
Description: Child Theme of Extra
Author: Elegant Themes
Template: Extra
Author URI: http://www.elegantthemes.com
*/
@import url("../Extra/style.css");


body {
 font-size: 17px;   
}

h2 {
    font-size: 30px;
}

/* buttons styles */
a.big-button, a.icon-button, a.small-button {
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    line-height: 26px !important;
    border:0 !important;
    text-transform: uppercase;
    transition: .2s ease;
    font-weight: bold !important;
}


.et_pb_bg_layout_light .et_pb_promo_button {
 color: inherit !important;  
 border: 0 !important;
 color: #fff !important;
 font-size: 18px;

}

.et_pb_bg_layout_light .et_pb_button:hover {
   background-color: #00964d !important;
   font-size:18px !important;
}


.et_pb_button:hover {
    font-size: inherit !important;  
}

/* purple */
a.bigpurple, a.smallpurple {
    background:#a53594;  
}

/* orange */
a.bigorange, a.smallorange {
    background: #f29e1a;    
}

/* lightblue */
a.biglightblue, a.smalllightblue {
    background: #1adae7;    
}

/* red */
a.bigred, a.smallred {
    background: #ff7979;    
}

/* green */
a.biggreen, a.smallgreen {
    background: #00964d;    
}

/* blue */
a.bigblue, a.smallblue {
    background: #18a5ee;    
}

.home-kiesthema a.small-button {
    width: 207px;
    font-size: 14px;
    text-align: center;    
}
    
    

a.big-button:hover, a.icon-button:hover, a.small-button:hover {
    color:#ffffff !important; 
    transform: scale(1.1);
}






/* homepage - hero */
.azhero h2 {
   font-size:44px; 
   opacity: 1;
    
}

.azhero h1 {
   opacity: 1;    
   font-size:26px; 
   margin-bottom:20px;    
}


/* homepage - hero - snel naar */
.azhero .hero-snelnaar a {
    color: #fff !important;   
    font-size: 16px;
    border-top:1px solid #00cc69;
    padding:20px 0 18px 0;
    display: block;
    font-weight: bold;
}

.azhero .hero-snelnaar i.fas {
    width: 29px;
    font-size: 22px;
    color: #00cc69;
    padding-bottom: 3px;
    vertical-align: middle;
}




.azhero  .hero-snelnaar br {
    display: none;
}


/* homepage home-section-intro */

.home-section-intro h2 {
    padding-top:20px;    
}

.home-section-intro p {
    font-size:18px; 
    padding-bottom:50px;   
}


.et_pb_extra_module .post-meta p {
    line-height: 140% !important;
}

h2.entry-title {
        padding-bottom: 7px !important;
}







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

    
    
    .azhero .hero-snelnaar a {
         padding: 12px 0 12px 0;
        font-size: 12px;
    }
      
    
}






@media only screen and (max-width: 500px) {
        
    .azhero h2 {
       font-size:24px; 
       opacity: 1;
        
    }
      
    .azhero h1 {
       opacity: 1;    
       font-size:22px; 
       margin-bottom:20px;    
    }
    
    
    h2 {
        font-size: 20px;
    }
    
    
    .azhero .hero-snelnaar a {
        padding: 7px 0 7px 0;
        font-size: 11px;
    }
      
    
    
    .et_pb_text_0 h1 {
        font-size: 26px !important;
    }
        
}



/* logo + tagline */
#azlogo {
  min-width:200px;
}
#azlogo img {
  float:left; 
  margin-right: 17px;   
}

#container-tagline {
   height: 100%;
   display:flex; 
}

#tagline {
    margin:auto 0;
    font-size: 15px;
    color: #00964c;
    font-weight: bold;
    line-height: 120%;
    position: relative;
    font-family:'Open Sans', sans-serif, Arial;
}    


/* scroll fix logo */
#main-header .logo {
    min-width: 323px !important;
    min-height: 50px !important;
}
    
    
    
/* memu items fixen  tbv logo + tagline */

@media only screen and (min-width: 1025px) and (max-width: 1162px) {
    #azlogo {
       width:300px;
    }    
    #et-navigation>ul>li {
        display: inline-block;
        text-transform: uppercase;
        margin: 0 13px;
    }
    #et-menu li {
        font-size: 14px;
    }
    #tagline {
        font-size: 16px;        
    }

}


/* op de homepage boven de categorieblokken de border weghalen */
body.blog .et_pb_extra_module {
    border-top: 0px;
}



.et_extra_layout .et_pb_extra_column_main .et_pb_section_1 {
    margin-bottom: 20px !important;
}


/* fix voor introtekst onder het groene inleidingsblok homepage op ipad*/
@media only screen and (min-width: 769px) and (max-width: 1025px) {

    .et_extra_layout .et_pb_extra_column_main .et_pb_section_1 {
        margin-top: 140px !important;
    }

}


#footer-bottom {
    display: none !important;   
}

.et_pb_section_1 {
    width: auto !important;
    max-width: fit-content !important;
}