/*
Theme Name: TrunkBBI - Hello Elementor Child Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: TrunkBBI
Author URI: https://trunkbbi.com/
Template: hello-elementor
Version: 0.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Header */
.header-button-inactive {
    background-color: transparent !important;
    transition: all .3s;
}

.header-button-inactive:hover {
    background-color: #FFFFFF40 !important;
    border-radius: 6px !important;
}

.nav-mobile-buttons {
    z-index: -1 !important;
}

/* Footer */
.footer-social-svg {
    transition: all .3s;
}

.footer-social-svg:hover circle {
    stroke: #E41A63;
}

.footer-social-svg:hover path {
    fill: #E41A63;
}

/* Main menu */
.elementor-nav-menu a.elementor-sub-item:hover,
.elementor-nav-menu a.elementor-sub-item:focus,
.elementor-nav-menu a.elementor-sub-item.elementor-item-active {
    background-color: #F8F8F8 !important;
    color: #39178B !important;
    font-weight: 600;
    border-bottom-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.elementor-nav-menu a.elementor-sub-item {
    font-weight: 600;
}


header nav.elementor-nav-menu--dropdown {
    top: 70px !important;
    background-color: #fff !important;
}

header nav.elementor-nav-menu--dropdown li {
    background-color: #fff !important;
}
header nav.elementor-nav-menu--dropdown li a {
    color: #39178B !important;
    fill: #39178B !important;
    line-height: 40px !important;
    font-size: 30px !important;
    padding: 30px 20px;
}

header nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    background-color: #f2f2f2 !important;
}


@media (min-width: 1041px) and (max-width: 1150px)  {
    nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal {
        --e-nav-menu-horizontal-menu-item-margin: calc(20px / 2) !important;
    }
}
@media (min-width: 1025px) and (max-width: 1040px)  {
    nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal {
        --e-nav-menu-horizontal-menu-item-margin: calc(10px / 2) !important;
    }
}

@media (min-width: 767px) {

    .nav-main-menu .elementor-nav-menu--burger {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5) !important;
        margin-block-end: 25px !important;
    }

    .nav-main-menu .elementor-sticky--effects {
        top: 30px !important;
    }

    .nav-main-menu nav:first-of-type {
        width: 200px !important;
        position: fixed !important;
        left: unset !important;
        right: 30px !important;
        width: 200px !important;
    }

    .nav-main-menu nav:first-of-type li a {
        color: #39178B !important;
    }

    .nav-main-menu nav,
    .nav-main-menu ul {
        background-color: #ffffff !important;
    }

    .nav-main-menu svg  {
        fill: #E41A63;
    }

    .nav-main-menu .elementor-item.highlighted,
    .nav-main-menu .elementor-item:focus,
    .nav-main-menu .elementor-item.elementor-item-active,
    .nav-main-menu .elementor-sub-item.elementor-item-active {
        background-color: #ffffff !important;
    }

    .menu-item-has-children > ul {
        border-bottom-right-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
    }
}


/* Hero */
.hero h1 {
    color: var(--White, #FFF)  !important;
    text-align: center !important;
    font-family: Interstate !important;
    font-size: 70px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 60px !important;
    text-transform: uppercase !important;
}

@media (max-width: 768px) {
    .hero {
        padding-top: 130px !important;
    }

    .hero h1 {
        font-size: 36px !important;
        font-weight: 400;
        line-height: 30px !important;
    }

    .hero-container {
        margin: 0 20px !important;
        width: 80% !important;
    }
}

/* Logo Slider */
.logo-slider {
    width: min(100%, 1140px) !important;
}

@media (max-width: 768px) {
    .logo-slider {
        padding: 40px 25px !important;
    }

    .logo-slider-text {
        width: 100% !important;
    }
}

/* Testimonial Carousel */
.testimonial-carousel::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  background: var(--Gradient-Pink-Purple,
    linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 82.29%),
    linear-gradient(286deg, #7D2EBD 9.93%, #FFA4A0 85.79%)
  ) !important;
  opacity: 0.3 !important;
  pointer-events: none !important;
}

.testimonial-carousel {
    position: relative !important;
    z-index: 1 !important;
    padding: 40px !important;
}

.testimonial-carousel h2 {
    line-height: 50px !important;
    text-align: center !important;
}

@media (max-width: 375px) {
    .testimonial-carousel h2 {
        line-height: 40px !important;
    }
}


