/*
Theme Name: Child Theme
Author: IFRA
Author URI: https://ifra.nl/
Description: Make all of your modifications in this child theme.
Version: 2.1
Template: enfold
*/

/* Toon scroll naar boven button op mobiel */
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link { display: block !important;}
}

/* All Mobile Sizes (devices and browser) ***************************************/
  @media only screen and (max-width: 767px) {

  	.avia-section.nested .post-entry,
  	.avia-section.nested .tab_content,
  	.avia-section.nested .toggle_content,
  	.avia-section.nested .avia-testimonial { padding: 30px !important; }

  	.pricing-table li.avia-pricing-row { font-size: 8vw; }

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ***************************************/
  @media only screen and (max-width: 479px) {

  	.avia-section.nested .post-entry,
  	.avia-section.nested .tab_content,
  	.avia-section.nested .toggle_content,
  	.avia-section.nested .avia-testimonial { padding: 20px !important; }

  	.avia_ajax_form .form_element_fourth { width: 100%; }

}



/*********** BEGIN CSS VOOR EXTRA HEADER INFO ***********/

/* Extra header content */
.extra-header-content {
    top: 20px;
    right: 35%;
    -webkit-transform: translate(-35%,0);
    -ms-transform: translate(-35%,0);
    transform: translate(-35%,0);
    padding: 10px 5px 10px 5px;
    float: right;
    position: absolute;
    z-index: 500;
    overflow: hidden;
    font-size: 22px;
}
.extra-header-content a {
    text-decoration: none;
}
/* Button in header */
.widget {
    clear: both;
    position: absolute;
    float: right;
    right: 20%;
    -webkit-transform: translate(-20%,0);
    -ms-transform: translate(-20%,0);
    transform: translate(-20%,0);
    padding-top: 20px;
    z-index: 1001;
}

/* Fontsize submenu */
#top .av-main-nav ul a {
    font-size: 16px;
    text-transform: none;
}


/* Logo verplaatsen */
.html_header_top.html_logo_center .logo {
    left: 0%;
    -webkit-transform: translate(-0%,0);
    -ms-transform: translate(-0%,0);
    transform: translate(-0%,0);
    margin-top: 0px;
}

/* Hamburgermenu kleur geven */
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: #d50052;
}





/* Mobiel instellingen aanpassen */
@media only screen and (max-width: 1150px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
}
.html_header_top.html_logo_center .logo {
    left: 10%;
    -webkit-transform: translate(-10%,0);
    -ms-transform: translate(-10%,0);
    transform: translate(-10%,0);
}
/* Button in header */
.widget {
    right: 15%;
    -webkit-transform: translate(-15%,0);
    -ms-transform: translate(-15%,0);
    transform: translate(-15%,0);
}
/* Extra header content */
.extra-header-content {
    right: 30%;
    -webkit-transform: translate(-30%,0);
    -ms-transform: translate(-30%,0);
    transform: translate(-30%,0);
}
}

/* Mobiel instellingen aanpassen */
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
}
/* Button in header */
.widget {
    right: 10%;
    -webkit-transform: translate(-10%,0);
    -ms-transform: translate(-10%,0);
    transform: translate(-10%,0);
}
/* Extra header content */
.extra-header-content {
    right: 25%;
    -webkit-transform: translate(-25%,0);
    -ms-transform: translate(-25%,0);
    transform: translate(-25%,0);
}
.html_header_top.html_logo_center .logo {
    left: 0%;
    -webkit-transform: translate(-0%,0);
    -ms-transform: translate(-0%,0);
    transform: translate(-0%,0);
}
}

/* Mobiel instellingen aanpassen */
@media only screen and (max-width: 768px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
}
/* Button in header */
.widget {
    right: 15%;
    -webkit-transform: translate(-15%,0);
    -ms-transform: translate(-15%,0);
    transform: translate(-15%,0);
}
/* Extra header content */
.extra-header-content { display: none; }
.html_header_top.html_logo_center .logo {
    left: 0%;
    -webkit-transform: translate(-0%,0);
    -ms-transform: translate(-0%,0);
    transform: translate(-0%,0);
}
}

/* Mobiel instellingen aanpassen */
@media only screen and (max-width: 600px) {
/* Button in header */
.widget { display: none; }}
}

/*********** EINDE CSS VOOR EXTRA HEADER INFO ***********/



/*********** *** ***********/


}

/*********** *** ***********/