/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&display=swap');



body{
    font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Arvo", serif;
}

.av-main-nav > li > a{
    font-family: "Arvo", serif;
    font-size: 18px;
    font-weight: 700;
    padding: 0 15px;
    letter-spacing: 0.54px;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a{
    font-family: "Arvo", serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.54px;
}
.avia-menu-fx{
    display: none;
}

.header_bg{
    opacity: 1;
}


/* breadcrumps */

.stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container{
    background-color: #F9F7F5 !important;
}

.breadcrumb-title{
    display: none !important;
}

.title_container .breadcrumb {
    z-index: 10;
    font-size: 14px;
    position: relative;
    right: auto;
    top: auto;
    margin-top: auto;
    display: table;
    margin: 0 auto;
    line-height: 38px;
}

#top .title_container .container {
    padding-top: 7px;
    padding-bottom: 5px;
    min-height: 50px;
}

.sep{
    color: transparent;
    background-image: url(img/chevron-down-regular.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4px;
    padding: 0 6px;
}

.trail-begin{
    color: #181916 !important;
}

.trail-end{
    color: #8B7664;
}

/* layout */


.image-overlay {
    background: transparent!important;
}

.avia-image-container-inner, .avia_image, .av-image-caption-overlay{
    border-radius: 60px 20px 120px 20px;
}

.avia_textblock a{
    text-decoration: underline !important;
}

.av-caption-image-overlay-bg{
    background-color: transparent !important;
}

.av-image-caption-overlay-center p{
    bottom: 20px;
    left: 20px;
    font-size: 15px;
    position: absolute;
    background-color: rgba(24, 25, 22, 0.7);
    border-radius: 20px;
    padding: 3px 15px;
}

.content-box .entry-content-wrapper.clearfix{
    background-color: #EBE4DE;
    border-radius: 40px;
    padding: 50px; 
}


/* formulier*/

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select{
    background-color: #FFFFFF;
    border: 1px solid #D0C8C1;
    padding: 18px 20px;
    font-size: 18px;
    color: #181916;
    border-radius: 30px;
}

.gfield_label.gform-field-label{
    color: #181916!important;
    font-size: 16px!important;
    font-weight: 500!important;
}

.gfield_required.gfield_required_asterisk{
    color: #E13510!important;
    font-size: 16px!important;
    font-weight: 500!important;
}

.gform_required_legend{
    display: none;
}


.gfield_signature_container.ginput_container canvas{
    background-color: #FFFFFF!important;
    border: 1px solid #D0C8C1!important;
    border-radius: 30px;
}

.gform_button.button{
    background-color: #E6B716!important;
    color: #181916 !important;
    border: none!important;
    border-radius: 30px!important;
    padding: 19px 100px 19px 20px!important;
    font-size: 18px!important;
    background-image: url(img/btn-icon.png)!important;
    background-position: right 15px center!important;
    background-repeat: no-repeat!important;
    background-size: 30px!important;
}

.gf_readonly input {
    pointer-events: none !important;
    background-color: #EBE4DE!important;
}

.gfield--type-html h4{
    margin-top: 20px!important;
    margin-bottom: -10px!important;
}

/* Knopen */


#top .main_color .avia-color-theme-color, #top .alternate_color .avia-color-theme-color{
    background-color: #725E4D;
    border: none;
    border-radius: 30px;
    padding: 19px 65px 19px 20px;
    font-size: 18px;
    background-image: url(img/btn-icon.png);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 30px;
}

#top .main_color .avia-color-theme-color-highlight{
    background-color: #E6B716;
    border: none;
    border-radius: 30px;
    padding: 19px 65px 19px 20px;
    font-size: 18px;
    color: #181916;
    background-image: url(img/btn-icon.png);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 30px;
}

.main_color .avia-color-theme-color-subtle{
    background-color: #FFFFFF;
    border: none;
    border-radius: 30px;
    padding: 19px 65px 19px 20px;
    font-size: 18px;
    color: #181916;
    background-image: url(img/btn-wit.png);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 30px;
}

#top .avia-button.avia-color-dark{
    background-color: transparent;
    border: 1px solid #D0C8C1;
    color: #725E4D;
    border-radius: 30px;
    padding: 18px 20px 18px 65px;
    font-size: 18px;
    background-image: url(img/back-btn.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 30px;
}

.avia-button.avia-color-green, .avia-button.avia-color-green:hover{
    background-color: #55B233;
    border: none;
    border-radius: 30px;
    padding: 19px 65px 19px 20px;
    font-size: 18px;
    color: #181916;
    background-image: url(img/btn-icon.png);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 30px;
}


/* openingstijden */

