@import url('https://fonts.googleapis.com/css?family=Graduate&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');

/* accessible everywhere */
:root {
    --teamrivalry-home: #F1C40F;
    --teamrivalry-away: #34495e;
    --teamrivalry-color-wide: #ACA780;
    --teamrivalry-color-accent: #3498DB;
    --teamrivalry-color-accent-border: #2875a8;
    --teamrivalry-alt-row: #f5f5f5;
    --teamrivalry-background: #ECF0F1;
    --teamrivalry-fontprimary: "Graduate";
    --teamrivalry-fontsecondary: "Poppins";
    --teamrivalry-fontquote: "Franklin Gothic Medium";
    --teamrivalry-winner: #6aa367;
    --teamrivalry-loser: #a36767;
}

/* site theme */
.home-spacer {
    padding-top: 15px;
}

.body-spacer {
    padding-top: 15px;
}

/* Team Rivalry */
.teamrivalry-home {
    background-color: var(--teamrivalry-home);
}

.teamrivalry-away {
    background-color: var(--teamrivalry-away);
}

.teamrivalry-color-accent {
    background-color: var(--teamrivalry-color-accent);
}
/* Tags
    --------------------------- */
/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 91px;*/
    background-color: var(--teamrivalry-background);
    font-family: var(--teamrivalry-fontsecondary);
}

h1, h2, h3 {
    font-family: var(--teamrivalry-fontprimary);
}

h4, h5, h6 {
    font-family: var(--teamrivalry-fontsecondary);
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* controls */
.radio-button-label label {
    padding-left: 10px;
}

.radio-button-data label {
    padding-left: 5px;
}

.radio-button-data input {
    margin-left: 10px;
}

.clickable-row {
    cursor: pointer;
}

/* div content */

.align-flex-parent {
    display: flex;
}

.align-flex-child-bottom {
    display: inline-block;
    align-self: flex-end;
}

.align-flex-child-center {
    display: inline-block;
    align-self: center;
    text-align: center;
}

.align-end {
    display: flex;
    align-items: end;
}
/* Tool Tips    ----------------------- */

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

/* Social Header
    ----------------------- */
.social-bar {
    height: 35px;
    padding-right: 25px;
}

.social-item {
    float: right;
    padding: 5px;
}

    .social-item a {
        /*padding-left: 15px;
        padding-right: 15px;*/
        color: #000;
    }

.social-icon {
    height: 25px;
}

/* Bootstrap Override
    -----------------------  */
.site-header {
    padding: 25px 0px;
}

.site-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    color: #000;
    font-family: var(--teamrivalry-fontprimary);
}

.site-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    font-family: var(--teamrivalry-fontsecondary);
}

.navbar-brand {
    padding: 0px;
    margin-right: 0px;
}

    .navbar-brand img {
        width: 91px;
    }

.navbar {
    padding: 0rem !important;
    background-color: var(--teamrivalry-away);
}

.navbar-inverse {
    border: none;
    font-family: var(--teamrivalry-fontprimary);
}

    .navbar-inverse .container-fluid {
        padding-right: 0rem !important;
    }

    .navbar-inverse .navbar-nav .nav-link, .navbar-inverse .navbar-nav .nav-link.active {
        color: #FFF;
        padding: 18px 10px 18px 10px;
        margin-right: 5px;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        color: var(--teamrivalry-away) !important;
        font-weight: bold;
        text-decoration: none !important;
        background-color: var(--teamrivalry-home);
    }

ul.navbar-nav {
}

.nav-item {
    font-size: 16px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    /*background-color: var(--teamrivalry-away);*/
}

.dropdown-menu > li > a {
    padding: 5px 15px;
}

.table-hover > tbody > tr:hover > th {
    background-color: var(--teamrivalry-away);
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
    color: #000;
}

.table-alt-layout {
    font-size: 12px;
}

.form-control-small {
    font-size: smaller;
}

.form-control-dropdown {
    border: 1px solid silver;
    border-radius: 5px;
    height: 40px;
    width: 100%;
    padding-left: 5px;
}

/* --------------------- Rankings ------------------------- */
.pollheader {
    color: var(--teamrivalry-away);
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--teamrivalry-home)
}

.topspot {
    font-size: 24px;
    font-weight: bold;
    color: var(--teamrivalry-away);
    padding-top: 10px;
    padding-bottom: 10px;
}

.toptwelve {
    font-size: 18px;
    font-weight: bold;
    color: var(--teamrivalry-away);
    padding-top: 5px;
    padding-bottom: 5px;
}

.poll-wrapper {
    padding: 5px;
}

    .poll-wrapper img {
        width: 32px;
        padding-right: 5px;
        padding-left: 5px;
    }

