/**
Theme Name: Yahar
Author: Conceito
Author URI: http://conceito-online.com.br
Description: ...
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yahar
Template: astra
*/
:root {
    --header-height-lg: 63px;
    --header-height-sm: 55px;
    --col1: 0;
    --col2: 28.6%;
    --col3: 1fr;
}

p {
    margin-bottom: 1em;
}

body.elementor-editor-active.ast-theme-transparent-header #masthead, #masthead {
    z-index: 10;
}

/* caixa do logo desktop */
.site-header-primary-section-left, .site-header-primary-section-right {
    align-items: start;
    height: var(--header-height-sm);
}

.site-header-primary-section-right {
    align-items: center;
}

.site-header-primary-section-left > .ast-builder-layout-element {
    background-color: var(--brand-500);
    margin-bottom: -240px;
}

.ast-sticky-main-shrink #masthead .ast-sticky-shrunk .site-logo-img img {
    /* height: auto !important; */
    max-height: 30px !important;
}

#ast-mobile-header {
    .ast-site-identity {
        padding: 10px;
        height: var(--header-height-sm);
        display: flex;
        align-items: center;
        img {
            height: calc(var(--header-height-sm) - 20px);
        }
    }
}

.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
}

/* remove padding do header */
#masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper {
    padding: 0;
}

#masthead .ast-builder-grid-row {
    grid-template-columns: 1fr 1fr !important;
}

.no-wrap {
    @media (min-width: 765px) {
        white-space: nowrap;
    }
}

@media (min-width: 921px) {
    /* sticky */ body.ast-primary-sticky-header-active .site-header-primary-section-left > .ast-builder-layout-element {
        margin-left: 32.9%;
    }

    .ast-sticky-main-shrink .ast-sticky-shrunk .main-header-bar .ast-site-identity {
        padding: 10px;
        height: var(--header-height-sm);
    }

    /* caixa do logo desktop */
    body:not(.ast-primary-sticky-header-active) .site-header-primary-section-left {
        align-items: start;
        height: var(--header-height-lg);
    }

    /* NON sticky */
    body:not(.ast-primary-sticky-header-active) .site-header-primary-section-left > .ast-builder-layout-element {
        margin-left: 31.6%;
        background-color: var(--brand-500);
        margin-bottom: -240px;
        padding: 30px !important;
        width: 320px;
        /* height: 320px; */
        aspect-ratio: 1/1;
    }

    .site-header-primary-section-left > .ast-builder-layout-element {
        width: 320px;
        align-items: center;
        justify-content: center;
    }

    /* item de menu (li)*/
    .ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item {
        height: var(--header-height-lg);
    }

    body.ast-primary-sticky-header-active .ast-primary-header-bar .main-header-menu > .menu-item {
        height: var(--header-height-sm);
    }

    /* item menu especial*/
    .link-brand.menu-item > a {
        background-color: var(--brand-500) !important;
    }

    .link-brand.menu-item > a:hover, .link-brand.menu-item > a:active {
        color: #fff !important;
        background-color: var(--brand-700) !important;
    }

    .link-icon.menu-item .menu-text {
        display: none;
    }
}

/* NON sticky */
body:not(.ast-primary-sticky-header-active) .site-header-primary-section-left > .ast-builder-layout-element {
    @media (min-width: 1300px) {
        margin-left: 32.2%;
    }

    @media (min-width: 1500px) {
        margin-left: 32.6%;
    }

    @media (min-width: 1700px) {
        margin-left: 32.8%;
    }
}

.site-footer-below-section-2 .wp-block-paragraph {
    margin-bottom: 0;
    @media(max-width: 765px) {
        text-align: center;
    }

    @media(min-width: 765px) {
        margin-right: 4rem;
    }
}

/*
------------ GRID
*/
.grid-12-3, .grid-1-23, .grid-123 {
    display: grid !important;
    grid-template-columns: 1fr;
}

/* colunas mobile */
@media(max-width: 720px) {
    .grid-123 {
        display: grid !important;
        grid-template-columns: 1fr;
    }
}

