/* Main header menu - WHITE */

.main-header-menu > .menu-item > a {

    color: #ffffff !important;

}
 
/* Main menu hover - WHITE */

.main-header-menu > .menu-item > a:hover {

    color: #ffffff !important;

}
 
/* Services dropdown - GREY text */

.main-header-menu .sub-menu a {

    color: #666666 !important;

}
 
/* Dropdown background - WHITE */

.main-header-menu .sub-menu {

    background-color: #ffffff !important;

}
 
/* Dropdown hover */

.main-header-menu .sub-menu a:hover {

    color: #444444 !important;

    background-color: #f5f5f5 !important;

}
 


.card-container {
    transition: all 0.35s ease;
}

.card-container:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
}
.recent-posts .post,
.recent-posts article,
.recent-posts .post-item,
.recent-posts .blog-post,
.recent-posts .blog-post-item {
    transition: all 0.35s ease !important;
}

.recent-posts .post:hover,
.recent-posts article:hover,
.recent-posts .post-item:hover,
.recent-posts .blog-post:hover,
.recent-posts .blog-post-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(70, 50, 40, 0.15) !important;
}


/* Contact Info Cards */
.contact-info-card {
    transition: all 0.4s ease;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
}

/* Card Hover */
.contact-info-card:hover {
    background-color: #8A5A44;
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(70, 45, 30, 0.18);
}

/* Icon Circle */
.contact-info-card .elementor-icon {
    transition: all 0.4s ease;
}

/* Icon Circle Hover */
.contact-info-card:hover .elementor-icon {
    background-color: #F3E5D8;
    color: #8A5A44;
    transform: scale(1.08);
}

/* Heading */
.contact-info-card .elementor-heading-title {
    transition: color 0.4s ease;
}

/* Heading Hover */
.contact-info-card:hover .elementor-heading-title {
    color: #FFFFFF;
}

/* Text */
.contact-info-card .elementor-widget-text-editor {
    transition: color 0.4s ease;
}

/* Text Hover */
.contact-info-card:hover .elementor-widget-text-editor,
.contact-info-card:hover .elementor-widget-text-editor p {
    color: rgba(255, 255, 255, 0.9);
}

/* Links */
.contact-info-card a {
    transition: color 0.4s ease;
}

.contact-info-card:hover a {
    color: #FFFFFF;
}

.contact-info-card .elementor-icon-box-icon {
    transition: all 0.4s ease;
}

.contact-info-card:hover .elementor-icon-box-icon {
    transform: scale(1.08);
}

.contact-info-card:hover .elementor-icon-box-title {
    color: #FFFFFF;
}

.contact-info-card:hover .elementor-icon-box-description {
    color: rgba(255, 255, 255, 0.9);
}

/* =========================================================
   PATCHOULI BEAUTY - BOOKING CALENDAR PREMIUM DESIGN
   ========================================================= */

:root {
    --pb-brown: #7B523E;
    --pb-dark-brown: #613D2D;
    --pb-light-brown: #EFE2D7;
    --pb-cream: #FBF7F3;
    --pb-border: #E5D6CA;
    --pb-text: #3D3029;
    --pb-muted: #8A7A70;
}


/* =========================================================
   MAIN BOOKING CONTAINER
   ========================================================= */

.booking_form_div {
    background: #FFFFFF !important;
    border: 1px solid var(--pb-border) !important;
    border-radius: 24px !important;

    padding: 36px 38px !important;

    box-shadow:
        0 15px 45px rgba(80, 52, 38, 0.08) !important;

    color: var(--pb-text) !important;
}


/* =========================================================
   FORM ELEMENT SPACING
   ========================================================= */

.booking_form_div .bfb_element {
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
}

.booking_form_div .control-group {
    margin-bottom: 13px !important;
}


/* =========================================================
   LABELS
   ========================================================= */