.poll-leader {
    font-size: 24px;
    font-weight: bold;
    color: var(--teamrivalry-away);
    padding-top: 10px;
    padding-bottom: 10px;
}

.poll-top-twelve {
    font-size: 18px;
    font-weight: bold;
    color: var(--teamrivalry-away);
    padding-top: 5px;
    padding-bottom: 5px;
}

.poll-others {
}

/* --------------------- Misc ------------------------- */
.hidden {
    display: none;
}

.visible {
    display: inline;
}

.message-wrapper {
    padding-bottom: 20px;
}

.message {
    width: 75%;
    padding: 10px;
    background: var(--teamrivalry-away);
    border-radius: 5px;
    margin: auto auto;
    color: #fff;
}

/* --------------------- Sections --------------------- */
.section-container {
    padding-top: 25px;
    padding-bottom: 25px;
}

.section-container-normal {
    background-color: #FFF;
}

.section-container-inverted {
    background-color: var(--teamrivalry-background);
}

.section-header {
    font-size: 30px;
    font-variant-caps: small-caps;
    text-decoration: underline;
}

.section-subheader {
    font-size: 16px;
    font-variant-caps: small-caps;
    text-decoration: underline;
}

.section-header-primary {
    font-family: var(--teamrivalry-fontprimary);
}

.section-header-secondary {
    font-family: var(--teamrivalry-fontsecondary);
}

.section-header-normal {
    color: #fff;
}

.section-header-inverted {
    color: #000;
}

.section-a-inverted {
    color: #FFF;
}

/* Header 
    ------------------------ */
.header-fullwidth {
    display: flex;
}

/* Header 
    ------------------------ */
.fullwidth {
    width: 100%;
}

/* Links
    ------------------------ */
.link-subtitle {
    font-size: small;
}

/* Slug
    ------------------------ */
#slug {
}

    #slug .slug-container {
        color: #fff;
    }

    #slug .slug-div {
        padding-bottom: 15px;
    }

    #slug .slug-text {
        font-size: 18px;
        font-family: var(--teamrivalry-fontquote);
    }

    #slug .slug-header {
        font-size: 30px;
        font-family: var(--teamrivalry-fontprimary);
    }

/* Blocks
    -----------------------  */
.block-container {
}

.block-header-wrapper {
    border: 1px solid var(--teamrivalry-home);
    padding: 5px 15px 10px 15px;
    background-color: #fff;
    border-left: 10px solid var(--teamrivalry-home);
}

.block-header {
    font-family: var(--teamrivalry-fontsecondary);
    font-size: 30px;
    font-variant-caps: small-caps;
    text-decoration: underline;
    color: #000;
}

.block-subheader {
    font-family: var(--teamrivalry-fontsecondary);
    font-size: 15px;
    color: #000;
    text-decoration: none;
}

.block-spacer {
    padding: 10px;
}

.block-spacer-mobile {
    padding: 0px;
}

.block-content-wrapper {
    border: 1px solid var(--teamrivalry-home);
    background-color: #FFF;
}

.block-text {
    padding: 15px;
}

.block-content {
    display: flex;
    margin: 0 auto;
    justify-content: space-evenly;
    padding: 10px 5px 10px 5px
}

/* Ad blocks */
.block-large-rectangle {
    min-height: 400px;
}

/* Season Records */
.season-records {
}

    .season-records .stats {
        font-size: smaller;
    }

/* Team Logo */
.team-logo-16 {
    width: 16px;
}

.team-logo-32 {
    width: 32px;
}

/* Pages
    -----------------------  */
.page-title-container {
    border-right: var(--teamrivalry-home) 1px;
    border-bottom: var(--teamrivalry-home) 1px;
    border-left: var(--teamrivalry-home) 15px;
    border-top: var(--teamrivalry-home) 5px;
    padding: 5px 15px 10px 15px;
    background-color: #fff;
    margin-top: 20px;
    border-style: solid;
}

.page-body {
    padding-top: 25px;
}

.page-body-white {
    background-color: #fff;
}

.page-title {
    font-family: var(--teamrivalry-fontsecondary);
    font-size: 38px;
    font-variant-caps: small-caps;
    text-decoration: underline;
    color: #000;
    margin-bottom: 15px;
}

.page-title-no-underline {
    text-decoration: none;
}

.page-subtitle {
    font-family: var(--teamrivalry-fontsecondary);
    font-size: 24px;
    font-variant-caps: small-caps;
    color: #000;
    margin-bottom: 15px;
}

.page-subtitle-wide {
    letter-spacing: 1em;
}

.page-search-form {
    border: 1px solid var(--teamrivalry-home);
    background-color: #FFF;
    padding: 15px;
    margin-top: 20px;
}

