/* 
Theme Name:     Hemingway - Child Theme for CSU
Theme URI:      https://www.natsci.colostate.edu
Description:    A child theme of Hemingway, with CSU Branding and A11Y improvements.
Author:         John Purdy
Author URI:     https://www.natsci.colostate.edu
Template:       hemingway
Version:        1.7.5-a
Text Domain:    hemingway-child-csu
*/

#BrandLogoWrap {
    padding: 5px;
}

#BrandLogoWrap {
    margin-left: 1rem;
}

#BrandLogo H1,
#BrandLogo H2 {
    display: inline;
    padding-left: 1em;
}

#BrandLogo A {
    color: #FFF !important;
}

#responsiveLogoSubsytem H2 A {
    font-weight: normal;
    font-size: large;
}

.navbar .navbar-brand {
    font-size: 1rem;
}

LI.menu-item {
    margin-top: 0;
}

.menu-item A.nav-link {
    color: #000;
    padding: 5px;
}

/* CSU's JS script needs blocks to determine height and width */
.fit-logo-img A {
   display: block !important;
}

#responsiveLogoSubsytem::before {
    z-index: 1;
} 

#s {
    width: 55% !important;
}

.wrapper {
    margin-top: 3rem !important;
}

.wrapper-no-padding {
    margin-top: 0 !important;
}

/*
 * sr-only display for skip-navigation
 * this should come from a theme/bootstrap scss source but wasn't after upgrading to 6.4
 */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only:focus {
    height: auto;
    width: auto;
    padding: 15px;
    background: cornsilk;
    position: absolute;
    top: 10px;
    left: 20px;
    display: inline-block;
    z-index: 2;
    clip: unset;
}

.sr-only a:hover, .sr-only a:focus {
    color: #09160c;
    text-decoration: underline; 
}

.blog-menu a {
    color: #333 !important;
}

.blog-menu ul li {
    width: 375px !important;
    background: #ebebeb !important;
}

.blog-menu li:hover a {
    background-color: inherit !important;
    text-decoration: underline;
}

/* Switch the mobile menu to a light theme */
@media (max-width: 800px) {
    .toggle-container {
        background: inherit !important;
    }

    .mobile-menu a {
        border-bottom: 1px solid rgba( 0, 0, 0, 0.2 ) !important;
        background: inherit !important;
        color: rgba(0,0,0,0.6) !important;
    }

    .mobile-menu a:hover, .mobile-menu .current-menu-item a {
        color: #000 !important;
    }

    .navigation-inner {
        border-bottom: 1px solid #666 !important;
    }
    
    .nav-toggle.active .bar {
        background-color: #666 !important;
    }
    .search-toggle .glass {
        background-color: #ebebeb !important;
    }
    .search-toggle.active .metal, .search-toggle.active .handle {
        background: #555 !important;
    }
}

.post-content {
    font-size: 16px !important;
    color: #212121;
}

/* Defaults from Theme
.post-content h1 { font-size: 2em; }
.post-content h2 { font-size: 1.75em; }
.post-content h3 { font-size: 1.5em; }
.post-content h4 { font-size: 1.25em; }
.post-content h5 { font-size: 1.1em; } */

.post-content h1 { font-size: 1.75em !important; }
.post-content h2 { font-size: 1.5em !important }
.post-content h3 { font-size: 1.25em !important}
.post-content h4 { font-size: 1.175em !important }
.post-content h5 { font-size: 1.1em; }

.post-content a {
    text-decoration: underline !important;
}

.post-content figure {
   margin-top: 0px;
}

.post-content .csu-hemmingway-column-vertical-align {
    align-self: center;
}

.post-content .csu-hemmingway-p-em {
    font-size: 1.15em;
    font-weight: 600;
}

.wp-block-column H3:nth-child(1),
.wp-block-column .wp-block-image + H3 {
    margin-top: 0;
    margin-bottom: 0.5em;
}

@media (max-width: 700px) {
    .wp-block-column + .wp-block-column {
        margin-top: 2em;
    }
}

.footer {
    background-color: #ebebeb !important;
}

.footer .widget-content {
    /* color: rgba( 255, 255, 255, 0.9 ) !important; */
    color: #000 !important;
}

.section.bg-dark {
    background-color: #ebebeb !important;
}

.section.bg-dark-light,
.credits.bg-dark {
    background: #1e4d2b !important;
}

.header.section {
    padding: 0;
}

.footer {
    margin-top: 2rem !important;
}

.footer.section.large-padding {
    padding: 2rem 0;
}

.widget-content a {
    text-decoration: underline !important;
}

.credits-inner {
    border: 0 !important;
    padding-bottom: .13rem !important;
}

@media ( max-width: 700px ) {
    .header.section {
        padding: 0 !important;
    }
}

@media ( max-width: 500px ) {
    .header.section {
        padding: 0 !important;
    }
}

@media ( max-width: 700px ) {
    .csu-row span { 
        display: inline-block !important;
        text-align: center;
    }
}

/* Footer requirements */

#csu-subfooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}            

#csu-text LI {
    line-height: 1.8;
}
#csu-text {
    flex: 2;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.8;
    font-size: 12px;
    margin-right: .83rem;
}

#csu-logo {
    vertical-align: middle;
    width: 300px;
}

#csu-ul {
    padding: 0 10px;
    margin: 0 !important;
    text-align: center;
}

.csu-link-list {
    display: inline-block;
    padding: 0 .25rem;
}

.csu-link-list A,
.csu-copyright {
    color: #FFF !important;
}

.csu-row{
    text-align: center;
    line-height: 1.8;
}

.csu-link-list:nth-child(1) {
    /* padding: 0 !important; */
}

@media only screen and (max-width: 975px) {
        .csu-row {
        padding: 5px 0;
    }
}

@media only screen and (max-width: 800px) {
    .csu-row {
        padding: 10px 0;
        text-align: center;
    }

    .csu-link-list:nth-child(1) {
        /* padding: 0 7px !important; */
    }
    #csu-subfooter {
        flex-direction: column;
    }
}