/* =========================================================
   ADVOPTIX 2027
   FOOTER — NAVY / PURPLE / GOLD THEME
   HTML STRUCTURE UNCHANGED
========================================================= */


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

footer.site-footer {

    --footer-navy: #10194A;
    --footer-navy-dark: #080D2B;
    --footer-navy-deep: #05081D;

    --footer-purple: #5141C9;
    --footer-purple-dark: #392B9F;
    --footer-purple-soft: #7569E3;

    --footer-gold: #D5A63A;
    --footer-gold-light: #E8C96F;

    --footer-white: #FFFFFF;
    --footer-text: #E8EAF5;
    --footer-text-soft: #AEB5D0;
    --footer-muted: #7E87A7;

    --footer-border: rgba(255,255,255,.10);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;

    margin: 0;

    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(81,65,201,.18) 0%,
            transparent 30%
        ),

        radial-gradient(
            circle at 88% 78%,
            rgba(213,166,58,.10) 0%,
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #080D2B 0%,
            #10194A 48%,
            #080D2B 100%
        );

    color: var(--footer-text);

}


/* =========================================================
   MAIN CONTENT LAYER
========================================================= */

footer.site-footer .footer-content {

    position: relative;

    z-index: 5;

}


/* =========================================================
   FOOTER WRAPPER
========================================================= */

footer.site-footer .footer-wrap {

    width: min(
        1380px,
        calc(100% - 50px)
    );

    margin: 0 auto;

}


/* =========================================================
   SUBTLE TOP GLOW
========================================================= */

footer.site-footer::before {

    content: "";

    position: absolute;

    top: -260px;
    left: 50%;

    width: 750px;
    height: 500px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(81,65,201,.14),
            transparent 68%
        );

    pointer-events: none;

    z-index: 0;

}


/* =========================================================
   GOLD DECORATIVE ORBIT — LEFT
========================================================= */

footer.site-footer::after {

    content: "";

    position: absolute;

    width: 560px;
    height: 560px;

    right: -390px;
    bottom: -390px;

    border-radius: 50%;

    border:
        1px solid
        rgba(213,166,58,.18);

    box-shadow:

        0 0 0 25px
        rgba(213,166,58,.025),

        0 0 0 55px
        rgba(81,65,201,.025),

        0 0 0 90px
        rgba(213,166,58,.018);

    pointer-events: none;

    z-index: 1;

}


/* =========================================================
   WORLD MAP
========================================================= */

footer.site-footer .footer-map {

    position: absolute;

    left: 50%;
    top: 50%;

    width: min(
        1250px,
        92vw
    );

    height: 570px;

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

    background-image:
        url("../images/red-on-white-dotted-world-map-vector.jpg");

    background-repeat:
        no-repeat;

    background-position:
        center center;

    background-size:
        contain;

    opacity: .085;

    filter:
        grayscale(1)
        brightness(1.4)
        sepia(.15)
        hue-rotate(210deg)
        saturate(.6);

    mix-blend-mode:
        screen;

    pointer-events:
        none;

    z-index:
        1;

}


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

footer.site-footer .colophon-top {

    position: relative;

    display: grid;

    /*
       Your Quick Links column is commented out,
       therefore your current HTML has 3 visible columns.
    */

    grid-template-columns:
        1.45fr
        .85fr
        1fr;

    gap: 0;

    padding:
        18px 0 10px;

    border-bottom:
        1px solid
        var(--footer-border);

}


/* =========================================================
   FIRST BRAND COLUMN
========================================================= */

footer.site-footer .footer-brand {

    padding:
        0 65px 0 20px;

}


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

footer.site-footer .footer-brand-logo {

    display: inline-flex;

    align-items: center;

    margin-bottom: 22px;

    text-decoration: none;

}


footer.site-footer .footer-logo {

    width: 175px;

    height: auto;

    max-width: 100%;

    display: block;

    object-fit: contain;

}


/*
   Helps colored logos remain clean on dark background.
   If your logo is already white, this won't affect it.
*/

/* s

/* =========================================================
   BRAND GOLD ACCENT
========================================================= */

