.elementor-579 .elementor-element.elementor-element-be81d3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-579 .elementor-element.elementor-element-af2811c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1b20e73 *//* =========================================================
   SOLSTICIO — PREMIUM BLOG HERO
========================================================= */

.solsticio-blog-page-hero{

    position:relative;

    min-height:100vh;

    display:flex;
    align-items:flex-end;

    overflow:hidden;

    background:#000;
}

/* =========================================================
   BG
========================================================= */

.solsticio-blog-page-bg{

    position:absolute;
    inset:0;

    overflow:hidden;
}

/* IMAGE */

.solsticio-blog-page-bg img{

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center center;

    transform:scale(1.06);

    filter:
        brightness(.58)
        contrast(1.08)
        saturate(1.02);

    animation:solsticioHeroZoom 16s ease-in-out infinite alternate;
}

/* CINEMATIC OVERLAY */

.solsticio-blog-page-overlay{

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.22) 0%,
            rgba(0,0,0,.32) 22%,
            rgba(0,0,0,.55) 52%,
            rgba(0,0,0,.92) 100%
        );
}

/* LIGHT GLOW */

.solsticio-blog-page-overlay::before{

    content:"";

    position:absolute;

    top:-10%;
    right:-10%;

    width:700px;
    height:700px;

    background:
        radial-gradient(
            circle,
            rgba(212,175,55,.18) 0%,
            rgba(212,175,55,0) 70%
        );

    pointer-events:none;
}

/* NOISE */

.solsticio-blog-page-noise{

    position:absolute;
    inset:0;

    opacity:.035;

    mix-blend-mode:soft-light;

    background-image:
        radial-gradient(
            rgba(255,255,255,.35) 1px,
            transparent 1px
        );

    background-size:4px 4px;
}

/* =========================================================
   CONTAINER
========================================================= */

.solsticio-blog-page-container{

    position:relative;

    z-index:5;

    width:100%;

    max-width:1500px;

    margin:auto;

    padding:
        120px
        70px
        90px;
}

/* =========================================================
   CONTENT
========================================================= */

.solsticio-blog-page-content{

    max-width:980px;
}

/* =========================================================
   META
========================================================= */

.solsticio-blog-page-meta{

    display:flex;
    align-items:center;

    gap:18px;

    margin-bottom:34px;

    flex-wrap:wrap;
}

/* META TEXT */

.solsticio-blog-page-meta span{

    color:#d4af37;

    font-size:11px;
    font-weight:800;

    letter-spacing:4px;

    text-transform:uppercase;
}

/* DOT */

.solsticio-blog-page-meta .dot{

    width:5px;
    height:5px;

    border-radius:50%;

    background:#d4af37;

    box-shadow:
        0 0 12px rgba(212,175,55,.7);
}

/* =========================================================
   TITLE
========================================================= */

.solsticio-blog-page-content h1{

    margin:0;

    color:#fff;

    font-size:clamp(54px, 8vw, 108px);

    line-height:.88;

    font-weight:900;

    letter-spacing:-5px;

    text-transform:uppercase;

    max-width:1100px;

    text-wrap:balance;

    text-shadow:
        0 10px 35px rgba(0,0,0,.55);
}

/* =========================================================
   TEXT
========================================================= */

.solsticio-blog-page-content p{

    margin:
        34px 0
        0;

    max-width:760px;

    color:rgba(255,255,255,.78);

    font-size:clamp(16px, 1.6vw, 22px);

    line-height:1.8;

    font-weight:400;

    text-shadow:
        0 4px 20px rgba(0,0,0,.45);
}

/* =========================================================
   CINEMATIC BOTTOM FADE
========================================================= */

.solsticio-blog-page-hero::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:180px;

    background:
        linear-gradient(
            to top,
            #000 0%,
            rgba(0,0,0,0) 100%
        );

    z-index:3;
}

/* =========================================================
   ANIMATION
========================================================= */

