/*
 Theme Name:   Altman Child
 Theme URI:
 Description:  Altman Child Theme
 Author: EPIC Creative
 Author URI: https://epiccreative.com
 Template:     hello-elementor
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Blank, HTML5, CSS3
 Text Domain:  template
*/

body {
    overflow-x: hidden !important;
}

body > div[data-elementor-type="wp-page"],
body > div.elementor-594 {
    overflow-x: hidden;
}

.elementor-widget-text-editor a {
    color: var(--e-global-color-primary);
}

.elementor-widget-text-editor a:hover {
    text-decoration: underline;
}

.arrow-button .elementor-button-icon {
    position: absolute;
    right: -30px;
    font-size: 40px;
    transition: all .3s ease-in-out;
}

.arrow-button a:hover .elementor-button-icon {
    right: -40px;
}

.elementor-button-icon {
    display: block !important;
}

/* ======================================== Skip to Content Button ======================================== */
.skip-to-content-link {
    position: absolute;
    transform: translateY(-100%);
}

.skip-to-content-link {
    color: #FFF;
    font-size: 20px !important;
}

.skip-to-content-link:focus,
.skip-to-content-link:focus-visible {
    transform: translateY(0%);
    outline: -webkit-focus-ring-color auto 1px;
}

/* ======================================== Scrolling Effects Styles ======================================== */
#accContent .elementor-widget-text-editor {
    display: none;
    transition: all 3s ease-in-out;
    max-width: 650px;
    opacity: 0;
}

#accContent .elementor-widget-text-editor.active {
    display: block;
    opacity: 1;
}

#accPinSection #accTitles .elementor-widget-heading h2 {
    cursor: pointer;
    display: inline-block;
}


/* ======================================== Search Styles ======================================== */
#mainSearch button {
    color: #FFFFFF !important;
}

#resultsSearch button {
    position: relative;
}

#resultsSearch .elementor-search-form__container {
    overflow: visible;
}

#mainSearch button .arrow-button-icon,
#resultsSearch button .arrow-button-icon {
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 40px;
    transition: all .3s ease-in-out;
    pointer-events: none;
}

#mainSearch button .arrow-button-icon svg,
#resultsSearch button .arrow-button-icon svg {
    width: 40px;
    height: 40px;
}

#mainSearch button:hover .arrow-button-icon,
#resultsSearch button:hover .arrow-button-icon {
    right: -40px;
}

@media (max-width: 767px) {
    #mainSearch .elementor-search-form__container {
        flex-direction: column;
    }

    #mainSearch .elementor-search-form__container input[type="search"] {
        padding: 20px;
        margin-bottom: 25px;
    }

    #mainSearch button {
        padding: 20px;
        margin: 0 15%;
    }

    #mainSearch button .arrow-button-icon {
        right: calc(15% - 30px);
        top: unset;
        bottom: -10px;
    }

    #mainSearch button:hover .arrow-button-icon {
        right: calc(15% - 40px);
    }
}


/* ======================================== Brand Slider Styles ======================================== */
.brand-slider .brand-desc {
    opacity: 0;
    margin: 95px 0 0;
    text-align: center;
}

.brand-slider .swiper-slide-active .brand-desc {
    opacity: 1;
}

.brand-slider .swiper-slide img {
    width: 100%;
}

.brand-slider .swiper-slide h3 {
    /*transform: translate(-22vw,-25vw) rotate(-90deg);*/
    text-align: center;
    margin: 30px 0 50px;
    display: block;
    font-style: normal;
    font-size: 32px;
    font-weight: bold;
    color: var(--e-global-color-primary);
}

.brand-slider .swiper-pagination {
    font-family: 'HK GROTESK', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: var(--e-global-color-primary);
    letter-spacing: 2px;
    line-height: 28px;
    pointer-events: none;
}

.brand-slider .swiper-pagination .fraction-divider {
    height: 2px;
    width: 50px;
    display: inline-block;
    background-color: #E3A8C3;
    margin: 0 10px 5px 5px;
}

.brand-slider .swiper-button-next:after,
.brand-slider .swiper-button-prev:after {
    display: none;
}

.brand-slider .swiper-button-next {
    z-index: 10;
    bottom: 0;
    top: unset;
    background: none;
    left: calc(50% + 180px);
    color: var(--e-global-color-primary);
}

.brand-slider .swiper-button-prev {
    z-index: 10;
    bottom: 0;
    top: unset;
    background: none;
    right: calc(50% + 180px);
    left: unset;
    color: var(--e-global-color-primary);
}

.brand-slider .brand-image-link {
    display: block;
    position: relative;
    pointer-events: none;
}