footer.site-footer .footer-brand-accent {

    width: 60px;

    height: 3px;

    margin-bottom: 22px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--footer-purple),
            var(--footer-gold)
        );

}


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

footer.site-footer .footer-description {

    max-width: 440px;

    margin:
        0;

    color:
        var(--footer-text-soft);

    font-family:
        var(--sans);

    font-size:
        13px;

    line-height:
        1.8;

}


/* Strong text / location
========================================================= */

footer.site-footer .footer-description strong {

    display: inline-block;

    margin-top: 8px;

    color:
        var(--footer-gold-light);

    font-weight:
        700;

}


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

footer.site-footer .footer-social {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top:
        26px;

}


footer.site-footer .footer-social a {

    width: 43px;
    height: 43px;

    display: flex;

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

    border:
        1px solid
        rgba(
            213,
            166,
            58,
            .30
        );

    border-radius:
        50%;

    background:
        rgba(
            255,
            255,
            255,
            .055
        );

    color:
        var(--footer-gold-light);

    font-size:
        14px;

    text-decoration:
        none;

    transition:
        all .3s ease;

}


footer.site-footer .footer-social a:hover {

    color:
        #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--footer-purple),
            var(--footer-purple-dark)
        );

    border-color:
        var(--footer-purple);

    transform:
        translateY(-4px);

    box-shadow:
        0 10px 25px
        rgba(
            81,
            65,
            201,
            .30
        );

}


/* =========================================================
   SECOND + THIRD COLUMNS
========================================================= */

footer.site-footer .footer-column {

    padding:
        0 45px;

    border-left:
        1px solid
        var(--footer-border);

}


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

footer.site-footer .footer-contact-column {

    padding-right:
        25px;

}


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

footer.site-footer h4 {

    margin:
        0;

    color:
        #FFFFFF;

    font-family:
        var(--mono);

    font-size:
        12px;

    line-height:
        1.5;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;

    font-weight:
        700;

}


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

footer.site-footer .footer-heading-line {

    width:
        50px;

    height:
        3px;

    margin:
        13px 0 27px;

    border-radius:
        10px;

    background:
        linear-gradient(
            90deg,
            var(--footer-purple),
            var(--footer-gold)
        );

}


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

footer.site-footer .footer-contact-list {

    display:
        flex;

    flex-direction:
        column;

    gap:
        17px;

}


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

footer.site-footer .footer-contact-item {

    display:
        flex;

    align-items:
        center;

    gap:
        13px;

    min-height:
        45px;

    padding-bottom:
        12px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            .07
        );

    color:
        var(--footer-text-soft);

    font-family:
        var(--sans);

    font-size:
        12px;

    line-height:
        1.6;

}


footer.site-footer .footer-contact-item:last-child {

    border-bottom:
        0;

}


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

footer.site-footer .contact-icon {

    flex:
        0 0 42px;

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(
            213,
            166,
            58,
            .28
        );

    border-radius:
        50%;

    background:
        rgba(
            255,
            255,
            255,
            .045
        );

    color:
        var(--footer-gold-light);

    font-size:
        13px;

    box-shadow:
        inset 0 0 0 1px
        rgba(
            255,
            255,
            255,
            .025
        );

    transition:
        all .3s ease;

}


footer.site-footer .footer-contact-item:hover
.contact-icon {

    color:
        #ffffff;

    border-color:
        var(--footer-purple-light);

    background:
        var(--footer-purple);

    transform:
        translateY(-2px);

}


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

footer.site-footer .footer-contact-item a {

    color:
        var(--footer-text-soft);

    text-decoration:
        none;

    word-break:
        break-word;

    transition:
        color .25s ease;

}


footer.site-footer .footer-contact-item a:hover {

    color:
        var(--footer-gold-light);

}


/* =========================================================
   CONTACT LOCATION TEXT
========================================================= */

footer.site-footer
.footer-contact-item > span:last-child {

    color:
        var(--footer-text-soft);

}


/* =========================================================
   BOTTOM BAR
========================================================= */