.booking_form_div .control-label {
    display: block !important;

    color: var(--pb-text) !important;

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

    margin-bottom: 6px !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.booking_form_div input[type="text"],
.booking_form_div input[type="email"],
.booking_form_div input[type="tel"],
.booking_form_div input[type="number"],
.booking_form_div select,
.booking_form_div textarea {

    width: 100% !important;

    background: var(--pb-cream) !important;

    border: 1px solid var(--pb-border) !important;

    border-radius: 9px !important;

    color: var(--pb-text) !important;

    font-size: 13px !important;

    padding: 10px 13px !important;

    height: 43px !important;
    min-height: 43px !important;

    outline: none !important;

    box-shadow: none !important;

    transition:
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease !important;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.booking_form_div textarea {

    height: 82px !important;
    min-height: 82px !important;

    resize: vertical !important;
}


/* =========================================================
   INPUT HOVER
   ========================================================= */

.booking_form_div input:hover,
.booking_form_div select:hover,
.booking_form_div textarea:hover {

    border-color: #C8AFA0 !important;
}


/* =========================================================
   INPUT FOCUS
   ========================================================= */

.booking_form_div input:focus,
.booking_form_div select:focus,
.booking_form_div textarea:focus {

    border-color: var(--pb-brown) !important;

    background: #FFFFFF !important;

    box-shadow:
        0 0 0 3px rgba(123, 82, 62, 0.08) !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.booking_form_div input::placeholder,
.booking_form_div textarea::placeholder {

    color: #A6978E !important;

    font-size: 12px !important;
}


/* =========================================================
   CALENDAR
   ========================================================= */

.booking_form_div .datepick-inline {

    background: #FFFFFF !important;

    border: 1px solid var(--pb-border) !important;

    border-radius: 14px !important;

    overflow: hidden !important;

    box-shadow: 0 6px 18px rgba(80,52,38,.05) !important;

    max-width: 100% !important;
}


/* =========================================================
   CALENDAR HEADER
   ========================================================= */

.booking_form_div .datepick-inline .datepick-header {

    background: var(--pb-brown) !important;

    color: #FFFFFF !important;

    border: none !important;

    padding: 13px !important;

    font-size: 14px !important;

    font-weight: 600 !important;
}


/* Header arrows */

.booking_form_div .datepick-inline
.datepick-header a {

    color: #FFFFFF !important;
}


/* =========================================================
   CALENDAR WEEKDAYS
   ========================================================= */

.booking_form_div .datepick-inline
.datepick-title-row th {

    color: var(--pb-brown) !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    padding: 8px 3px !important;
}


/* =========================================================
   CALENDAR CELLS
   ========================================================= */

.booking_form_div .datepick-inline
.datepick-days-cell {

    border-color: #EFE4DC !important;

    transition: all .25s ease !important;
}


/* Available dates */

.booking_form_div .datepick-inline
.datepick-days-cell.date_available {

    background: #FFFFFF !important;
}


/* Available date hover */

.booking_form_div .datepick-inline
.datepick-days-cell.date_available:hover {

    background: var(--pb-light-brown) !important;

    color: var(--pb-brown) !important;
}


/* Selected date */

.booking_form_div .datepick-inline
.datepick-days-cell.date_selected {

    background: var(--pb-brown) !important;

    color: #FFFFFF !important;
}


/* Selected date text */

.booking_form_div .datepick-inline
.datepick-days-cell.date_selected a {

    color: #FFFFFF !important;
}


/* =========================================================
   TIME SLOTS
   ========================================================= */

.wpbc_container .wpbc_timeslot {

    background: #FFFFFF !important;

    border: 1px solid #D8C7BA !important;

    border-radius: 8px !important;

    color: var(--pb-text) !important;

    padding: 10px 14px !important;

    margin: 4px 3px !important;

    min-height: 40px !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    transition:
        all .25s ease !important;
}


/* Time slot hover */

.wpbc_container .wpbc_timeslot:hover {

    background: var(--pb-light-brown) !important;

    border-color: var(--pb-brown) !important;

    color: var(--pb-brown) !important;

    transform: translateY(-2px);
}


/* Selected time slot */

.wpbc_container .wpbc_timeslot_selected {

    background: var(--pb-brown) !important;

    border-color: var(--pb-brown) !important;

    color: #FFFFFF !important;

    box-shadow:
        0 5px 12px rgba(123,82,62,.18) !important;
}


/* =========================================================
   REQUIRED STAR
   ========================================================= */

.booking_form_div .wpbc_required {

    color: var(--pb-brown) !important;
}


/* =========================================================
   EMAIL HELPER TEXT
   ========================================================= */

.booking_form_div .description {

    color: var(--pb-muted) !important;

    font-size: 11px !important;

    margin-top: 4px !important;

    margin-bottom: 4px !important;
}


/* =========================================================
   CAPTCHA
   ========================================================= */

.booking_form_div .wpbc_captcha {

    margin-top: 4px !important;

    margin-bottom: 8px !important;
}


/* CAPTCHA INPUT */

.booking_form_div .wpbc_captcha input {

    width: 90px !important;

    height: 40px !important;
}

.wpbc_container .wpbc_button_light {
    background-color: #5A3D2C !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 13px 30px !important;
    min-height: 46px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
    box-shadow: 0 8px 18px rgba(90, 61, 44, 0.18) !important;
    transition: all 0.3s ease !important;
}

/* Hover */
.wpbc_container .wpbc_button_light:hover {
    background-color: #432D21 !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(90, 61, 44, 0.25) !important;
}

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

@media (max-width: 767px) {

    .booking_form_div {

        padding: 22px 16px !important;

        border-radius: 18px !important;
    }

    .booking_form_div .datepick-inline {

        width: 100% !important;

        max-width: 100% !important;
    }

    .wpbc_container .wpbc_timeslot {

        margin: 3px 2px !important;

        padding: 9px 10px !important;

        font-size: 10px !important;
    }

    .booking_form_div input[type="text"],
    .booking_form_div input[type="email"],
    .booking_form_div input[type="tel"],
    .booking_form_div select,
    .booking_form_div textarea {

        width: 100% !important;
    }

    .wpbc_container .wpbc_button_light {

        width: 100% !important;
    }
}


/* Flip card*/

/* =========================================
   FLIP CARD - ELEMENTOR FREE
   ========================================= */

.flip-card {
    position: relative !important;
    width: 33.% !important;
    height: 400px !important;
    perspective: 1200px !important;
}


/* INNER */

.flip-card-inner {
    position: relative !important;

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

    transform-style: preserve-3d !important;
    -webkit-transform-style: preserve-3d !important;

    transition: transform 0.7s ease !important;
}


/* HOVER */

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg) !important;
}


/* FRONT + BACK */

.flip-card-front,
.flip-card-back {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

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

    box-sizing: border-box !important;

    border-radius: 16px !important;

    overflow: hidden !important;

    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}


/* FRONT */

.flip-card-front {
    transform: rotateY(0deg) !important;

    background: #5A3D2C !important;

    z-index: 2 !important;
}


/* BACK */

.flip-card-back {
    transform: rotateY(180deg) !important;

    background: #5A3D2C !important;

    padding: 35px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    align-items: flex-start !important;

    z-index: 1 !important;
}


/* IMAGE */

.flip-card-front img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    display: block !important;
}


/* FRONT DARK OVERLAY */

.flip-card-front::after {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    background: linear-gradient(
        to top,
        rgba(50,30,20,.85),
        rgba(50,30,20,.05) 70%
    ) !important;

    pointer-events: none !important;
}


/* PRICE */

.flip-card-front .price {
    position: absolute !important;

    top: 20px !important;
    left: 20px !important;

    z-index: 5 !important;

    display: flex !important;

    gap: 8px !important;
}


/* PRICE BADGES */

.flip-card-front .price span {
    padding: 8px 14px !important;

    border-radius: 30px !important;

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

    font-size: 13px !important;

    line-height: 1 !important;

    white-space: nowrap !important;
}


/* OLD PRICE */

.flip-card-front .price .old {
    background: #4A3830 !important;

    color: #fff !important;

    text-decoration: line-through !important;
}


/* NEW PRICE */

.flip-card-front .price .new {
    background: #C9A765 !important;

    color: #fff !important;
}


/* FRONT TITLE */

.flip-card-front h3 {
    position: absolute !important;

    left: 15px !important;
    bottom: 25px !important;

    z-index: 5 !important;

    margin: 0 !important;

    color: #fff !important;

    font-family: Georgia, serif !important;

    font-size: 25px !important;

    line-height: 1.2 !important;
}



/* BACK TITLE */

.flip-card-back h3 {
    margin: 0 0 18px !important;

    color: #fff !important;

    font-family: Georgia, serif !important;

    font-size: 27px !important;

    line-height: 1.2 !important;
}


/* BACK DESCRIPTION */

.flip-card-back p {
    margin: 0 0 25px !important;

    color: rgba(255,255,255,.9) !important;

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

    font-size: 14px !important;

    line-height: 1.65 !important;
}


/* BACK BUTTON */

.flip-card-back a {
    display: inline-block !important;

    padding: 12px 22px !important;

    border-radius: 30px !important;

    background: #F8F1EA !important;

    color: #5A3D2C !important;

    text-decoration: none !important;

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

    font-size: 13px !important;

    font-weight: 600 !important;
}


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

@media (max-width: 1024px) {

    .flip-card {
        width: 50% !important;
        height: 450px !important;
    }

}


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

