/* Schedule
-------------------------------------------------- */
    #calendar .key {        
        text-align: center;
    }

        #calendar .key .item {
            white-space: nowrap;
            display: inline-block;
            padding: 0 5px;
            text-transform: uppercase;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 14px;
        }

    #calendar .key .home, #calendar .key .away {
        width: 14px;
        height: 14px;
        display: inline-block;
        margin-right: 2px;
        background-color: #eaeaea;
        border: 1px solid #333333;
    }

    #calendar .key .home {
        background-color: #9F1922;
    }

/* month navigation */
#calendar .months {
    color: #9F1922;
}

    #calendar .months span::before {
        content: " | ";
    }

    #calendar .months span:first-child::before {
        content: "";
    }

    #calendar .months a {
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
    }


#calendar .monthname {
    font-size: 24px;
    margin-bottom: 3px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

#calendar .responsive-calendar {
    margin-bottom: 15px;
}

#calendar .responsive-calendar .days {
    font-size: 0;
}

#calendar .responsive-calendar .day {
    display: inline-block;
    position: relative;
    font-size: 14px;
    width: 14.285714285714286%;
    vertical-align: top;
    line-height: 1.3;
    padding: 0 1px 1px 0;
}

    #calendar .responsive-calendar .day.day-name {
        color: #ffffff;
        padding: 5px;
        font-size: 14px;
        font-weight: 700;
        border-bottom: 1px solid #ffffff;
        background-color: #9F1922;
        text-transform: uppercase;
        line-height: 1;
        text-align: center;
        font-family: 'Roboto Condensed', sans-serif;
    }

    /* day of month mobile (with events) */
    #calendar .responsive-calendar .day a.dayofmonth {
        font-size: 16px;
        color: #666666;
        padding: 10px 5px;
        font-weight: 700;
    }

    /* day of month mobile (no events) */
    #calendar .responsive-calendar .day span.dayofmonth {
        font-size: 16px;
        padding: 10px 5px;
    }

    #calendar .responsive-calendar .day .day-content {
        padding: 1px;
        min-height: 0;
        text-align: center;
    }

        #calendar .responsive-calendar .day .day-content.home {
            background-color: #9F1922;
            color: #ffffff;
        }

        #calendar .responsive-calendar .day .day-content.home a {
            color: #ffffff;
            
        }
            #calendar .responsive-calendar .day .day-content.home a:hover {
                opacity: .65;
            }

        #calendar .responsive-calendar .day .day-content.away {
            background-color: #eaeaea;
        }

#modal-event .event {
    position: relative;
    padding: 10px 0 30px 115px;
    line-height: 1.3;
}
    #modal-event .event .image {
        position: absolute; 
        top: 0;
        left: 0;
        width: 100px;
    }

            #modal-event .event .name {
                font-family: 'Roboto Condensed', sans-serif;
                text-transform: uppercase;
                font-weight: 700;
                font-size: 18px;
                margin-bottom: 5px;
            }

            #modal-event .event .links {
                position: absolute;
                bottom: 5px;
                left: 115px;
                right: 0;
            }

                #modal-event .event .links a {
                    display: inline-block;
                    padding: 0 3px;
                    font-size: 16px;
                }

@media (min-width: 576px) {


}

@media (min-width: 768px) {

    #calendar .responsive-calendar .day .day-content {
        padding: 2px 1px;
        min-height: 110px;
        text-align: left;
    }

    #calendar .responsive-calendar .day .dayofmonth {
        font-weight: 700;
        font-size: 15px;
        padding: 0 2px;
        width: 35px;
        position: absolute;
        top: 5px;
        left: 5px;
    }

    #calendar .responsive-calendar .event {
        padding: 5px 5px 25px 5px;
        line-height: 1.3;
        text-align: center;
    }

        #calendar .responsive-calendar .event .image {
            width: 38px;
            height: 38px;
            margin: 0 auto 5px auto;
        }

        #calendar .responsive-calendar .event .name {
            font-family: 'Roboto Condensed', sans-serif;
            text-transform: uppercase;
            padding: 0 5px;
            min-height: 48px;
            margin-bottom: 5px;
            font-size: 13px;
        }

        #calendar .responsive-calendar .event .links {
            position: absolute;
            bottom: 5px;
            left: 0;
            width: 100%;
        }

            #calendar .responsive-calendar .event .links a {
                display: inline-block;
                padding: 0 3px;
            }
}

@media (min-width: 992px) {

    #calendar .responsive-calendar .event {
        padding-bottom: 27px;
    }

    #calendar .responsive-calendar .event .image {
        width: 48px;
        height: 48px;
    }

    #calendar .responsive-calendar .event .name {
        padding: 0 10px;
        min-height: 35px;
        font-size: 14px;
    }

    
}

@media (min-width: 1200px) {

}


/* Promotions
-------------------------------------------------- */
#promotions .eventdate
{
    font-weight: 700;
}
#promotions .eventname {
}
#promotions .promotions
{
}
#promotions .promotions ul
{
}
    #promotions .promotions ul .promotion-name {
    }
    #promotions .promotions ul .promotion-summary {
        font-size: 14px;
        line-height: 20px;
        padding: 5px 10px;
        background-color: #eaeaea
    }
#promotions .tickets {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

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

/* Gameday
-------------------------------------------------- */
#gameday .event {
}
    #gameday .event .image {
        width: 100px;
    }
    #gameday h3 {
        font-size: 18px;
        margin: 0;
        font-weight: 700;
    }
#gameday .links {
    margin-bottom: 15px;
}
#gameday .links a {
    white-space: nowrap;
    display: inline-block;
    padding: 0 3px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

#gameday .promotions ul {
    list-style-type: none;
    padding: 0;
}
#gameday .promotions ul li {
    margin-bottom: 15px;
}
#gameday .promotions li .promotion-name {
    font-weight: 700;
    font-size: 18px;
}


@media (min-width: 576px) {
    #gameday .event .image {
        width: 120px;
    }

    #gameday h3 {
        font-size: 22px;
    }

    #gameday .promotions {
        padding-left: 120px;
    }
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    #gameday .event .image {
        width: 135px;
    }
    #gameday h3 {
        font-size: 28px;
    }

    #gameday .promotions {
        padding-left: 135px;
    }
}

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