footer.site-footer .colophon-bottom {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    flex-wrap:
        wrap;

    gap:
        20px;

    padding:
        7px 7px;

    color:
        var(--footer-muted);

    /* font-family:
        var(--mono); */

    font-size:
        10px;

    line-height:
        1.6;

}


/* =========================================================
   REFUND POLICY
========================================================= */

footer.site-footer .colophon-bottom a {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    color:
        var(--footer-gold-light);

    font-weight:
        600;

    text-decoration:
        none;

    transition:
        all .25s ease;

}


footer.site-footer .colophon-bottom a:hover {

    color:
        #FFFFFF;

}


/* =========================================================
   BOTTOM ARROW
========================================================= */

footer.site-footer .footer-arrow {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        25px;

    height:
        25px;

    border:
        1px solid
        rgba(
            213,
            166,
            58,
            .30
        );

    border-radius:
        50%;

    color:
        var(--footer-gold-light);

    font-size:
        13px;

    transition:
        all .25s ease;

}


footer.site-footer .colophon-bottom a:hover
.footer-arrow {

    transform:
        translateX(4px);

    background:
        var(--footer-purple);

    border-color:
        var(--footer-purple);

    color:
        #ffffff;

}


/* =========================================================
   SUBTLE TOP GOLD LINE
========================================================= */

footer.site-footer .colophon-top::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        0;

    width:
        100%;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(81,65,201,.45) 25%,
            rgba(213,166,58,.65) 50%,
            rgba(81,65,201,.45) 75%,
            transparent 100%
        );

}


/* =========================================================
   DESKTOP HOVER EFFECT FOR COLUMNS
========================================================= */

@media (min-width: 992px) {

    footer.site-footer .footer-column {

        transition:
            background .3s ease;

    }

}


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

@media (max-width: 1050px) {

    footer.site-footer .footer-wrap {

        width:
            calc(100% - 40px);

    }


    footer.site-footer .colophon-top {

        grid-template-columns:
            1.2fr 1fr;

        row-gap:
            45px;

    }


    footer.site-footer .footer-brand {

        padding-right:
            40px;

    }


    footer.site-footer .footer-contact-column {

        grid-column:
            2;

    }

}


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

@media (max-width: 700px) {

    footer.site-footer .footer-wrap {

        width:
            calc(100% - 30px);

    }


    footer.site-footer .colophon-top {

        grid-template-columns:
            1fr;

        gap:
            0;

        padding:
            55px 0 30px;

    }


    /* Brand */

    footer.site-footer .footer-brand {

        padding:
            0 15px 35px;

        text-align:
            center;

    }


    footer.site-footer .footer-brand-logo {

        justify-content:
            center;

    }


    footer.site-footer .footer-brand-accent {

        margin-left:
            auto;

        margin-right:
            auto;

    }


    footer.site-footer .footer-description {

        margin-left:
            auto;

        margin-right:
            auto;

    }


    footer.site-footer .footer-social {

        justify-content:
            center;

    }


    /* Columns */

    footer.site-footer .footer-column {

        padding:
            30px 15px;

        border-left:
            0;

        border-top:
            1px solid
            var(--footer-border);

    }


    footer.site-footer .footer-contact-column {

        padding-top:
            30px;

    }


    /* Map */

    footer.site-footer .footer-map {

        width:
            850px;

        height:
            430px;

        opacity:
            .045;

    }


    /* Bottom */

    footer.site-footer .colophon-bottom {

        flex-direction:
            column;

        justify-content:
            center;

        text-align:
            center;

        gap:
            12px;

        padding:
            20px 10px 25px;

    }

}


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

@media (max-width: 430px) {

    footer.site-footer .footer-wrap {

        width:
            calc(100% - 24px);

    }


    footer.site-footer .footer-logo {

        width:
            150px;

    }


    footer.site-footer .footer-description {

        font-size:
            12px;

        line-height:
            1.75;

    }


    footer.site-footer .footer-contact-item {

        gap:
            10px;

    }


    footer.site-footer .contact-icon {

        width:
            38px;

        height:
            38px;

        flex-basis:
            38px;

    }


    footer.site-footer .colophon-bottom {

        font-size:
            9px;

    }

}