.page-content {
    background-color: #FFF;
    padding: 15px;
    /*
        margin-top: 20px;
        margin-bottom: 20px;
    */
}

.page-content-border-wide {
    border-left: var(--teamrivalry-home) 1px;
    border-top: var(--teamrivalry-home) 1px;
    border-right: var(--teamrivalry-away) 15px;
    border-bottom: var(--teamrivalry-away) 15px;
    border-style: solid;
}

.page-content-border-narrow {
    border-left: var(--teamrivalry-away) 1px;
    border-top: var(--teamrivalry-away) 1px;
    border-right: var(--teamrivalry-away) 1px;
    border-bottom: var(--teamrivalry-away) 1px;
    border-style: solid;
}

.page-flex {
    display: flex;
    display: -webkit-flex;
}

/* blog posts
    -----------------------  */

.post-header {
    font-family: var(--teamrivalry-fontprimary);
    font-size: 16px;
}

.post-summary {
    font-size: 12px;
    padding: 0px 10px;
}

/* teams 
    --------------------- */
.teams {
}

    .teams img.logoTeam {
        width: 35px;
    }

    .teams a {
        color: #000;
    }

        .teams a.header-link {
            font-size: 16px;
            font-weight: bold;
        }

        .teams a.lower-link {
            font-size: 14px;
            font-weight: normal;
        }

.teams-item-container {
    height: 35px;
    width: 35px;
    padding: 15px;
    display: inherit;
}

/* Searches
    -----------------------  */
.search-row {
    min-height: 58px;
}

.search-row-div {
    position: relative;
    min-height: 58px;
}

.search-row-bottom {
    position: absolute;
    bottom: 0;
}

/* Upcoming and Recent Games 
    ------------------------------- */
.upcoming-list {
}

    .upcoming-list hr:last-of-type {
        display: none;
    }

.upcoming-row {
}

    .upcoming-row div.upcoming:last-of-type {
        border-right: none;
    }

.upcoming-group a, .upcoming-group a:active, .upcoming-group a:visited, .upcoming-group a:link {
    color: #000;
    text-decoration: none !important;
}

    .upcoming-group a:hover {
        color: #000;
    }

.upcoming {
    border-right: 1px solid black;
    padding: 10px;
}

    .upcoming .team-logo {
        width: 32px;
    }

    .upcoming .team-logo-mini {
        width: 16px;
    }

    .upcoming .team-logo-mid {
        width: 24px;
    }

div .upcoming:hover {
    background-color: #f5f5dc;
}

/* Game Day    ------------------------------- */