@media (max-width: 767px) {

    .flip-card {
        width: 100% !important;
        height: 420px !important;
    }

    .flip-card-front h3 {
        font-size: 22px !important;
    }

}

/* ==========================================
   PATCHOULI BEAUTY
   ELEMENTSKIT ACCORDION
========================================== */

/* Main accordion */
.ekit-wid-con .elementskit-accordion {
    background: transparent !important;
}


/* EACH FAQ ITEM */
.ekit-wid-con .elementskit-card {
    background: (246, 233, 217) !important;
    background-color: 246, 233, 217 !important;

    border: 1px solid rgba(112, 76, 57, 0.20) !important;

    border-radius: 14px !important;

    margin-bottom: 14px !important;

    overflow: hidden !important;

    box-shadow: 0 5px 20px rgba(80, 55, 40, 0.04) !important;

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);

    transition: all 0.3s ease !important;
}


/* QUESTION */
.ekit-wid-con .elementskit-card-header {
    background: transparent !important;
    border: none !important;
}


/* QUESTION BUTTON */
.ekit-wid-con .elementskit-card-header > a,
.ekit-wid-con .elementskit-card-header > button {
    background: transparent !important;
    background-color: transparent !important;

    border: none !important;

    padding: 21px 25px !important;

    color: #684b3a !important;

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

    box-shadow: none !important;
}


/* HOVER */
.ekit-wid-con .elementskit-card-header > a:hover,
.ekit-wid-con .elementskit-card-header > button:hover {
    background: 246, 233, 217 !important;

    color: #50382b !important;
}


/* ACTIVE QUESTION */
.ekit-wid-con .elementskit-card-header > a[aria-expanded="true"],
.ekit-wid-con .elementskit-card-header > button[aria-expanded="true"] {
    background: rgba(255, 248, 241, 0.40) !important;

    color: #ffff!important;
}


/* ANSWER */
.ekit-wid-con .elementskit-card-body {
    background: transparent !important;
    background-color: transparent !important;

    border: none !important;

    padding: 0 25px 24px !important;

    color: #705c50 !important;

    font-size: 14px !important;
    line-height: 1.8 !important;
}


/* ICON */
.ekit-wid-con .elementskit-card-header .ekit-accordion-title-icon {
    color: #795845 !important;
}


/* DEFAULT ELEMENTSKIT ICON */
.ekit-wid-con .elementskit-card-header i {
    color: #795845 !important;
}


/* OPEN CARD */
.ekit-wid-con .elementskit-card:has(
    .elementskit-card-header a[aria-expanded="true"]
) {
    background: rgba(255, 248, 241, 0.45) !important;

    border-color: rgba(112, 76, 57, 0.27) !important;

    box-shadow: 0 8px 25px rgba(80, 55, 40, 0.06) !important;
}


/* REMOVE ELEMENTSKIT DEFAULT BORDER */
.ekit-wid-con .elementskit-card,
.ekit-wid-con .elementskit-card-header,
.ekit-wid-con .elementskit-card-body {
    border-color: rgba(112, 76, 57, 0.20) !important;
}


/* MOBILE */
@media (max-width: 767px) {

    .ekit-wid-con .elementskit-card {
        border-radius: 11px !important;
        margin-bottom: 10px !important;
    }

    .ekit-wid-con .elementskit-card-header > a,
    .ekit-wid-con .elementskit-card-header > button {
        padding: 18px !important;
        font-size: 14px !important;
    }

    .ekit-wid-con .elementskit-card-body {
        padding: 0 18px 20px !important;
        font-size: 13px !important;
    }
}

/* =========================================
   ELEMENTSKIT ACCORDION BORDER FIX
========================================= */

/* Main FAQ card */
.ekit-wid-con .elementskit-card {
    border: 0px solid #654231 !important;
    border-bottom: 0 !important;

    border-radius: 14px !important;
    overflow: visible !important;
}


/* Question/header */
.ekit-wid-con .elementskit-card-header {
    border: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
}


/* Header link */
.ekit-wid-con .elementskit-card-header a {
    border: 0 !important;
    border-bottom: 0 !important;
    outline: none !important;

    color: #654231 !important;
}


/* Remove ElementsKit default bottom borders */
.ekit-wid-con .elementskit-card-body {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}


/* Remove pseudo-element borders/lines */
.ekit-wid-con .elementskit-card::before,
.ekit-wid-con .elementskit-card::after,
.ekit-wid-con .elementskit-card-header::before,
.ekit-wid-con .elementskit-card-header::after,
.ekit-wid-con .elementskit-card-body::before,
.ekit-wid-con .elementskit-card-body::after {
    border: 0 !important;
    box-shadow: none !important;
}


/* Accordion icon */
.ekit-wid-con .elementskit-card-header i {
    color: #654231 !important;
}


/* =========================================
   IMPORTANT:
   Remove the extra horizontal line created
   by ElementsKit item separation
========================================= */

.ekit-wid-con .elementskit-card + .elementskit-card {
    border-top: 0 !important;
}


/* Prevent double borders between items */
.ekit-wid-con .elementskit-card {
    box-shadow: none !important;
}

/* /* ElementsKit Curve Shape - change blue to brown */

.ekit-wid-con .elementskit-card-header,
.ekit-wid-con .elementskit-card-header a,
.ekit-wid-con .elementskit-card {
    border-color: #654231 !important;
}

/* Curve Shape */
.ekit-wid-con .elementskit-card-header::before,
.ekit-wid-con .elementskit-card-header::after,
.ekit-wid-con .elementskit-card-header a::before,
.ekit-wid-con .elementskit-card-header a::after,
.ekit-wid-con .elementskit-card::before,
.ekit-wid-con .elementskit-card::after {
    border-color: #654231 !important;
    background-color: #654231 !important;
}

/* Remove blue box-shadow if Curve Shape uses it */
.ekit-wid-con .elementskit-card-header,
.ekit-wid-con .elementskit-card-header a {
    box-shadow: 0 0 0 0 #654231 !important;
}

.ekit-wid-con .path {
    stroke: #654231;
   
}

/* =========================
   PATCHOULI BRAND SECTION
========================= */

.patchouli-brand-box {
    text-align: center;
    color: #654231;
    padding: 0px;
}


/* =========================
   LOGO
========================= */

