/*=============================*/
/*=====----- GENERAL -----=====*/
/*=============================*/

.panel-footer {
    position: relative;
    color: var(--off-white);
    padding-top: 7px;
}

.panel-footer::before {
    position: absolute;
    inset: 32px 0 0 0;
    display: block;
    background-color: var(--blue);
    background-image: url('/includes/public/assets/shared/main-bg.png');
    background-repeat: repeat-y;
    background-position: center bottom;
    background-size: 100% auto;
    content: '';
    pointer-events: none;
}

.panel-footer .footer-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template:
        'guides guides guides guides guides guides' auto
        'logo logo logo logo logo logo' auto
        'content content content content nav nav' auto
        'extralogos extralogos extralogos extralogos extralogos extralogos' auto
        'translate translate translate copyright copyright copyright' auto / minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 30px 10px;
    width: 100%;
    max-width: 1360px;
    padding: 0 20px 22px;
    margin: 0 auto;
}

.panel-footer .contentRender_name_plugins_core_textbox {
    padding: 0;
    max-width: none;
    margin: 0;
}

.panel-footer .contentRender_name_plugins_core_textbox * {
    color: inherit;
}

.panel-footer .content-cont,
.panel-footer .contentRender_name_plugins_core_textbox p {
    margin: 0;
    font-family: var(--sofia);
    font-weight: normal;
    font-size: 0.875rem;
    line-height: calc(19/14);
}

.panel-footer .contentRender_name_plugins_core_textbox a {
    text-decoration: none;
}

/*============================*/
/*=====----- GUIDES -----=====*/
/*============================*/

.panel-footer .guides-grid {
    grid-area: guides;
}

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

.panel-footer .logo-cont {
    grid-area: logo;
}

.panel-footer .logo-footer {
    width: 100%;
    max-width: 120px;
    margin: 0 auto;
}

.panel-footer .logo-footer img {
    width: 100%;
}

/*=============================*/
/*=====----- CONTENT -----=====*/
/*=============================*/

.panel-footer .content-cont {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    grid-area: content;
}

.panel-footer .content-cont .address,
.panel-footer .content-cont .phones {
    display: grid;
    grid-template: auto / 12px minmax(0, 1fr);
    align-items: start;
    gap: 6px;
}

.panel-footer .content-cont .address::before,
.panel-footer .content-cont .phones::before {
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.8125rem;
}

.panel-footer .content-cont .address {
    font-style: normal;
}

.panel-footer .content-cont .address::before {
    content: '\f3c5';
}

.panel-footer .content-cont .phones::before {
    content: '\f095';
}

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

.panel-footer .social-cont {
    margin-top: 12px;
}

.panel-footer .social-links {
    justify-content: flex-start;
    gap: 8px;
}

.panel-footer .social-links .social-network {
    padding: 0;
    flex-shrink: 0;
}

.panel-footer .social-links .social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    aspect-ratio: 1;
    border: 1px solid var(--off-white);
    border-radius: 50%;
    font-size: 13px;
    color: var(--off-white);
    text-decoration: none !important;
    transition: border-color var(--transition), color var(--transition);
}

/*=========================*/
/*=====----- NAV -----=====*/
/*=========================*/

.panel-footer .nav-cont {
    grid-area: nav;
}

/*==================================*/
/*=====----- ATTRIBUTIONS -----=====*/
/*==================================*/

.panel-footer .extra-logos {
    display: grid;
    grid-template: auto / minmax(0, 2fr) minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    grid-area: extralogos;
    max-width: 350px;
    margin: 16px auto 0;
}

.panel-footer .extra-logos .contentRender_name_plugins_core_textbox section {
    display: grid;
    grid-template: auto / repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.panel-footer .extra-logos a {
    display: block;
}

.panel-footer .extra-logos .contentRender_name_plugins_core_textbox img {
    width: 100%;
    max-width: none;
    margin: 0;
}

.panel-footer .copyright {
    grid-area: copyright;
    align-self: center;
    font-family: var(--sofia);
    font-weight: normal;
    font-size: 0.69rem;
    line-height: 1.2;
    color: inherit;
    text-align: right;
}

/*===============================*/
/*=====----- TRANSLATE -----=====*/
/*===============================*/

.panel-footer .translate-cont {
    grid-area: translate;
}

.panel-footer .googleTranslateDropdown {
    display: block;
    width: 100%;
    max-width: 178px;
    padding: 7px 12px;
    background-color: transparent;
    background-image: url('/includes/public/assets/shared/caret-down.svg');
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px auto;
    border: 1px solid var(--off-white);
    border-radius: var(--rounded-full);
    font-family: var(--sofia);
    font-weight: normal;
    font-size: 0.6875rem;
    line-height: 1;
    color: inherit;
    appearance: none;
}

.panel-footer .googleTranslateDropdown option {
    color: var(--black);
    font-size: 1rem;
}

/*===================================================*/
/*=====----- MOBILE BOTTOM FIXED CONTAINER -----=====*/
/*===================================================*/

.panel-footer .mobile-fixed {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
}

/*===================================*/
/*=====----- MEDIA QUERIES -----=====*/
/*===================================*/

@media (hover: hover) {
    .panel-footer .social-links .social-link:hover {
        border-color: var(--yellow);
        color: var(--yellow);
    }
}

@media (min-width: 40em) {
    .panel-footer .footer-inner {
        grid-template:
            'guides guides guides guides guides guides' auto
            'logo logo content content nav nav' auto
            'extralogos extralogos extralogos extralogos extralogos extralogos' auto
            'translate translate translate copyright copyright copyright' auto / minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }

    /*----- logo -----*/

    .panel-footer .logo-footer {
        margin: 0;
    }
}

@media (min-width: 64em) {
    .panel-footer .footer-inner {
        grid-template:
            '. . . guides guides' 54px
            'logo content nav guides guides' auto
            'translate . . guides guides' auto
            'copyright copyright . extralogos extralogos' auto / minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        gap: 32px 40px;
    }

    /*----- attributions -----*/

    .panel-footer .copyright {
        text-align: left;
    }
}

@media (min-width: 90em) {
    .panel-footer::before {
        top: 49px;
    }

    .panel-footer .footer-inner {
        grid-template:
            '. . . guides' 64px
            'logo content nav guides' auto
            'translate . . guides' auto
            'copyright copyright . extralogos' auto / minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 602px;
    }

    /*----- guides -----*/

    .panel-footer .guides-grid {
        height: 100%;
    }

    /*----- logo -----*/

    .panel-footer .logo-footer {
        max-width: 142px;
    }

    /*----- content -----*/

    .panel-footer .content-cont,
    .panel-footer .contentRender_name_plugins_core_textbox p {
        font-size: var(--text-base);
    }

    /*----- translate -----*/

    .panel-footer .googleTranslateDropdown {
        padding: 9px 16px;
        font-size: 0.75rem;
    }

    /*----- attributions -----*/

    .panel-footer .extra-logos {
        margin: 0 0 0 auto;
    }

    .panel-footer .copyright {
        font-size: 0.8125rem;
    }
}