/* Istorea Style Manager — compiled automatically. Do not edit this file directly. */

/* === Global / Header / V3 (#12) === */
/* =========================================================
   ISTOREA — FINAL GLOBAL HEADER
   Created and Designed by Kshitiz Jain
   ========================================================= */


/* =========================================================
   OCEANWP KILL
   ========================================================= */

#top-bar-wrap,
#site-header,
#site-header-inner,
#site-logo,
#site-navigation-wrap,
#mobile-dropdown,
.oceanwp-mobile-menu-icon,
#sidr,
#mobile-fullscreen,
#searchform-header-replace,
.search-toggle-li {

    display: none !important;
    visibility: hidden !important;

    height: 0 !important;
    min-height: 0 !important;

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



/* =========================================================
   RESET / VARIABLES
   ========================================================= */

.ixh3,
.ixh3 *,
.ixh3 *::before,
.ixh3 *::after {

    box-sizing: border-box;
}


.ixh3 {

    --ix-black:
        #030303;

    --ix-panel:
        #11110F;

    --ix-ivory:
        #F6F0E7;

    --ix-gold:
        #E4B947;

    --ix-gold-bright:
        #F0C95A;

    --ix-line:
        rgba(246,240,231,.08);


    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    z-index: 999999;

    width: 100%;


    background:

        linear-gradient(
            180deg,
            rgba(0,0,0,.62),
            rgba(0,0,0,.26) 58%,
            transparent
        );


    border-bottom:
        1px solid transparent;


    transition:

        background .36s ease,
        border-color .36s ease,
        box-shadow .36s ease;
}



/* =========================================================
   BLACK SCROLL STATE
   DESKTOP + MOBILE
   ========================================================= */

#ixh3.ixh3-scrolled,
#ixh3.ixh3-solid,
#ixh3.mobile-open {

    background:
        #030303 !important;


    background-image:
        none !important;


    border-bottom-color:
        rgba(246,240,231,.075);


    box-shadow:

        0 10px 34px
        rgba(0,0,0,.22);
}



/* =========================================================
   ADMIN BAR
   ========================================================= */

body.admin-bar
#ixh3 {

    top: 32px;
}


@media (max-width:782px) {

    body.admin-bar
    #ixh3 {

        top: 46px;
    }

}



/* =========================================================
   DESKTOP INNER
   ========================================================= */

.ixh3-inner {

    width:

        min(
            1560px,
            calc(100% - 86px)
        );


    height:
        104px;


    margin:
        0 auto;


    display:
        grid;


    grid-template-columns:

        minmax(0,1fr)
        235px
        minmax(0,1fr);


    align-items:
        center;


    gap:
        28px;


    transition:

        height .36s
        cubic-bezier(.16,1,.3,1);
}


#ixh3.ixh3-scrolled
.ixh3-inner,

#ixh3.ixh3-solid
.ixh3-inner {

    height:
        82px;
}



/* =========================================================
   DESKTOP NAV
   ========================================================= */

.ixh3-nav {

    display: flex;

    align-items: center;


    gap:

        clamp(
            36px,
            3vw,
            58px
        );
}


.ixh3-left {

    justify-content:
        flex-start;
}


.ixh3-right-nav {

    justify-content:
        flex-end;
}


.ixh3-nav > a {

    position: relative;

    min-height: 42px;

    display: flex;

    align-items: center;


    color:

        rgba(246,240,231,.94)

        !important;


    text-decoration:
        none !important;


    font-family:

        Georgia,
        "Times New Roman",
        serif;


    font-size:
        17px;


    font-weight:
        400;


    white-space:
        nowrap;
}


.ixh3-nav > a::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 4px;

    width: 0;

    height: 1px;

    transform:
        translateX(-50%);

    background:
        var(--ix-gold);

    transition:
        width .28s ease;
}


@media (hover:hover) and (pointer:fine) {

    .ixh3-nav > a:hover::after {

        width:
            100%;
    }

}



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

.ixh3-brand {

    width: 225px;

    height: 82px;

    justify-self: center;


    display: flex;

    align-items: center;

    justify-content: center;


    overflow: hidden;

    text-decoration:
        none !important;
}


.ixh3-logo {

    display: block;

    width:
        auto !important;

    height:
        auto !important;

    max-width:
        207px !important;

    max-height:
        72px !important;

    object-fit:
        contain;
}


#ixh3.ixh3-scrolled
.ixh3-logo,

#ixh3.ixh3-solid
.ixh3-logo {

    max-width:
        176px !important;

    max-height:
        60px !important;
}



/* =========================================================
   FALLBACK
   ========================================================= */

.ixh3-fallback {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;
}


.ixh3-fallback strong {

    color:
        var(--ix-ivory);

    font-family:
        Georgia, serif;

    font-size:
        32px;

    font-weight:
        400;

    letter-spacing:
        .13em;
}


.ixh3-fallback small {

    margin-top:
        6px;

    color:
        var(--ix-gold);

    font-size:
        5px;

    letter-spacing:
        .4em;
}



/* =========================================================
   RIGHT
   ========================================================= */

.ixh3-right {

    display: flex;

    align-items: center;

    justify-content:
        flex-end;

    gap:
        38px;
}



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

.ixh3-book {

    position: relative;

    z-index: 1000;

    flex:
        0 0 auto;
}


#ixh3
button.ixh3-book-btn {

    all:
        unset !important;


    box-sizing:
        border-box !important;


    width:
        172px !important;


    height:
        56px !important;


    display:
        flex !important;


    align-items:
        center !important;


    justify-content:
        center !important;


    gap:
        21px !important;


    padding:
        0 24px !important;


    border:

        1px solid
        rgba(238,193,72,.82)

        !important;


    border-radius:
        999px !important;


    background:

        linear-gradient(
            125deg,
            #D7A83F,
            #EEC55F 32%,
            #F8DD7E 54%,
            #E8B94D 100%
        )

        !important;


    color:
        #090704 !important;


    cursor:
        pointer !important;


    box-shadow:

        0 0 30px
        rgba(235,196,95,.19),

        0 10px 27px
        rgba(0,0,0,.23),

        inset 0 1px 0
        rgba(255,255,255,.34)

        !important;
}


#ixh3.ixh3-scrolled
button.ixh3-book-btn,

