/** -------------------------------- Site Header / Footer Styles ---------------------------------- **/

:root {
    --la-logo-width: 120px;
}

.site-name span {
    padding: 0 0 0 .625rem;
    font-size: 3em;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 300;
    color: var(--clr-med-light);
}

.site-name span em {
    font-weight: 600;
    font-style: normal;
    color: var(--clr-xlt-light);
}

.site-tagline {
    font-size: 1.5em;
    font-weight: 100;
    font-family: 'Times New Roman', Times, serif;
    color: var(--clr-xlt-light);   
}

/** ----------------------------------------- Site Header Styles ------------------------------------- **/

#site_header {
    border-bottom: 2px solid var(--clr-med-grey);
    background-color: var(--clr-med-dark);
}

#site_header_masthead {
    display: flex;
    align-items: center;
    padding: 1.25rem 0 .75rem 0;
}

#site_header_stmt {
    margin-left: auto;
}

#site_menu_w {
    margin: 1.875rem 0 0 0;
    background-color: var(--clr-med-beige);
}

#site_menu {
    display: flex;
    padding: .625rem;
}

#site_menu nav {
    display: flex;
}

#site_menu nav a {
    padding: .625rem;
    border-radius: .625rem;;
    font-family: "Helvetica";    
    font-size: 1.175em;
    font-weight: 300;
    color: var(--clr-med-blue);
    text-decoration: none;
}

#site_menu nav a:visited {
    color: var(--clr-med-blue);
}

#site_menu nav a:hover {
    color: var(--clr-xlt-light);
    background-color: var(--clr-lt-blue);    
    transition-duration: .3s;
}

#site_search_w {
    margin: .25rem 0 0 auto;
}

#site_search {
    width: min(20rem, 90vw);
}

#site_search input[type=search] {
    width: 100%;
    padding: .625rem .625rem .625rem 2.5rem;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--clr-xlt-light);    
    border-radius: .5rem;
    background: url('../assets/mg.svg') var(--clr-dk-blue) no-repeat .125rem center;
}

#site_search input[type=search]::placeholder {
    color: var(--clr-xlt-light);
}

#site_search input[type=search]:focus {
    outline: none;
    background-color: var(--clr-med-blue);
}

#site_search input[type=search]:focus::placeholder {
    color: transparent;
}

#site_search input[type=search]::-webkit-search-cancel-button {
    display: none;
}

/** -------------------------------------- Site Footer Styles -------------------------------------- **/


#site_footer {
    padding: 1.25rem 0 1.25rem 0;
    border-bottom: 2px solid var(--clr-med-grey);
    background-color: var(--clr-med-dark);
}

#site_footer_masthead {
    display: flex;
    align-items: center;
}

#site_footer_nav {
    display: flex;
    margin-left: auto;
}

#site_footer_nav > span {
    padding: 0 .625rem 0 .625rem;
    border-right: 1px solid var(--clr-med-blue);;
}

#site_footer_nav > span:last-child {
    border-right: none;
}

#site_footer_nav a, #site_footer_nav a:visited {
    font-family: "Helvetica";    
    font-size: 1.175em;
    font-weight: 300;
    color: var(--clr-med-blue);
    text-decoration: none;
    border-bottom: 1px solid var(--clr-med-blue);
}

#site_footer_nav a:hover {
    border-bottom: 3px solid var(--clr-lt-blue);
    transition-duration: .2s;
}

#site_footer_stmt {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

#site_footer_stmt > .site-tagline {
    margin-left: calc(var(--la-logo-width) + .625rem);
}

.site-footer-legal {
    margin-left: auto;
    margin-right: .675rem;
    font-size: 1em;
    font-weight: 100;
    font-family: 'Times New Roman', Times, serif;
    color: var(--clr-xlt-light);
}