.patchouli-logo {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.patchouli-logo img {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: ;
    object-fit: contain;
}


/* =========================
   TAGLINE
========================= */

.patchouli-tagline {
    margin: 10px 0 10px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5;

    color: #765d4e;
}


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

@media (max-width: 767px) {

    .patchouli-brand-box {
        padding: 0px;
    }

    .patchouli-logo,
    .patchouli-logo img {
        max-width: 240px;
    }

    .patchouli-tagline {
        font-size: 14px;
        margin: 0px;
    }

}

@media (max-width: 544px) {

    /* Astra Mobile Menu Text */
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link,
    .ast-builder-menu-mobile .main-navigation .main-header-menu a {
        color: #654231 !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-indent: 0 !important;
    }

    /* Current menu item */
    .ast-builder-menu-mobile .main-navigation
    .main-header-menu .menu-item.current-menu-item > .menu-link,
    .ast-builder-menu-mobile .main-navigation
    .main-header-menu .menu-item.current-menu-ancestor > .menu-link {
        color: #654231 !important;
        background: #f8f1e8 !important;
    }

    /* Menu item */
    .ast-builder-menu-mobile .main-navigation
    .main-header-menu .menu-item {
        opacity: 1 !important;
        visibility: visible !important;
    }

}

.ast-menu-toggle {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.menu-toggle-close{
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Fixed Header*/

.ast-primary-header-bar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999 !important;
}




@media (max-width: 921px) {
    .ast-primary-header-bar {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999 !important;
    }
}


.wpbc_times_selector div.wpbc_time_selected {
    background-color: #7B523E !important;
    border-color: #7B523E !important;
    color: #ffffff !important;
}

.wpbc_times_selector div {
    border: 2px solid #7B523E !important;
}

/* WP Booking Calendar - Month navigation arrows */
.wpbc_cal_container .datepick-prev,
.wpbc_cal_container .datepick-next,
.wpbc_cal_container .datepick-prev a,
.wpbc_cal_container .datepick-next a {
    color: #ffffff !important;
    opacity: 1 !important;
}


/* ==============================
   PATCHOULI AUTO TESTIMONIAL
   ============================== */

.patchouli-testimonials {
    overflow: hidden !important;
    width: 100% !important;
}

.patchouli-testimonials > .e-con-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 14px !important;
}

/* Cards */
.patchouli-testimonials .patchouli-testimonial-card {
    flex: 0 0 calc(25% - 11px) !important;
    width: calc(25% - 11px) !important;
    max-width: calc(25% - 11px) !important;
    min-width: 0 !important;
}


/* TABLET */
@media (max-width: 1024px) {

    .patchouli-testimonials .patchouli-testimonial-card {
        flex: 0 0 calc(50% - 7px) !important;
        width: calc(50% - 7px) !important;
        max-width: calc(50% - 7px) !important;
    }

}


/* MOBILE */
@media (max-width: 767px) {

    .patchouli-testimonials .patchouli-testimonial-card {
        flex: 0 0 calc(100% - 20px) !important;
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
    }

}


.wpbc_button.wpbc_button_primary {
    width: 100% !important;
    border-radius: 25px !important;
    background-color: #644c3e !important;
    border-color: #644c3e !important;
    display: block !important;
}

.wpbc_wizard__border_container {
    box-shadow: none; 
    border: none 
}


.elementskit-card-header a.ekit-accordion--toggler,
.elementskit-card-header a.ekit-accordion--toggler *,
.elementskit-card-header a.ekit-accordion--toggler .ekit-accordion-title {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   PATCHOULI BEAUTY - PRICE LIST
   COMPACT PREMIUM DESIGN
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.pb-price-section {
    width: 100%;
    padding: 50px 4%;
    background: #F8F3E9;
		border-radius:15px;
    box-sizing: border-box;
}


/* =========================================================
   HEADING
========================================================= */

.pb-price-heading {
    width: 100%;
    text-align: center;
    margin: 0 auto 35px;
}

.pb-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-bottom: 6px;

    color: #9a6b59;

    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;

    letter-spacing: 3px;
}

.pb-eyebrow span {
    display: block;

    width: 75px;
    height: 1px;

    background: #b38a78;
}

.pb-price-heading h2 {
    margin: 0;

    color: #59372b;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 36px;
    line-height: 1.1;

    font-weight: 500;
}

.pb-price-heading p {
    margin: 7px 0 0;

    color: #756a65;

    font-family: Arial, sans-serif;

    font-size: 15px;
    line-height: 1.5;
}


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

.pb-price-grid {
    width: 100%;
    max-width: 1350px;

    margin: 0 auto;

    display: grid;

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

    gap: 22px;

    box-sizing: border-box;
}


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

.pb-price-card {
    position: relative;

    width: 100%;

    background: #ffffff;

    border: 1px solid #eadbd3;

    border-radius: 15px;

    overflow: visible;

    box-shadow:
        0 7px 22px rgba(91, 55, 43, 0.08);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;

    box-sizing: border-box;
}

.pb-price-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 12px 28px rgba(91, 55, 43, 0.13);
}


/* =========================================================
   CARD HEADER
   IMPORTANT:
   position: relative makes icon position relative
   to the HEADER instead of the complete card.
========================================================= */

.pb-card-header {
    position: relative;

    width: 100%;

    min-height: 55px;

    display: flex;
    align-items: center;

    padding: 0 20px 0 85px;

    background: #956654;

    border-radius: 15px 15px 0 0;

    box-sizing: border-box;
}


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

.pb-card-header h3 {
    margin: 0 0;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 21px;
    font-weight: 600;

    line-height: 1.2;

    letter-spacing: 0.2px;
}


/* =========================================================
   CARD ICON
   FIXED TO HEADER CENTER
========================================================= */

.pb-card-icon {
    position: absolute;

    left: 20px;
    top: 50%;

    width: 48px;
    height: 48px;

    transform: translateY(-50%);

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

    background: #fffaf7;

    border: 1.5px solid #e4ad96;

    border-radius: 50%;

    color: #87523e;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 27px;

    line-height: 1;

    box-shadow:
        0 3px 10px rgba(80, 40, 30, 0.10);

    z-index: 10;

    box-sizing: border-box;
}


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

.pb-table {
    width: 100%;

    padding: 10px 20px 14px;

    box-sizing: border-box;
}


/* =========================================================
   TABLE HEADER
========================================================= */

.pb-table-head {
    width: 100%;

    display: grid;

    grid-template-columns: 1.6fr 1fr 1fr;

    align-items: center;

    padding: 6px 0 8px;

    color: #8a6252;

    font-family: Arial, sans-serif;

    font-size: 12px;
    font-weight: 600;

    line-height: 1.2;

    border-bottom: 1px solid #eaded8;

    box-sizing: border-box;
}

.pb-table-head span {
    display: block;

    text-align: center;
}

.pb-table-head span:first-child {
    text-align: left;
}


/* =========================================================
   TABLE ROW
========================================================= */

.pb-table-row {
    width: 100%;

    display: grid;

    grid-template-columns: 1.6fr 1fr 1fr;

    align-items: center;

    min-height: 36px;

    border-bottom: 1px solid #f1e8e3;

    color: #302722;

    font-family: Arial, sans-serif;

    font-size: 14px;

    line-height: 1.2;

    box-sizing: border-box;

    transition: background 0.25s ease;
}