#ixh3.ixh3-solid
button.ixh3-book-btn {

    width:
        156px !important;

    height:
        49px !important;


    background:
        #151412 !important;


    color:
        var(--ix-gold-bright)
        !important;


    border-color:

        rgba(228,183,67,.74)

        !important;


    box-shadow:
        none !important;
}


#ixh3
button.ixh3-book-btn span {

    color:
        inherit !important;


    font-family:

        Georgia,
        "Times New Roman",
        serif !important;


    font-size:
        17px !important;


    font-weight:
        600 !important;


    line-height:
        1 !important;


    white-space:
        nowrap !important;
}



/* CHEVRON */

#ixh3
button.ixh3-book-btn i {

    width:
        8px;

    height:
        8px;


    flex:
        0 0 8px;


    border-right:

        1.5px solid
        currentColor;


    border-bottom:

        1.5px solid
        currentColor;


    transform:

        rotate(45deg)
        translate(-1px,-1px);


    transition:
        transform .26s ease;
}


#ixh3
.ixh3-book.open
button.ixh3-book-btn i {

    transform:

        rotate(225deg)
        translate(-1px,-1px);
}



/* =========================================================
   DESKTOP DROPDOWN
   EXACT TARGET STRUCTURE
   ========================================================= */

@media (min-width:768px) {

    #ixh3
    .ixh3-book-menu {

        position:
            absolute !important;


        top:
            calc(100% + 18px)
            !important;


        right:
            0 !important;


        z-index:
            99999 !important;


        width:
            360px !important;


        margin:
            0 !important;


        padding:
            0 24px !important;


        direction:
            ltr !important;


        text-align:
            left !important;


        overflow:
            hidden !important;


        background:
            #11110F !important;


        background-image:

            radial-gradient(
                circle at 50% 0%,
                rgba(224,180,66,.025),
                transparent 58%
            )

            !important;


        border:

            1px solid
            rgba(204,159,48,.48)

            !important;


        border-radius:
            20px !important;


        box-shadow:

            0 30px 78px
            rgba(0,0,0,.57),

            0 8px 24px
            rgba(0,0,0,.32),

            inset 0 1px 0
            rgba(255,255,255,.018)

            !important;


        opacity:
            0 !important;


        visibility:
            hidden !important;


        pointer-events:
            none !important;


        transform:

            translate3d(
                0,
                -9px,
                0
            )

            scale(.985)

            !important;


        transform-origin:
            top right;


        transition:

            opacity .20s ease,

            visibility .20s ease,

            transform .32s
            cubic-bezier(.16,1,.3,1)

            !important;
    }



    #ixh3
    .ixh3-book.open
    .ixh3-book-menu {

        opacity:
            1 !important;


        visibility:
            visible !important;


        pointer-events:
            auto !important;


        transform:

            translate3d(0,0,0)
            scale(1)

            !important;
    }



    /* REMOVE ALL POSSIBLE OLD DECORATIONS */

    #ixh3
    .ixh3-book-menu::before,

    #ixh3
    .ixh3-book-menu::after {

        display:
            none !important;

        content:
            none !important;
    }



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

    #ixh3
    .ixh3-book-menu
    > a.ixh3-book-item {

        position:
            relative !important;


        width:
            100% !important;


        height:
            96px !important;


        min-height:
            96px !important;


        max-height:
            96px !important;


        display:
            grid !important;


        grid-template-columns:

            50px
            minmax(0,1fr)
            12px

            !important;


        align-items:
            center !important;


        column-gap:
            20px !important;


        margin:
            0 !important;


        padding:
            0 !important;


        border:
            0 !important;


        border-bottom:

            1px solid
            rgba(246,240,231,.075)

            !important;


        border-radius:
            0 !important;


        background:
            transparent !important;


        background-image:
            none !important;


        box-shadow:
            none !important;


        color:
            var(--ix-gold)
            !important;


        text-align:
            left !important;


        text-decoration:
            none !important;


        transform:
            none !important;


        transition:

            background .28s ease,

            padding-left .32s
            cubic-bezier(.16,1,.3,1)

            !important;
    }


    #ixh3
    .ixh3-book-menu
    > a.ixh3-book-item:last-child {

        border-bottom:
            0 !important;
    }



    /* =====================================================
       ICON CIRCLE
       ===================================================== */

    #ixh3
    .ixh3-book-icon {

        width:
            46px !important;


        height:
            46px !important;


        display:
            flex !important;


        align-items:
            center !important;


        justify-content:
            center !important;


        border:

            1px solid
            rgba(213,168,55,.36)

            !important;


        border-radius:
            50% !important;


        background:

            rgba(223,178,63,.02)

            !important;


        transition:

            border-color .28s ease,

            box-shadow .28s ease,

            background .28s ease,

            transform .32s
            cubic-bezier(.16,1,.3,1)

            !important;
    }



    #ixh3
    .ixh3-book-icon svg {

        width:
            23px !important;


        height:
            23px !important;


        display:
            block !important;


        fill:
            none !important;


        stroke:
            #DEB442 !important;


        stroke-width:
            1.55 !important;


        stroke-linecap:
            round !important;


        stroke-linejoin:
            round !important;


        overflow:
            visible !important;
    }



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

    #ixh3
    .ixh3-book-label {

        display:
            block !important;


        width:
            auto !important;


        margin:
            0 !important;


        padding:
            0 !important;


        color:
            #DDB143 !important;


        text-align:
            left !important;


        font-family:

            Georgia,
            "Times New Roman",
            serif !important;


        font-size:
            19px !important;


        font-weight:
            600 !important;


        line-height:
            1.1 !important;


        letter-spacing:
            -.01em !important;


        white-space:
            nowrap !important;


        transition:

            color .25s ease,

            transform .30s
            cubic-bezier(.16,1,.3,1);
    }



    /* =====================================================
       HOVER DOT
       ===================================================== */

    #ixh3
    .ixh3-book-hover-dot {

        width:
            9px;


        height:
            9px;


        justify-self:
            end;


        border-radius:
            50%;


        background:
            #E8BE4F;


        box-shadow:

            0 0 12px
            rgba(232,190,79,.25);


        opacity:
            0;


        transform:
            scale(.45);


        transition:

            opacity .25s ease,

            transform .32s
            cubic-bezier(.16,1,.3,1);
    }



    /* =====================================================
       EXACT HOVER EFFECT
       ===================================================== */

    @media
    (hover:hover)
    and
    (pointer:fine) {

        #ixh3
        .ixh3-book-menu
        > a.ixh3-book-item:hover {

            padding-left:
                2px !important;


            background:

                linear-gradient(
                    90deg,
                    rgba(195,155,57,.065) 0%,
                    rgba(162,128,45,.035) 65%,
                    rgba(162,128,45,.015) 100%
                )

                !important;
        }



        #ixh3
        .ixh3-book-menu
        > a.ixh3-book-item:hover
        .ixh3-book-icon {

            border-color:

                rgba(237,194,74,.92)

                !important;


            background:

                radial-gradient(
                    circle,
                    rgba(224,179,62,.085),
                    rgba(224,179,62,.018)
                )

                !important;


            box-shadow:

                0 0 18px
                rgba(224,179,62,.11),

                inset 0 0 0 1px
                rgba(229,186,68,.04)

                !important;


            transform:
                scale(1.035);
        }



        #ixh3
        .ixh3-book-menu
        > a.ixh3-book-item:hover
        .ixh3-book-label {

            color:
                #EDC654 !important;


            transform:
                translateX(3px);
        }



        #ixh3
        .ixh3-book-menu
        > a.ixh3-book-item:hover
        .ixh3-book-hover-dot {

            opacity:
                1;


            transform:
                scale(1);
        }

    }

}



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

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

    .ixh3-inner {

        width:
            calc(100% - 34px);


        grid-template-columns:

            minmax(0,1fr)
            175px
            minmax(0,1fr);
    }


    .ixh3-nav {

        gap:
            22px;
    }


    .ixh3-nav > a {

        font-size:
            14px;
    }


    .ixh3-brand {

        width:
            170px;
    }


    .ixh3-logo {

        max-width:
            160px !important;
    }


    .ixh3-right {

        gap:
            20px;
    }


    #ixh3
    button.ixh3-book-btn {

        width:
            140px !important;

        height:
            48px !important;

        padding:
            0 16px !important;

        gap:
            14px !important;
    }


    #ixh3
    button.ixh3-book-btn span {

        font-size:
            14px !important;
    }


    #ixh3
    .ixh3-book-menu {

        width:
            320px !important;

        padding:
            0 20px !important;
    }


    #ixh3
    .ixh3-book-menu
    > a.ixh3-book-item {

        height:
            84px !important;

        min-height:
            84px !important;

        max-height:
            84px !important;
    }


    #ixh3
    .ixh3-book-label {

        font-size:
            17px !important;
    }

}



