/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* .page div.elementor > div.e-con {
    padding-left: 5%;
    padding-right: 5%;
} 

@media (min-width:767px) {
    .page div.elementor > div.e-con {
        padding-left: 5%;
        padding-right: 5%;
    } 
}

@media (min-width:1024px) {
    .page div.elementor > div.e-con {
        padding-left: 5%;
        padding-right: 5%;
    } 
} */
 

html, body {
    overflow-x: hidden;
}

body {
    position: relative
}
 
/* TESTIMONIALS SLIDER */
.elementor-widget-testimonial-carousel .swiper-slide {
    background: white;
    border-radius: 10px;
    padding: 1.25rem;
    color: #727272;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.elementor-widget-testimonial-carousel .swiper-slide .elementor-testimonial .elementor-testimonial__text {
    font-size: .875rem;
    font-style: normal;
    text-align: left;
}
.elementor-widget-testimonial-carousel .swiper-slide .elementor-testimonial .elementor-testimonial__footer {
    display: flex;
    justify-content: flex-start;
}
.elementor-widget-testimonial-carousel .swiper-slide .elementor-testimonial__name {
    color: #15456d;
    font-size: 1.125rem;
}

/* ACTIVE SLIDE */
.elementor-widget-testimonial-carousel .swiper-slide.swiper-slide-next {
    position: relative;
}
.elementor-widget-testimonial-carousel .swiper-slide.swiper-slide-next .elementor-testimonial__name {
    color: #014F64;
}
.elementor-widget-testimonial-carousel .swiper-slide.swiper-slide-next::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background-color: #014F64;
}


/* LOCATIONS MAP */

.page-container {
    max-width: 1300px;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}

.locations-finder .locations-map-container {
    height: 25rem;
    max-width: 60rem;
    width: 100%;
    aspect-ratio: 2/1;
    border-radius: 40px;
    overflow: hidden;
    margin: 0 auto;
}

.locations-finder #locations-map {
    height: 100%; 
    width: 100%; 
}

.locations-finder .info-window {
    max-width: 10rem;
}

.locations-finder .info-window h6 {
    margin: unset;
}

.locations-finder .locations-results {
    display: flex;
    column-gap: 3rem;
    margin-top: 3rem;
    margin-bottom: 8rem;
    max-width: 60rem;
    width: 100%;
}

.locations-finder #no-result {
    margin-top: 2rem;
}

@media (max-width: 767px) { 
    .locations-finder .locations-results {
        display: block;
    }
}

.locations-finder .zipcode {
    max-width: 15rem;
}

.locations-finder .zipcode input {
    background-color: #5993A20F;
    border-width: 0px 0px 0px 0px;
    border-radius: 16px 16px 16px 16px;
    border: none;
    color: #1f2124;
    flex-grow: 1;
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
}

input::placeholder {
    color: #142E1B66;
}


@media (max-width: 767px) { 
    .locations-finder .zipcode {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 2rem;
        max-width: unset;
        padding: 1rem;
    }
}

.locations-finder .zipcode h2 {
    text-transform: capitalize;
}

.locations-finder .locations-list {
    border-left: solid 3px #E8A644;
    display: flex;
    flex: 1 1 30%;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-height: 15rem;
    padding-left: 3rem;
    column-gap: 2rem;
    row-gap: 1rem;
}

@media (max-width: 767px) { 
    .locations-finder .locations-list {
        margin-left: 2rem;
      }
}

.locations-finder .locations-list .location {
    width: 28%;
}

.locations-finder .hidden {
    display: none;
}

@media (max-width: 767px) { 
    .locations-finder .locations-list .location {
        width: 100%;
      }
}

.locations-finder .locations-list .location h3 {
    font-size: 1rem;
    margin-bottom: .5rem;
}

.locations-finder .locations-list .location p {
    font-size: 1rem;
    /* max-width: 15rem; */
}