.testimonial-carousel .elementor-testimonial {
    position: relative !important;
    padding-bottom: 90px !important;
}

.testimonial-carousel .elementor-swiper {
    position: relative !important;
    padding-bottom: 50px !important;
}


.testimonial-carousel .swiper-slide {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    max-width: 900px !important;
    width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
}

 @media (min-width: 600px) and (max-width: 768px) {
    .testimonial-carousel .elementor-main-swiper  {
        width: calc(600px - 40px) !important;
    }
}

@media (max-width: 400px) {
    .testimonial-carousel .swiper-slide {
        width: 103% !important;
    }
}


.testimonial-carousel .elementor-swiper-button {
    position: absolute !important;
    bottom: -20px !important;
    top: auto !important;
    border: 1px solid #7D2EBD !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease-in-out !important;
}

.testimonial-carousel .elementor-swiper-button svg {
    width: 16px !important;
    height: 16px !important;
    fill: #7D2EBD !important;
}

.testimonial-carousel .elementor-swiper-button:hover {
    background-color: #7D2EBD !important;
    color: white !important;
}

.testimonial-carousel .elementor-swiper-button:hover svg {
    fill: #fff !important;
}

.testimonial-carousel .elementor-swiper-button-prev {
    left: calc(50% - 60px) !important;
}

.testimonial-carousel .elementor-swiper-button-next {
    right: calc(50% - 60px) !important;
}

/* Responsive tweaks */
@media (max-width: 1024px) { 
    .testimonial-carousel .elementor-swiper-button-prev {
        left: calc(50% - 70px) !important;
    }

    .testimonial-carousel .elementor-swiper-button-next {
        right: calc(50% - 70px) !important;
    }
}

@media (max-width: 375px) { 
    .testimonial-carousel .elementor-swiper-button-prev {
        left: calc(50% - 80px) !important;
    }

    .testimonial-carousel .elementor-swiper-button-next {
        right: calc(50% - 80px) !important;
    }
}

.testimonial-carousel .elementor-testimonial__text {
    text-align: center !important;
    font-family: canada-type-gibson;
    font-size: 26px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 38px !important;
}

.testimonial-carousel .elementor-testimonial__text::before {
    content: "“";
    font-size: 26px;
    color: #39178B;
    font-weight: 400;
    margin-right: 5px;
}

.testimonial-carousel .elementor-testimonial__text::after {
    content: "”";
    font-size: 26px;
    color: #39178B;
    font-weight: 400;
    margin-left: 5px;
}

.testimonial-carousel .elementor-testimonial__cite {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap  !important;
}

.testimonial-carousel .elementor-testimonial__name {
    color: #39178B;
    font-family: canada-type-gibson;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.testimonial-carousel .elementor-testimonial__name::after {
    content: " —";
    color: #39178B;
    margin-left: 8px;
}

.testimonial-carousel .elementor-testimonial__title {
    color: #39178B;
    font-family: canada-type-gibson;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}


/* Form */

.elementor-widget-form .elementor-field-type-checkbox .elementor-field-option {
    display: flex;
    flex-direction: row;
    padding: 20px 0;
    align-items: flex-end;
}

.elementor-widget-form .elementor-field-type-checkbox .elementor-field-option label {
    margin: 0 0 0 20px;
}

/* Data Points */
@media (max-width: 767px) {
    .datapoints {
        padding: 40px 25px !important;
    }
}

@media (max-width: 767px) {
    .page-intro {
        padding: 0 25px !important;
    }
}

@media (max-width: 767px) {
    .page-intro-two {
        padding: 0 25px !important;
    }
}

/* Page intro overlap cards */
@media (max-width: 767px) {
    .page-intro-overlap {
        padding: 0 25px !important;
    }
}

/* Media Rows */
@media (max-width: 767px) {
    .media-row {
        padding: 0 25px !important;
    }
}

/* Accordions */
@media (max-width: 767px) {
    .accordion {
        padding: 0 25px 120px 25px !important;
    }

    .accordion h4 {
        padding-top: 40px;
        font-size: 14px;
    }
}


@media (max-width: 768px) {
    h2, h3 {
        text-align: left !important;
        font-family: Interstate !important;
        font-size: 36px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 30px !important;
        text-transform: uppercase !important;
    }
}



@media (min-width: 767px) {.e-parent {
    width: 100% !important;
    padding: 0 30px !important;
}