/* =========================================================
   ADVOPTIX 2027
   LIGHT FOOTER COLOR THEME
   MATCH FIRST REFERENCE IMAGE
   COLOR / GRADIENT ONLY
========================================================= */

footer.site-footer {

    /* ADVOPTIX LIGHT PALETTE */
    --footer-navy: #10194A;
    --footer-navy-dark: #080D2B;

    --footer-purple: #5141C9;
    --footer-purple-dark: #392B9F;
    --footer-purple-soft: #7569E3;

    --footer-gold: #D5A63A;
    --footer-gold-light: #E8C96F;

    --footer-text: #182452;
    --footer-text-soft: #657094;
    --footer-muted: #7D849D;

    --footer-border: rgba(16, 25, 74, .12);


    /* =====================================================
       MAIN LIGHT BACKGROUND
    ===================================================== */

    background:

        /* very subtle purple atmosphere */
        radial-gradient(
            ellipse at 18% 20%,
            rgba(81, 65, 201, .065) 0%,
            rgba(81, 65, 201, .025) 30%,
            transparent 58%
        ),

        /* subtle gold atmosphere */
        radial-gradient(
            ellipse at 88% 72%,
            rgba(213, 166, 58, .055) 0%,
            rgba(213, 166, 58, .018) 30%,
            transparent 58%
        ),

        /* warm white base */
        linear-gradient(
            135deg,
            #FBFAF6 0%,
            #FFFFFF 38%,
            #F9F8FC 70%,
            #FCFBF7 100%
        );

    color:
        var(--footer-text);

}


/* =========================================================
   TOP SOFT PURPLE GLOW
========================================================= */

footer.site-footer::before {

    background:

        radial-gradient(
            ellipse at center,
            rgba(81, 65, 201, .055) 0%,
            rgba(81, 65, 201, .018) 38%,
            transparent 72%
        );

    opacity:
        1;

}


/* =========================================================
   RIGHT GOLD DECORATIVE RINGS
========================================================= */

footer.site-footer::after {

    border-color:
        rgba(213, 166, 58, .22);

    box-shadow:

        0 0 0 25px
        rgba(213, 166, 58, .025),

        0 0 0 55px
        rgba(81, 65, 201, .022),

        0 0 0 90px
        rgba(213, 166, 58, .012);

}


/* =========================================================
   WORLD MAP
========================================================= */

footer.site-footer .footer-map {

    opacity:
        .075;

    filter:
        grayscale(1)
        sepia(.12)
        hue-rotate(205deg)
        saturate(.55)
        brightness(1.05);

    mix-blend-mode:
        multiply;

}


/* =========================================================
   TOP BORDER / ACCENT
========================================================= */

footer.site-footer .colophon-top {

    border-bottom:
        1px solid
        rgba(16, 25, 74, .10);

}


/* =========================================================
   TOP GRADIENT LINE
========================================================= */

footer.site-footer .colophon-top::before {

    background:

        linear-gradient(
            90deg,

            transparent 0%,

            rgba(81, 65, 201, .18) 18%,

            rgba(81, 65, 201, .45) 35%,

            rgba(213, 166, 58, .70) 50%,

            rgba(81, 65, 201, .45) 65%,

            rgba(81, 65, 201, .18) 82%,

            transparent 100%
        );

}


/* =========================================================
   VERTICAL DIVIDERS
========================================================= */

footer.site-footer .footer-column {

    border-left:
        1px solid
        rgba(16, 25, 74, .11);

}


footer.site-footer .brand-1 {

    border-left:
        1px solid
        rgba(16, 25, 74, .11);

}


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

footer.site-footer .footer-brand-accent {

    background:

        linear-gradient(
            90deg,
            #5141C9 0%,
            #7569E3 48%,
            #D5A63A 100%
        );

}


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

footer.site-footer .footer-description {

    color:
        #657094;

}


/* =========================================================
   LOCATION / STRONG TEXT
========================================================= */

