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

/* === Signature Ticker (#13) === */
/* =========================================================
   ISTOREA — SIGNATURE COASTLINE TICKER
   Created and Designed by Kshitiz Jain
   ========================================================= */


.ist-signature-ticker,
.ist-signature-ticker *,
.ist-signature-ticker *::before,
.ist-signature-ticker *::after {

    box-sizing:
        border-box;
}



/* =========================================================
   MAIN BAR
   ========================================================= */

.ist-signature-ticker {

    position:
        relative;

    z-index:
        5;


    width:
        100%;


    height:
        72px;


    display:
        grid;


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


    align-items:
        stretch;


    overflow:
        hidden;


    isolation:
        isolate;


    background:

        linear-gradient(
            180deg,
            #080807 0%,
            #030303 100%
        );


    border-top:

        1px solid
        rgba(225,181,71,.20);


    border-bottom:

        1px solid
        rgba(225,181,71,.16);


    box-shadow:

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

        0 14px 40px
        rgba(0,0,0,.18);
}



/* =========================================================
   FIXED ISTOREA SIGNATURE
   ========================================================= */

.ist-ticker-signature {

    position:
        relative;


    z-index:
        5;


    height:
        100%;


    display:
        flex;


    align-items:
        center;


    gap:
        15px;


    padding:
        0 28px;


    background:

        linear-gradient(
            110deg,
            #0A0907 0%,
            #0D0C09 65%,
            #080807 100%
        );


    border-right:

        1px solid
        rgba(222,178,68,.23);


    box-shadow:

        18px 0 35px
        rgba(0,0,0,.28);
}



/* GOLD SYMBOL */

.ist-ticker-mark {

    position:
        relative;


    width:
        29px;


    height:
        29px;


    flex:
        0 0 29px;


    border:

        1px solid
        rgba(230,189,83,.56);


    border-radius:
        50%;
}



.ist-ticker-mark::before {

    content:
        "";


    position:
        absolute;


    top:
        50%;


    left:
        50%;


    width:
        7px;


    height:
        7px;


    background:
        #DDB34B;


    transform:

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


    box-shadow:

        0 0 13px
        rgba(221,179,75,.22);
}



.ist-ticker-signature div {

    display:
        flex;


    flex-direction:
        column;


    justify-content:
        center;


    gap:
        5px;
}



.ist-ticker-signature strong {

    display:
        block;


    margin:
        0;


    color:
        #E7C15B;


    font-family:

        Georgia,
        "Times New Roman",
        serif;


    font-size:
        15px;


    font-weight:
        600;


    line-height:
        1;


    letter-spacing:
        .17em;
}



.ist-ticker-signature small {

    display:
        block;


    color:

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


    font-family:

        Arial,
        Helvetica,
        sans-serif;


    font-size:
        6px;


    font-weight:
        600;


    line-height:
        1;


    letter-spacing:
        .25em;
}



/* =========================================================
   MARQUEE WINDOW
   ========================================================= */

.ist-ticker-window {

    position:
        relative;


    z-index:
        2;


    width:
        100%;


    height:
        100%;


    display:
        flex;


    align-items:
        center;


    overflow:
        hidden;


    -webkit-mask-image:

        linear-gradient(
            90deg,
            transparent 0%,
            #000 3%,
            #000 97%,
            transparent 100%
        );


    mask-image:

        linear-gradient(
            90deg,
            transparent 0%,
            #000 3%,
            #000 97%,
            transparent 100%
        );
}



/* =========================================================
   TRACK
   ========================================================= */

.ist-ticker-track {

    width:
        max-content;


    display:
        flex;


    align-items:
        center;


    flex-wrap:
        nowrap;


    will-change:
        transform;


    animation:

        istTickerMove
        34s
        linear
        infinite;
}



@keyframes istTickerMove {

    from {

        transform:
            translate3d(0,0,0);
    }

    to {

        transform:
            translate3d(-50%,0,0);
    }

}



/* =========================================================
   REPEATING GROUP
   ========================================================= */

.ist-ticker-group {

    flex:
        none;


    display:
        flex;


    align-items:
        center;


    gap:
        27px;


    padding-right:
        27px;
}



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

.ist-ticker-item {

    flex:
        none;


    position:
        relative;


    color:

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


    font-family:

        Georgia,
        "Times New Roman",
        serif;


    font-size:

        clamp(
            15px,
            1.25vw,
            19px
        );


    font-weight:
        500;


    line-height:
        1;


    letter-spacing:
        .105em;


    text-transform:
        uppercase;


    white-space:
        nowrap;
}