/* =========================================================
   MOBILE ELEMENTS DEFAULT
   ========================================================= */

.ixh3-mobile-brand,
.ixh3-hamburger,
.ixh3-mobile-drawer {

    display:
        none;
}


.ixh3-page-spacer {

    height:
        82px;

    background:
        #030303;
}



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

@media (max-width:767px) {

    .ixh3-nav,
    .ixh3-brand,
    .ixh3-right {

        display:
            none !important;
    }



    /* =====================================================
       MOBILE HEADER ROOT
       ===================================================== */

    #ixh3 {

        height:
            96px !important;


        border:
            0 !important;


        box-shadow:
            none;
    }



    /*
     * ONLY transparent when:
     * homepage + top + menu closed.
     */

    #ixh3.ixh3-home:not(.ixh3-scrolled):not(.mobile-open) {

        background:

            linear-gradient(
                180deg,
                rgba(0,0,0,.58) 0%,
                rgba(0,0,0,.22) 58%,
                rgba(0,0,0,0) 100%
            )

            !important;


        border-bottom-color:
            transparent !important;


        box-shadow:
            none !important;
    }



    /*
     * SCROLLED MOBILE:
     * same black behavior as desktop.
     */

    #ixh3.ixh3-home.ixh3-scrolled,
    #ixh3.ixh3-solid,
    #ixh3.mobile-open {

        background:
            #030303 !important;


        background-image:
            none !important;


        border-bottom:

            1px solid
            rgba(246,240,231,.075)

            !important;


        box-shadow:

            0 9px 28px
            rgba(0,0,0,.24)

            !important;
    }



    .ixh3-inner {

        width:
            100% !important;


        height:
            96px !important;


        margin:
            0 !important;


        padding:

            0 29px
            0 30px

            !important;


        display:
            flex !important;


        align-items:
            center !important;


        justify-content:
            space-between !important;
    }



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

    .ixh3-mobile-brand {

        width:
            auto !important;


        height:
            78px !important;


        max-width:
            190px !important;


        display:
            flex !important;


        align-items:
            center !important;


        justify-content:
            flex-start !important;
    }


    .ixh3-mobile-logo {

        display:
            block !important;


        width:
            auto !important;


        height:
            auto !important;


        max-width:
            176px !important;


        max-height:
            68px !important;


        object-fit:
            contain !important;
    }



    /* =====================================================
       HAMBURGER
       ===================================================== */

    #ixh3
    button.ixh3-hamburger {

        all:
            unset !important;


        box-sizing:
            border-box !important;


        position:
            relative !important;


        width:
            46px !important;


        height:
            46px !important;


        flex:
            0 0 46px !important;


        display:
            block !important;


        cursor:
            pointer !important;
    }


    #ixh3
    button.ixh3-hamburger
    span {

        position:
            absolute;


        right:
            0;


        width:
            29px;


        height:
            2px;


        border-radius:
            99px;


        background:
            var(--ix-ivory);
    }


    #ixh3
    button.ixh3-hamburger
    span:nth-child(1) {

        top:
            11px;
    }


    #ixh3
    button.ixh3-hamburger
    span:nth-child(2) {

        top:
            22px;
    }


    #ixh3
    button.ixh3-hamburger
    span:nth-child(3) {

        top:
            33px;
    }



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

    #ixh3
    .ixh3-mobile-drawer {

        position:
            fixed !important;


        top:
            0 !important;


        left:
            0 !important;


        right:
            0 !important;


        bottom:
            auto !important;


        z-index:
            10000000 !important;


        width:
            100vw !important;


        height:

            var(
                --ix-real-mobile-height,
                100svh
            )

            !important;


        min-height:
            0 !important;


        display:
            block !important;


        overflow:
            hidden !important;


        background:

            radial-gradient(
                ellipse at 0% 82%,
                rgba(152,67,28,.24),
                rgba(82,36,17,.11) 29%,
                transparent 49%
            ),

            linear-gradient(
                90deg,
                #090806,
                #060606 15%,
                #050505
            )

            !important;


        opacity:
            0 !important;


        visibility:
            hidden !important;


        pointer-events:
            none !important;


        transform:

            translate3d(
                0,
                -5px,
                0
            )

            !important;


        transition:

            opacity .22s ease,

            transform .36s
            cubic-bezier(.16,1,.3,1),

            visibility .22s ease

            !important;
    }


    #ixh3.mobile-open
    .ixh3-mobile-drawer {

        opacity:
            1 !important;


        visibility:
            visible !important;


        pointer-events:
            auto !important;


        transform:
            none !important;
    }



    /* =====================================================
       LEFT RAIL
       ===================================================== */

    #ixh3
    .ixh3-drawer-ambient {

        position:
            absolute !important;


        inset:
            0 auto 0 0 !important;


        width:
            57px !important;


        border-right:

            1px solid
            rgba(208,166,68,.16)

            !important;


        background:

            radial-gradient(
                ellipse at 0% 79%,
                rgba(162,72,29,.32),
                rgba(91,39,18,.16) 37%,
                transparent 72%
            )

            !important;
    }



    /* =====================================================
       DRAWER INNER
       ===================================================== */

    #ixh3
    .ixh3-mobile-inner {

        position:
            relative !important;


        z-index:
            3;


        width:
            100% !important;


        height:
            100% !important;


        display:
            grid !important;


        grid-template-rows:

            72px
            27px
            minmax(0,1fr)
            auto

            !important;


        padding:

            max(
                16px,
                env(safe-area-inset-top)
            )

            20px

            max(
                48px,
                calc(
                    env(safe-area-inset-bottom)
                    + 28px
                )
            )

            82px

            !important;


        overflow:
            hidden !important;
    }



    /* =====================================================
       DRAWER TOP
       ===================================================== */

    #ixh3
    .ixh3-drawer-top {

        position:
            relative;


        height:
            72px;


        display:
            flex;


        align-items:
            flex-start;


        justify-content:
            center;
    }


    #ixh3
    .ixh3-drawer-brand {

        width:
            154px;


        height:
            59px;


        display:
            flex;


        align-items:
            center;


        justify-content:
            center;
    }


    #ixh3
    .ixh3-drawer-logo {

        width:
            auto !important;


        height:
            auto !important;


        max-width:
            148px !important;


        max-height:
            57px !important;


        object-fit:
            contain !important;
    }



    /* =====================================================
       CLOSE
       ===================================================== */

    #ixh3
    button.ixh3-drawer-close {

        all:
            unset !important;


        box-sizing:
            border-box !important;


        position:
            fixed !important;


        top:

            max(
                17px,
                env(safe-area-inset-top)
            )

            !important;


        right:
            18px !important;


        z-index:
            10000002 !important;


        width:
            44px !important;


        height:
            44px !important;


        border:

            1px solid
            rgba(213,174,76,.33)

            !important;


        border-radius:
            50% !important;


        cursor:
            pointer !important;
    }


    #ixh3
    button.ixh3-drawer-close
    span {

        position:
            absolute;


        top:
            50%;


        left:
            50%;


        width:
            19px;


        height:
            1.5px;


        background:

            rgba(246,240,231,.78);
    }


    #ixh3
    button.ixh3-drawer-close
    span:first-child {

        transform:

            translate(-50%,-50%)
            rotate(45deg);
    }


    #ixh3
    button.ixh3-drawer-close
    span:last-child {

        transform:

            translate(-50%,-50%)
            rotate(-45deg);
    }



    /* =====================================================
       ORNAMENT
       ===================================================== */

    #ixh3
    .ixh3-drawer-divider {

        width:

            min(
                250px,
                100%
            );


        height:
            27px;


        margin:
            0 auto;


        display:
            grid;


        grid-template-columns:

            1fr auto 1fr;


        align-items:
            center;


        gap:
            13px;
    }


    #ixh3
    .ixh3-drawer-divider span {

        height:
            1px;


        background:

            linear-gradient(
                90deg,
                transparent,
                rgba(211,170,72,.35)
            );
    }


    #ixh3
    .ixh3-drawer-divider
    span:last-child {

        background:

            linear-gradient(
                90deg,
                rgba(211,170,72,.35),
                transparent
            );
    }


    #ixh3
    .ixh3-drawer-divider i {

        width:
            9px;


        height:
            9px;


        transform:
            rotate(45deg);


        background:

            linear-gradient(
                135deg,
                #9C7832,
                #D3AA50
            );
    }



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

    #ixh3
    .ixh3-drawer-nav {

        min-height:
            0;


        display:
            flex;


        flex-direction:
            column;


        justify-content:
            space-evenly;


        overflow:
            hidden;
    }


    #ixh3
    .ixh3-drawer-nav > a {

        min-height:
            43px;


        max-height:
            51px;


        flex:
            1 1 0;


        display:
            grid;


        grid-template-columns:

            29px
            minmax(0,1fr);


        align-items:
            center;


        column-gap:
            15px;


        color:

            rgba(246,240,231,.86)

            !important;


        text-decoration:
            none !important;
    }


    #ixh3
    .ixh3-drawer-icon {

        width:
            27px;


        height:
            27px;


        display:
            flex;


        align-items:
            center;


        justify-content:
            center;
    }


    #ixh3
    .ixh3-drawer-icon svg {

        width:
            21px;


        height:
            21px;


        fill:
            none;


        stroke:

            rgba(246,240,231,.36);


        stroke-width:
            1.45;


        stroke-linecap:
            round;


        stroke-linejoin:
            round;
    }


    #ixh3
    .ixh3-drawer-text {

        color:

            rgba(246,240,231,.88);


        font-family:

            Georgia,
            "Times New Roman",
            serif;


        font-size:
            16px;


        line-height:
            1.08;


        letter-spacing:
            .052em;


        white-space:
            nowrap;
    }



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

    #ixh3
    .ixh3-drawer-reserve {

        padding-top:
            7px;
    }


    #ixh3
    .ixh3-drawer-reserve-title {

        height:
            27px;


        margin-bottom:
            12px;


        display:
            grid;


        grid-template-columns:

            1fr auto 1fr;


        align-items:
            center;


        gap:
            12px;
    }


    #ixh3
    .ixh3-drawer-reserve-title
    span {

        height:
            1px;


        background:

            linear-gradient(
                90deg,
                transparent,
                rgba(215,174,73,.22)
            );
    }


    #ixh3
    .ixh3-drawer-reserve-title
    span:last-child {

        background:

            linear-gradient(
                90deg,
                rgba(215,174,73,.22),
                transparent
            );
    }


    #ixh3
    .ixh3-drawer-reserve-title
    small {

        color:

            rgba(199,159,70,.61);


        font-family:
            Arial, sans-serif;


        font-size:
            8px;


        letter-spacing:
            .30em;
    }


    #ixh3
    .ixh3-drawer-book {

        width:
            100%;


        height:
            56px;


        display:
            flex;


        align-items:
            center;


        justify-content:
            center;


        gap:
            17px;


        border:

            1px solid
            rgba(255,231,151,.88);


        border-radius:
            999px;


        color:
            #0A0805 !important;


        text-decoration:
            none !important;


        background:

            linear-gradient(
                115deg,
                #D6A63E,
                #EFC45E 28%,
                #F8DD7D 52%,
                #D6A43D
            );


        box-shadow:

            0 0 27px
            rgba(230,183,70,.15),

            0 10px 23px
            rgba(0,0,0,.24);
    }


    #ixh3
    .ixh3-drawer-book strong {

        font-family:

            Georgia,
            "Times New Roman",
            serif;


        font-size:
            17px;


        font-weight:
            600;
    }


    #ixh3
    .ixh3-drawer-book svg {

        width:
            21px;


        height:
            21px;


        fill:
            none;


        stroke:
            #0A0805;


        stroke-width:
            1.7;


        stroke-linecap:
            round;


        stroke-linejoin:
            round;
    }



    .ixh3-page-spacer {

        height:
            96px;
    }

}



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

