/* Header and nav styles */

a,
a:not([class]) {
    color: #940602;
    text-decoration: none;
}

.header,
.footer,
body {
    background-image: none;
    background-color: #FFFFF7;
    font-family: Geneva,Verdana,"Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
}

.container-nav {
    background-color: #940400;
    border-radius: 0;
    padding: 20px !important;
}

h1 {
    font-weight: 500;
}

@media screen and (min-width: 960px) {
    .container-nav {
        background-color: #940400;
        padding: 5px !important;
        border-radius: 10px;
    }
}

@media (max-width:767px) {}

.nav {
    position: relative;
    top: -5px;
}

.brand-logo img {
    max-width: 75%;
}

/* Mobile menu styles */

.navbar.navbar-expand-lg {
    width: 100%;
}

.navbar-toggler {
    position: absolute;
    height: 32px;
    top: -23px;
    right: 0;
    width: 42px;
    border: 1px solid yellow;
    z-index: 10000;
}

@media screen and (max-width: 960px) {
    .brand-logo img {
        max-width: 30%;
    }
}

/* Setting text align  */

.text-center {
    text-align: center;
}

/* Setting margins  */

.mb-0 {
    margin-bottom: 0;
}

/* Setting border radius */

.br-8 {
    border-radius: 8px;
}

.br-8-0 {
    border-radius: 8px 8px 0 0;
}

.br-0-8 {
    border-radius: 0 0 8px 8px;
}

@media screen and (min-width: 960px) {
    .brd-8-0 {
        border-radius: 8px 8px 0 0;
    }

    .brd-0-8 {
        border-radius: 0 0 8px 8px;
    }
}

/* Setting background colors */

.bg-red {
    background-color: #940400;
}

.bg-gray {
    background-color: #333333;
}

/* Setting custom mods to 100% width */

.mod-custom.custom {
    width: 100%;
}

/* Setting responsive grids */

.row>div {
    padding: 30px 40px;
}

.home-buttons .row>div {
    padding: 0 0;
}

/* Setting button color */

.btn-primary {
    background-color: #940000;
    border-color: #940000;
}

/* Setting card styles */

.sidebar-left.card .card-body {
    background-color: #EFEFDF;
}

.card-body {
    background-color: #555555;
    color: #ffffff;
    padding: 25px 35px;
}

@media screen and (max-width: 960px) {

    .hide-m {
        display: none;
    }

    .row>div:first-child {
        padding: 35px 30px 15px 30px;
    }

    .row>div {
        padding: 15px 30px;
    }

    .row>div:last-child {
        padding: 15px 30px 35px 30px;
    }

    .row>div:only-child {
        padding: 30px 30px;
    }
}

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 100%;
}

.col-3 {
    width: 100%;
}

.col-4 {
    width: 100%;
}

.col-5 {
    width: 100%;
}

.col-6 {
    width: 100%;
}

.col-7 {
    width: 100%;
}

.col-8 {
    width: 100%;
}

.col-9 {
    width: 100%;
}

.col-10 {
    width: 100%;
}

.col-11 {
    width: 100%;
}

.col-12 {
    width: 100%;
}