.ist-ticker-item.ist-gold {

    color:
        #DBB34C;
}



/* =========================================================
   SEPARATOR
   ========================================================= */

.ist-ticker-group > i {

    position:
        relative;


    width:
        18px;


    height:
        18px;


    flex:
        0 0 18px;
}



.ist-ticker-group > i::before {

    content:
        "";


    position:
        absolute;


    top:
        50%;


    left:
        50%;


    width:
        5px;


    height:
        5px;


    transform:

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


    border:

        1px solid
        rgba(224,182,77,.65);


    background:
        rgba(224,182,77,.06);
}



/* horizontal micro-lines */

.ist-ticker-group > i::after {

    content:
        "";


    position:
        absolute;


    top:
        50%;


    left:
        50%;


    width:
        18px;


    height:
        1px;


    transform:
        translate(-50%,-50%);


    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(224,182,77,.19),
            transparent
        );
}



/* =========================================================
   MOVING LIGHT
   ========================================================= */

.ist-ticker-shimmer {

    position:
        absolute;


    z-index:
        3;


    top:
        0;


    bottom:
        0;


    left:
        -18%;


    width:
        18%;


    pointer-events:
        none;


    background:

        linear-gradient(
            105deg,
            transparent 0%,
            rgba(232,193,90,0) 25%,
            rgba(232,193,90,.055) 50%,
            rgba(232,193,90,0) 75%,
            transparent 100%
        );


    transform:
        skewX(-16deg);


    animation:

        istTickerShimmer
        8.5s
        ease-in-out
        infinite;
}



@keyframes istTickerShimmer {

    0% {

        left:
            -20%;
    }


    100% {

        left:
            120%;
    }

}



/* =========================================================
   PREMIUM HOVER
   ========================================================= */

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

    .ist-signature-ticker:hover
    .ist-ticker-track {

        animation-duration:
            48s;
    }


    .ist-ticker-signature {

        transition:

            background .35s ease,
            border-color .35s ease;
    }


    .ist-signature-ticker:hover
    .ist-ticker-signature {

        border-right-color:

            rgba(232,190,80,.39);


        background:

            linear-gradient(
                110deg,
                #0D0B07,
                #111008 65%,
                #080807
            );
    }

}



/* =========================================================
   MOBILE
   Completely different proportion — not squeezed desktop.
   ========================================================= */

@media
(max-width:767px) {

    .ist-signature-ticker {

        height:
            60px;


        display:
            block;


        background:

            linear-gradient(
                180deg,
                #080807,
                #030303
            );
    }



    /*
     * Remove fixed desktop block.
     * Mobile should feel much cleaner.
     */

    .ist-ticker-signature {

        display:
            none;
    }



    .ist-ticker-window {

        width:
            100%;


        height:
            100%;


        padding:
            0;


        -webkit-mask-image:

            linear-gradient(
                90deg,
                transparent 0%,
                #000 9%,
                #000 91%,
                transparent 100%
            );


        mask-image:

            linear-gradient(
                90deg,
                transparent 0%,
                #000 9%,
                #000 91%,
                transparent 100%
            );
    }



    .ist-ticker-track {

        animation-duration:
            27s;
    }



    .ist-ticker-group {

        gap:
            19px;


        padding-right:
            19px;
    }



    .ist-ticker-item {

        font-size:
            13px;


        font-weight:
            600;


        letter-spacing:
            .105em;
    }



    .ist-ticker-group > i {

        width:
            14px;


        height:
            14px;


        flex-basis:
            14px;
    }



    .ist-ticker-group > i::before {

        width:
            4px;


        height:
            4px;
    }



    .ist-ticker-group > i::after {

        width:
            14px;
    }



    .ist-ticker-shimmer {

        width:
            32%;


        animation-duration:
            7s;
    }

}



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

@media
(max-width:390px) {

    .ist-signature-ticker {

        height:
            56px;
    }


    .ist-ticker-item {

        font-size:
            12px;


        letter-spacing:
            .09em;
    }


    .ist-ticker-group {

        gap:
            17px;


        padding-right:
            17px;
    }

}



/* =========================================================
   ACCESSIBILITY
   ========================================================= */

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

    .ist-ticker-track,
    .ist-ticker-shimmer {

        animation:
            none !important;
    }

}