/* Footer */
:root {
    --je-footer-bg: #062f6e;
    --je-footer-text: #ffffff;
    --je-footer-heading: #f2b749;
    --je-footer-divider: rgba(255, 255, 255, 0.71);
}

/*  FOOTER BASE */
.je-footer {
    font-family: azo-sans-web,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 4% 0 2.5% 0;
    background-color: var(--je-footer-bg);
    color: var(--je-footer-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .je-footer a:hover {
        opacity: 0.7;
        transition: all .4s ease-in-out;
    }

    .je-footer a:visited {
        color: var(--je-footer-text);
    }

/*  LAYOUT  */
.je-footer__container {
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 1rem;
}

.je-footer__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5em;
    text-align: center;
}

/*  TYPOGRAPHY */
.je-footer__col h3 {
    font-size: 1.125em;
    font-weight: 700;
    color: var(--je-footer-heading);
    margin-top: 0;
    margin-bottom: 7px;
    line-height: 1.9em;
}

.je-footer__col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.je-footer__col li {
    font-size: 0.875em;
    line-height: 1em;
    padding-bottom: 1em;
}

.je-footer__col a {
    color: inherit;
    text-decoration: none;
}

/*  DIVIDER */
.je-footer__divider {
    border: none;
    border-bottom: 1px solid var(--je-footer-divider);
    margin-top: 3rem;
}


/*  LEGAL LINKS */
.je-footer__legal {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.25em;
    margin-block: 3em 1.5em;
}

    .je-footer__legal a {
        font-size: 0.875em;
        font-weight: 400;
        text-decoration: underline;
        color: inherit;
    }

/*  SOCIAL ICONS */
.je-footer__social {
    display: flex;
    justify-content: center;
    gap: 0.75em;
    margin: 3.5%;
}

    .je-footer__social a:hover {
        opacity: unset;
    }

.je-social {
    display: inline-block;
    width: 1.875em;
    height: 1.875em;
}

    .je-social::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    /* SVG icons */
    .je-social.linkedin::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.992' height='51.992' viewBox='0 0 51.992 51.992'%3E%3Cg id='_002-linkedin' data-name='002-linkedin' transform='translate(0 0)'%3E%3Ccircle id='Ellipse_5' data-name='Ellipse 5' cx='25.996' cy='25.996' r='25.996' transform='translate(0 0)' fill='%2375ab00'/%3E%3Cg id='Group_4' data-name='Group 4' transform='translate(12.543 11.108)'%3E%3Cpath id='Path_14' data-name='Path 14' d='M56.053,40.949V51.666H49.839v-10c0-2.511-.9-4.225-3.147-4.225A3.4,3.4,0,0,0,43.5,39.714a4.253,4.253,0,0,0-.206,1.514V51.666H37.085s.083-16.935,0-18.688H43.3v2.648c-.013.021-.03.041-.041.061H43.3v-.061a6.17,6.17,0,0,1,5.6-3.087c4.088,0,7.153,2.671,7.153,8.41ZM30.584,23.969a3.238,3.238,0,1,0-.082,6.458h.04a3.239,3.239,0,1,0,.041-6.458Zm-3.147,27.7h6.212V32.977H27.437Z' transform='translate(-27.068 -23.969)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .je-social.x::before {
        background-image: url("data:image/svg+xml,%3Csvg id='icon-x' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='15' cy='15' r='15' fill='%2375ab00'/%3E%3Cpath id='Path_1' data-name='Path 1' d='M17.01,13.69l6.37-7.27H20.47l-4.8,5.49L11.52,6.42H5.51l7.18,9.39L5.88,23.59H8.8l5.25-6,4.6,6h5.86l-7.49-9.9ZM8.9,8.07h1.73L21.05,21.85H19.44L8.9,8.07Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    }

    .je-social.youtube::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.992' height='51.992' viewBox='0 0 51.992 51.992'%3E%3Cg id='_001-youtube' data-name='001-youtube' transform='translate(0 0)'%3E%3Ccircle id='Ellipse_4' data-name='Ellipse 4' cx='25.996' cy='25.996' r='25.996' transform='translate(0 0)' fill='%2375ab00'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M146.82,159.218a3.944,3.944,0,0,0-3.943-3.946h-18.5a3.944,3.944,0,0,0-3.943,3.946V169.8a3.944,3.944,0,0,0,3.943,3.946h18.5a3.944,3.944,0,0,0,3.943-3.946v-10.58Zm-15.833,9.753v-9.937L138.522,164Z' transform='translate(-107.22 -138.238)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .je-social.facebook::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.992' height='51.992' viewBox='0 0 51.992 51.992'%3E%3Cg id='_003-facebook' data-name='003-facebook' transform='translate(0 0)'%3E%3Ccircle id='Ellipse_6' data-name='Ellipse 6' cx='25.996' cy='25.996' r='25.996' transform='translate(0 0)' fill='%2375ab00'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M52.821,38.691H48.182V55.685H41.155V38.691H37.812V32.719h3.342V28.854c0-2.764,1.313-7.091,7.09-7.091l5.206.022v5.8H49.674a1.431,1.431,0,0,0-1.491,1.628v3.515h5.252Z' transform='translate(-20.29 -11.678)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .je-social.rss::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.992 51.992'%3E%3Ccircle cx='25.996' cy='25.996' r='25.996' fill='%2375ab00'/%3E%3Cpath d='M23.04 30.24a3.253 3.253 0 1 0 3.253 3.253 3.253 3.253 0 0 0-3.253-3.253zm-.96-8.114a2.284 2.284 0 1 0 0 4.569 7.777 7.777 0 0 1 7.768 7.768 2.285 2.285 0 0 0 4.57 0 12.352 12.352 0 0 0-12.338-12.337zm.044-8.125a2.336 2.336 0 1 0 0 4.673 15.756 15.756 0 0 1 15.736 15.736 2.336 2.336 0 0 0 4.673 0A20.436 20.436 0 0 0 22.124 14z' fill='%23fff'/%3E%3C/svg%3E");
    }

/*  COPYRIGHT */
.je-footer__copy {
    text-align: center;
    font-size: 0.75em;
    line-height: 1.6;
    margin-inline: auto;
    font-style: inherit;
}

    .je-footer__copy span {
        font-weight: 700;
    }

    .je-footer__copy p {
        font-weight: 300;
        line-height: 1.8em;
    }

/*  MOBILE BEHAVIOR */
@media (max-width: 767px) {
    .je-footer__grid,
    .je-footer__divider,
    .je-footer__legal {
        display: none;
    }

    .je-footer {
        padding: 2em 1em;
    }

    .je-footer__copy {
        font-size: 0.7em;
    }
}