/*
Theme Name: Elementra Child Theme
Template: elementra
Theme URI: https://elementra.themerex.net/
Description: Elementra Child Theme
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.0
Tested up to: 6.7
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: elementra
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
.cky-consent-container .cky-consent-bar{
    box-shadow: none !important;
}
.cky-footer-wrapper > div:last-child{
    height: 0px !important;
    overflow: hidden;
    opacity: 0;
}
.cky-revisit-bottom-left{
    background-color: #5143f5 !important;
}
/* h1,h2,h3,h4,h5,h6{
    text-transform: uppercase !important;
}
h1{
   font-size: clamp(1.8125rem, 0.6211rem + 3.8125vw, 5.625rem) !important;
   *{
    font-size: clamp(1.8125rem, 0.6211rem + 3.8125vw, 5.625rem) !important;
   }
}
h2{
   font-size: clamp(1.3125rem, 0.9554rem + 1.1429vw, 2.8125rem) !important;
   *{
    font-size: clamp(1.3125rem, 0.9554rem + 1.1429vw, 2.8125rem) !important;
   }
}
h3{
   font-size: clamp(1.0625rem, 0.7054rem + 1.1429vw, 2.5625rem) !important;
   *{
    font-size: clamp(1.0625rem, 0.7054rem + 1.1429vw, 2.5625rem) !important;
   }
}
h4{
   font-size: clamp(0.8125rem, 0.4702rem + 1.0952vw, 2.25rem) !important;
   *{
    font-size: clamp(0.8125rem, 0.4702rem + 1.0952vw, 2.25rem) !important;
   }
} */

.h1-home h1 span{
    font-size: clamp(1.875rem, -0.2976rem + 6.9524vw, 11rem) !important;
}

.special-title{
    * {
        font-size: clamp(1.875rem, 1.2798rem + 1.9048vw, 4.375rem) !important;
    }
}
#bkg_grid{
    left: 50%;
    transform: translateX(-50%);
    width: 70vw;
    height: 70vw;

    img{
        width: 100%;
        opacity: 0.5;
    }
}
.section-title{
    h3{
        display: flex;
        gap: 15px;
    }
}
.woocommerce ul.products li.product .post_featured{
    width: 100%;
}
.elvora-accordion-content h2{
    display: none;
}
.wpml-ls-legacy-dropdown{
    width: auto;

    ul{
        border-radius: 17px;
        background-color: var( --e-global-color-accent );
    }

    a{
        background: transparent;
        border: 0;
        color: #afa8ff;
        text-transform: uppercase;
        font-size: 12px;
        font-family: "DM Sans", Sans-serif;
        font-weight: 600;

        span{
            width: calc(2ch - 2px);
            overflow: hidden;
            white-space: nowrap;
            display: block;
        }
    }
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{
    color: #fff;
    background: transparent;
}
@media(max-width:1680px){
    #store-section{
        .sc_parallax_block_type_scroll > div{
            background-size: 24% !important;
            background-position: 2% 20% !important;
        }
    }
    #community-section{
        .sc_parallax_block_type_scroll > div{
            background-size: 15% !important;
            background-position: 80% 47% !important;
        }
    }
}
@media(max-width:1280px){
    #first-section{
        .sc_parallax_block_type_scroll > div{
            background-size: 25% !important;
        }
        .sc_parallax_block_type_scroll:nth-of-type(1) div{
            background-position: 84% 25% !important;
        }
    }

    #store-section{
        .sc_parallax_block_type_scroll > div{
            background-size: 20% !important;
            background-position: 75% 30% !important;
        }
    }

    #community-section{
        .sc_parallax_block_type_scroll > div{
            background-size: 15% !important;
            background-position: 80% 33% !important;
        }
    }
}
@media(max-width:600px){
    #first-section{
        .sc_parallax_block_type_scroll:nth-of-type(1) div{
            background-size: 52% !important;
            background-position: 84% 22% !important;
        }
    }
    #store-section{
        .sc_parallax_block_type_scroll > div{
            background-size: 47% !important;
            background-position: 94% 18% !important;
        }
    }
    #community-section{
        .sc_parallax_block_type_scroll > div{
            background-size: 42% !important;
            background-position: 97% 24% !important;
        }
    }
}