.brand-slider .swiper-slide-active .brand-image-link {
    pointer-events: unset;
}

.brand-slider .brand-image-link .brand-hover-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.brand-slider .swiper-slide-active .brand-image-link:hover .brand-hover-image {
    opacity: 1;
}

.brand-slider.five-up-slider .swiper-slide h3 {
    transform: none;
    position: initial;
    text-align: center;
    margin-top: 100px;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.brand-slider.five-up-slider .swiper-slide-active h3 {
    opacity: 1;
}

.brand-slider.five-up-slider .swiper-button-next {
    /*bottom: 100px;*/
    bottom: -8px;
    right: unset;
    left: calc(50% + 100px);
}

.brand-slider.five-up-slider .swiper-button-prev {
    /*bottom: 100px;*/
    bottom: -8px;
    left: unset;
    right: calc(50% + 100px);
}

.brand-slider.five-up-slider .swiper-slide .brand-image-link {
    pointer-events: unset;
}

.brand-slider.five-up-slider .swiper-slide .brand-image-link:hover .brand-hover-image {
    opacity: 1 !important;
}
.brand-slider.five-up-slider .swiper-pagination {
    bottom: 0 !important;
}

@media only screen and (max-width: 767px) {
    .swiper-wrapper{
        padding-bottom: 50px;
    }
    .brand-slider.five-up-slider .swiper-slide h3 {
        margin-top: 50px;
        white-space: nowrap;
    }

    .brand-slider.five-up-slider .swiper-pagination {
        bottom: 50px;
    }
}



.brand-image-link > a {
    position: absolute;
    padding: 0 42px !important;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.brand-image-link:hover > a {
    opacity: 1;
}

.brand-slider.three-up-slider .swiper-pagination {
    bottom: 1%;
}




/* ======================================== Product Slider Styles ======================================== */
.product-slider {
    padding-bottom: 85px;
}

.product-slider .swiper-slide {
    padding-bottom: 60px;
}

.product-slider .swiper-slide img {
    width: 100%;
}

.product-slider .swiper-slide h3 {
    margin: 0;
    margin-top: 20px;
    text-align: center;
    font-style: normal;
    font-size: 17px;
    font-weight: 600;
    color: var(--e-global-color-text);
    font-family: 'HK Grotesk', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2.93px;
}

.product-slider .swiper-pagination {
    bottom: 25px;
    pointer-events: none;
    font-family: 'HK GROTESK', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: var(--e-global-color-primary);
    letter-spacing: 2px;
    line-height: 28px;
}

.product-slider .swiper-pagination .fraction-divider {
    height: 2px;
    width: 50px;
    display: inline-block;
    background-color: #E3A8C3;
    margin: 0 10px 5px 5px;
}

.product-slider .swiper-button-next:after,
.product-slider .swiper-button-prev:after {
    display: none;
}

.product-slider .swiper-button-next {
    bottom: 0;
    top: unset;
    background: none;
    right: 33vw;
    line-height: 42px;
    width: 84px;
    height: 84px;
    padding: 25px;
    color: var(--e-global-color-primary);
    transition: all .3s ease-in-out;
}

.product-slider .swiper-button-prev {
    bottom: 0;
    top: unset;
    background: none;
    left: 33vw;
    line-height: 42px;
    width: 84px;
    height: 84px;
    padding: 25px;
    color: var(--e-global-color-primary);
    transition: all .3s ease-in-out;
}

.product-modal {
    padding-right: 0 !important;
}

.product-modal .modal-dialog {
    max-width: 1450px;
}

.product-modal .modal-content {
    border: none;
    border-radius: 0;
    background: red;
    padding: 45px;
    min-height: 665px;
}

.product-modal .modal-header {
    border: none;
    padding: 0;
}

.product-modal .modal-header .close {
    padding: 0;
    border: none;
    background: transparent;
    opacity: 1;
    margin: 0 0 0 auto;
    line-height: 48px;
}

.product-modal .modal-body {
    display: flex;
}

.product-modal .modal-body > .row {
    width: 100%;
}

.product-modal .modal-body .product-modal-image {
    background: #FFF;
    padding: 10%;
    position: absolute;
    top: -145px;
    bottom: -95px;
    left: -15px;
    right: 10%;
    display: flex;
    align-items: center;
}

.product-modal .modal-body .product-modal-image img {
    margin: 0 auto;
    display: block;
}

.product-modal .modal-body h3 {
    font-size: 52px;
    font-style: normal;
    color: #FFFFFF;
    margin: 0;
}

.product-modal .modal-body hr {
    width: 65px;
    height: 2px;
    border: none;
    background: #ffffffaa;
    margin: 30px 0;
}

.product-modal .modal-body p {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 37px;
    font-weight: 300;
}

.product-modal .modal-body .col-md-5 {
    overflow-y: auto;
    max-height: 495px;
}

.product-modal .product-specs-output {
    margin-top: 35px;
}

.product-modal .product-specs-output table tr td:first-child {
    border: none;
    background: transparent;
    font-size: 17px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 2.93px;
    color: #FFFFFF;
    font-weight: 600;
    border-bottom: 1px solid #FFFFFF40;
}

.product-modal .product-specs-output table tr td:last-child {
    border: none;
    background: transparent;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 300;
    border-bottom: 1px solid #FFFFFF40;
}

.product-modal .product-specs-output table tr:last-child td {
    border-bottom: none;
}

@media (max-width: 991px) {
    .product-modal .modal-content {
        padding: 25px;
    }

    .product-modal .modal-body {
        justify-content: center;
        padding: 30px 0 0;
    }

    .product-modal .modal-body .product-modal-image {
        position: relative;
        padding: 0 10%;
        top: -5%;
    }

    .product-modal .modal-body h3 {
        font-size: 30px;
    }

    .product-modal .modal-body p {
        font-size: 12px;
        line-height: 19px;
    }

    .product-modal .product-specs-output table tr td {
        font-size: 14px !important;
    }
}

.product-carousel-overlay {
    position: relative;
}

.product-carousel-overlay .overlay-container {
    opacity: 0;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.product-carousel-overlay .overlay-container > a {
    position: absolute;
    padding: 0 42px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product-carousel-overlay .overlay-container > a .elementor-button-text {
    white-space: nowrap;
}


/* ======================================== Brand Pages Styles ======================================== */
.shop-cta-card .elementor-cta__button {
    position: relative;
}

.shop-cta-card .elementor-cta__button .arrow-button-icon {
    position: absolute;
    right: -32px;
    transition: all .3s ease-in-out;
}

.shop-cta-card .elementor-cta__button:hover .arrow-button-icon {
    right: -42px;
}


/* ======================================== Contact Us Page Styles ======================================== */
.gform_wrapper .gform_footer input[type="submit"] {
    margin-top: 0 !important;
}

.gform_wrapper .gform_footer .arrow-button-icon {
    pointer-events: none;
    margin-left: -10px;
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out;
}

.gform_wrapper .gform_button:hover ~ .arrow-button-icon {
    margin-left: 0px;
}


/* ======================================== Masonry Section Styles ======================================== */
section.masonry-section section.elementor-inner-section div.elementor-row div.elementor-inner-column {
    display: inline-block;
    width: 100%;
}

@media (min-width: 1024px) {
    section.masonry-section section.elementor-inner-section div.elementor-row {
        max-width: 1120px;
        margin: 0 auto;
        column-gap: 25px;
    }

    section.masonry-2 section.elementor-inner-section div.elementor-row {
        column-count: 2;
    }

    section.masonry-3 section.elementor-inner-section div.elementor-row {
        column-count: 3;
    }

    section.masonry-4 section.elementor-inner-section div.elementor-row {
        column-count: 4;
    }

    section.masonry-5 section.elementor-inner-section div.elementor-row {
        column-count: 5;
    }

    section.masonry-section section.elementor-inner-section div.elementor-row {
        display: inline-block;
    }

    section.masonry-section section.elementor-inner-section div.elementor-row div.elementor-inner-column.span-all {
        column-span: all;
        display: block;
    }
}




/* ======================================== Tablet Styles ======================================== */

/* ======================================== Mobile Styles ======================================== */
@media (max-width: 767px) {
    .brand-slider .swiper-slide h3 {
        transform: none;
        font-size: 16px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
        white-space: nowrap;
        display: none;
        transition: all .3s ease-in-out;
    }

    .brand-slider .swiper-slide-active h3 {
        display: block;
    }

    .brand-slider .swiper-slide .brand-desc {
        margin-top: 50px;
        width: 150%;
        margin-left: -25%;
    }

    .brand-slider .swiper-button-next {
        display: none;
    }

    .brand-slider .swiper-button-prev {
        display: none;
    }

    .brand-slider.three-up-slider .swiper-pagination {
        bottom: 0;
    }

    .product-slider .swiper-button-next {
        font-size: 36px;
        padding: 10px;
        width: 52px;
        height: 52px;
        bottom: -75px;
        right: 7vw;
    }

    .product-slider .swiper-button-prev {
        font-size: 36px;
        padding: 10px;
        width: 52px;
        height: 52px;
        bottom: -75px;
        left: 7vw;
    }
}