.elementor-7139 .elementor-element.elementor-element-1b7c947{overflow:hidden;}.elementor-7139 .elementor-element.elementor-element-56a12b7{text-align:center;}.elementor-7139 .elementor-element.elementor-element-ca7aba9 .hfe-post-card{background-color:#F6F6F6;}.elementor-7139 .elementor-element.elementor-element-ca7aba9 .hfe-posts-grid{grid-template-columns:repeat(3, 1fr);column-gap:20px;row-gap:30px;}.elementor-7139 .elementor-element.elementor-element-ca7aba9 .hfe-post-content{padding:20px 20px 20px 20px;}.elementor-7139 .elementor-element.elementor-element-ca7aba9 .hfe-post-title{margin-bottom:5px;}.elementor-7139 .elementor-element.elementor-element-ca7aba9 .hfe-post-meta{margin-bottom:15px;}.elementor-7139 .elementor-element.elementor-element-ca7aba9 .hfe-post-excerpt{margin-bottom:15px;}@media(max-width:1024px){.elementor-7139 .elementor-element.elementor-element-ca7aba9 .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-7139 .elementor-element.elementor-element-ca7aba9 .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for section, class: .elementor-element-1b7c947 *//* ==========================================================
   ALICIA BEAUTY & AESTHETICS
   BLOG LISTING PAGE
   Existing Elementor + HFE Basic Posts
========================================================== */


/* ==========================================================
   DESIGN TOKENS
========================================================== */

.elementor-element-1b7c947,
.elementor-element-7d6dd42{
    --ab-bg: #FFFDF8;
    --ab-bg-soft: #FCFAF8;
    --ab-text: #2D2D2D;
    --ab-muted: #666666;
    --ab-accent: #BB8B65;
    --ab-accent-dark: #9C6048;
    --ab-accent-light: #E6C1AA;
    --ab-border: rgba(187, 139, 101, 0.22);
}


/* ==========================================================
   BLOG PAGE TITLE SECTION
========================================================== */

.elementor-element-1b7c947{
    position: relative;
    overflow: hidden;

    margin: 0 !important;
    padding: 90px 30px 70px !important;

    background:
        radial-gradient(
            circle at 15% 30%,
            rgba(230, 193, 170, 0.18),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #FFFDF8 0%,
            #F8EEE7 50%,
            #FFFDF8 100%
        ) !important;
}


/* Decorative circle */

.elementor-element-1b7c947::before{
    content: "";
    position: absolute;

    width: 340px;
    height: 340px;

    top: -220px;
    right: 7%;

    border: 1px solid rgba(187, 139, 101, 0.16);
    border-radius: 50%;

    pointer-events: none;
}


/* Small accent above Blogs */

.elementor-element-1b7c947
.elementor-widget-heading::before{
    content: "ALICIA BEAUTY & AESTHETICS";

    display: block;

    margin-bottom: 15px;

    color: #BB8B65;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;

    line-height: 1.3;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
}


/* Heading */

.elementor-element-1b7c947
.elementor-heading-title{
    margin: 0 !important;

    color: #2D2D2D !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 60px !important;
    font-weight: 500 !important;

    line-height: 1.05 !important;
    letter-spacing: -1px !important;

    text-align: center;
}


/* Decorative line */

.elementor-element-1b7c947
.elementor-widget-heading::after{
    content: "";

    display: block;

    width: 52px;
    height: 2px;

    margin: 22px auto 0;

    background: #BB8B65;
}


/* Remove Elementor spacing */

.elementor-element-1b7c947
.elementor-widget-heading{
    margin: 0 !important;
}

.elementor-element-1b7c947
.elementor-widget-container{
    margin: 0 !important;
}


/* ==========================================================
   BLOG LIST SECTION
========================================================== */

.elementor-element-7d6dd42{
    position: relative;

    margin: 0 !important;
    padding: 80px 30px 110px !important;

    background: #FFFDF8 !important;
}


/* Elementor main container */

.elementor-element-7d6dd42 > .elementor-container{
    width: 100% !important;
    max-width: 1240px !important;

    margin: 0 auto !important;
}


/* Widget full width */

.elementor-element-7d6dd42
.elementor-widget-hfe-basic-posts,
.elementor-element-7d6dd42
.elementor-widget-container{
    width: 100%;
}


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

.elementor-element-7d6dd42 .hfe-posts-grid{
    display: grid !important;

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

    gap: 35px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


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

.elementor-element-7d6dd42 .hfe-post-card{
    position: relative;

    display: flex !important;
    flex-direction: column !important;

    min-width: 0;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #FFFFFF !important;

    border: 1px solid rgba(187, 139, 101, 0.20) !important;
    border-radius: 4px !important;

    box-shadow:
        0 12px 40px rgba(60, 42, 32, 0.055) !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


.elementor-element-7d6dd42 .hfe-post-card:hover{
    transform: translateY(-5px);

    border-color: rgba(187, 139, 101, 0.42) !important;

    box-shadow:
        0 22px 55px rgba(60, 42, 32, 0.10) !important;
}


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

.elementor-element-7d6dd42 .hfe-post-image{
    position: relative;

    width: 100% !important;
    height: 330px !important;

    margin: 0 !important;

    overflow: hidden;

    background: #F3EEE9;
}


.elementor-element-7d6dd42 .hfe-post-image a{
    display: block;

    width: 100%;
    height: 100%;
}


.elementor-element-7d6dd42 .hfe-post-image img{
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;

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

    transition: transform 0.6s ease !important;
}


.elementor-element-7d6dd42
.hfe-post-card:hover
.hfe-post-image img{
    transform: scale(1.045);
}


/* Subtle image overlay */

.elementor-element-7d6dd42 .hfe-post-image::after{
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 65%,
            rgba(45, 45, 45, 0.08)
        );

    pointer-events: none;
}


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

.elementor-element-7d6dd42 .hfe-post-content{
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1;

    padding: 35px 35px 38px !important;

    background: #FFFFFF !important;
}


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

.elementor-element-7d6dd42 .hfe-post-title{
    margin: 0 0 12px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 32px !important;
    font-weight: 500 !important;

    line-height: 1.18 !important;
    letter-spacing: -0.3px !important;
}


.elementor-element-7d6dd42 .hfe-post-title a{
    color: #2D2D2D !important;

    text-decoration: none !important;

    transition: color 0.25s ease;
}


.elementor-element-7d6dd42 .hfe-post-title a:hover{
    color: #9C6048 !important;
}


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

.elementor-element-7d6dd42 .hfe-post-meta{
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 6px;

    margin: 0 0 20px !important;

    color: #9C6048 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;

    letter-spacing: 0.5px;
    text-transform: uppercase;
}


.elementor-element-7d6dd42 .hfe-post-date,
.elementor-element-7d6dd42 .hfe-post-author{
    color: #9C6048 !important;
}


.elementor-element-7d6dd42 .hfe-meta-separator{
    color: #D1B39E !important;
}


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

.elementor-element-7d6dd42 .hfe-post-excerpt{
    flex-grow: 1;

    margin: 0 0 27px !important;

    color: #666666 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 17px !important;
    font-weight: 400 !important;

    line-height: 1.75 !important;
}


/* ==========================================================
   READ MORE
========================================================== */

.elementor-element-7d6dd42 .hfe-read-more{
    display: inline-flex !important;

    width: fit-content;

    align-items: center;

    margin-top: auto !important;

    padding-bottom: 5px;

    border-bottom: 1px solid rgba(156, 96, 72, 0.40);

    color: #9C6048 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: 1px !important;

    text-decoration: none !important;
    text-transform: uppercase !important;

    transition:
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease !important;
}


.elementor-element-7d6dd42 .hfe-read-more:hover{
    color: #BB8B65 !important;

    border-color: #BB8B65;

    transform: translateX(3px);
}


/* ==========================================================
   POSTS WITHOUT FEATURED IMAGE

   Your first "blog" post currently has no image.
   Give it a premium cream treatment instead of leaving
   it looking like a broken/short card.
========================================================== */

.elementor-element-7d6dd42
.hfe-post-card:not(:has(.hfe-post-image)){
    background:
        linear-gradient(
            145deg,
            #F5E8DE 0%,
            #FFFDF8 100%
        ) !important;
}


.elementor-element-7d6dd42
.hfe-post-card:not(:has(.hfe-post-image))
.hfe-post-content{
    position: relative;

    min-height: 100%;

    padding: 55px 42px !important;

    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #F5E8DE 0%,
            #FFFDF8 100%
        ) !important;
}


/* Decorative circle */

.elementor-element-7d6dd42
.hfe-post-card:not(:has(.hfe-post-image))
.hfe-post-content::before{
    content: "";

    position: absolute;

    width: 230px;
    height: 230px;

    right: -120px;
    top: -110px;

    border: 1px solid rgba(187, 139, 101, 0.16);
    border-radius: 50%;

    pointer-events: none;
}


/* ==========================================================
   OPTIONAL CATEGORY-LIKE DETAIL
   Adds visual refinement above each card title.
========================================================== */

.elementor-element-7d6dd42 .hfe-post-content::after{
    content: "";

    display: block;

    position: absolute;

    width: 35px;
    height: 1px;

    background: #BB8B65;
}


/* Don't use absolute accent where positioning isn't required */

.elementor-element-7d6dd42 .hfe-post-content{
    position: relative;
}


/* ==========================================================
   REMOVE BAD DEFAULT HFE STYLES
========================================================== */

.elementor-element-7d6dd42 .hfe-post-card *,
.elementor-element-7d6dd42 .hfe-post-card *::before,
.elementor-element-7d6dd42 .hfe-post-card *::after{
    box-sizing: border-box;
}


/* ==========================================================
   TABLET
   768px - 1024px
========================================================== */

@media (max-width: 1024px){

    /* PAGE TITLE */

    .elementor-element-1b7c947{
        padding:
            75px 25px
            60px !important;
    }

    .elementor-element-1b7c947
    .elementor-heading-title{
        font-size: 52px !important;
    }


    /* BLOG AREA */

    .elementor-element-7d6dd42{
        padding:
            65px 25px
            85px !important;
    }

    .elementor-element-7d6dd42
    > .elementor-container{
        max-width: 900px !important;
    }


    /* GRID */

    .elementor-element-7d6dd42
    .hfe-posts-grid{
        gap: 25px !important;
    }


    /* IMAGE */

    .elementor-element-7d6dd42
    .hfe-post-image{
        height: 285px !important;
    }


    /* CONTENT */

    .elementor-element-7d6dd42
    .hfe-post-content{
        padding: 30px !important;
    }


    /* TITLE */

    .elementor-element-7d6dd42
    .hfe-post-title{
        font-size: 29px !important;
    }


    /* BODY */

    .elementor-element-7d6dd42
    .hfe-post-excerpt{
        font-size: 17px !important;
    }

}


/* ==========================================================
   MOBILE
   <= 767px
========================================================== */

@media (max-width: 767px){

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

    .elementor-element-1b7c947{
        padding:
            58px 18px
            48px !important;
    }

    .elementor-element-1b7c947
    .elementor-widget-heading::before{
        margin-bottom: 11px;

        font-size: 10px;
        letter-spacing: 1.8px;
    }

    .elementor-element-1b7c947
    .elementor-heading-title{
        font-size: 43px !important;
        letter-spacing: -0.5px !important;
    }

    .elementor-element-1b7c947
    .elementor-widget-heading::after{
        width: 42px;

        margin-top: 16px;
    }


    /* ======================================================
       BLOG SECTION
    ====================================================== */

    .elementor-element-7d6dd42{
        padding:
            45px 18px
            65px !important;
    }


    /* ONE COLUMN */

    .elementor-element-7d6dd42
    .hfe-posts-grid{
        grid-template-columns: 1fr !important;

        gap: 24px !important;
    }


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

    .elementor-element-7d6dd42
    .hfe-post-card{
        width: 100% !important;
    }


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

    .elementor-element-7d6dd42
    .hfe-post-image{
        width: 100% !important;
        height: 280px !important;
    }


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

    .elementor-element-7d6dd42
    .hfe-post-content{
        padding:
            27px 24px
            30px !important;
    }


    /* NO IMAGE */

    .elementor-element-7d6dd42
    .hfe-post-card:not(:has(.hfe-post-image))
    .hfe-post-content{
        min-height: 330px;

        padding:
            38px 26px !important;
    }


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

    .elementor-element-7d6dd42
    .hfe-post-title{
        margin-bottom: 10px !important;

        font-size: 28px !important;

        line-height: 1.2 !important;
    }


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

    .elementor-element-7d6dd42
    .hfe-post-meta{
        margin-bottom: 16px !important;

        font-size: 11px !important;
    }


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

    .elementor-element-7d6dd42
    .hfe-post-excerpt{
        margin-bottom: 22px !important;

        font-size: 16px !important;
        line-height: 1.7 !important;
    }


    /* ======================================================
       READ MORE
    ====================================================== */

    .elementor-element-7d6dd42
    .hfe-read-more{
        font-size: 12px !important;
    }

}


/* ==========================================================
   SMALL MOBILE
   <= 420px
========================================================== */

@media (max-width: 420px){

    .elementor-element-1b7c947{
        padding:
            50px 15px
            42px !important;
    }

    .elementor-element-1b7c947
    .elementor-heading-title{
        font-size: 39px !important;
    }


    .elementor-element-7d6dd42{
        padding:
            38px 14px
            55px !important;
    }


    .elementor-element-7d6dd42
    .hfe-post-image{
        height: 245px !important;
    }


    .elementor-element-7d6dd42
    .hfe-post-content{
        padding:
            24px 20px
            27px !important;
    }


    .elementor-element-7d6dd42
    .hfe-post-title{
        font-size: 26px !important;
    }


    .elementor-element-7d6dd42
    .hfe-post-excerpt{
        font-size: 16px !important;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce){

    .elementor-element-7d6dd42 *,
    .elementor-element-7d6dd42 *::before,
    .elementor-element-7d6dd42 *::after{
        transition: none !important;
    }

}/* End custom CSS */