footer.site-footer .footer-description strong {

    color:
        #C39229;

}


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

footer.site-footer h4 {

    color:
        #10194A;

}


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

footer.site-footer .footer-heading-line {

    background:

        linear-gradient(
            90deg,
            #5141C9 0%,
            #7569E3 48%,
            #D5A63A 100%
        );

}


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

footer.site-footer .footer-contact-item {

    color:
        #657094;

}


/* =========================================================
   CONTACT ITEM DIVIDERS
========================================================= */

footer.site-footer .footer-contact-item {

    border-bottom:
        1px solid
        rgba(16, 25, 74, .075);

}


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

footer.site-footer .contact-icon {

    background:

        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FBFAF3 100%
        );

    border:
        1px solid
        rgba(213, 166, 58, .42);

    color:
        #10194A;

    box-shadow:

        0 5px 16px
        rgba(16, 25, 74, .055);

}


/* =========================================================
   CONTACT ICON HOVER
========================================================= */

footer.site-footer .footer-contact-item:hover
.contact-icon {

    background:

        linear-gradient(
            135deg,
            #5141C9,
            #392B9F
        );

    border-color:
        #5141C9;

    color:
        #FFFFFF;

}


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

footer.site-footer .footer-contact-item a {

    color:
        #182452;

}


footer.site-footer .footer-contact-item a:hover {

    color:
        #5141C9;

}


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

footer.site-footer .footer-social a {

    background:
        rgba(255, 255, 255, .90);

    border:
        1px solid
        rgba(16, 25, 74, .20);

    color:
        #182452;

    box-shadow:

        0 5px 16px
        rgba(16, 25, 74, .055);

}


/* =========================================================
   SOCIAL HOVER
========================================================= */

footer.site-footer .footer-social a:hover {

    background:

        linear-gradient(
            135deg,
            #5141C9,
            #392B9F
        );

    border-color:
        #5141C9;

    color:
        #FFFFFF;

}


/* =========================================================
   BOTTOM BAR
   KEEP IT LIGHT — LIKE FIRST IMAGE
========================================================= */

footer.site-footer .colophon-bottom {

    color:
        #747C96;

    border-top:
        1px solid
        rgba(16, 25, 74, .10);

}


/* =========================================================
   REMOVE DARK NAVY BOTTOM EFFECT
========================================================= */

footer.site-footer .colophon-bottom::before {

    display:
        none;

}


footer.site-footer .colophon-bottom::after {

    display:
        block;

    bottom:
        auto;

    top:
        0;

    height:
        1px;

    background:

        linear-gradient(
            90deg,

            transparent 0%,

            rgba(81, 65, 201, .25) 20%,

            rgba(213, 166, 58, .55) 50%,

            rgba(81, 65, 201, .25) 80%,

            transparent 100%
        );

}


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

footer.site-footer .colophon-bottom > span {

    color:
        #737C96;

}


/* =========================================================
   REFUND POLICY
========================================================= */

footer.site-footer .colophon-bottom a {

    color:
        #555E7D;

}


footer.site-footer .colophon-bottom a:hover {

    color:
        #5141C9;

}


/* =========================================================
   REFUND ARROW
========================================================= */

footer.site-footer .footer-arrow {

    border:
        1px solid
        rgba(213, 166, 58, .65);

    color:
        #C39229;

    background:
        rgba(255,255,255,.55);

}


/* =========================================================
   REFUND ARROW HOVER
========================================================= */

footer.site-footer .colophon-bottom a:hover
.footer-arrow {

    background:
        #5141C9;

    border-color:
        #5141C9;

    color:
        #FFFFFF;

}


/* =========================================================
   MOBILE — KEEP SAME LIGHT STYLE
========================================================= */

@media (max-width: 700px) {

    footer.site-footer .footer-column {

        border-left:
            0;

        border-top:
            1px solid
            rgba(16, 25, 74, .10);

    }


    footer.site-footer .brand-1 {

        border-left:
            0;

        border-top:
            1px solid
            rgba(16, 25, 74, .10);

    }

}

