/*
Theme Name:   B2Wise Child
Theme URI:    https://theagency.co.za/
Description:  Make your modifications to [Parent Theme] in this B2Wise child theme.
Author:       The Agency
Author URI:   https://theagency.co.za/
Template:     sasico
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  sasico-child
*/

/* =Theme customization starts here
------------------------------------------------------- */

:root {
    --primary-color: #00DD51;
    --secondary-color: #090E16;
}

.main-navigation>ul {
    border-radius: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    background: rgba(9, 13, 22, 0.8) !important;
    padding: 10px 25px !important;
}

.main-navigation ul li.menu-item-has-children>a::after {
    margin-left: 2px;
    margin-top: 5px;
}

.main-navigation>ul>li.current-menu-item>a,
.main-navigation>ul>li.current-menu-ancestor>a,
.main-navigation>ul>li>a:hover {
    background: var(--primary-color) !important;
}

.main-navigation>ul>li>a {
    border-radius: 10px !important;
    padding: 10px 15px !important;
    line-height: 1 !important;
}

.sasi-btn-primary {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.sasi-heading .sasi-heading__sub {
    padding: 12px 16px !important;
    border-radius: 10px !important;
}

.customCarousel {
    width: 90vw !important;
    min-width: unset !important;
    max-width: unset !important;
}

.threeColourGradientFade {
    background: linear-gradient(180deg, #090E16 0%, #000000 15%, #000000 58%, #000000 85%, #090E16 100%);
}

.customSubscribeForm form.elementor-form {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    width: 100%;
}

.customSubscribeForm input {
    padding-left: 20px !important;
}


.customSubscribeForm form.elementor-form .elementor-form-fields-wrapper {
    display: flex;
    flex-wrap: unset !important;
}

.customSubscribeForm .elementor-field-group-email {
    min-width: 60% !important;
    max-width: unset !important;
    margin-bottom: 0px !important;
    max-height: 50px !important;
}

.customSubscribeForm .elementor-form-fields-wrapper {
    min-width: 100% !important;
    max-width: unset !important;
    padding: 10px 5px;
    border: 1px solid var(--e-global-color-4c799b4);
    max-height: 70px;
    border-radius: 15px;
}

.customSubscribeForm button.elementor-button {
    min-height: 50px !important;
    max-height: unset !important;
    min-width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center
}

.customSubscribeForm button.elementor-button::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' transform='rotate(90 20 20)' fill='white'/%3E%3Cpath d='M19.0859 14.5391C19.1953 14.4023 19.4141 14.4023 19.5508 14.5391L25.2656 20.2539C25.4023 20.3906 25.4023 20.582 25.2656 20.7188L19.5508 26.4336C19.4141 26.5703 19.1953 26.5703 19.0859 26.4336L18.5391 25.9141C18.4023 25.7773 18.4023 25.5586 18.5391 25.4492L22.7773 21.2109L13.4531 21.2109C13.2617 21.2109 13.125 21.0469 13.125 20.8828L13.125 20.1172C13.125 19.9258 13.2617 19.7891 13.4531 19.7891L22.7773 19.7891L18.5391 15.5234C18.4023 15.4141 18.4023 15.1953 18.5391 15.0586L19.0859 14.5391Z' fill='%23090D16'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.swiper-slide .companyLogo,
.swiper-slide .authorBox,
.swiper-slide .starRating {
    display: none;
}

.customTestimonialSlider .swiper-slide {
    scale: 0.85 !important;
    transition: scale 0.8s ease-in-out !important;
}

.customTestimonialSlider .swiper-slide-active {
    scale: 1 !important;
}

.customTestimonialSlider .swiper-slide-active {
    box-shadow: 0 0 45px 4px #00e653 !important;
    transition: box-shadow 0.8s ease-in-out !important;
    border-radius: 15px !important;
}

.customTestimonialSlider .swiper.swiper-initialized.swiper-horizontal{
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.swiper-slide-active .companyLogo,
.swiper-slide-active .authorBox,
.swiper-slide-active .starRating {
    display: flex !important;
}

/*** NEW MEDIA QUERIES ***/
@media screen and (min-width: 1200px) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

@media screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .desktop-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    ul.unstyle.sasi-icon-list-items.--inline-items li.sasi-icon-list-item.--inline-item {
        width: 100% !important;
    }

    .customSubscribeForm .elementor-field-group-email {
        min-width: 50% !important;
    }
}