@media (min-width: 721px) and (max-width: 920px) {
    .grid-12-3, .grid-1-23, .grid-123 {
        --col1: 0;
        --col2: 28.6%;
        --col3: 1fr;
        grid-template-columns: var(--col2) var(--col3);
    }

    .grid-12-3 {
    }

    .grid-1-23 {
    }

    /* col1 span */
    .elementor-editor-active .grid-123 .e-div-block-base:nth-child(2), .grid-123 .e-div-block-base:first-child {
        grid-column: 1 / -1;
    }
}

@media(min-width: 921px) {
    .grid-123 {
        grid-template-columns: var(--col1) var(--col2) var(--col3);
    }

    .grid-12-3, .grid-1-23 {
        grid-template-columns: var(--col2) var(--col3);
    }
}

/* colunas tablet */
@media(min-width: 921px) and (max-width: 1130px) {
    .grid-123 {
        --col1: 15.2%;
        --col2: 28.1%;
        --col3: 1fr;
    }

    .grid-12-3 {
        --col2: calc(15.2% + 28.1%);
        --col3: 1fr;
    }

    .grid-1-23 {
        --col2: 15.2%;
        --col3: 1fr;
    }
}

/* colunas notebook */
@media(min-width: 1131px) and (max-width: 1335px) {
    .grid-123 {
        --col1: 15.4%;
        --col2: 320px;
        --col3: 1fr;
    }

    .grid-12-3 {
        --col2: calc(15.4% + 320px);
        --col3: 1fr;
    }

    .grid-1-23 {
        --col2: 15.4%;
        --col3: 1fr;
    }
}

/* colunas notebook 2 */
@media(min-width: 1336px) and (max-width: 1489px) {
    .grid-123 {
        --col1: 15.8%;
        --col2: 320px;
        --col3: 1fr;
        /* display: grid !important; */
        /* grid-template-columns: var(--col1) var(--col2) var(--col3); */
        /* grid-template-columns: 15.8% 320px 1fr; */
    }

    .grid-12-3 {
        --col2: calc(15.8% + 320px);
        --col3: 1fr;
    }

    .grid-1-23 {
        --col2: 15.8%;
        --col3: 1fr;
    }
}

/* colunas 24 pol */
@media(min-width: 1490px) and (max-width: 1790px) {
    .grid-123 {
        --col1: 16.1%;
        --col2: 320px;
        --col3: 1fr;
    }

    .grid-12-3 {
        --col2: calc(16.1% + 320px);
        --col3: 1fr;
    }

    .grid-1-23 {
        --col2: 16.1%;
        --col3: 1fr;
    }
}

@media(min-width: 1791px) {
    .grid-123 {
        --col1: 16.2%;
        --col2: 320px;
        --col3: 1fr;
        /* display: grid !important; */
        /* grid-template-columns: var(--col1) var(--col2) var(--col3); */
        /* grid-template-columns: 16.2% 320px 1fr; */
    }

    .grid-12-3 {
        --col2: calc(16.2% + 320px);
        --col3: 1fr;
    }

    .grid-1-23 {
        --col2: 16.2%;
        --col3: 1fr;
    }
}

@media (min-width: 1340px) {
    .elementor-element.offset-1l {
        /* margin-left: -15vw !important; */ /* width: 175% !important; */
    }
}

.elementor-element.card-servico {
    @media(min-width: 1600px) {
        max-width: 400px !important;
    }
}

#projeto-hero {
    background-size: cover;
    background-position: center;
}

.proj-list-item {
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: start;
    .elementor-widget-icon-box.elementor-mobile-position-block-start .elementor-icon-box-wrapper {
        flex-direction: row-reverse !important;
        align-items: center !important;
    }
}

@media (min-width: 1200px) {
    #proj-home-slider {
            .jet-listing-grid__slider {
                overflow: visible !important;
            }
        
        .jet-listing-grid__item:nth-child(2) {
            margin-top: -12%;
        }
        .jet-listing-grid__item:nth-child(3) {
            margin-top: -6%;
        }
    }
}