@keyframes solsticioHeroZoom{

    from{

        transform:scale(1.04);
    }

    to{

        transform:scale(1.1);
    }
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:992px){

    .solsticio-blog-page-hero{

        min-height:85vh;
    }

    .solsticio-blog-page-container{

        padding:
            110px
            40px
            70px;
    }

    .solsticio-blog-page-content h1{

        letter-spacing:-3px;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

    .solsticio-blog-page-hero{

        min-height:82vh;

        align-items:flex-end;
    }

    .solsticio-blog-page-bg img{

        object-position:center center;

        transform:scale(1.12);
    }

    .solsticio-blog-page-container{

        padding:
            110px
            22px
            45px;
    }

    .solsticio-blog-page-meta{

        gap:12px;

        margin-bottom:22px;
    }

    .solsticio-blog-page-meta span{

        font-size:9px;

        letter-spacing:2.8px;
    }

    .solsticio-blog-page-content h1{

        font-size:clamp(38px, 12vw, 58px);

        line-height:.92;

        letter-spacing:-2px;
    }

    .solsticio-blog-page-content p{

        margin-top:24px;

        font-size:15px;

        line-height:1.75;

        color:rgba(255,255,255,.74);
    }

    .solsticio-blog-page-hero::after{

        height:120px;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px){

    .solsticio-blog-page-hero{

        min-height:78vh;
    }

    .solsticio-blog-page-container{

        padding:
            100px
            18px
            38px;
    }

    .solsticio-blog-page-content h1{

        font-size:34px;
    }

    .solsticio-blog-page-content p{

        font-size:14px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-15f5c9d *//* =========================================================
   ALL BLOGS SECTION
========================================================= */

.solsticio-all-blogs-section{

    position:relative;

    background:#050505;

    padding:
        120px
        20px;
}

/* =========================================
   CONTAINER
========================================= */

.solsticio-all-blogs-container{

    max-width:1500px;

    margin:auto;
}

/* =========================================
   GRID
========================================= */

.solsticio-all-blogs-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:28px;
}

/* =========================================
   CARD
========================================= */

.solsticio-all-blog-card{

    overflow:hidden;

    border-radius:32px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.03),
            rgba(255,255,255,.015)
        );

    border:
        1px solid rgba(255,255,255,.05);

    transition:
        transform .45s ease,
        border-color .45s ease;
}

/* HOVER */

.solsticio-all-blog-card:hover{

    transform:
        translateY(-8px);

    border-color:
        rgba(212,175,55,.18);
}

/* =========================================
   IMAGE
========================================= */

.solsticio-all-blog-image{

    position:relative;

    display:block;

    overflow:hidden;
}

/* IMAGE */

.solsticio-all-blog-image img{

    width:100%;

    height:420px;

    object-fit:cover;

    transition:
        transform .8s ease,
        filter .7s ease;
}

/* HOVER */

.solsticio-all-blog-card:hover img{

    transform:scale(1.04);

    filter:
        brightness(.9)
        contrast(1.04);
}

/* OVERLAY */

.solsticio-all-blog-overlay{

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.6) 5%,
            rgba(0,0,0,.1) 100%
        );
}

/* =========================================
   CONTENT
========================================= */

.solsticio-all-blog-content{

    padding:30px;
}

/* META */

.solsticio-all-blog-meta{

    margin-bottom:18px;
}

/* TEXT */

.solsticio-all-blog-meta span{

    color:#d4af37;

    font-size:10px;
    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;
}

/* =========================================
   TITLE
========================================= */

.solsticio-all-blog-content h3{

    margin:0 0 20px;

    line-height:1.1;
}

/* LINK */

.solsticio-all-blog-content h3 a{

    color:#fff;

    text-decoration:none;

    font-size:38px;

    font-weight:900;

    letter-spacing:-2px;
}

/* =========================================
   EXCERPT
========================================= */

.solsticio-all-blog-content p{

    margin:0;

    color:#9d9d9d;

    font-size:17px;

    line-height:1.85;

    margin-bottom:28px;
}

/* =========================================
   BUTTON
========================================= */

.solsticio-all-blog-button{

    height:54px;

    padding:
        0
        28px;

    border-radius:999px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #caa54e,
            #e0c46f
        );

    color:#000;

    text-decoration:none;

    font-size:11px;
    font-weight:900;

    letter-spacing:2px;

    text-transform:uppercase;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1100px){

    .solsticio-all-blogs-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}

@media(max-width:768px){

    .solsticio-all-blogs-section{

        padding:
            90px
            20px;
    }

    .solsticio-all-blogs-grid{

        grid-template-columns:1fr;

        gap:20px;
    }

    .solsticio-all-blog-card{

        border-radius:24px;
    }

    .solsticio-all-blog-image img{

        height:320px;
    }

    .solsticio-all-blog-content{

        padding:22px;
    }

    .solsticio-all-blog-content h3 a{

        font-size:28px;
    }

}/* End custom CSS */