/*****************************************************************************

FOOTER

*****************************************************************************/

footer {
    position: relative;
}

    footer .panel {
        overflow: hidden;
    }

        footer .panel .bottom-event-columns:before,
        footer .panel .bottom-event-column:before,
        footer .panel .bottom-event-columns:after,
        footer .panel .bottom-event-column:after {
            display: none;
        }

    .footer-panel {
        z-index: 4;
        position: relative;
        padding: 0;
    }

    .laptop .footer-panel {
        padding: 0;
    }

    .separator {
        display: inline-block;
        width: 0.1rem;
        height: 3.5rem;
        background: black;
        vertical-align: middle;
        margin: 0 1rem;
    }

    .footer-menu {
        padding: 0;
    }

    .tablet .footer-menu {
        padding: 2rem 2rem 2.3rem 2rem;
    }

    .footer-navigation {
        position: relative;
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }

    .tablet .footer-navigation {
        margin-right: 0;
        margin-left: 0;
    }

        .footer-navigation .menu-item {
            border-bottom: 0.1rem solid #efefef;
        }

        .post-type-archive-events .footer-navigation .menu-item,
        .page-template-template-location .footer-navigation .menu-item {
            border-bottom: 0.1rem solid white;
        }

       .tablet .footer-navigation .menu-item {
            border-bottom: none;
            border-top: none;
        }

        .footer-navigation #footer-navigation-first .menu-item:first-child {
            border-top: none;
        }

        .footer-navigation #footer-navigation-fourth .menu-item:last-child {
            border-bottom: none;
        }

        .tablet .footer-navigation .menu-item {
            border-bottom: none;
        }

        .footer-navigation .sub-menu {
            display: none;
            margin-bottom: 1.5rem;
        }

            .footer-navigation .sub-menu .menu-item {
                border: none;
            }

        .footer-navigation .sub-menu.show,
        .tablet .footer-navigation .sub-menu {
            display: block;
        }

        .sub {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            width: auto;
            height: 3rem;
            text-align: center;
            color: black;
            padding: 0 0 0 4rem !important;
            border: none !important;
        }

        .sub.down {
            top: 0;
        }

        .sub:before {
            font-family: 'Belvedere' !important;
            content: "\e900";
            color: black;
            font-size: 1.4rem;
            font-weight: normal;
        }

        .sub.down:before {
            content: "\e92c";
            font-size: 1.2rem;
        }

        .tablet .sub {
            display: none !important;
        }

        footer:before,
        footer:after {
            content: "";
            width: 100%;
            height: 0.1rem;
            position: absolute;
            left: 0;
        }

        .tablet footer:before,
        .tablet footer:after {
            background-image: url('../img/lines.svg');
            background-repeat: repeat-x;
            background-size: 2.8rem 0.1rem;
            width: calc(100% - 6rem);
            margin: 0 3rem;
            z-index: 9;
        }

        .footer-navigation:before {
            top: 0;
        }

        .footer-navigation:after {
            bottom: 0;
        }

            .footer-navigation li {
                display: block;
                width: 100%;
                line-height: 100%;
                position: relative;
            }

               .tablet .footer-navigation li.menu-item-has-children {
                }

                .footer-navigation a {
                    font-size: 1.2rem;
                    font-weight: 400;
                    padding: 0.6rem 1rem !important;
                    line-height: 100% !important;
                    border-bottom: 0.1rem solid white;
                    display: inline-block;
                }


                .post-type-archive-events .footer-navigation a {
                    border-bottom: 0.1rem solid #E5F6FF;
                }

                .page-template-template-location .footer-navigation a {
                    border-bottom: 0.1rem solid #F4F1E2;
                }

                .tablet .footer-navigation a {
                    font-weight: 700;
                    padding: 0 !important;
                    line-height: 100% !important;
                }

                .tablet .footer-navigation .menu-item a {
                    display: inline;
                }

                .laptop .footer-navigation a:hover {
                    border-bottom: 0.1rem solid black;
                }

                .tablet .footer-navigation .footer-navigation-fourth {
                    padding-top: 2rem;
                }

                    .footer-navigation .footer-navigation-fourth a {
                        padding-top: 0;
                    }

                    .footer-navigation .sub-menu a {
                        font-weight: 400;
                        padding-top: 2rem;
                        color: #848484;
                    }

                    .tablet .footer-navigation .sub-menu a {
                        color: black;
                    }

    .signs {
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }

        .signs .panel {
            overflow: hidden;
            padding: 3rem 0;
        }

            .signs .panel .bottom-event-columns:before,
            .signs .panel .bottom-event-column:before,
            .signs .panel .bottom-event-columns:after,
            .signs .panel .bottom-event-column:after {
                display: none;
            }

        .signs p {
            padding-bottom: 0;
        }

    .credits {
        padding: 0 1.5rem;
    }

        .footer-logo {
            max-width: 40% !important;
            display: inline-block;
        }

        .tablet .footer-logo {
            max-width: 47% !important;
        }

    .laptop .footer-logo {
        max-width: 100% !important;
    }

    .social-media {
        padding: 2rem 0 !important;
        display: inline-block;
        background: none !important;
    }

    .credits .social-media {
        background: none !important;
    }

        .social-media a {
            font-size: 2.2rem;
            margin: 0 0.4rem;
            opacity: 1;
            text-decoration: none;
        }

    .school {
        padding: 1.5rem 0;
    }

    footer p {
        padding-bottom: 0;
        line-height: 130%;
    }

    .laptop .copyright,
    .laptop .development {
        line-height: 2.2rem;
    }