.game-day {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .game-day .status {
        font-size: 24px;
    }

    .game-day .date {
        font-size: 14px;
        font-weight: bold;
    }

    .game-day .season {
        font-size: 14px;
        font-style: italic;
    }

    .game-day .logo-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .game-day .score-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .game-day .logo {
        padding-bottom: 5px;
        text-align: center;
    }

        .game-day .logo img {
            max-width: 150px;
        }

    .game-day .bowl {
        text-align: center;
        font-family: var(--teamrivalry-fontprimary);
        font-size: 20px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .game-day .team {
        padding-left: 20px;
        padding-right: 20px;
    }

    .game-day .team-banner {
        padding-bottom: 15px;
    }

    .game-day .team img {
        max-width: 50px;
        max-height: 50px;
    }

    .game-day .team-logo-mini {
        max-width: 16px;
        max-height: 16px;
    }

    .game-day .column {
        min-height: 75px;
        padding-top: 7px;
    }

    .game-day .chevron {
        font-size: 45px;
    }

    .game-day .rank, .game-day .teamName {
        font-size: 14px;
        font-weight: bold;
    }

    .game-day .mascot {
        font-size: 14px;
    }

    .game-day .record {
        font-weight: bold;
        font-size: 14px;
        border: 1px solid #000;
        background-color: #666;
        color: #fff;
        border-radius: 10px;
        padding-left: 10px;
        padding-right: 10px;
        /*padding-bottom: 4px;*/
        display: inline-block;
    }

    .game-day .score {
        font-size: 42px;
        text-align: center;
    }

    .game-day .conference {
        font-size: 14px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .game-day .conference img {
            max-height: 100px;
            max-width: 125px;
        }

    .game-day .coach {
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .game-day .coach .header {
            font-weight: bold;
            font-size: 14px;
        }

        .game-day .coach span {
            font-size: 18px;
        }

        .game-day .coach .subheader {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
        }

    .game-day .stats {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .game-day .stat-box {
        font-size: 16px;
        font-family: var(--teamrivalry-fontsecondary);
        border: 1px solid #000;
        /*border-radius: 10px;*/
        padding: 10px;
        text-align: center;
        /*min-height: 150px;*/
        width: 100%;
    }

    .game-day .stat-box-sub {
        background-color: #999;
        color: #fff;
    }

    .game-day .stat-box-sub-upper {
        background-color: var(--teamrivalry-away);
        color: #fff;
    }

    .game-day .stat-box-sub-lower {
        background-color: var(--teamrivalry-home);
        color: #fff;
    }

    .game-day .stat-box-general {
        min-height: 140px;
    }

    .game-day .stat-box-prime {
        background-color: #cecece;
        color: #000;
    }

    .game-day .stat-box .stadium {
        color: var(--teamrivalry-color-accent);
        font-weight: bold;
    }

    .game-day .stat-box .team {
        font-weight: bold;
        color: #000;
    }

    .game-day .stat-box .homecoming {
        font-family: var(--teamrivalry-fontprimary);
        font-size: 28px;
    }

    .game-day .stat-box .ordinal {
        color: #000;
        font-size: 32px;
        font-weight: bold;
    }

    .game-day .stat-box .series-team {
        font-size: 16px;
        font-weight: bold;
    }

    .game-day .home-coach-record {
    }

    .game-day .data-row {
        font-weight: bold;
    }

    .game-day .trophy-banner-wrapper {
        /*border-left: 5px #000 solid;
        border-top: 1px #000 solid;
        border-right: 5px #000 solid;
        border-bottom: 1px #000 solid;*/
        padding: 10px 0px 10px 0px;
        border: 3px solid bisque;
        background-color: firebrick;
        color: #FFF;
        /*border-radius: 20px;*/
    }

    .game-day .trophy-banner-text {
    }

    .game-day .trophy-banner {
        font-size: 20px;
        font-weight: bold;
        text-shadow: black 1px 1px;
    }

    .game-day .trophy-title {
        font-size: 24px;
        font-weight: bold;
        /* text-shadow: black 1px 1px; */
        font-family: var(--teamrivalry-fontprimary);
    }

    .game-day .trophy-logo {
        /*height: 150px;*/
        width: 118px;
    }

    .game-day .preview {
        text-align: left;
    }

        .game-day .preview .header {
            font-weight: bold;
            font-size: 14px;
        }

        .game-day .preview .subheader {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
        }

    .game-day .schedule-grid tbody tr td {
        height: 45px;
    }

    .game-day .schedule-div {
        padding: 10px;
        border-left: 1px #000 solid;
        text-align: center;
        border-right: 1px #000 solid;
        border-bottom: 1px #000 solid;
    }

.random-game-day {
    background-color: var(--teamrivalry-color-wide);
    color: #fff;
    min-height: 490px;
}

    .random-game-day div.game-day {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .random-game-day div.stat-box {
        min-height: 150px;
    }

    .random-game-day img.team-logo {
        max-width: unset;
        max-height: 100px;
    }

    .random-game-day div.score {
        font-size: 40px;
    }

    .random-game-day .stadium {
        color: #000 !important;
    }

    .random-game-day .series-team {
        color: #000 !important;
    }

/* team page    -----------------------  */
.team-links {
    padding-top: 10px;
    padding-bottom: 10px
}

    .team-links a {
        color: var(--teamrivalry-away);
        font-weight: bold;
    }

.coach-page {
}

.person-image {
    max-width: 300px;
}

/* --------------------- Outlook ---------------------- */
#outlook {
}

    #outlook .team-logo {
        width: 190px;
    }

    #outlook .team-name {
        font-family: Rockwell;
        font-size: 35px;
        font-weight: bold;
    }

    #outlook .team-mascot {
        font-family: Rockwell;
        font-size: 20px;
        font-weight: bold;
    }

    #outlook .team-side {
        font-family: Poppins;
        font-size: 20px;
        font-weight: bold;
    }

    #outlook .stat-label {
        font-size: smaller;
    }

    #outlook .stat {
    }

/* --------------------- Grid Main ---------------------- */
.grid-main {
    width: 100%
}

.grid-buffer {
}

    .grid-buffer .bottom {
        padding-bottom: 10px;
    }

/* --------------------- Grid Header -------------------- */
.gridHeader > th {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--teamrivalry-away);
    text-align: center;
    color: #fff;
}

    .gridHeader > th > a {
        color: #fff;
    }

.gridTopHeader {
    color: #000 !important;
    background-color: var(--teamrivalry-home) !important;
    font-size: 20px;
}

/* --------------------- Grid Row--------------------- */
.gridRow td, .gridRowAlternate td {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFF;
}

/* --------------------- Grid Footer--------------------- */
.gridFooter td {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: aliceblue;
    vertical-align: middle !important;
}