@media (max-width:390px) {

    #ixh3 {

        height:
            88px !important;
    }


    .ixh3-inner {

        height:
            88px !important;


        padding:
            0 22px !important;
    }


    .ixh3-mobile-brand {

        max-width:
            165px !important;
    }


    .ixh3-mobile-logo {

        max-width:
            152px !important;


        max-height:
            61px !important;
    }


    #ixh3
    .ixh3-mobile-inner {

        grid-template-rows:

            66px
            24px
            minmax(0,1fr)
            auto;


        padding:

            max(
                14px,
                env(safe-area-inset-top)
            )

            18px

            max(
                42px,
                calc(
                    env(safe-area-inset-bottom)
                    + 23px
                )
            )

            72px

            !important;
    }


    #ixh3
    .ixh3-drawer-ambient {

        width:
            50px !important;
    }


    #ixh3
    .ixh3-drawer-brand {

        width:
            145px;

        height:
            55px;
    }


    #ixh3
    .ixh3-drawer-logo {

        max-width:
            140px !important;

        max-height:
            54px !important;
    }


    #ixh3
    .ixh3-drawer-nav > a {

        min-height:
            40px;

        max-height:
            48px;
    }


    #ixh3
    .ixh3-drawer-text {

        font-size:
            15.5px;
    }


    #ixh3
    .ixh3-drawer-book {

        height:
            53px;
    }


    .ixh3-page-spacer {

        height:
            88px;
    }

}