.openingstijden-container {
    width: 570px;
    background-color: #EBE4DE;
    border-radius: 10px;
    overflow: hidden;
}

.openingstijden-header {
    background-color: #8B7664;
    color: #EBE4DE;
    text-align: center;
    padding: 6px 10px;
    font-weight: 500;
    font-size: 15px;
}

.openingstijden-content {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

.dag {
    flex: 1;
    padding: 19px 15px;
    border-left: 1px solid #D0C8C1;
}

.dag:first-child {
    border-left: none;
}

.dag strong {
    font-family: "Arvo", serif;
    display: block;
    font-size: 20px;
    color: #181916;
    font-weight: bold;
}

.dag p {
    margin: -5px 0 0;
    font-size: 15px;
    color: #181916
}


/* algemeen */


.categorien-home{
    background-position: center bottom 30px;
    background-repeat: no-repeat;
    background-size: 40px;
    background-image: url(img/inc-categorien.png);
    transition: 0.3s all;
}
.categorien-home:hover{
    background-image: url(img/inc-categorien-hover.png);
    border-color: #725E4D !important;
}

.categorien-home p{
    color: #181916;
    font-size: 20px;
    font-family: "Arvo", serif;
    font-weight: 700;
    margin-top: 10px;
}

.av-special-heading-tag svg{
    color: #8B7664;
}

.home-banner {
    position: relative;
}

.home-banner::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 99px;
    background-image: url(img/banner-shape.png);
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    z-index: 1;
}

.diensten p{
    font-size: 16px;
    line-height: 24px;
}

.diensten p:first-child{
    margin: 0px;
}

.diensten p:last-child{
    margin-bottom: 0px;
    margin-top: 8px;
}

.diensten h4{
    color: #617759;
    margin-top: 10px;
}

.openingstijden tr, .openingstijden td{
    background-color: #fff !important;
    border: none !Important;
}

.product-tabel tr, .product-tabel td, .toggle_content.invers-color tr, .toggle_content.invers-color td{
    background-color: #EBE4DE !important;
}

.avia_textblock tr{
    background-color: #F9F7F5 !important;
    border: none !Important;
}

.openingstijden td, td{
    border: none !Important;
    border-bottom: 1px solid #D0C8C1 !important;
    font-size: 15px !important;
    color: #181916 !important;
    padding: 5px 0px;
}

.openingstijden td strong, td strong{
    color: #181916 !important;
}

.avia-slideshow li img{
    border-radius: 20px;
}

.avia_textblock ul{
    margin: 0px;
    line-height: 31px;
}

.avia_textblock ul li{
    margin: 0px;
    list-style: none;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url(img/li-icon.png);
    background-position: left top 10px;
    background-repeat: no-repeat;
    background-size: 11px;
}

.single-merk .footer-cta .entry-content-wrapper.clearfix, .single-product .footer-cta .entry-content-wrapper.clearfix{
    margin-top: -100px
}

#top div .avia-gallery .avia-gallery-big{
    background-color: transparent;
    border: none;
}

#top div .avia-gallery .avia-gallery-big img{
    border-radius: 60px 20px 120px 20px !important;
}

#top div .avia-gallery img{
    border: none;
    background-color: transparent;
    border-radius: 20px;
}

.prijs{
    color: #617759!important;
    font-family: "Arvo", serif!important;
    font-size: 20px!important;
    font-weight: 700!important;
    margin-top: -10px!important;
    
}

.av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler, .av-elegant-toggle.togglecontainer .taglist + .single_toggle .toggler{
    background-color: #EBE4DE;
    margin-bottom: 20px;
    border: none;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 500;
    color: #725E4D;
    padding: 13px 120px 13px 30px;
}

.toggler.av-title-above.activeTitle{
    margin-bottom: 0px !important;
    border-radius: 30px 30px 0 0 !important;
}

.toggle_content.invers-color{
    background-color: #EBE4DE;
    border-radius: 0 0 30px 30px;
    border: none;
    margin-bottom: 20px;
    padding: 0 30px 30px 30px;
    font-size: 17px;
    line-height: 28px;
}

.av-elegant-toggle .toggle_icon{
    border: 1px solid #725E4D;
    background-color: #725E4D;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    right: 10px;
    margin-top: -20px;
    opacity: 1;
}

.toggle_icon .vert_icon{
    height: 18px;
    border-color: #fff;
}

.toggle_icon .hor_icon {
    width: 18px;
    border-color: #fff;
}

.appointment-container {
    position: relative;
    background-color: #617759;
    padding: 50px 40px;
    border-radius: 40px 40px 120px 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1240px;
    margin: auto;
    gap: 65px;
    pointer-events: auto;
}
.appointment-container::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 20px;
    right: 20px;
    bottom: 40px;
    border-radius: 40px 40px 120px 40px;
    border: 2px dashed #849280;
    border-spacing: 10px;
    transform: rotate(-1deg)
}


