/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
@import url('https://fonts.cdnfonts.com/css/adobe-clean');

.imageframe-dropshadow {
    box-shadow: -15px 15px 0px var(--awb-custom_color_1) !important;
    transition: .5s !important;
}
.imageframe-dropshadow:hover {
    box-shadow: 0px 0px 0px var(--awb-custom_color_1) !important;
    transition: .5s;
}
.imageframe-dropshadow.otherside {
    box-shadow: 15px 15px 0px var(--awb-custom_color_1) !important;
    transition: .5s !important;
}
.imageframe-dropshadow.otherside:hover {
    box-shadow: 0px 0px 0px var(--awb-custom_color_1) !important;
    transition: .5s;
}

.table-2 tr td {
    border-bottom: none !important;
    padding: 0px 0px !important;
}
#gform_submit_button_1, #gform_submit_button_2 {
    background-color: #171f44;
    padding: 15px 30px;
    transition: .5s;
}
#gform_submit_button_1:hover, #gform_submit_button_2:hover {
    background-color: #000;
    transition: .5s;
}
.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
    float: right;
}
.awb-stars-rating-text span:last-child {
    visibility: hidden; /* Verberg de originele tekst */
    position: relative;
}

.awb-stars-rating-text span:last-child::after {
    content: "5 sterren | 152 Google reviews"; /* Vervang met de nieuwe tekst */
    position: unset;
    left: 0;
    visibility: visible;
}

/*custom css */ 

.fusion-slider-container.custom-slider {
    max-height: 500px;
    height: 500px;
}

.tfs-slider.flexslider .flex-viewport {
    height: 500px;
}

.flexslider.main-flex {
    overflow: visible;
    height: 500px !important;
}

ul.slides {
    display: flex;
    gap: 22px;
    margin-left: 0 !important;
}

ul.slides li {
    width: 570px !important;
}

ul li .background.background-image {
    max-width: 500px;
    background-position: 69% 20%;
    height: 500px !important;
}

ol.flex-control-nav.flex-control-paging {
    display: flex;
    align-items: center;
    bottom: -30px !important;
    justify-content: center;
}

.fusion-body .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    width: fit-content !important;
}

.fusion-slider-7 .flex-control-paging li a.flex-active {
    background: #C94F2B !important;
    width: 50px !important;
    height: 4px !important;
}

.fusion-body .flex-control-nav li a {
    background: #ffffff !important;
    height: 5px !important;
    width: 25px !important;
}

@media (max-width: 768px) {
    .fusion-builder-row.fusion-row.fusion-flex-align-items-center.fusion-flex-content-wrap {
        padding: 50px 0 0 !important;
    }

    ul li .background.background-image {
        height: 400px !important;
    }

    ul.slides li {
        width: 420px !important;
    }

    .flexslider.main-flex {
        height: 400px !important;
    }

    .fusion-slider-7 .flex-direction-nav a {
        width: 45px;
        height: 45px;
        line-height: 43px;
        font-size: 23px;
    }
}

@media (max-width: 640px) {
    .fusion-builder-row.fusion-row.fusion-flex-align-items-center.fusion-flex-content-wrap {
        padding: 90px 0 0 !important;
    }
}

@media (max-width: 580px) {
    .fusion-builder-row.fusion-row.fusion-flex-align-items-center.fusion-flex-content-wrap {
        padding: 130px 0 0 !important;
    }
}

@media (max-width: 438px) {
    .fusion-builder-row.fusion-row.fusion-flex-align-items-center.fusion-flex-content-wrap {
        padding: 180px 0 0 !important;
    }
}


/*custom css  */
.slick-list .slick-track {
    display: flex !important;
    gap: 0 !important;
    margin: 20px 0 !important;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.slick-initialized .slick-slide {
    margin: 0 15px !important;
}

.slick-next:before,
.slick-prev:before {
       font-family: 'Adobe Clean', sans-serif !important;
    font-size: 40px !important;
    font-weight: 100 !important;
    line-height: 0 !important;
    opacity: 0.89 !important;
    color: #293051 !important;
    background: white !important;
    padding: 0 0 6px !important;
    border-radius: 50% !important;
    display: flex !important; 
    justify-content: center !important;
	align-items: center !important;
    height: 54px;
    width: 63px;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    background: #293051 !important;
    color: white !important;
}

.slick-next,
.slick-prev {
    transform: translate(0, -140%) !important;
	    z-index: 2 !important;
}
.slick-prev {
    left: 50px !important;
}

.slick-next {
    right: 70px !important;
}

.slick-dots li button:before {
    content: none !important;
}

.slick-dots {
    position: absolute !important;
    bottom: -10px !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
}

.slick-dots li {
    position: relative !important;
    display: inline-block !important;
    width: 25px !important;
    height: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: #fff !important;
    border-radius: 15px !important;
}

li.slick-active {
    width: 50px !important;
    background: #C94F2B !important;
}

.slick-dots li:nth-child(n+4) {
    display: none !important;
}

@media (max-width: 1024px) {

    .slick-next:before,
    .slick-prev:before {
        font-size: 22px !important;
        padding: 22px !important;
    }

    .slick-initialized .slick-slide {
        margin: 0 10px !important;
    }

    .slick-list .slick-track {
        margin: 0 0 15px !important;
    }
}

@media (max-width: 576px) {
    .slick-prev {
        display: block !important;
        left: 25px !important;
    }

    .slick-next {
        display: inline-block !important;
    }

    .slick-next:before,
    .slick-prev:before {
        font-size: 23px !important;
        font-weight: 500 !important;
        padding: 22px !important;
    }

    #main {
        padding: 15px !important;
    }

    .slick-list .slick-track {
        gap: 0 !important;
        margin: 0 0 15px !important;
    }

    .slick-dots li:nth-child(n+4) {
        display: none !important;
    }

    .slick-dots {
        gap: 8px !important;
    }

    .slick-dots li {
        width: 15px !important;
    }

    li.slick-active {
        width: 30px !important;
    }

}

/*new-slider-css*/
#new-avd-slider {
    margin: 0 !important;
    height: 100% !important;
}
#new-avd-slider .fusion-gallery-column {
    position: relative !important;
    display: inline-block !important;
    left: unset !important;
    padding: 0 !important;
    top: unset !important;
}
#new-avd-slider .clearfix {
    display: none !important;
}

@media (max-width: 575px) {
.new-avd-slider .slick-dots{ bottom: -30px !important;}
}

/*Sticky Header*/
.stickyheader{display:none!important;} 
.stickyheader.sticky {display:flex!important;position: fixed!important;left: 0px;right: 0;z-index: 99!important;}

.wp-image-390 {
    width: 450px;
}
.slick-slider img {
    width: 100%;
    height: auto;
}
.slick-next:before, .slick-prev:before {
font-family: 'Adobe Clean', sans-serif !important;
font-size: 40px !important;
font-weight: 300 !important;
padding: 0 0 6px !important;
align-items: center !important;
height: 54px;
width: 63px;
}
.slick-next, .slick-prev {
    transform: translate(0, -140%);
}

h2::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--wp--preset--color--awb-color-custom-1);
    border-radius: 50%; /* Maakt het een ronde punt */
    margin-left: 5px; /* Geeft wat ruimte tussen de tekst en de punt */
}
.current-day {
    font-weight: 900;
}