.pb-table-row:last-child {
    border-bottom: none;
}

.pb-table-row:hover {
    background: #fdf5f0;
}


/* SERVICE NAME */

.pb-table-row > span {
    display: block;

    text-align: left;

    padding-right: 8px;

    box-sizing: border-box;
}


/* =========================================================
   PRICE PILL
========================================================= */

.pb-table-row strong {
    justify-self: center;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 85px;

    min-height: 30px;

    padding: 5px 10px;

    background: #f8e8e0;

    border-radius: 25px;

    color: #603b2d;

    font-family: Arial, sans-serif;

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

    line-height: 1;

    box-sizing: border-box;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}

.pb-table-row:hover strong {
    background: #f1d9ce;

    transform: scale(1.03);
}


/* =========================================================
   TAGLINE
========================================================= */

.pb-card-tagline {
    display: block;

    width: auto;

    margin: 0 20px 15px;

    padding: 7px 12px;

    background: #f9eee9;

    border-radius: 25px;

    color: #a1705e;

    font-family: Arial, sans-serif;

    font-size: 9px;

    font-weight: 600;

    line-height: 1.3;

    letter-spacing: 1.5px;

    text-align: center;

    box-sizing: border-box;
}


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

@media (max-width: 900px) {

    .pb-price-section {
        padding: 45px 25px;
    }

    .pb-price-grid {
        grid-template-columns: 1fr;

        max-width: 700px;

        gap: 20px;
    }

    .pb-price-heading h2 {
        font-size: 44px;
    }
}


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

@media (max-width: 600px) {

    .pb-price-section {
        padding: 40px 12px;
    }


    /* Heading */

    .pb-price-heading {
        margin-bottom: 30px;
    }

    .pb-price-heading h2 {
        font-size: 38px;
    }

    .pb-price-heading p {
        font-size: 13px;
    }

    .pb-eyebrow {
        gap: 8px;

        font-size: 9px;

        letter-spacing: 2px;
    }

    .pb-eyebrow span {
        width: 40px;
    }


    /* Grid */

    .pb-price-grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    /* Header */

    .pb-card-header {
        min-height: 50px;

        padding: 0 15px 0 70px;
    }

    .pb-card-header h3 {
        font-size: 18px;
    }


    /* Icon */

    .pb-card-icon {
        left: 12px;

        width: 55px;
        height: 55px;

        font-size: 23px;
    }


    /* Table */

    .pb-table {
        padding: 8px 12px 12px;
    }

    .pb-table-head {
        grid-template-columns: 1.4fr 0.8fr 0.8fr;

        font-size: 10px;
    }

    .pb-table-row {
        grid-template-columns: 1.4fr 0.8fr 0.8fr;

        min-height: 40px;

        font-size: 12px;
    }

    .pb-table-row > span {
        padding-right: 5px;
    }


    /* Price */

    .pb-table-row strong {
        width: 55px;

        min-height: 27px;

        padding: 5px 6px;

        font-size: 11px;
    }


    /* Tagline */

    .pb-card-tagline {
        margin: 0 12px 12px;

        padding: 6px 8px;

        font-size: 7px;

        letter-spacing: 1px;
    }
}


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

@media (max-width: 380px) {

    .pb-price-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pb-price-heading h2 {
        font-size: 34px;
    }

    .pb-card-header {
        padding-left: 65px;
    }

    .pb-card-header h3 {
        font-size: 17px;
    }

    .pb-card-icon {
        left: 10px;

        width: 44px;
        height: 44px;

        font-size: 21px;
    }

    .pb-table-head {
        font-size: 9px;
    }

    .pb-table-row {
        font-size: 11px;
    }

    .pb-table-row strong {
        width: 50px;

        min-height: 25px;

        font-size: 10px;
    }
}

/* =========================================================
   PATCHOULI BEAUTY & LASER
   PREMIUM SINGLE BLOG POST DESIGN
   ========================================================= */


/* =========================================================
   1. ROOT VARIABLES
   ========================================================= */

body.single-post {

	--pb-brown: #5A3D2C;
	--pb-brown-light: #80665A;
	--pb-rose: #A77B69;
	--pb-rose-light: #DCC4B8;
	--pb-cream: #FBF8F5;
	--pb-soft: #F4ECE7;
	--pb-border: #E7D9D1;
	--pb-text: #554941;

	background: #ffffff;
}


/* =========================================================
   2. MAIN ARTICLE
   ========================================================= */

body.single-post .pb-single-post {
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff;
}


/* =========================================================
   3. HERO SECTION
   ========================================================= */

body.single-post .pb-post-hero {

	padding: 65px 30px 0 !important;

	background:
		linear-gradient(
			180deg,
			#FBF8F5 0%,
			#ffffff 100%
		) !important;

	overflow: hidden;
}


body.single-post .pb-hero-inner {

	width: 100% !important;

	max-width: 1240px !important;

	margin: 0 auto !important;
}


/* =========================================================
   4. HERO TOP
   ========================================================= */

body.single-post .pb-hero-top {

	display: flex !important;

	align-items: center !important;

	justify-content: space-between !important;

	margin-bottom: 34px !important;
}


body.single-post .pb-category-wrap {

	display: flex !important;

	align-items: center !important;

	gap: 9px !important;

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

	font-size: 11px !important;

	font-weight: 600 !important;

	letter-spacing: 1.5px !important;

	text-transform: uppercase !important;

	color: var(--pb-brown) !important;
}


body.single-post .pb-category-dot {

	width: 7px !important;

	height: 7px !important;

	border-radius: 50% !important;

	background: var(--pb-rose) !important;

	display: inline-block !important;
}


body.single-post .pb-reading-label {

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

	font-size: 10px !important;

	letter-spacing: 1.6px !important;

	text-transform: uppercase !important;

	color: #9B8980 !important;
}


/* =========================================================
   5. TITLE
   ========================================================= */

body.single-post .pb-title-area {

	text-align: center !important;

	max-width: 1050px !important;

	margin: 0 auto !important;
}


body.single-post .pb-title-accent {

	width: 42px !important;

	height: 2px !important;

	background: var(--pb-rose) !important;

	margin: 0 auto 25px !important;
}


body.single-post .pb-post-title {

	margin: 0 auto !important;

	max-width: 1000px !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: clamp(46px, 6vw, 78px) !important;

	font-weight: 400 !important;

	line-height: 1.02 !important;

	letter-spacing: -2.8px !important;

	color: var(--pb-brown) !important;
}