.appointment-content {
    max-width: 55%;
}

.appointment-container.product .appointment-content {
    max-width: 100% ;
}

.appointment-content h4 {
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
}

.appointment-content p {
    color: white;
    font-size: 17px;
}

.appointment-container.product .avia-buttonrow-wrap{
    margin-top: -50px;
    margin-bottom: 20px;
}

.appointment-container.product .avia-button{
    margin: 0 20px 20px 0;
}

.avia-slideshow-arrows a:before{
    background-color: #725E4D!important;
    border-radius: 30px;
    opacity: 1!important;
    color: transparent;
}

.avia_desktop .av_slideshow.avia-slideshow.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av_slideshow.avia-slideshow.av-nav-dots-visible .avia-slideshow-dots a, .avia_desktop .av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a{
    opacity: 1;
}

.prev-slide::before{
    background-image: url(img/arrow-left-regular.png)!important;
    background-repeat: no-repeat!important;
    background-size: 16px!important;
    background-position: center!important;
}

.next-slide::before{
    background-image: url(img/arrow-right-regular.png)!important;
    background-repeat: no-repeat!important;
    background-size: 16px!important;
    background-position: center!important;
}

.single-product .avia-slideshow-arrows {
    position: absolute!important;
    top: 40%!important;
    transform: translateY(-50%)!important;
    width: 100%!important;
    display: flex!important;
    justify-content: space-between!important;
}
.single-product .avia-gallery-prev, .single-product .avia-gallery-next {
    position: absolute!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
}

.single-product .prev-slide, .single-product .next-slide{
    margin: 0 20px  !important;
}


/* Reviewslider testimonials */

#top .av-large-testimonial-slider .avia-slideshow-arrows a {
    margin-top: 25px!important;
}

.avia-testimonial-markup-entry-content {
    font-size: 20px!important;
    line-height: 1.6em!important;
}

#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
    text-align: center!important;
}





/* wp grid */

.wpgb-card-2 .wpgb-card-content{
    background-image: url(img/product-icon.png)!important;
    background-position: right 20px bottom 20px!important;
    background-size: 60px!important;
    background-repeat: no-repeat!important;
    transition: 0.3s all;
}

.wpgb-card-2:hover .wpgb-card-content{
    background-image: url(img/product-icon-hover.png)!important;
}

.wp-grid-builder .wpgb-next-button, .wp-grid-builder .wpgb-prev-button{
    border-radius: 30px !important;
}

.wpgb-prev-button svg, .wpgb-next-button svg{
    color: transparent !important;
}

.wpgb-prev-button{
    background-image: url(img/arrow-left-regular.png)!important;
    background-repeat: no-repeat!important;
    background-size: 16px!important;
    background-position: center!important;
}
.wpgb-next-button{
    background-image: url(img/arrow-right-regular.png)!important;
    background-repeat: no-repeat!important;
    background-size: 16px!important;
    background-position: center!important;
}

.wpgb-facet-title{
    margin-bottom: 15px !important;
    font-size: 20px !important;
}

.wpgb-select{
    border-radius: 10px !important;
    margin-bottom: 0px !important;
    background-image: url(img/chevron-down-regular-filter.png)!important;
    background-position: right 20px center!important;
    background-repeat: no-repeat!important;
    background-size: 14px!important;
}

.wpgb-select-controls{
    display: none!important;
}

.wpgb-color-facet .wpgb-inline-list{
    display: block!important;
}

.wpgb-facet .wpgb-color-facet .wpgb-color{
    width: auto!important;
}

.wpgb-color{
    border: 1px solid #D0C8C1!important;
    border-radius: 30px!important;
    padding: 7px!important;
    background-image: url(img/chevron-side-regular.png)!important;
    background-repeat: no-repeat!important;
    background-position: right 20px center!important;
    background-size: 8px!important;
    cursor: pointer !important;
}

.wpgb-color[aria-pressed=true]{
    background-color: #D0C8C1 !important;
}

.wpgb-facet .wpgb-color-facet .wpgb-color[aria-pressed=true] .wpgb-color-control:after {
    border-color: transparent!important;
}


.wpgb-facet .wpgb-color-facet .wpgb-color-control{
    width: 40px!important;
    height: 40px!important;
    box-shadow:none !important;
}