/* --------------------- Grid Pager --------------------- */
.gridPager {
    background-color: aliceblue;
}

    .gridPager tr {
        height: 50px;
    }

    .gridPager td {
        width: 25px;
    }

        .gridPager td span {
            background-color: cadetblue;
            color: antiquewhite;
            padding: 10px;
            margin: 10px;
        }

        .gridPager td a {
            padding: 10px;
            margin: 10px;
        }
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* site wide    -----------------------  */
.edit-link {
    color: #fff;
    background-color: darkgoldenrod;
    padding: 3px;
    border-radius: 5px;
}

.push-link {
    color: #fff;
    background-color: red;
    padding: 3px;
    border-radius: 5px;
}

.nodata {
    font-size: 16px;
    color: red;
    font-weight: bold;
    text-align: center;
}

.quote {
    font-size: 24px;
    font-weight: bold;
    font-family: var(--teamrivalry-fontquote);
    text-align: center;
}

.citation {
    font-size: 20px;
    font-style: italic;
    text-align: center;
}

.label-130 {
    width: 130px;
}

.label-70 {
    width: 70px;
}

.fa-home-color {
    color: var(--teamrivalry-home)
}

.fa-away-color {
    color: var(--teamrivalry-away)
}

/* Forms
    -----------------------  */

.form-textbox-wide-extra {
    width: 375px !important;
}

.form-textbox-wide {
    width: 250px !important;
}

.form-textbox-medium {
    width: 150px !important;
}

.form-textbox-slim {
    width: 100px !important;
}

.form-textbox-narrow {
    width: 50px !important;
}

/* --------------------- Other Stats Grid --------------------- */

.OtherStats {
    margin-top: 10px;
}

.logoGrid {
    /*height: auto;
    width: auto;
    max-width: 100px;*/
    max-height: 50px;
}

.logoTeam {
    width: 115px;
}

.logoTeamFull {
    width: 100%;
}
/* --------------------- General --------------------- */
.align-center-all {
    display: flex;
    align-items: center;
}

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

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

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

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

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.padLeft5 {
    padding-left: 5px;
}

.rowSpacer5 {
    margin-bottom: 5px;
}

.rowSpacer10 {
    margin-bottom: 10px;
}

.rowSpacer15 {
    margin-bottom: 15px;
}

.rowSpacer20 {
    margin-bottom: 20px;
}

.rowSpacer10 {
    margin-bottom: 25px;
}

.glyphicon.glyphicon-32 {
    font-size: 32px;
}

.glyphicon.glyphicon-64 {
    font-size: 64px;
}

.infoLabel {
    font-weight: bold;
}



/* ------- Content Names */
.name-container {
    font-family: var(--teamrivalry-fontsecondary);
    font-size: 30px;
    font-variant-caps: small-caps;
    text-decoration: underline;
    color: #000;
    margin-bottom: 15px;
}

.name-container-header {
    border: 1px solid var(--teamrivalry-color-accent);
    padding: 5px 15px 10px 15px;
    background-color: #fff;
    border-left: 10px solid var(--teamrivalry-color-accent);
}

/* --------------------- Games --------------------- */
.gameWinner {
    font-weight: bold;
    color: #000;
}

/* --------------------- Game Tile --------------------- */
#gameTiles {
    /*background-color: brown;*/
    padding-bottom: 10px;
}

#gameTile {
    display: block;
    margin-top: 10px;
    font-size: 18px;
}

    #gameTile .outer {
        margin: 0px 0px 5px 5px;
        color: #000;
        border: 1px solid silver;
    }

    #gameTile .inner {
        padding: 10px;
        background-color: #efefef;
        /*min-height: 180px;*/
        border: 1px solid var(--teamrivalry-color-accent);
        font-size: 15px;
    }

        #gameTile .inner:hover {
            background-color: #fff;
        }

    #gameTile .logo-wrapper {
        float: left;
        padding: 5px;
    }

    #gameTile .logo {
        width: 24px;
        height: 24px;
    }

    #gameTile .site {
        font-family: var(--teamrivalry-fontsecondary);
        font-size: 10px;
    }

    #gameTile .homecoming {
        /*line-height: 2em;
        font-weight: bold;*/
    }

    #gameTile .bowl {
        /*text-align: center;
        font-family: var(--teamrivalry-fontprimary);
        font-size: 20px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-radius: 10px;
        margin-bottom: 10px;
        background-color: gainsboro;
            */
    }

    #gameTile .team {
        display: inline-block;
    }

        #gameTile .team a {
            color: #000;
        }

    #gameTile .teamcode {
        display: none;
    }

    #gameTile .month, #gameTile .day, #gameTile .time {
    }

    #gameTile .boxscore-header {
        font-weight: bold;
    }

    #gameTile .boxscore-cell {
        width: 30px;
        text-align: center;
    }

    #gameTile .gametime {
        white-space: nowrap;
    }

    #gameTile .gamestatus {
        font-size: 9pt;
    }

    #gameTile .gamedecision {
        font-size: 9pt;
        text-align: center;
    }

    #gameTile .rank {
        color: #000;
        /*padding: 4px;*/
        /*text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;*/
    }

    #gameTile .score {
        font-weight: bold;
    }

    #gameTile .loser {
    }

    #gameTile .winner {
        font-weight: bold;
    }

    #gameTile :hover {
        /*cursor: pointer;*/
    }