/* =========================================================
   LOCK PAGE WHILE MOBILE MENU OPEN
   ========================================================= */

html.ixh3-lock,
html.ixh3-lock body {

    overflow:
        hidden !important;


    overscroll-behavior:
        none !important;
}



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

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

    .ixh3 *,
    .ixh3 *::before,
    .ixh3 *::after {

        animation:
            none !important;


        transition-duration:
            .001ms !important;
    }

}

/* === Istorea Premium Footer (#15) === */
/* =========================================================
   ISTOREA BY THE SEA
   GLOBAL PREMIUM FOOTER
   FINAL DESKTOP + MOBILE REFERENCE BUILD

   Created and Designed by Kshitiz Jain
   ========================================================= */


/* =========================================================
   RESET
   ========================================================= */

#ixf,
#ixf *,
#ixf *::before,
#ixf *::after {
    box-sizing:border-box;
}

#ixf a {
    text-decoration:none !important;
}


/* =========================================================
   VARIABLES
   ========================================================= */

#ixf {
    --ixf-gold:#DDB64E;
    --ixf-white:#F5F2ED;
    --ixf-muted:#898D99;
}


/* =========================================================
   FOOTER ROOT — DESKTOP
   ========================================================= */

#ixf {
    position:relative;

    width:100%;

    height:557px !important;
    min-height:557px !important;
    max-height:557px !important;

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

    overflow:hidden !important;

    isolation:isolate;

    background:#020202;

    color:var(--ixf-white);

    border-top:
        1px solid
        rgba(221,182,78,.13);
}


/* =========================================================
   BACKGROUND PHOTO — DESKTOP
   ========================================================= */

#ixf .ixf-bg {
    position:absolute;

    inset:0;

    z-index:0;

    background-image:
        url("/wp-content/uploads/2026/08/istorea-desktop-hero.webp");

    background-repeat:no-repeat;

    background-size:cover;

    background-position:center 50%;

    /*
     * IMPORTANT:
     * Reference footer shows photography only subtly.
     */
    opacity:.38;

    filter:
        brightness(.48)
        saturate(.60)
        contrast(1.05);

    transform:scale(1.02);
}


/* =========================================================
   DARK CINEMATIC OVERLAY
   ========================================================= */

#ixf .ixf-overlay {
    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:

        radial-gradient(
            circle at 20% 45%,
            rgba(158,101,28,.05),
            transparent 32%
        ),

        linear-gradient(
            90deg,
            rgba(0,0,0,.54) 0%,
            rgba(0,0,0,.50) 30%,
            rgba(0,0,0,.56) 58%,
            rgba(0,0,0,.64) 100%
        ),

        linear-gradient(
            180deg,
            rgba(0,0,0,.22) 0%,
            rgba(0,0,0,.38) 48%,
            rgba(0,0,0,.94) 100%
        );
}


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