.wpgb-facet .wpgb-color-facet .wpgb-color-label{
    background: transparent !important;
    border-radius: none !important;
    color: #181916 !important;
    font-size: 16px !important;
    left: 50px !important;
    opacity: 1 !important;
    outline: unset !important;
    padding: 0px !important;
    position: relative !important;
    text-align: left !important;
    top: 13px !important;
    transform: translate3d(-30px, -6px, 0) !important;
    white-space: nowrap !important;
    width: auto !important;
    z-index: 1 !important;
    font-weight: 500 !important;
}

.wpgb-facet .wpgb-color-facet .wpgb-color-label:after{
    display: none !important;
}

/* footer*/

.FeedGridLayout__media-container{
	border-radius:20px!important;
}

.footer-cta .entry-content-wrapper.clearfix{
    background-color: #EBE4DE;
    border-radius: 40px;
    padding: 50px; 
}

.footer-section .entry-content-wrapper.clearfix{
    background-color: #725E4D;
    border-radius: 40px;
    padding: 140px 40px 80px;
    background-image: url(img/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer-contact h4{
    margin-bottom: 2px;
}

.footer-contact p{
    margin: 15px 0;
}

.footer-contact p:nth-of-type(1) a {
    padding-left: 40px !important;
    background-image: url(img/phone.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-top: 10px;
    padding-bottom: 10px
}

.footer-contact p:nth-of-type(2) a {
    padding-left: 40px !important;
    background-image: url(img/whatsapp.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-top: 10px;
    padding-bottom: 10px
}

.footer-contact p:nth-of-type(3) a {
    padding-left: 40px !important;
    background-image: url(img/mail.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-top: 10px;
    padding-bottom: 10px
}

.footer-contact p a{
    transition: 0.3s all;
}

.footer-contact p a:hover{
    padding-left: 50px !important;
}

.social-media-icons{
    text-align: center;
}

.footer-socket-link li{
    list-style: none;
    margin: 0px;
    display: inline-block;
    margin-right: 15px!Important;
    font-size: 14px;
    background-image: none !Important;
    padding-left: 0px!Important;
}

.footer-socket-link li a{
    text-decoration: none !important;
    transition: 0.3s all;
}
.footer-socket-link li a:hover{
    text-decoration: underline!important;
}

#socket .container {
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
}

#socket .copyright {
    float: none;
    text-align: center;
    font-size: 14px;
}

/*mobiel */

@media only screen and (max-width: 1265px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
    }
    .av-main-nav > li {
        display: none;
    }
}



@media only screen and (max-width: 767px) {
    h1{
        font-size: 30px !important;
    }
    
    h2{
        font-size: 28px !important;
    }
    
    h3{
        font-size: 24px !important;
    }
    
    .openingstijden-container {
        width: 225px;
        background-color: #EBE4DE;
        border-radius: 10px;
        overflow: hidden;
    }

    .openingstijden-header {
        background-color: #8B7664;
        color: #EBE4DE;
        text-align: center;
        padding: 6px 10px;
        font-weight: 500;
        font-size: 15px;
    }

    .openingstijden-content {
        display: block;
        text-align: center;
        justify-content: space-between;
    }

    .dag {
        flex: 1;
        padding: 19px 15px;
        border-left: none;
        border-top: 1px solid #D0C8C1;
    }

    .dag:first-child {
        border-left: none;
    }

    .dag strong {
        font-family: "Arvo", serif;
        display: block;
        font-size: 20px;
        color: #181916;
        font-weight: bold;
    }

    .dag p {
        margin: -5px 0 0;
        font-size: 15px;
        color: #181916
    }
    
    .appointment-container {
        flex-direction: block;
        text-align: left;
        padding: 50px 30px;
    }
    
    .appointment-content{
        width: 100% !important;
        max-width: 100%;
    }

    .appointment-container .avia-button{
        float: left !important; 
        margin-top: -50px;
        margin-bottom: 30px;
    }
    
    .footer-cta .entry-content-wrapper.clearfix, .content-box .entry-content-wrapper.clearfix{
        background-color: #EBE4DE;
        border-radius: 20px;
        padding: 30px;
    }
    
    .footer-section .entry-content-wrapper.clearfix {
        background-color: #725E4D;
        border-radius: 20px;
        padding: 70px 30px 50px;
    }
    
    .avia-image-container-inner, .avia_image, .av-image-caption-overlay, #top div .avia-gallery .avia-gallery-big img{
        border-radius: 40px 15px 60px 15px!important; 
    }
    
    .avia-button{
        font-size: 15px !important;
    }

    .social-media-icons{
        text-align: left;
    }
    
    .av-m85us4gj-7578c9fe2f4954bb25b0187598f863c3{
        margin-bottom: 50px!important;
    }
    
    .categorien-home{
        padding-bottom: 70px !important;
    }

}