/* --------------------- Schedule --------------------- */
#schedule {
    font-weight: bold;
}

    #schedule .smaller-font {
        font-size: smaller;
    }

    #schedule .stat-box {
        float: left;
        min-height: 80px;
        min-width: 100px;
    }

    #schedule .gameWeekHeader {
        font-weight: bold;
    }

    #schedule .gameWeek {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        #schedule .gameWeek:nth-child(even) {
            background-color: var(--teamrivalry-alt-row);
        }

        #schedule .gameWeek:hover {
            background-color: #f5f5dc;
        }

    #schedule .bye-week {
        background-color: #edf1f6;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #schedule .button {
        padding-top: 5px;
    }

    #schedule .month, #schedule .day {
        font-size: 16px;
    }

    #schedule .rank {
        padding-top: 5px;
        font-size: 18px;
    }

    #schedule div.score {
        width: 75%;
        padding-top: 11px;
        padding-bottom: 10px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
    }

    #schedule .logo {
        width: 50px;
        height: 50px;
    }

    #schedule .team {
        font-size: 16px;
        padding-top: 10px;
    }

    #schedule .bowl {
        text-align: center;
        font-size: 18px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-radius: 10px;
        margin-bottom: 10px;
        background-color: burlywood;
    }

    #schedule .info {
        font-size: smaller;
    }

    #schedule .schedule-row {
        padding-top: 5px;
        padding-bottom: 5px;
        /*margin-bottom: 10px;*/
    }

    #schedule .result-div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #schedule .win_row {
        background-color: #9db98c;
        padding: 5px 10px 5px 10px;
        border: 3px solid #789567;
    }

    #schedule .tie_row {
        background-color: #d1d1d1 !important;
        padding: 5px 10px 5px 10px;
        border: 3px solid #a79b9b;
    }

    #schedule .loss_row {
        background-color: #d65050 !important;
        padding: 5px 10px 5px 10px;
        border: 3px solid #a42222;
    }

    #schedule .infoBox {
    }

/* --------------------- Picker --------------------- */
#picker .rank {
}

#picker .team {
}

.insert {
    padding-top: 10px;
    padding-bottom: 10px;
}

.inverse {
    background-color: #000;
    padding: 2px;
}

/* Buttons */
.buttons {
}

.buttons-edit {
    padding-top: 10px;
}

.btn-custom {
    font-family: var(--teamrivalry-fontsecondary);
    font-size: 20px;
}

    .btn-custom:hover,
    .btn-custom:focus,
    .btn-custom:active,
    .btn-custom.active {
        text-decoration: underline;
    }

.btn-rivalry {
    background-color: var(--teamrivalry-color-accent);
    border-color: var(--teamrivalry-color-accent-border);
    color: #FFF;
}

    .btn-rivalry:hover,
    .btn-rivalry:focus,
    .btn-rivalry:active,
    .btn-rivalry.active,
    .open .dropdown-toggle.btn-rivalry {
        color: #fff;
        background-color: var(--teamrivalry-color-accent-border);
        border-color: var(--teamrivalry-color-accent);
    }

.btn-home {
    background-color: var(--teamrivalry-home);
    border-color: var(--teamrivalry-color-accent-border);
    color: #FFF;
}

    .btn-home:hover,
    .btn-home:focus,
    .btn-home:active,
    .btn-home.active,
    .open .dropdown-toggle.btn-home {
        color: #fff;
        background-color: var(--teamrivalry-color-accent-border);
        border-color: var(--teamrivalry-color-accent);
    }

.btn-away {
    background-color: var(--teamrivalry-color-accent);
    border-color: var(--teamrivalry-color-accent-border);
    color: #FFF;
}

    .btn-away:hover,
    .btn-away:focus,
    .btn-away:active,
    .btn-away.active,
    .open .dropdown-toggle.btn-away {
        color: #fff;
        background-color: var(--teamrivalry-color-accent-border);
        border-color: var(--teamrivalry-color-accent);
    }

.btn-small {
    padding: 1px 10px;
    font-size: small;
}

.editpanel {
    border: 1px dashed #000;
    padding: 10px;
    color: #FFF;
}

/* fa Custom */
a:hover.fa-link {
    text-decoration: none;
}
/* Missing */
.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

.logoHome {
    width: 159px;
    height: 159px;
    padding: 15px;
}

