@media (min-width: 768px) {
    .calendar-module #div-view a {
        border: none;
        box-sizing: border-box;
        text-align: center;
    }

        .calendar-module #div-view a#btnWeek.active,
        .calendar-module #div-view a#btnMonth.active {
            background: #cf0a2c;
        }

    /**** LIST VIEW ****/

    .calendar-module .leftCol {
        display: block;
        float: left;
        margin: 0;
        min-width: auto;
        overflow: visible;
        width: 31.5%;
    }

        .calendar-module .leftCol .filters-area {
            max-height: 100rem;
        }

        .calendar-module .leftCol #filters .div-search {
            padding: 3rem 0;
        }

        .calendar-module .leftCol #filters #div-subscriptions2 {
            padding: 3rem 0 0;
        }

            .calendar-module .leftCol #filters #div-subscriptions2 p {
                font-size: 1.85rem;
                line-height: 1.15em;
            }

    .calendar-module .rightCol {
        box-sizing: border-box;
        float: right;
        margin: 0;
        padding-left: 2rem;
        width: 68%;
    }

        .calendar-module .rightCol #calendar-header #div-view {
            display: block;
        }

        .calendar-module .rightCol #calendar-header #div-title #calendar-title {
            font-size: 2rem;
            margin: 0 0 2rem !important;
        }

        .calendar-module .rightCol #calendarlist .calendarlist {
            border-bottom: 1px solid #eeb74d;
        }

            .calendar-module .rightCol #calendarlist .calendarlist .calendarlist-row {
                padding-bottom: 1.5rem;
            }

                .calendar-module .rightCol #calendarlist .calendarlist .calendarlist-row .calendarlist-day .calendarlist-events .calendarlist-eventlist {
                    margin-bottom: 1.5rem;
                }

                .calendar-module .rightCol #calendarlist .calendarlist .calendarlist-row:last-of-type .calendarlist-day .calendarlist-events .calendarlist-eventlist li {
                    border: none;
                }

                .calendar-module .rightCol #calendarlist .calendarlist .calendarlist-row .calendarlist-day .calendarlist-events .calendarlist-eventlist li a {
                    font-size: 1.2rem;
                }

    .calendar-module .filter-toggle {
        display: none;
    }

    .calendar-module .apply-filter {
        display: none;
    }

    /**** SINGLE EVENT ****/

    .ModCalendarV2C .calendar-detail .title {
        font-size: 2.5rem;
    }

    .ModCalendarV2C .calendar-detail .ics .redButton {
        max-width: 10rem;
    }

    .ModCalendarV2C .calendar-detail .ics {
        font-size: 1rem;
    }

        .ModCalendarV2C .calendar-detail .ics .redButton:hover {
            background: #cf0a2c;
            color: #f9f9f9;
        }

    .calendar-module .rightCol #div-view #btnWeek,
    .calendar-module .rightCol #div-view #btnMonth {
        overflow: hidden;
        text-indent: -999rem;
    }

        .calendar-module .rightCol #div-view #btnWeek.active {
            background-image: url(/assets/images/calendar-list-icon.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 1.65rem;
        }

    .calendar-module .rightCol #div-view #btnMonth {
        background-image: url(/assets/images/calendar-grid-icon.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.8rem;
    }

    .calendar-module .leftCol #filters #filter-category li input + label:after {
        left: .3rem;
    }

    /**** FILTERS POPUP ****/

    .ui-widget[aria-describedby=filter-popup] .ui-dialog-titlebar .ui-dialog-title:after,
    .ui-widget[aria-describedby=div-instructions] .ui-dialog-titlebar .ui-dialog-title:after {
        margin: 1rem auto 0;
    }

    #filter-popup {
        overflow: visible;
        padding: .5rem 4rem;
    }

        #filter-popup #filter-school #filter-school-list {
            margin: 0 0 1rem;
        }

            #filter-popup #filter-category #filter-category-list li input,
            #filter-popup #filter-school #filter-school-list li input {
                display: none;
            }

                #filter-popup #filter-category #filter-category-list li input + label,
                #filter-popup #filter-school #filter-school-list li input + label {
                    display: inline-block;
                    padding-left: 1.5rem;
                    position: relative;
                    width: 90%;
                }

                    #filter-popup #filter-category #filter-category-list li input + label:before,
                    #filter-popup #filter-school #filter-school-list li input + label:before {
                        background: #cf0a2c;
                        border: 5px solid #cf0a2c;
                        box-sizing: border-box;
                        color: #cf0a2c;
                        display: block;
                        height: 1rem;
                        left: 0;
                        position: absolute;
                        top: 0;
                        width: 1rem;
                    }

                    #filter-popup #filter-school #filter-school-list li input + label:before {
                        border-radius: .5rem;
                        content: '\00a0';
                        font-size: 0;
                    }

                #filter-popup #filter-school #filter-school-list li input:checked + label:before {
                    background: #f9f9f9;
                }

        #filter-popup #filter-category #filter-category-list li {
            padding-bottom: .65rem;
        }

            #filter-popup #filter-category #filter-category-list li input + label {
                position: relative;
            }

                #filter-popup #filter-category #filter-category-list li input + label:before {
                    content: '\00a0';
                    font-size: 0;
                    height: 1.25rem;
                    width: 1.25rem;
                }

                #filter-popup #filter-category #filter-category-list li input + label:after {
                    color: #f9f9f9;
                    content: '\ea10';
                    font-family: 'social-icons';
                    font-size: .8rem;
                    font-weight: 400;
                    left: .25rem;
                    position: absolute;
                    top: .1875rem;
                    visibility: hidden;
                }

            #filter-popup #filter-category #filter-category-list li input:checked + label:after {
                visibility: visible;
            }

    /**** SUBSCRIPTIONS ****/

    .subscription .category {
        min-height: 15rem;
    }

    .calendar-module .link-button:hover,
    .calendar-module .div-search #btnFilter:hover,
    .calendar-module .leftCol #filters #btnViewSelectedDates:hover,
    .calendar-module .leftCol #filters #dnn_ctr24859_View_ctl00_lnkSubscriptions2:hover {
        background: #cf0a2c;
        color: #f9f9f9;
    }
}
/**** FIX FOR LIST VIEW ON NARROW VIEWPORTS ****/

@media (min-width: 948px) {
    .calendar-module .leftCol {
        width: 25%;
    }

    .calendar-module .rightCol {
        width: 74.5%;
    }
}

@media (min-width: 1073px) {
    .calendar-module .rightCol #div-view #btnWeek,
    .calendar-module .rightCol #div-view #btnWeek.active,
    .calendar-module .rightCol #div-view #btnMonth {
        background-image: none;
        font-family: 'Source Sans Pro', sans-serif;
        text-indent: 0;
    }
}