body.single-post .pb-post-intro {

	max-width: 700px !important;

	margin: 25px auto 0 !important;

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

	font-size: 16px !important;

	line-height: 1.8 !important;

	color: var(--pb-brown-light) !important;
}


/* =========================================================
   6. FEATURED IMAGE
   ========================================================= */

body.single-post .pb-featured-wrapper {

	margin-top: 55px !important;
}


body.single-post .pb-featured-image {

	position: relative !important;

	width: 100% !important;

	height: 650px !important;

	overflow: hidden !important;

	border-radius: 18px 18px 0 0 !important;

	background: var(--pb-soft) !important;
}


body.single-post .pb-featured-img {

	display: block !important;

	width: 100% !important;

	height: 100% !important;

	object-fit: cover !important;
}


body.single-post .pb-image-overlay {

	position: absolute !important;

	inset: 0 !important;

	background:
		linear-gradient(
			180deg,
			transparent 55%,
			rgba(38, 25, 19, 0.45) 100%
		) !important;

	pointer-events: none !important;
}


body.single-post .pb-image-caption {

	position: absolute !important;

	left: 30px !important;

	bottom: 25px !important;

	display: flex !important;

	align-items: center !important;

	gap: 10px !important;

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

	font-size: 9px !important;

	font-weight: 600 !important;

	letter-spacing: 1.5px !important;

	text-transform: uppercase !important;

	color: #ffffff !important;
}


body.single-post .pb-caption-line {

	width: 25px !important;

	height: 1px !important;

	background: rgba(255,255,255,.75) !important;
}


/* =========================================================
   7. POST META
   ========================================================= */

body.single-post .pb-post-meta {

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 25px !important;

	padding: 27px 0 32px !important;
}


body.single-post .pb-meta-item {

	display: flex !important;

	flex-direction: column !important;

	align-items: center !important;

	gap: 5px !important;
}


body.single-post .pb-meta-label {

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

	font-size: 9px !important;

	font-weight: 600 !important;

	letter-spacing: 1.3px !important;

	text-transform: uppercase !important;

	color: #9B8980 !important;
}


body.single-post .pb-meta-value {

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 14px !important;

	color: var(--pb-brown) !important;
}


body.single-post .pb-meta-separator {

	width: 1px !important;

	height: 28px !important;

	background: var(--pb-border) !important;
}


/* =========================================================
   8. ARTICLE BODY
   ========================================================= */

body.single-post .pb-post-body {

	padding: 70px 30px 0 !important;

	background: #ffffff !important;
}


body.single-post .pb-content-layout {

	width: 100% !important;

	max-width: 1100px !important;

	margin: 0 auto !important;
}


body.single-post .pb-post-content {

	width: 100% !important;

	max-width: 1100px !important;

	margin: 0 auto !important;

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

	font-size: 19px !important;

	line-height: 2 !important;

	color: var(--pb-text) !important;
}


/* =========================================================
   9. FIRST PARAGRAPH
   ========================================================= */

body.single-post .pb-post-content > p:first-child {

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 21px !important;

	line-height: 1.9 !important;

	color: var(--pb-brown-light) !important;

	margin-top: 0 !important;
}


/* =========================================================
   10. HEADINGS
   ========================================================= */

body.single-post .pb-post-content h2 {

	position: relative !important;

	margin-top: 65px !important;

	margin-bottom: 25px !important;

	padding-left: 20px !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 36px !important;

	font-weight: 400 !important;

	line-height: 1.25 !important;

	letter-spacing: -0.5px !important;

	color: var(--pb-brown) !important;
}


body.single-post .pb-post-content h2::before {

	content: "" !important;

	position: absolute !important;

	left: 0 !important;

	top: 5px !important;

	width: 3px !important;

	height: calc(100% - 10px) !important;

	background: var(--pb-rose) !important;

	border-radius: 5px !important;
}


body.single-post .pb-post-content h3 {

	margin-top: 45px !important;

	margin-bottom: 18px !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 27px !important;

	font-weight: 400 !important;

	line-height: 1.35 !important;

	color: var(--pb-brown) !important;
}


body.single-post .pb-post-content h4 {

	font-family: Georgia, "Times New Roman", serif !important;

	color: var(--pb-brown) !important;
}


/* =========================================================
   11. PARAGRAPHS
   ========================================================= */

body.single-post .pb-post-content p {

	margin-bottom: 25px !important;
}


body.single-post .pb-post-content strong {

	color: var(--pb-brown) !important;
}


/* =========================================================
   12. LINKS
   ========================================================= */

body.single-post .pb-post-content a {

	color: var(--pb-rose) !important;

	text-decoration-thickness: 1px !important;

	text-underline-offset: 4px !important;

	transition: all .25s ease !important;
}


body.single-post .pb-post-content a:hover {

	color: var(--pb-brown) !important;
}


/* =========================================================
   13. LISTS
   ========================================================= */

body.single-post .pb-post-content ul,
body.single-post .pb-post-content ol {

	margin-bottom: 30px !important;

	padding-left: 28px !important;
}


body.single-post .pb-post-content li {

	margin-bottom: 10px !important;
}


/* =========================================================
   14. BLOCKQUOTE
   ========================================================= */

body.single-post .pb-post-content blockquote {

	margin: 45px 0 !important;

	padding: 30px 35px !important;

	background: var(--pb-cream) !important;

	border-left: 3px solid var(--pb-rose) !important;

	border-radius: 0 12px 12px 0 !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 23px !important;

	font-style: italic !important;

	line-height: 1.7 !important;

	color: var(--pb-brown) !important;
}


/* =========================================================
   15. HORIZONTAL RULE
   ========================================================= */

body.single-post .pb-post-content hr {

	margin: 55px 0 !important;

	border: 0 !important;

	border-top: 1px solid var(--pb-border) !important;
}


/* =========================================================
   16. ELEMENTOR CONTENT
   ========================================================= */

body.single-post .pb-post-content
.elementor {

	width: 100% !important;

	max-width: 100% !important;
}


body.single-post .pb-post-content
.elementor-section,
body.single-post .pb-post-content
.elementor-container {

	max-width: 100% !important;
}


body.single-post .pb-post-content
.elementor-widget {

	max-width: 100% !important;
}


/* =========================================================
   17. BOOKING FORM
   ========================================================= */

body.single-post .pb-post-content
.wpbc_booking_form {

	margin-top: 50px !important;
}


/* =========================================================
   18. TABLE
   ========================================================= */

body.single-post .pb-post-content table {

	width: 100% !important;

	border-collapse: collapse !important;

	margin: 35px 0 !important;

	font-size: 16px !important;
}