.minitron {
}

.minitron-overlay {
    /*background-color: rgba(85, 113, 170, .5);*/
    border-radius: 10px;
    border: 2px solid black;
    padding: 0px 15px 15px 15px;
    color: #000;
    margin-bottom: 20px;
    margin-top: 20px;
}

.header {
    text-align: center;
    font-family: var(--teamrivalry-fontprimary);
    font-weight: bold;
    font-variant: small-caps;
    font-size: 70px;
}

.header-small {
    text-align: center;
    font-family: var(--teamrivalry-fontprimary);
    font-weight: bold;
    font-variant: small-caps;
    font-size: 35px;
}

.sub_header {
    text-align: center;
    font-family: var(--teamrivalry-fontsecondary);
    font-variant-caps: small-caps;
}

.lead {
    /*font-family: Lato;*/
    font-size: 14px;
}

.search-divider {
    height: 10px;
    background-color: #000;
    border-radius: 10px;
    border: none;
}

.note-divider {
    height: 3px;
    background-color: #000;
    border-radius: 10px;
    border: none;
}

.home-logo-tile {
    float: left;
    text-align: center;
}

.title-shadow {
    font-size: 24px;
    font-weight: bold;
    text-shadow: 2px 2px black;
}

/* Bootstrap Custom */
.show-lg {
    display: contents !important;
}

.show-md {
    display: contents !important;
}

.show-sm {
    display: contents !important;
}

.show-xs {
    display: contents !important;
}

.played {
    background-color: #6495ED !important;
    color: #FFFFFF !important;
}

.missing {
    background-color: #b92e2e !important;
    color: #FFFFFF !important;
}

h2.stripe {
    text-align: center;
    background-color: steelblue;
    color: #FFF;
    padding: 2px;
    border-radius: 10px;
    font-stretch: ultra-expanded;
}

/* Video Container */
.container-iframe {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.border-endcap-left {
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

.border-middle {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.border-endcap-right {
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.no-padding-col {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.no-padding-row {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.no-margin-row {
    margin-left: 0px;
    margin-right: 0px;
}

/* Footer
    ------------------------------------------*/
footer {
}

.footer-row {
    display: flex;
    display: -webkit-box;
    min-height: 125px;
    padding: 5px 20px 20px 20px;
}

.footer-row-home {
    background-color: var(--teamrivalry-home);
    padding: 20px;
}

.footer-row-away {
    background-color: var(--teamrivalry-away);
}

.footer-row-width {
    width: 1170px;
}

.footer-item {
    padding: 15px;
}

    .footer-item a {
        color: #000;
    }

/* Importer
    ------------------------------------------*/

.row-validated {
    background-color: var(--teamrivalry-winner);
    color: #fff;
}

.row-notvalidated {
    background-color: var(--teamrivalry-loser);
    color: #fff;
}

.row-imported {
    background-color: var(--teamrivalry-color-accent);
    color: #fff;
}

/* Division Header 
    ------------------------------------------*/
.division-header-container {
}

.division-header {
    font-family: var(--teamrivalry-fontsecondary);
    font-size: 30px;
    font-variant-caps: small-caps;
    text-decoration: underline;
    color: #000;
    margin-bottom: 15px;
}

/* Dialogs */
.ui-dialog.success-dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
}

.ui-dialog-footer {
}

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

@media screen and (max-width: 1199px) {
    .footer-row-width {
        /*width: 1170px;*/
    }

    #schedule {
    }

        #schedule .column-header {
            font-size: 12px;
        }

        #schedule .month, #schedule .day {
            font-size: 14px;
        }

        #schedule .btn {
            font-size: 9px;
        }

        #schedule .rank {
        }

        #schedule div.score {
            width: 75%;
            padding-top: 5px;
            padding-bottom: 5px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: bold;
        }

        #schedule .logo {
            width: 30px;
            height: 30px;
        }
}

@media screen and (max-width: 991px) {
    .footer-row-width {
        /*width: 965px;*/
    }

    #schedule {
    }

        #schedule .column-header {
            font-size: 12px;
        }

        #schedule .month, #schedule .day {
        }

        #schedule .rank {
        }

        #schedule div.score {
        }

        #schedule .logo {
            width: 30px;
            height: 30px;
        }
}