#ixf .ixf-container {
    position:relative;

    z-index:5;

    width:100%;

    height:100%;
}


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

#ixf .ixf-grid {
    width:
        min(
            1510px,
            calc(100% - 92px)
        );

    margin:0 auto;

    padding-top:47px;

    display:grid;

    grid-template-columns:
        1.13fr
        .72fr
        .82fr
        1fr;

    column-gap:96px;

    align-items:start;
}


/* =========================================================
   BRAND
   ========================================================= */

#ixf .ixf-brand {
    width:100%;

    text-align:center;
}


/* =========================================================
   OFFICIAL ISTOREA LOGO
   ========================================================= */

#ixf .ixf-logo {
    display:flex;

    align-items:center;

    justify-content:center;

    width:226px;

    height:82px;

    margin:
        0
        auto
        13px;

    overflow:hidden;
}


#ixf .ixf-logo-img {
    display:block !important;

    width:auto !important;

    max-width:226px !important;

    height:auto !important;

    max-height:82px !important;

    margin:0 auto !important;

    object-fit:contain !important;
}


/* =========================================================
   BRAND DESCRIPTION
   ========================================================= */

#ixf .ixf-description {
    width:320px;

    max-width:100%;

    margin:
        5px
        auto
        25px;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:15px;

    font-weight:400;

    line-height:1.62;

    text-align:center;
}


/* =========================================================
   SOCIAL ICONS
   ========================================================= */

#ixf .ixf-socials {
    display:flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    margin:
        0
        auto
        16px;
}


#ixf .ixf-socials a {
    display:flex;

    align-items:center;

    justify-content:center;

    width:54px;

    height:54px;

    flex:
        0
        0
        54px;

    border:
        1px solid
        rgba(221,182,78,.27);

    border-radius:50%;

    background:
        rgba(4,4,4,.48);

    color:#FFFFFF !important;

    transition:
        color .22s ease,
        border-color .22s ease,
        background .22s ease;
}


#ixf .ixf-socials svg {
    display:block;

    width:23px;

    height:23px;
}


@media
(hover:hover)
and
(pointer:fine) {

    #ixf .ixf-socials a:hover {
        color:
            var(--ixf-gold)
            !important;

        border-color:
            rgba(221,182,78,.75);

        background:
            rgba(221,182,78,.045);
    }
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

#ixf .ixf-copyright {
    margin:0;

    color:
        rgba(154,158,170,.87);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:14px;

    font-weight:400;

    line-height:1.3;
}


#ixf .ixf-copyright-desktop {
    white-space:nowrap;
}


#ixf .ixf-copyright-mobile {
    display:none;
}


/* =========================================================
   COLUMNS
   ========================================================= */

#ixf .ixf-column {
    padding-top:10px;
}


#ixf .ixf-column h3 {
    margin:
        0
        0
        22px;

    padding:0;

    color:
        var(--ixf-gold);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:18px;

    font-weight:700;

    line-height:1;

    letter-spacing:.012em;

    text-transform:uppercase;
}


/* =========================================================
   GOLD DIVIDERS
   ========================================================= */

#ixf .ixf-divider {
    display:block;

    width:68px;

    height:1px;

    margin:
        0
        0
        31px;

    background:
        var(--ixf-gold);

    opacity:.72;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

#ixf .ixf-column nav:not(.ixf-legal) {
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:20px;
}


#ixf .ixf-column nav:not(.ixf-legal) a {
    color:
        rgba(255,255,255,.94)
        !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:16px;

    font-weight:400;

    line-height:1.25;

    transition:color .22s ease;
}


@media
(hover:hover)
and
(pointer:fine) {

    #ixf
    .ixf-column
    nav:not(.ixf-legal)
    a:hover {

        color:
            var(--ixf-gold)
            !important;
    }
}


/* =========================================================
   CONTACT
   ========================================================= */

#ixf .ixf-contact {
    text-align:center;
}


#ixf .ixf-contact h3 {
    text-align:center;
}


#ixf .ixf-contact .ixf-divider {
    width:100px;

    margin-left:auto;
    margin-right:auto;
}


#ixf .ixf-contact address {
    width:100%;

    margin:
        0
        auto
        24px;

    padding:0;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:15px;

    font-style:normal;

    font-weight:400;

    line-height:1.55;

    text-align:center;
}


/* =========================================================
   CONTACT ITEMS
   ========================================================= */

#ixf .ixf-contact-item {
    display:flex;

    align-items:center;

    justify-content:center;

    width:max-content;

    max-width:100%;

    margin:
        0
        auto
        21px;

    gap:10px;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:15px;

    font-weight:400;

    line-height:1.3;
}


#ixf .ixf-contact-item svg {
    display:block;

    width:16px;

    height:16px;

    flex:
        0
        0
        16px;

    color:#D42C80;
}


/* =========================================================
   LEGAL
   ========================================================= */

#ixf .ixf-legal {
    display:flex;

    align-items:center;

    justify-content:center;

    gap:30px;

    margin-top:31px;
}


#ixf .ixf-legal a {
    color:
        rgba(164,168,180,.88)
        !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:14px;

    font-weight:400;
}


/* =========================================================
   BOTTOM OFFICIAL LOGO — DESKTOP
   ========================================================= */

#ixf .ixf-watermark {
    position:absolute;

    z-index:3;

    left:50%;

    bottom:-6px;

    top:auto;

    transform:
        translateX(-50%);

    width:980px;

    max-width:66vw;

    height:210px;

    overflow:hidden;

    opacity:.24;

    pointer-events:none;

    display:flex;

    align-items:flex-end;

    justify-content:center;
}


#ixf .ixf-watermark-img {
    display:block !important;

    width:100% !important;

    height:100% !important;

    max-width:none !important;

    max-height:none !important;

    margin:0 !important;

    object-fit:contain !important;

    object-position:center bottom !important;

    filter:
        brightness(.54)
        saturate(.58);
}


/* =========================================================
   DESKTOP > 1400
   ========================================================= */