body.single-post .pb-post-content th {

	padding: 14px 16px !important;

	background: var(--pb-cream) !important;

	border: 1px solid var(--pb-border) !important;

	color: var(--pb-brown) !important;

	font-weight: 600 !important;
}


body.single-post .pb-post-content td {

	padding: 14px 16px !important;

	border: 1px solid var(--pb-border) !important;
}


/* =========================================================
   19. SHARE SECTION
   ========================================================= */

body.single-post .sd-sharing {

	position: relative !important;

	width: min(1100px, calc(100% - 60px)) !important;

	margin: 70px auto 25px !important;

	padding: 30px 32px !important;

	box-sizing: border-box !important;

	background: #ffffff !important;

	border: 1px solid var(--pb-border) !important;

	border-radius: 14px !important;

	box-shadow: 0 10px 35px rgba(90,61,44,.06) !important;
}


body.single-post .sd-sharing::before {

	content: "" !important;

	position: absolute !important;

	left: 32px !important;

	top: 0 !important;

	width: 45px !important;

	height: 3px !important;

	background: var(--pb-rose) !important;

	border-radius: 0 0 5px 5px !important;
}


body.single-post .sd-sharing .sd-title {

	margin: 0 0 18px !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 22px !important;

	font-weight: 400 !important;

	color: var(--pb-brown) !important;
}


body.single-post .sd-sharing .sd-content ul {

	display: flex !important;

	align-items: center !important;

	gap: 10px !important;

	margin: 0 !important;

	padding: 0 !important;

	list-style: none !important;
}


body.single-post .sd-sharing .sd-content li {

	margin: 0 !important;

	padding: 0 !important;
}


body.single-post .sd-sharing .sd-button {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	min-height: 36px !important;

	padding: 7px 16px !important;

	border: 1px solid var(--pb-border) !important;

	border-radius: 50px !important;

	background: var(--pb-cream) !important;

	color: var(--pb-brown) !important;

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

	font-size: 11px !important;

	font-weight: 600 !important;

	text-decoration: none !important;

	transition: all .25s ease !important;
}


body.single-post .sd-sharing .sd-button:hover {

	background: var(--pb-brown) !important;

	border-color: var(--pb-brown) !important;

	color: #ffffff !important;
}


body.single-post .sd-sharing .share-customize-link {

	display: none !important;
}


/* =========================================================
   20. LIKE SECTION
   ========================================================= */

body.single-post .sd-like {

	position: relative !important;

	width: min(1100px, calc(100% - 60px)) !important;

	margin: 0 auto !important;

	padding: 25px 30px !important;

	box-sizing: border-box !important;

	background: var(--pb-cream) !important;

	border: 1px solid var(--pb-border) !important;

	border-radius: 14px !important;

	overflow: hidden !important;
}


body.single-post .sd-like::before {

	content: "♡" !important;

	position: absolute !important;

	right: 30px !important;

	top: 12px !important;

	font-family: Georgia, serif !important;

	font-size: 55px !important;

	line-height: 1 !important;

	color: rgba(167,123,105,.10) !important;
}


body.single-post .sd-like .sd-title {

	margin: 0 0 5px !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 21px !important;

	font-weight: 400 !important;

	color: var(--pb-brown) !important;
}


/* Jetpack Like iframe itself */

body.single-post .sd-like iframe.jetpack-likes-widget {

	display: block !important;

	width: 100% !important;

	height: 55px !important;

	margin: 0 !important;

	border: 0 !important;
}


/* =========================================================
   21. PREVIOUS / NEXT NAVIGATION
   ========================================================= */

/* Main navigation */

body.single-post nav.navigation.post-navigation {

	position: relative !important;

	width: 100% !important;

	margin-top: 30px !important;

	margin-bottom: 0 !important;

	padding: 0 !important;

	clear: both !important;

	z-index: 5 !important;
}


/* Remove Astra spacing */

body.single-post
.ast-single-post-order + .post-navigation,
body.single-post
.entry-content ~ .post-navigation,
body.single-post
.entry-content + .post-navigation {

	margin-top: -75px !important;

	padding: 0 !important;
}


/* Nav links */

body.single-post nav.navigation.post-navigation
.nav-links {

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 14px !important;

	margin: 0 !important;

	padding: 0 !important;

	height: auto !important;

	min-height: 0 !important;
}


/* =========================================================
   22. COMPACT NAV CARDS
   ========================================================= */

@media (min-width: 768px) {

	body.single-post nav.navigation.post-navigation
	.nav-links > div.nav-previous,
	body.single-post nav.navigation.post-navigation
	.nav-links > div.nav-next {

		position: relative !important;

		flex: 0 0 340px !important;

		width: 340px !important;

		min-width: 340px !important;

		max-width: 340px !important;

		height: 76px !important;

		min-height: 76px !important;

		max-height: 76px !important;

		margin: 0 !important;

		padding: 0 !important;

		box-sizing: border-box !important;

		background: #ffffff !important;

		border: 1px solid var(--pb-border) !important;

		border-radius: 10px !important;

		overflow: hidden !important;

		box-shadow: 0 8px 25px rgba(90,61,44,.04) !important;
	}
}


/* =========================================================
   23. NAV LINKS
   ========================================================= */

body.single-post nav.navigation.post-navigation
.nav-previous > a,
body.single-post nav.navigation.post-navigation
.nav-next > a {

	position: absolute !important;

	inset: 0 !important;

	display: flex !important;

	align-items: center !important;

	width: 100% !important;

	height: 100% !important;

	margin: 0 !important;

	padding: 18px 20px 4px !important;

	box-sizing: border-box !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 13px !important;

	line-height: 1.3 !important;

	color: var(--pb-brown) !important;

	text-decoration: none !important;

	transition: all .25s ease !important;
}


body.single-post nav.navigation.post-navigation
.nav-previous > a {

	justify-content: flex-start !important;

	text-align: left !important;
}


body.single-post nav.navigation.post-navigation
.nav-next > a {

	justify-content: flex-end !important;

	text-align: right !important;
}


/* =========================================================
   24. PREVIOUS / NEXT LABEL
   ========================================================= */

body.single-post nav.navigation.post-navigation
.nav-previous > a::before {

	content: "PREVIOUS POST" !important;

	position: absolute !important;

	left: 20px !important;

	top: 10px !important;

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

	font-size: 7px !important;

	font-weight: 600 !important;

	line-height: 1 !important;

	letter-spacing: 1.2px !important;

	color: var(--pb-rose) !important;
}


body.single-post nav.navigation.post-navigation
.nav-next > a::after {

	content: "NEXT POST" !important;

	position: absolute !important;

	right: 20px !important;

	top: 10px !important;

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

	font-size: 7px !important;

	font-weight: 600 !important;

	line-height: 1 !important;

	letter-spacing: 1.2px !important;

	color: var(--pb-rose) !important;
}