@media screen and (max-width: 767px) {
    .page-body {
        padding-top: 0px;
    }

    .header {
        font-size: 50px;
    }

    .message-wrapper {
        padding-bottom: 0px;
    }

    .message {
        width: 100%;
    }

    .footer-row-width {
        width: 741px;
    }

    body {
        /*padding-top: 50px;*/
    }

    .body-content {
        /*
            padding-top: 25px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 100px;
            */
    }

    /* Bootstrap Override
    -----------------------  */
    .navbar-brand {
        display: none;
    }

    div.dataTables_filter {
        display: none;
    }

    /* Social Header
    ----------------------- */
    .social-bar {
        display: none;
    }

    /* header */
    .header-fullwidth {
        display: inline;
    }

    /* Slug
    ------------------------ */
    #slug {
    }

        #slug .slug-container {
            padding: 20px;
            color: #fff;
            margin-right: 0px;
            text-align: justify;
        }

    .block-spacer-mobile {
        padding: 10px;
    }

    /* Upcoming and Recent Games 
    ------------------------------- */
    .upcoming {
        border-right: none;
        border-bottom: 1px solid black;
    }

        .upcoming .team-logo {
            width: 32px;
        }

        .upcoming .team-logo-mini {
            width: 16px;
        }

    .upcoming-row .upcoming-group:last-of-type .upcoming {
        border-right: none;
        border-bottom: none;
    }

    .game-day .record {
        font-weight: bold;
        font-size: 14px;
        border: 1px solid #000;
        background-color: #665;
        color: #fff;
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 3px;
        display: inline-block;
    }

    .game-day .logo-wrapper {
        display: none;
    }

    #schedule {
        font-weight: bold;
        cursor: pointer;
    }

        #schedule .column-header {
            font-size: 12px;
        }

        #schedule .month, #schedule .day {
            font-size: 14px;
        }

        #schedule .rank {
            padding-top: 5px;
            font-size: 14px;
        }

        #schedule div.score {
            font-size: 14px;
            font-weight: bold;
        }

        #schedule .logo {
            width: 20px;
            height: 20px;
        }

        #schedule .stat-box {
            float: left;
            min-height: 100px;
        }

    #gameTile .team {
        display: none;
    }

    #gameTile .teamcode {
        display: none;
    }

    /* --------------------- Picker --------------------- */
    #picker .rank {
        display: none;
    }

    #picker .team {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .page-body {
        padding-top: 0px;
    }

    .header {
        font-size: 40px;
    }

    .message-wrapper {
        padding-bottom: 0px;
    }

    .message {
        width: 100%;
    }

    .footer-row-width {
        width: 550px;
    }

    body {
        /*padding-top: 50px;*/
    }

    /* Bootstrap Override
    -----------------------  */
    .navbar-brand {
        display: none;
    }

    /* Social Header
    ----------------------- */
    .social-bar {
        display: none;
    }

    /* header */
    .header-fullwidth {
        display: inline;
    }

    /* Slug
    ------------------------ */
    #slug {
    }

        #slug .slug-container {
            padding: 20px;
            color: #fff;
            margin-right: 0px;
            text-align: justify;
        }

    .block-spacer-mobile {
        padding: 10px;
    }

    /* Upcoming and Recent Games 
    ------------------------------- */
    .upcoming {
        border-right: none;
        border-bottom: 1px solid black;
    }

        .upcoming .team-logo {
            width: 32px;
        }

        .upcoming .team-logo-mini {
            width: 16px;
        }

    .upcoming-row .upcoming-group:last-of-type .upcoming {
        border-right: none;
        border-bottom: none;
    }

    .logoGrid {
        height: auto;
        width: auto;
        max-width: 35px;
        max-height: 35px;
    }

    .game-day .team {
        padding-left: 10px;
        padding-right: 10px;
    }

        .game-day .team img {
            max-width: 40px;
            max-height: 40px;
        }

    .game-day .score {
        font-size: 20px;
        padding-top: 10px;
        text-align: center;
    }

    .game-day .rank, .game-day .teamName {
        font-size: 10px;
        font-weight: bold;
    }

    .game-day .mascot {
        font-size: 12px;
    }

    .game-day .record {
        font-weight: bold;
        font-size: 13px;
        border: 1px solid #000;
        background-color: #665;
        color: #fff;
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 3px;
        display: inline-block;
    }

    .game-day .coach span {
        font-size: 12px;
    }

    .game-day .logo-wrapper {
        display: none;
    }

    #schedule {
        font-weight: normal;
        cursor: pointer;
    }

        #schedule .month, #schedule .day {
            font-size: 14px;
        }

        #schedule .rank {
            padding-top: 5px;
            font-size: 14px;
        }

        #schedule div.score {
            font-size: 14px;
            font-weight: normal;
        }

        #schedule .logo {
            width: 30px;
            height: 30px;
        }

    .container-iframe {
        padding-top: 75%; /* 4:3 Aspect Ratio */
    }

    #gameTile .team {
        display: none;
    }

    #gameTile .teamcode {
        display: none;
    }

    /* --------------------- Picker --------------------- */
    #picker .rank {
        display: none;
    }

    #picker .team {
        display: none;
    }
}