@media
(min-width:1401px) {

    #ixf {
        height:557px !important;
        min-height:557px !important;
        max-height:557px !important;
    }

    #ixf .ixf-grid {
        padding-top:47px;
    }

    #ixf .ixf-watermark {
        width:980px;

        max-width:66vw;

        height:210px;

        bottom:-6px;
    }
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media
(max-width:1400px)
and
(min-width:1001px) {

    #ixf {
        height:557px !important;
        min-height:557px !important;
        max-height:557px !important;
    }

    #ixf .ixf-grid {
        width:
            calc(100% - 70px);

        column-gap:64px;

        padding-top:45px;
    }

    #ixf .ixf-description {
        width:300px;

        font-size:14px;
    }

    #ixf
    .ixf-column
    nav:not(.ixf-legal)
    a {

        font-size:15px;
    }

    #ixf .ixf-watermark {
        width:840px;

        max-width:64vw;

        height:185px;

        bottom:-4px;
    }
}


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

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

    #ixf {
        height:auto !important;

        min-height:760px !important;

        max-height:none !important;
    }

    #ixf .ixf-grid {
        width:
            calc(100% - 50px);

        grid-template-columns:
            1fr
            1fr;

        gap:
            55px
            70px;

        padding:
            55px
            0
            185px;
    }

    #ixf .ixf-brand {
        grid-column:
            1 / -1;
    }

    #ixf .ixf-watermark {
        width:720px;

        max-width:88vw;

        height:155px;

        bottom:-5px;
    }
}


/* =========================================================
   MOBILE
   REFERENCE MATCH
   ========================================================= */

@media
(max-width:767px) {

    /* =====================================================
       FOOTER ROOT
       ===================================================== */

    #ixf {
        height:auto !important;

        min-height:0 !important;

        max-height:none !important;

        overflow:hidden !important;

        background:#030303;
    }


    /* =====================================================
       MOBILE BACKGROUND
       DARKER / LESS DISTRACTING
       ===================================================== */

    #ixf .ixf-bg {
        background-image:
            url("/wp-content/uploads/2026/08/istorea-mobile-hero.webp");

        background-position:center center;

        background-size:cover;

        background-repeat:no-repeat;

        transform:none;

        /*
         * VERY IMPORTANT
         * Reference background is subtle.
         */
        opacity:.30;

        filter:
            brightness(.46)
            saturate(.52)
            contrast(1.04);
    }


    #ixf .ixf-overlay {
        background:

            linear-gradient(
                180deg,
                rgba(0,0,0,.41) 0%,
                rgba(0,0,0,.48) 18%,
                rgba(0,0,0,.56) 42%,
                rgba(0,0,0,.66) 66%,
                rgba(0,0,0,.88) 87%,
                rgba(0,0,0,.98) 100%
            );
    }


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

    #ixf .ixf-grid {
        width:100%;

        margin:0;

        padding:
            44px
            27px
            128px;

        display:grid;

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

        column-gap:31px;

        row-gap:38px;

        align-items:start;
    }


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

    #ixf .ixf-brand {
        grid-column:
            1 / -1;

        text-align:center;
    }


    /* =====================================================
       MOBILE TOP LOGO
       ===================================================== */

    #ixf .ixf-logo {
        width:205px;

        height:72px;

        margin:
            0
            auto
            18px;
    }


    #ixf .ixf-logo-img {
        width:auto !important;

        max-width:205px !important;

        height:auto !important;

        max-height:72px !important;

        object-fit:contain !important;
    }


    /* =====================================================
       DESCRIPTION
       ===================================================== */

    #ixf .ixf-description {
        width:100%;

        max-width:620px;

        margin:
            0
            auto
            26px;

        padding:
            0
            4px;

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

        font-size:15px;

        font-weight:500;

        line-height:1.55;

        text-align:center;
    }


    /* =====================================================
       SOCIALS
       ===================================================== */

    #ixf .ixf-socials {
        gap:11px;

        margin:0 auto;
    }


    #ixf .ixf-socials a {
        width:49px;

        height:49px;

        flex-basis:49px;

        background:
            rgba(5,5,5,.48);

        border-color:
            rgba(221,182,78,.26);
    }


    #ixf .ixf-socials svg {
        width:22px;

        height:22px;
    }


    #ixf .ixf-copyright-desktop {
        display:none;
    }


    /* =====================================================
       QUICK + EXPLORE
       ===================================================== */

    #ixf .ixf-column {
        padding:0;
    }


    #ixf .ixf-column h3 {
        margin:
            0
            0
            18px;

        color:
            var(--ixf-gold);

        font-size:16px;

        font-weight:800;

        line-height:1;

        text-align:center;
    }


    #ixf .ixf-divider {
        width:61px;

        height:1px;

        margin:
            0
            auto
            31px;

        background:
            var(--ixf-gold);

        opacity:.75;
    }


    #ixf
    .ixf-column
    nav:not(.ixf-legal) {

        align-items:center;

        gap:19px;
    }


    #ixf
    .ixf-column
    nav:not(.ixf-legal)
    a {

        font-size:15px;

        font-weight:500;

        line-height:1.28;

        text-align:center;
    }


    /* =====================================================
       CONTACT
       ===================================================== */

    #ixf .ixf-contact {
        grid-column:
            1 / -1;

        padding-top:3px;

        text-align:center;
    }


    #ixf .ixf-contact h3 {
        text-align:center;
    }


    #ixf
    .ixf-contact
    .ixf-divider {

        width:63px;

        margin:
            0
            auto
            30px;
    }


    #ixf .ixf-contact address {
        max-width:370px;

        margin:
            0
            auto
            24px;

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

        font-size:15px;

        font-weight:500;

        line-height:1.55;

        text-align:center;
    }


    #ixf .ixf-contact-item {
        margin:
            0
            auto
            20px;

        gap:10px;

        font-size:15px;

        font-weight:500;
    }


    #ixf .ixf-contact-item svg {
        width:17px;

        height:17px;

        flex-basis:17px;
    }


    /* =====================================================
       LEGAL
       ===================================================== */

    #ixf .ixf-legal {
        margin-top:25px;

        gap:28px;
    }


    #ixf .ixf-legal a {
        font-size:13px;

        font-weight:500;
    }


    /* =====================================================
       COPYRIGHT
       ===================================================== */

    #ixf .ixf-copyright-mobile {
        display:block;

        grid-column:
            1 / -1;

        width:100%;

        margin-top:-8px;

        color:
            rgba(154,158,170,.90);

        font-size:13px;

        font-weight:500;

        line-height:1.4;

        text-align:center;
    }


    /* =====================================================
       MOBILE BOTTOM LOGO
       ===================================================== */

    #ixf .ixf-watermark {
        width:96vw;

        max-width:none;

        height:104px;

        bottom:-9px;

        opacity:.16;

        overflow:hidden;
    }


    #ixf .ixf-watermark-img {
        width:100% !important;

        height:100% !important;

        object-fit:contain !important;

        object-position:center bottom !important;

        filter:
            brightness(.42)
            saturate(.45);
    }
}