/* =========================================================
   ADVOPTIX 2027
   FINAL MOBILE FOOTER FIX
   FORCE SINGLE COLUMN
   ========================================================= */

@media screen and (max-width: 700px) {

    /* -----------------------------------------------------
       FOOTER
    ----------------------------------------------------- */

    footer.site-footer {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }


    /* -----------------------------------------------------
       FOOTER WRAPPER
    ----------------------------------------------------- */

    footer.site-footer .footer-wrap {
        width: calc(100% - 28px) !important;
        max-width: 520px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* -----------------------------------------------------
       FORCE TOP AREA TO ONE COLUMN
       FLEX IS USED INSTEAD OF GRID
    ----------------------------------------------------- */

    footer.site-footer .colophon-top {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;

        grid-template-columns: none !important;
        grid-template-rows: none !important;

        gap: 0 !important;

        padding: 35px 0 0 !important;

        border-bottom: 0 !important;
    }


    /* -----------------------------------------------------
       RESET ALL FOOTER CHILDREN
    ----------------------------------------------------- */

    footer.site-footer .colophon-top > .footer-brand,
    footer.site-footer .colophon-top > .footer-column,
    footer.site-footer .colophon-top > .brand-1 {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        border-left: 0 !important;
        border-right: 0 !important;

        box-sizing: border-box !important;

        float: none !important;

        grid-column: auto !important;
        grid-row: auto !important;
    }


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

    footer.site-footer .colophon-top > .footer-brand {

        padding-top: 0 !important;
        padding-bottom: 28px !important;

        text-align: center !important;

        border-top: 0 !important;
        border-bottom: 0 !important;
    }


    /* -----------------------------------------------------
       ADVOPTIX LOGO
    ----------------------------------------------------- */

    footer.site-footer .footer-brand-logo {

        display: flex !important;

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

        width: 100% !important;

        margin: 0 auto 15px !important;
    }


    footer.site-footer .footer-brand-logo .footer-logo {

        display: block !important;

        width: 155px !important;
        max-width: 155px !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    /* -----------------------------------------------------
       ACCENT
    ----------------------------------------------------- */

    footer.site-footer .footer-brand-accent {

        width: 60px !important;
        height: 3px !important;

        margin: 0 auto 17px !important;

        border-radius: 20px !important;

        background:
            linear-gradient(
                90deg,
                #5141C9 0%,
                #7569E3 48%,
                #D5A63A 100%
            ) !important;
    }


    /* -----------------------------------------------------
       DESCRIPTION
    ----------------------------------------------------- */

    footer.site-footer .footer-description {

        width: 100% !important;
        max-width: 380px !important;

        margin: 0 auto !important;

        text-align: center !important;

        font-size: 12px !important;
        line-height: 1.75 !important;

        color: #657094 !important;
    }


    footer.site-footer .footer-description strong {

        display: block !important;

        margin-top: 9px !important;

        color: #C39229 !important;
    }


    /* -----------------------------------------------------
       SOCIAL
    ----------------------------------------------------- */

    footer.site-footer .footer-social {

        display: flex !important;

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

        gap: 10px !important;

        margin: 20px auto 0 !important;
    }


    footer.site-footer .footer-social a {

        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        max-width: 42px !important;

        display: flex !important;

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

        border-radius: 50% !important;

        background: #ffffff !important;

        border: 1px solid rgba(16,25,74,.18) !important;

        color: #182452 !important;
    }


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

    footer.site-footer .colophon-top > .footer-contact-column {

        width: 100% !important;

        padding-top: 28px !important;
        padding-bottom: 28px !important;

        border-top: 1px solid rgba(16,25,74,.10) !important;
        border-bottom: 0 !important;

        text-align: center !important;

        grid-column: auto !important;
    }


    footer.site-footer .footer-contact-column h4 {

        width: 100% !important;

        margin: 0 !important;

        text-align: center !important;

        font-size: 12px !important;

        letter-spacing: .16em !important;

        color: #10194A !important;
    }


    footer.site-footer .footer-contact-column .footer-heading-line {

        width: 50px !important;
        height: 3px !important;

        margin: 12px auto 20px !important;
    }


    /* -----------------------------------------------------
       CONTACT LIST
    ----------------------------------------------------- */

    footer.site-footer .footer-contact-list {

        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;
        max-width: 390px !important;

        margin: 0 auto !important;

        gap: 0 !important;
    }


    /* -----------------------------------------------------
       CONTACT ITEMS
    ----------------------------------------------------- */

    footer.site-footer .footer-contact-item {

        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        min-height: 56px !important;

        padding: 9px 0 !important;

        margin: 0 !important;

        gap: 12px !important;

        border-bottom: 1px solid rgba(16,25,74,.075) !important;

        text-align: left !important;

        box-sizing: border-box !important;
    }


    footer.site-footer .footer-contact-item:last-child {

        border-bottom: 0 !important;
    }


    /* -----------------------------------------------------
       CONTACT ICON
    ----------------------------------------------------- */

    footer.site-footer .contact-icon {

        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;

        flex: 0 0 40px !important;

        display: flex !important;

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

        border-radius: 50% !important;

        background: #ffffff !important;

        border: 1px solid rgba(213,166,58,.42) !important;

        color: #10194A !important;
    }


    /* -----------------------------------------------------
       CONTACT TEXT
    ----------------------------------------------------- */

    footer.site-footer .footer-contact-item a,
    footer.site-footer .footer-contact-item > span:last-child {

        color: #182452 !important;

        font-size: 12px !important;

        line-height: 1.55 !important;

        text-decoration: none !important;

        word-break: break-word !important;
    }


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

    footer.site-footer .colophon-top > .brand-1 {

        width: 100% !important;

        padding-top: 28px !important;
        padding-bottom: 28px !important;

        border-top: 1px solid rgba(16,25,74,.10) !important;
        border-left: 0 !important;

        text-align: center !important;
    }


    /* IRC LOGO */

    footer.site-footer .brand-1 .footer-brand-logo {

        display: flex !important;

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

        width: 100% !important;

        margin: 0 auto 15px !important;
    }


    footer.site-footer .brand-1 .footer-logo {

        display: block !important;

        width: 155px !important;
        max-width: 155px !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    /* IRC DESCRIPTION */

    footer.site-footer .brand-1 .footer-description {

        max-width: 380px !important;

        margin: 0 auto !important;

        text-align: center !important;
    }


    /* IRC SOCIAL */

    footer.site-footer .brand-1 .footer-social {

        display: flex !important;

        justify-content: center !important;

        align-items: center !important;

        gap: 10px !important;

        margin-top: 20px !important;
    }


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

    footer.site-footer .colophon-bottom {

        display: flex !important;

        flex-direction: column !important;

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

        width: 100% !important;

        gap: 10px !important;

        padding: 18px 8px 22px !important;

        margin: 0 !important;

        text-align: center !important;

        border-top: 1px solid rgba(16,25,74,.10) !important;

        font-size: 10px !important;
    }


    footer.site-footer .colophon-bottom > span {

        display: block !important;

        width: 100% !important;

        text-align: center !important;

        color: #737C96 !important;
    }


    footer.site-footer .colophon-bottom a {

        display: inline-flex !important;

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

        gap: 8px !important;

        color: #555E7D !important;
    }


    /* =====================================================
       MAP
       ===================================================== */

    footer.site-footer .footer-map {

        width: 700px !important;
        height: 420px !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -45%) !important;

        opacity: .035 !important;

        pointer-events: none !important;
    }
}


/* =========================================================
   EXTRA SMALL PHONES
   ========================================================= */

@media screen and (max-width: 430px) {

    footer.site-footer .footer-wrap {

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

    footer.site-footer .footer-logo {

        width: 145px !important;
        max-width: 145px !important;
    }

    footer.site-footer .footer-description {

        max-width: 330px !important;

        font-size: 11.5px !important;
    }

    footer.site-footer .footer-contact-item {

        gap: 10px !important;
    }

    footer.site-footer .contact-icon {

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;

        flex-basis: 38px !important;
    }
}