/* =========================================================
   25. NAV ARROWS
   ========================================================= */

body.single-post nav.navigation.post-navigation
.ast-left-arrow,
body.single-post nav.navigation.post-navigation
.ast-right-arrow {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	width: 27px !important;

	height: 27px !important;

	min-width: 27px !important;

	max-width: 27px !important;

	min-height: 27px !important;

	max-height: 27px !important;

	flex: 0 0 27px !important;

	margin: 0 7px 0 0 !important;

	padding: 0 !important;

	border-radius: 50% !important;

	background: var(--pb-cream) !important;

	border: 1px solid var(--pb-border) !important;

	font-size: 12px !important;

	line-height: 1 !important;
}


body.single-post nav.navigation.post-navigation
.ast-right-arrow {

	margin: 0 0 0 7px !important;
}


/* =========================================================
   26. REMOVE ASTRA DEFAULT NAV ELEMENTS
   ========================================================= */

body.single-post nav.navigation.post-navigation
.nav-previous::before,
body.single-post nav.navigation.post-navigation
.nav-previous::after,
body.single-post nav.navigation.post-navigation
.nav-next::before,
body.single-post nav.navigation.post-navigation
.nav-next::after {

	display: none !important;
}


/* =========================================================
   27. HOVER
   ========================================================= */

body.single-post nav.navigation.post-navigation
.nav-previous > a:hover,
body.single-post nav.navigation.post-navigation
.nav-next > a:hover {

	color: var(--pb-rose) !important;
}


body.single-post nav.navigation.post-navigation
.nav-previous:hover,
body.single-post nav.navigation.post-navigation
.nav-next:hover {

	border-color: var(--pb-rose-light) !important;

	box-shadow: 0 10px 30px rgba(90,61,44,.08) !important;
}


/* =========================================================
   28. COMMENTS
   ========================================================= */

body.single-post .comment-respond {

	width: min(1100px, calc(100% - 60px)) !important;

	margin: 30px auto 80px !important;

	padding: 35px !important;

	box-sizing: border-box !important;

	background: var(--pb-cream) !important;

	border: 1px solid var(--pb-border) !important;

	border-radius: 14px !important;
}


body.single-post .comment-respond
#reply-title {

	margin: 0 0 20px !important;

	font-family: Georgia, "Times New Roman", serif !important;

	font-size: 28px !important;

	font-weight: 400 !important;

	color: var(--pb-brown) !important;
}


body.single-post .comment-respond
#cancel-comment-reply-link {

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

	font-size: 11px !important;

	color: var(--pb-rose) !important;
}


/* Jetpack comment iframe */

body.single-post .comment-respond
iframe.jetpack_remote_comment,
body.single-post .comment-respond
iframe#jetpack_remote_comment {

	width: 100% !important;

	border: 0 !important;

	display: block !important;

	margin: 0 !important;
}


/* =========================================================
   29. MOBILE
   ========================================================= */

@media (max-width: 767px) {

	body.single-post .pb-post-hero {

		padding: 40px 18px 0 !important;
	}


	body.single-post .pb-hero-top {

		margin-bottom: 25px !important;
	}


	body.single-post .pb-reading-label {

		display: none !important;
	}


	body.single-post .pb-post-title {

		font-size: clamp(38px, 10vw, 52px) !important;

		line-height: 1.05 !important;

		letter-spacing: -1.5px !important;
	}


	body.single-post .pb-post-intro {

		font-size: 14px !important;

		line-height: 1.7 !important;
	}


	body.single-post .pb-featured-wrapper {

		margin-top: 35px !important;
	}


	body.single-post .pb-featured-image {

		height: 360px !important;

		border-radius: 12px 12px 0 0 !important;
	}


	body.single-post .pb-image-caption {

		left: 18px !important;

		bottom: 18px !important;

		font-size: 8px !important;
	}


	body.single-post .pb-post-meta {

		gap: 13px !important;

		padding: 22px 0 25px !important;
	}


	body.single-post .pb-meta-value {

		font-size: 12px !important;
	}


	body.single-post .pb-meta-label {

		font-size: 8px !important;
	}


	body.single-post .pb-post-body {

		padding: 45px 18px 0 !important;
	}


	body.single-post .pb-post-content {

		font-size: 17px !important;

		line-height: 1.9 !important;
	}


	body.single-post .pb-post-content > p:first-child {

		font-size: 19px !important;

		line-height: 1.8 !important;
	}


	body.single-post .pb-post-content h2 {

		margin-top: 45px !important;

		font-size: 29px !important;

		padding-left: 15px !important;
	}


	body.single-post .pb-post-content h3 {

		margin-top: 35px !important;

		font-size: 23px !important;
	}


	body.single-post .pb-post-content blockquote {

		padding: 25px 22px !important;

		font-size: 19px !important;
	}


	/* Share */

	body.single-post .sd-sharing {

		width: calc(100% - 30px) !important;

		margin-top: 50px !important;

		padding: 25px 20px !important;
	}


	body.single-post .sd-sharing .sd-content ul {

		flex-wrap: wrap !important;
	}


	/* Like */

	body.single-post .sd-like {

		width: calc(100% - 30px) !important;

		padding: 22px 20px !important;
	}


	/* Navigation */

	body.single-post nav.navigation.post-navigation {

		width: calc(100% - 30px) !important;

		margin-top: 14px !important;
	}


	body.single-post nav.navigation.post-navigation
	.nav-links {

		flex-direction: column !important;

		gap: 10px !important;
	}


	body.single-post nav.navigation.post-navigation
	.nav-links > div.nav-previous,
	body.single-post nav.navigation.post-navigation
	.nav-links > div.nav-next {

		width: 100% !important;

		max-width: 100% !important;

		min-width: 0 !important;

		flex: none !important;

		height: 76px !important;

		min-height: 76px !important;

		max-height: 76px !important;
	}


	/* Comments */

	body.single-post .comment-respond {

		width: calc(100% - 30px) !important;

		margin-bottom: 50px !important;

		padding: 25px 20px !important;
	}


	body.single-post .comment-respond
	#reply-title {

		font-size: 24px !important;
	}
}


/* =========================================================
   30. TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1100px) {

	body.single-post .pb-featured-image {

		height: 500px !important;
	}


	body.single-post .pb-post-content {

		font-size: 18px !important;
	}


	body.single-post nav.navigation.post-navigation
	.nav-links > div.nav-previous,
	body.single-post nav.navigation.post-navigation
	.nav-links > div.nav-next {

		flex-basis: 300px !important;

		width: 300px !important;

		min-width: 300px !important;

		max-width: 300px !important;
	}
}