/* =========================================================
   MOBILE 430PX
   ========================================================= */

@media
(max-width:430px) {

    #ixf .ixf-grid {
        padding:
            39px
            14px
            117px;

        column-gap:20px;

        row-gap:35px;
    }


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

    #ixf .ixf-logo {
        width:188px;

        height:66px;

        margin-bottom:17px;
    }


    #ixf .ixf-logo-img {
        max-width:
            188px !important;

        max-height:
            66px !important;
    }


    /* =====================================================
       DESCRIPTION
       ===================================================== */

    #ixf .ixf-description {
        max-width:380px;

        margin-bottom:25px;

        padding:
            0
            2px;

        font-size:14px;

        line-height:1.55;
    }


    /* =====================================================
       SOCIALS
       ===================================================== */

    #ixf .ixf-socials {
        gap:9px;
    }


    #ixf .ixf-socials a {
        width:47px;

        height:47px;

        flex-basis:47px;
    }


    #ixf .ixf-socials svg {
        width:21px;

        height:21px;
    }


    /* =====================================================
       HEADINGS
       ===================================================== */

    #ixf .ixf-column h3 {
        margin-bottom:17px;

        font-size:15px;
    }


    #ixf .ixf-divider {
        width:58px;

        margin-bottom:29px;
    }


    /* =====================================================
       LINKS
       ===================================================== */

    #ixf
    .ixf-column
    nav:not(.ixf-legal) {

        gap:18px;
    }


    #ixf
    .ixf-column
    nav:not(.ixf-legal)
    a {

        font-size:14px;

        line-height:1.25;
    }


    /* =====================================================
       CONTACT
       ===================================================== */

    #ixf
    .ixf-contact
    .ixf-divider {

        width:59px;

        margin-bottom:28px;
    }


    #ixf .ixf-contact address {
        max-width:345px;

        margin-bottom:22px;

        font-size:14px;

        line-height:1.53;
    }


    #ixf .ixf-contact-item {
        margin-bottom:19px;

        font-size:14px;
    }


    /* =====================================================
       LEGAL
       ===================================================== */

    #ixf .ixf-legal {
        gap:25px;

        margin-top:23px;
    }


    #ixf .ixf-legal a {
        font-size:12.5px;
    }


    /* =====================================================
       COPYRIGHT
       ===================================================== */

    #ixf .ixf-copyright-mobile {
        font-size:12px;
    }


    /* =====================================================
       BOTTOM WATERMARK
       ===================================================== */

    #ixf .ixf-watermark {
        width:97vw;

        height:92px;

        bottom:-7px;

        opacity:.14;
    }
}


/* =========================================================
   SMALL PHONE
   ========================================================= */

@media
(max-width:375px) {

    #ixf .ixf-grid {
        padding-left:12px;

        padding-right:12px;

        column-gap:15px;
    }


    #ixf .ixf-description {
        font-size:13.5px;
    }


    #ixf
    .ixf-column
    nav:not(.ixf-legal)
    a {

        font-size:13.5px;
    }


    #ixf .ixf-contact address,
    #ixf .ixf-contact-item {

        font-size:13.5px;
    }
}


/* =========================================================
   REMOVE OCEANWP FOOTER
   ========================================================= */

#footer-widgets,
#footer-bottom,
#site-footer,
.site-footer,
.footer-widgets-inner,
#footer-bottom-inner {

    display:none !important;

    visibility:hidden !important;
}


/* =========================================================
   REMOVE ALL BACK-TO-TOP BUTTONS
   ========================================================= */

#scroll-top,
a#scroll-top,
.oceanwp-scroll-top,
.scroll-top,
.oceanwp-scroll-top-button {

    display:none !important;

    visibility:hidden !important;

    opacity:0 !important;

    pointer-events:none !important;
}


/* =========================================================
   NO FOOTER WHATSAPP / FEEDBACK
   ========================================================= */

#ixf .ixf-top,
#ixf .ixf-whatsapp,
#ixf .ixf-feedback {

    display:none !important;
}
/* =========================================================
   ISTOREA FOOTER
   FINAL BACKGROUND VISIBILITY TUNING
   ========================================================= */


/* DESKTOP */

#ixf .ixf-bg {

    opacity:.47 !important;

    filter:
        brightness(.58)
        saturate(.68)
        contrast(1.04)
        !important;
}


#ixf .ixf-overlay {

    background:

        radial-gradient(
            circle at 18% 43%,
            rgba(157,103,30,.055),
            transparent 31%
        ),

        linear-gradient(
            90deg,
            rgba(0,0,0,.51) 0%,
            rgba(0,0,0,.48) 27%,
            rgba(0,0,0,.53) 53%,
            rgba(0,0,0,.59) 76%,
            rgba(0,0,0,.67) 100%
        ),

        linear-gradient(
            180deg,
            rgba(0,0,0,.18) 0%,
            rgba(0,0,0,.31) 48%,
            rgba(0,0,0,.90) 100%
        )

        !important;
}


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

@media
(max-width:767px) {

    #ixf .ixf-bg {

        opacity:.38 !important;

        filter:
            brightness(.54)
            saturate(.62)
            contrast(1.04)
            !important;
    }


    #ixf .ixf-overlay {

        background:

            linear-gradient(
                180deg,
                rgba(0,0,0,.38) 0%,
                rgba(0,0,0,.44) 20%,
                rgba(0,0,0,.51) 43%,
                rgba(0,0,0,.61) 66%,
                rgba(0,0,0,.83) 87%,
                rgba(0,0,0,.98) 100%
            )

            !important;
    }
}