@media screen and (min-width: 960px) {
    .col-1 {
        width: 8.33%;
    }

    .col-2 {
        width: 16.66%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.33%;
    }

    .col-5 {
        width: 41.66%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.33%;
    }

    .col-8 {
        width: 66.66%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.33%;
    }

    .col-11 {
        width: 91.66%;
    }

    .col-12 {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {

    .hide-mobile {
        display: none;
    }

}

@media screen and (min-width: 992px) {

    .hide-desktop {
        display: none;
    }

}

.home-button-container {
    position: relative;
    text-align: center !important;
    width: 100%;
    margin-bottom: 20px;
    text-align: right;
}

.home-button-label {
    position: absolute;
    top: 83%;
    display: block;
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.grid-child.container-below-top .span12,
.grid-child.container-below-top .span9,
.grid-child.container-below-top .span3 {
    padding: 0 0;
}

.grid-child.container-below-top .account-login-link {
    margin-bottom: 0;
}

.metismenu.mod-menu .mm-collapse {
    background-color: #940400;
}

.metismenu.mod-menu .mm-collapse a,
.metismenu.mod-menu .mm-collapse a:hover {
    color: #ffffff;
}

.sidebar-left.card {
    background-color: #EFEFDE;
    border: 0;
    border-radius: 10px;
}

.sidebar-left.card p a {
    color: #9c0000;
    text-decoration: none;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: #F3F1DD;
}

/* Responsive Columns */

.column-full {
    float: left;
    width: 100%;
    padding: 0 5px;
}

.column-eighth {
    float: left;
    width: 12.5%;
    padding: 0 5px;
}

.column-sixth {
    float: left;
    width: 16.666%;
    padding: 0 5px;
}

.column-fifth {
    float: left;
    width: 20%;
    padding: 0 5px;
}

.column-quarter {
    float: left;
    width: 25%;
    padding: 0 5px;
}

.column-third {
    float: left;
    width: 32.66%;
    padding: 0 5px;
}

.column-half {
    float: left;
    width: 50%;
    padding: 0 5px;
}

.column-three-quarter {
    float: left;
    width: 75%;
    padding: 0 5px;
}

.column-full,
.column-half,
.column-third,
.column-quarter,
.column-fifth,
.column-sixth,
.column-eighth,
.column-three-quarter,
.column-full {
    margin-bottom: 12px;
}


.ruled-table .row .row .column-full,
.ruled-table .row .row .column-sixth,
.ruled-table .row .row .column-fifth,
.ruled-table .row .row .column-quarter,
.ruled-table .row .row .column-third,
.ruled-table .row .row .column-half {
    padding: 0 0;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.row {
    margin-bottom: 0;
}

.row:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 600px) {

    .column-three-quarter,
    .column-eighth,
    .column-sixth,
    .column-fifth,
    .column-quarter,
    .column-half,
    .column-third {
        width: 100%;
    }
}


/* Mobile row widths */

@media screen and (max-width: 600px) {
    .column-full-m {
        float: left;
        width: 100%;
        padding: 0 5px;
    }

    .column-eighth-m {
        float: left;
        width: 12.5%;
        padding: 0 5px;
    }

    .column-sixth-m {
        float: left;
        width: 16.666%;
        padding: 0 5px;
    }

    .column-fifth-m {
        float: left;
        width: 20%;
        padding: 0 5px;
    }

    .column-quarter-m {
        float: left;
        width: 25%;
        padding: 0 5px;
    }

    .column-third-m {
        float: left;
        width: 33.33%;
        padding: 0 5px;
    }

    .column-half-m {
        float: left;
        width: 50%;
        padding: 0 5px;
    }

    .column-three-quarter-m {
        float: left;
        width: 75%;
        padding: 0 5px;
    }
}

.span2,
.span10,
.span12 {
    float: left;
}

.span2,
.span10,
.span12 {
    width: 100%;
}

@media screen and (min-width: 601px) {
    .span2 {
        width: 16.66%;
    }

    .span10 {
        width: 83.33%;
    }

    .span12 {
        width: 100%;
    }
}

.row img {
    border-radius: 10px;
}

@media screen and (min-width: 601px) {
    .hide-desktop {
        display: none;
    }
}

@media screen and (max-width: 600px) {

    .hide-mobile,
    .hidden-phone {
        display: none;
    }
}

/* Featured table */

.featured-table {
    background-color: #efefdf;
    border-radius: 7px;
    padding: 20px 0;
    margin-bottom: 25px;
    margin-right: 20px;
}

.featured-table .row .col-4 {
    padding: 10px 40px;
}

/* Alignment */

.pull-left2 {
    padding-right: 15px;
    float: left;
}

.row-fluid:after {
    clear: both;
}

/* Yearbook page */

.phhs-yearbook select {
    font-size: 1rem;
    padding: 5px;
    margin-bottom: 20px;
}
.phhs-yearbook .yearbook-group {
    display: none;
}
.phhs-yearbook .yearbook-group.active {
    display: block;
}   
.phhs-yearbook .missing {
    color: red;
        font-style: italic;
}
.phhs-yearbook a {
    margin: 5px 0;
}

.row.no-padding-row>div {
    padding: 10px 8px;
}

.container-header .navbar-brand {
    display: none;
}

#mod-custom121 form {
    background-color: #333333;
    border-radius: 10px;
    padding: 15px 25px;
    width: 360px;
    float: right;
    font-size: 12px;
}

#mod-custom121 form button {
    background-color: #950300;
    color: #ffffff;
}

#mod-custom121 form button img {
    display: none;
}

#account-login-link {
    width: 360px;
    float: right;
    text-align: right;
    padding: 0;
}

#mod-custom121 .catalog-radio-buttons {
    padding: 0;
}

#mod-custom121 .col-9, #mod-custom121 .col-3 {
    padding: 0;
}

.container-below-top #account-login-link a:not(.btn) {
    color: #950000 !important;
}

.top-a.card.top-banner .card-body {
    padding: 0 !important;
}