/*
Theme Name: popupstudio
Description: popupstudio
Author: popupstudio
Author URI: https://popupstudio.nl
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* ------------------------------------
-------------search function-----------------
-------------------------------------*/
@media only screen and (max-width: 479px) {
    .hide-mobile {
        display: none !important;
    }
}

html body:not(.home) .fusion-tb-header .fusion-absolute-position-large {
    position: relative;
    top: auto;
    width: 100%;
    background-color: var(--awb-custom_color_19);
}

.mobile-search-col {
    position:       absolute !important;
    width:          100%;
    opacity:        0;
    pointer-events: none;
    transform:      translateY(-24px);
    z-index:        999 !important;
    transition:     ease-in-out 0.3s !important;
    background:     #fff !important;

    &.active {
        opacity:        1;
        pointer-events: all;
        transform:      translateY(0);
    }

    .awb-menu.collapse-enabled li {
        border-bottom: 0 !important;
    }

    nav {
        width: calc(100% - 58px) !important;
        padding-left: 14px !important;

        .awb-menu__search-inline {
            padding: 8px !important;
        }
    }
}

.mobile-menu-endeavour {
    margin-right: 22px !important;
}

.read-more-button {
    display:         none; /* Initially hidden */
    margin-top:      10px;
    cursor:          pointer;
    background:      transparent !important;
    border:          none;
    color:           #2D2D2D !important;
    text-decoration: none;
    padding:         0 !important;
    box-shadow:      none !important;
}

.read-more-button i {
    margin-left: 0.5em;
}

.read-more .fusion-text {
    overflow:   hidden;
    transition: max-height 0.3s ease;
    position:   relative;
}

button.read-more-button {
    text-align:  left;
    font-family: inherit;
    font-size:   16px ! IMPORTANT;
}

.fullwidth-button {
    width: 100%;
}

.behandelingen-post-card .behandelingen-excerpt {
    display:            -webkit-box;
    -webkit-line-clamp: 3; /* Maximaal 3 regels */
    -webkit-box-orient: vertical;
    overflow:           hidden;
}

.behandelingen-post-card .behandelingen-excerpt p {
    padding: 0 !important;
    margin:  0 !important;
}

.behandelingen-post-card > .fusion-column-wrapper > .fusion-builder-row {
    align-content: space-between;
}

.behandelingen-post-card .link-to-detailpage {
    margin-top: 24px;
}

/* AANPASSINGEN Filters */
.wpc-term-count {
    font-size: 12px;
}

.wpc-filter-title {
    font-weight: 600;
}

body .wpc-filters-main-wrap li.wpc-term-item {
    margin-bottom: 12px;
}

a.video-button {
    position: absolute;
    z-index:  9;
    bottom:   16px;
    left:     32px;
}

.stappen-label {
    background-color: var(--awb-color4);
    padding:          2px 12px;
    width:            fit-content;
    border-radius:    12px;
}

.fusion-body .fusion-title {
    --awb-link-color:       unset;
    --awb-link-hover-color: unset;
}

body a, p a {
    color: currentColor !important;
}

@media only screen and (max-width: 500px) {
    .main-nav ul#menu-navigatie {
        max-height: none !important;
        height:     100vh !important;
    }
}

.fusion-fullwidth.fullwidth-box.fusion-builder-row-2.fusion-flex-container.has-pattern-background.has-mask-background.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container.fusion-custom-z-index.fusion-container-stuck.fusion-sticky-transition .home-nav a.awb-menu__main-a.awb-menu__main-a_regular {
    color: #000 !important;
}

.fusion-fullwidth.fullwidth-box.fusion-builder-row-2.fusion-flex-container.has-pattern-background.has-mask-background.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container.fusion-custom-z-index .home-nav a.awb-menu__main-a.awb-menu__main-a_regular {
    color: #fff;
}

a.behandel-btn:hover .fusion-button-text {
    color: var(--button_accent_color) !important;
}

a.behandel-btn:hover {
    background: transparent !important;
    color:      var(--button_accent_color) !important;
    border:     0px !important;
}

a.behandel-btn {
    border: 0px !important;
}

.awb-swiper-button-prev, .swiper-rtl .awb-swiper-button-next {
    left:  auto !important;
    right: 50px !IMPORTANT;
}

.awb-swiper-button-next, .swiper-rtl .awb-swiper-button-prev {
    right: 0 !important;
    left:  auto !important;
}

.fullwidth-button {
    width: 100%;
}