/******************************************************************************************/
/*                                      HEADER                                            */
/******************************************************************************************/

.capstone-header {
    background: #1b3764;
    padding: 0 18px;
}

/* 
    Brand Identity 
    This section includes the SOS photo and SOS brand text
*/

.capstone-header .sos-brand-identity {
    align-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-x: hidden;
}

.capstone-header .sos-brand-identity .sos-brand-photo a.sos-brand-link img {
    width: 100%;
    max-width: 110px;
    height: auto;
}

.capstone-header .sos-brand-identity .sos-brand-text-col {
    padding-left: 1em;
    text-align: center;
    white-space: normal;
}

.capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text {
    display: inline-block;
    line-height: 1.5;
    margin: 2% 0;
    vertical-align: top;
}

.capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link {
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    word-spacing: 3px;
}

.capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link:visited,
.capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link:hover {
    color: #fff;
    text-decoration: none;
}

.capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link div {
    font-family: "Libre Baskerville", "Frank Ruhl Libre", "Adamina", "Georgia", "Times New Roman", serif;
    line-height: 1;
}

/* XXL */
@media screen and (min-width: 1400px) {
    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-location {
        font-size: 2rem;
    }

    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-dept {
        font-size: 1.3rem;
    }

    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-name {
        font-size: 1.1rem;
    }
}

/* XL */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-location {
        font-size: 1.6rem;
    }

    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-dept {
        font-size: 0.9rem;
    }

    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-name {
        font-size: 0.7rem;
    }
}

/* LG */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-location {
        font-size: 1.8rem;
    }

    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-dept {
        font-size: 1.1rem;
    }

    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-name {
        font-size: 0.9rem;
    }
}

/* MD and below */
@media screen and (max-width: 991px) {
    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-location {
        font-size: 2.2rem;
    }

    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-dept {
        font-size: 1.5rem;
    }

    .capstone-header .sos-brand-identity .sos-brand-text-col .sos-brand-text a.sos-brand-link .sos-brand-name {
        font-size: 1.3rem;
    }
}

/* 
Navigation Bar 
This section includes the whole of the navigation bar
*/

.sos-navigation-bar-wrapper nav.sos-navigation-bar .sos-collapsible-navigation-bar ul li.nav-item a {
    color: #fff;
    text-align: center;
    white-space: nowrap;
}

.sos-navigation-bar-wrapper nav.sos-navigation-bar .sos-collapsible-navigation-bar ul li.nav-item a.nav-link img {
    height: 50px;
    min-width: 49px;
    max-width: 100%;
}

/* XXL */
@media screen and (min-width: 1400px) {
    .sos-navigation-bar-wrapper nav.sos-navigation-bar .sos-collapsible-navigation-bar ul li.nav-item a.nav-link span.icon-label {
        font-size: 1rem;
    }
}

/* XL */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .sos-navigation-bar-wrapper nav.sos-navigation-bar .sos-collapsible-navigation-bar ul li.nav-item a.nav-link span.icon-label {
        font-size: 0.9rem;
    }
}

/* LG */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .sos-navigation-bar-wrapper nav.sos-navigation-bar .sos-collapsible-navigation-bar ul li.nav-item a.nav-link span.icon-label {
        font-size: 0.6rem;
    }
}

@media screen and (max-width: 992px) {
    .sos-navigation-bar-wrapper nav.sos-navigation-bar button.navbar-toggler {
        margin: 1rem auto;
    }
}

/******************************************************************************************/
/*                                      FOOTER                                            */
/******************************************************************************************/

.footer {
    overflow-x: hidden;
}

.footer .secretary-of-state-general-info-container {
    background: #2f579e;
    color: #fff;
}

.footer .secretary-of-state-general-info-container .general-info-text {
    font-size: 20px;
}

.footer .secretary-of-state-general-links-container {
    background: #1b3764;
    color: #fff;
}

.footer .secretary-of-state-general-info-container .footer-title,
.footer .secretary-of-state-general-links-container .footer-title {
    font-family: "Libre Baskerville", "Frank Ruhl Libre", "Adamina", "Georgia", "Times New Roman", serif;
}

.footer .secretary-of-state-general-links-container .general-link {
    margin-bottom: 5px;
}

.footer .secretary-of-state-general-links-container .general-link a {
    color: #fff;
    text-decoration: none;
}

.footer .secretary-of-state-general-links-container .general-link a:hover {
    color: #fff;
    text-decoration: underline;
}

@media screen and (max-width: 576px) {
    .footer .secretary-of-state-general-links-container .footer-title h4 {
        text-align: center;
    }

    .footer .secretary-of-state-general-links-container .general-link {
        text-align: center;
    }
}

.footer .secretary-of-state-social-media-links-container .social-media-icon {
    transition: filter 0.3s ease;
}

.footer .secretary-of-state-social-media-links-container .social-media-icon:hover {
    filter: brightness(1.3);
}

.footer .secretary-of-state-social-media-links-container .web-and-social-media-policy-link a {
    text-decoration: none;
}

.footer .secretary-of-state-social-media-links-container .web-and-social-media-policy-link a:hover {
    text-decoration: underline;
}