﻿h1 {
    margin-top: 0;
    font-size: var(--text-big-2);
}

h2 {
    font-size: var(--text-big-1);
}

h3 {
    font-size: var(--text-regular-3);
}

h4 {
    font-size: var(--text-regular-2);
}

h5 {
    font-size: var(--text-regular-1);
}

div.search-container {
    overflow: hidden;
}

div.icon-container > i.fas {
    color: var(--dark-green);
}

div.freetype {
    background-color: var(--light-green);
    color: var(--default-text-color);
    padding: 24px 10px 24px 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}

    div.freetype > * {
        vertical-align: middle;
    }

    div.freetype > div.search-button-container {
        display: inline-block;
        background-color: var(--dark-green);
        color: var(--white);
        text-align: center;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        position: relative;
        font-size: 1.5rem;
        cursor: pointer;
        height: 48px;
        width: 48px;
        left: -1px;
    }

        div.freetype > div.search-button-container i.fas {
            margin-top: 11.6px;
        }

div.filters.filter-expanded ~ div.freetype > input {
    border-color: var(--dark-green);
    border-radius: 0px !important;
}

div.freetype > input {
    border: 2px solid var(--dark-green);
    display: inline-block;
    width: calc(100% - 48px);
    padding: 0px 10px 0px 10px;
    outline: none;
    height: 48px;
}

    div.freetype > input::-webkit-search-cancel-button {
        cursor: pointer;
    }

div.filters > div.controls {
    background-color: var(--light-green);
    padding: 24px 10px 0px 10px;
    display: none;
}


div.filters > div.header {
    background-color: var(--green);
    padding: 20px 10px;
    color: var(--default-text-color);
    user-select: none;
    font-weight: 700;
}

    div.filters > div.header > i {
        font-size: var(--text-regular-2);
        line-height: 18px;
        margin: 0 8px;
        color: var(--default-text-color);
    }

    div.filters > div.header > span {
        font-size: var(--text-regular-2);
        line-height: 24px;
        width: 220px;
        display: inline-block;
        text-align: center;
        text-decoration: underline;
    }

div.filters div.wee-square {
    background-color: var(--white);
    position: absolute;
    top: 10px;
    right: 10px;
}

div.filters div.icon-container > i.fas {
    color: var(--dark-grey);
}

div.filters div.expando-container > div.expando-control > span:first-of-type {
    text-overflow: ellipsis;
    width: unset;
    max-width: 247px;
}

div.filters div.expando-container > div.expando-control > span:last-of-type {
    width: unset;
    vertical-align: top;
    margin-left: 8px;
}


div.expando-container > div.expando-content[style*="display: none;"] ~ div.expando-control.chevron.chevron-right > div > i:before {
    content: "\f105";
}

div.expando-container > div.expando-content[style*="display: none;"] ~ div.expando-control.chevron.chevron-right > div > i:before {
    content: "\f107";
}

.checkbox-list > div > label {
    vertical-align: middle;
    padding-left: 10px;
}

.checkbox-list > div > input[type=checkbox][checked] + label {
    font-weight: 700;
}

.checkbox-list {
    overflow: visible;
    padding: 0px 5px;
}

    .checkbox-list > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

fieldset div.expando-content {
    overflow: visible;
}

.filter-checkbox-wrapper:hover {
    outline: 2px var(--dark-green) solid;
    padding: 0px 2px;
    margin: 0px -2px;
    cursor: pointer;
}

.filter-checkbox-wrapper:active, .filter-checkbox-wrapper:focus {
    background-color: var(--dark-blue);
    color: var(--tint);
    padding: 0px 2px;
    margin: 0px -2px;
    outline: unset;
}

div.expando-closer:hover {
    text-decoration: underline;
    cursor: pointer;
}

div.expando-closer:active, div.expando-closer:focus, div.expando-closer:active i, div.expando-closer:focus i {
    background-color: var(--dark-blue);
    color: var(--tint);
    outline: unset;
    cursor: pointer;
    border-color: var(--tint);
}

div.filter-closers {
    padding: 0px 10px;
}

div.reset-container {
    padding-top: 10px;
    overflow: visible;
    text-align: right;
}

    div.reset-container button {
        border-bottom: 1px solid;
    }

        div.reset-container button:hover {
            cursor: pointer;
            outline: 2px var(--dark-green) solid;
            margin-top: -2px;
            padding-top: 2px;
            color: var(--dark-green);
        }

        div.reset-container button:active, div.reset-container button:focus {
            background-color: var(--dark-blue);
            color: var(--tint);
            outline: unset;
            margin-top: -2px;
            padding-top: 2px;
        }

#btnResetFilters:hover {
    cursor: pointer;
    color: var(--dark-green);
}

#btnResetFilters:active, #btnResetFilters:focus {
    background-color: var(--dark-blue);
    color: var(--tint);
    outline: unset;
}


.checkbox-list > div > input[type=checkbox], .checkbox-list > div > input[type=checkbox] + img {
    vertical-align: middle;
    min-height: 15px;
    height: 15px;
    margin-top: 6.5px;
    width: 17px;
    min-width: 17px;
}

.filter-closers {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: var(--text-small-2);
    flex-wrap: wrap;
}

    .filter-closers > .filter-closer {
        background-color: var(--extra-light-grey);
        padding: 5px 10px;
        margin-bottom: 5px;
        margin-right: 5px;
        border-radius: 5px;
        display: inherit;
        border: 1px solid var(--dark-blue);
    }

        .filter-closers > .filter-closer span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .filter-closers > .filter-closer:last-of-type {
            margin-left: 0px;
        }

        .filter-closers > .filter-closer > div {
            background-color: var(--dark-green);
            color: var(--white);
            padding: 0px 7px;
            text-align: center;
            vertical-align: top;
            margin-left: 5px;
            height: 19px;
            border-radius: 2px;
            position: relative;
            cursor: pointer;
        }

            .filter-closers > .filter-closer > div > i {
                display: block;
                margin-top: 4px;
            }

        .filter-closers > .filter-closer > span {
            font-weight: 700;
        }

.filters div.header, .filter-checkbox-wrapper label, .filter-checkbox-wrapper input, .filter-checkbox-wrapper input + img {
    cursor: pointer;
}

.filter-checkbox-wrapper input {
    display: none;
}

.filter-buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}

    .filter-buttons > div.reset {
        flex-basis: 188px;
        padding-left: 0px;
    }

        .filter-buttons > div.reset > button {
            color: var(--dark-green);
            background-color: var(--white);
            border-color: var(--dark-green);
            padding: 6px 20px;
        }

    .filter-buttons > div.search {
        flex-basis: 110px;
    }

        .filter-buttons > div.search > button {
            width: 100%;
            background-color: var(--dark-green);
            color: var(--white);
        }

    .filter-buttons > div:last-of-type {
        margin-right: 0px;
    }

.reset-container {
    margin-bottom: 5px;
    margin-right: 5px;
}

div.course {
    margin-bottom: 8px;
}


    div.course:last-of-type {
        margin-bottom: 0px;
    }

div.filters div.expando-content {
    padding-top: 0px;
}

div.course {
    display: none;
    margin-bottom: 0px;
}

    div.course i.fas.fa-external-link-square-alt {
        margin-right: 5px;
    }

    div.course.show {
        display: block;
    }

div.expando-container > div.expando-control.plus.expando-accordion {
    border-bottom: 1px solid var(--light-grey);
}

div.main-content > div > div.right-half > div.results > div > div > div.expando-content > div.course-pathway div.icon-container {
    float: left;
    color: var(--white);
    width: 20px;
}

    div.main-content > div > div.right-half > div.results > div > div > div.expando-content > div.course-pathway div.icon-container i.fas {
        color: var(--white);
        float: left;
    }

div.course-pathway div.expando-control > div.courseCriterion:nth-child(3) div.criterion {
    margin-left: 20px;
}

div.course-pathway div.expando-content {
    padding-left: 30px !important;
}

    div.course-pathway div.expando-content ul {
        padding-bottom: 0px;
        margin-bottom: 0.4rem;
    }

div.main-content > div > div.right-half > div.results > div > div > div.expando-content > div > div > div.expando-control.chevron.chevron-down.expando-accordion > div:nth-child(2) > div.criterion {
    margin-left: 0px;
}

div.course-pathway div.expando-container {
    padding: 0px;
}


    div.course-pathway div.expando-container div.expando-accordion {
        padding: 0px 10px;
    }

div.expando-container > div.expando-control {
    background-color: var(--white);
}

div.expando-container a {
    color: var(--white);
}

div.expando-container > div.expando-control.plus.expando-accordion.accordion-open {
    border-bottom: none;
    background-color: var(--grey);
}


div.visited > div > div.expando-accordion div.wee-circle i.fas, div.course.visited > div > div.expando-accordion div div strong {
    color: #994EDF;
}

div.course-pathway div div.expando-control.expando-accordion.accordion-open {
    background-color: var(--dark-blue);
    color: var(--white);
}

div.visited > div > div.expando-accordion.accordion-open div div strong, div.expando-container > div.expando-control.plus.expando-accordion.accordion-open div.criterion {
    color: var(--white);
}

div.visited > div > div.expando-accordion:hover div div strong, div > div.expando-accordion:hover div div strong, div:focus > div.expando-accordion div div strong, div.visited > div > div.expando-accordion:active div div strong, div.visited > div > div.expando-accordion:focus div div strong,
div.visited > div > div.expando-accordion.accordion-open :hover div div strong, div.visited > div > div.expando-accordion.accordion-open :active div div strong, div.visited > div > div.expando-accordion.accordion-open:focus div div strong {
    text-decoration: underline;
    color: var(--white);
}

div.course > div.expando-container > div.expando-control.expando-accordion:hover {
    background-color: var(--grey);
    color: var(--white);
}

    div.course > div.expando-container > div.expando-control.expando-accordion:hover i.fas, div.course-pathway div.expando-container > div.expando-control, div.expando-container > div.expando-control.plus.expando-accordion.accordion-open i {
        background-color: var(--grey);
        color: var(--white);
    }


div.course > div.expando-container > div.expando-control.expando-accordion:active, div.course > div.expando-container > div.expando-control.expando-accordion:focus {
    background-color: var(--grey);
    color: var(--white);
    outline: unset;
}

div.course > div.expando-container > div.expando-control:active i.fas, div.course > div.expando-container > div.expando-control:focus i.fas, div.course-pathway > div.expando-container:active > i.fas, div.course-pathway > div.expando-container:focus > i.fas {
    background-color: var(--grey);
    color: var(--white);
}

div.course-pathway div.expando-container div.expando-content, div.course-pathway div.expando-container div.expando-content a, div.course-pathway div.expando-container div.expando-content i {
    background-color: var(--dark-blue);
    color: var(--white);
}

div .course > div.filters div.expando-container > div.expando-control > span {
    display: inline;
}

div.freetype > label {
    font-size: var(--text-regular-2);
}

fieldset.expando-container > legend {
    background-color: var(--white);
    user-select: text;
    margin-bottom: 0px;
}

    fieldset.expando-container > legend:hover {
        outline: 2px var(--dark-green) solid;
        cursor: pointer;
    }


    fieldset.expando-container > legend:active, fieldset.expando-container > legend:focus, fieldset.expando-container > legend:focus i, fieldset.expando-container > legend:active i {
        background-color: var(--dark-blue);
        color: var(--tint);
        outline: unset;
    }

div.expando-container > div.expando-content {
    background-color: var(--grey);
    padding-top: 0px;
}

fieldset.expando-container > div.expando-content {
    background-color: var(--white);
}




div.visited div.course-pathway div.expando-container:focus {
    outline: unset;
}

div .course div.expando-container > div.expando-control > span {
    font-weight: initial;
}

div.course * {
    overflow: visible;
}

div.expando-control.plus {
    position: relative;
}

    div.expando-control.plus span {
        width: calc(100% - 1.125rem);
    }

div.course div.icon-container.wee-circle {
    display: inline-block;
    position: absolute;
    top: 26px;
    width: 1.125rem;
    height: 1.125rem;
    overflow: visible;
}

    div.course div.icon-container.wee-circle i.fa-minus-circle, div.course div.icon-container.wee-circle i.fa-plus-circle {
        font-size: var(--text-regular-2);
        position: relative;
        vertical-align: top;
        width: 1.125rem;
        height: 1.125rem;
    }

div.course div.icon-container.wee-arrow {
    top: 0px;
    right: 0px;
}

div.course div.expando-container > div.expando-content div.course-pathway {
    display: none;
}


    div.course div.expando-container > div.expando-content div.course-pathway.show {
        display: block;
    }

    div.course div.expando-container > div.expando-content div.course-pathway div.expando-control {
        padding-bottom: 2px;
        padding-top: 0.3rem;
    }

        div.course div.expando-container > div.expando-content div.course-pathway div.expando-control > div:nth-child(2) {
            margin-left: 20px;
        }

    div.course div.expando-container > div.expando-content div.course-pathway div.expando-content div.courseCriterion {
        padding-bottom: 0.4rem;
    }

    div.course div.expando-container > div.expando-content div.course-pathway div.expando-control.accordion-open {
        padding-bottom: 0px;
    }

        div.course div.expando-container > div.expando-content div.course-pathway div.expando-control.accordion-open ~ div {
            padding-bottom: 2px;
        }

div .expando-container > div.expando-content {
    padding: 0px;
}

div.pagesContainer {
    border-top: 1px solid var(--grey);
    background-color: var(--light-green);
    text-align: center;
    overflow: visible;
}

div.pagesWrapper {
    display: table;
    padding: 10px 0px 3px 0px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}

div.pagesContainer span, div.pagesContainer div.pageNumber, div.pagesContainer div.prev, div.pagesContainer div.next {
    cursor: pointer;
    user-select: none;
    display: inline-block;
    overflow: hidden;
}


div.pagesContainer div.pageNumber {
    margin-left: 3px;
    vertical-align: middle;
}

div.pagesContainer div.pageNumber, div.pagesContainer div.prev, div.pagesContainer div.next {
    vertical-align: middle;
}

    div.pagesContainer div.pageNumber > span {
        background-color: none;
        padding: 0px;
        border-radius: 50%;
        width: 40px;
        line-height: 40px;
        font-size: var(--text-regular-2);
        color: var(--dark-green);
        text-align: center;
        text-decoration: underline;
        font-weight: 700;
    }

    div.pagesContainer div.pageNumber.currentPage > span {
        background-color: var(--grey);
        color: var(--white);
        font-weight: 700;
        text-decoration: none;
    }

    div.pagesContainer div.pageNumber:nth-child(2) {
        margin-left: 0px;
    }

    div.pagesContainer div.pageNumber.dots > span {
        cursor: default;
    }

    div.pagesContainer div.pageNumber:not(.dots) > span:hover {
        opacity: 0.8;
        font-weight: 700;
    }

div.pagesContainer div.next, div.pagesContainer div.prev {
    padding: 0px 10px;
    font-size: var(--text-big-1);
    color: var(--dark-green);
    position: relative;
    top: -2px;
}

    div.pagesContainer div.next:hover, div.pagesContainer div.prev:hover {
        opacity: 0.8;
    }

div.pagesWrapper div.next.not-allowed, div.pagesWrapper div.prev.not-allowed {
    opacity: 0.2;
}

    div.pagesWrapper div.next.not-allowed:hover, div.pagesWrapper div.prev.not-allowed:hover {
        cursor: not-allowed;
    }

div.search-wrapper {
    border-bottom: 1px solid var(--grey);
}

div.resultMessage {
    padding-bottom: 0px;
    text-align: center;
    border-bottom: 1px solid var(--grey);
    background-color: var(--extra-light-grey);
}

.expando-control.chevron:after {
    clear: both;
    content: '';
}

div.accordion-open, div.accordion-open ~ div.expando-content {
    /*background-color: var(--extra-light-grey) !important;*/
}

div.courseCriterion {
    padding-bottom: 4px;
    white-space: normal;
    hyphens: auto;
}

    div.courseCriterion > div {
        display: inline;
    }

    div.courseCriterion div.title.empty {
        display: none;
    }

div.expando-container.additionalInfo div.expando-control {
    padding-bottom: 0px !important;
}

div.expando-container.additionalInfo div.expando-content {
    padding-top: 0px !important;
}

div.results {
    padding-bottom: 0px;
}

    div.results a {
        word-break: break-all;
    }

        div.results a:hover, div.results a:focus {
            outline: 2px var(--tint) solid;
            display: inline-block !important;
            padding: 0px 2px;
            margin: 0px -2px;
            color: var(--tint) !important;
        }

            div.results a:hover i, div.results a:focus i {
                color: var(--tint) !important;
            }

        div.results a:active, div.course-pathway div.expando-container div.expando-content a:active {
            outline: unset;
            background-color: var(--tint);
            display: inline-block !important;
            color: var(--dark-blue) !important;
        }

            div.results a:active i, div.course-pathway div.expando-container div.expando-content a:active i, div.expando-container > div.expando-control.plus.expando-accordion.accordion-open a:active i {
                color: var(--dark-blue) !important;
                background-color: var(--tint);
            }



div.courseCriterion {
    overflow: visible;
}


div.filters div.expando-container,
div.filter-buttons, fieldset.expando-container {
    margin-left: auto;
    margin-right: auto;
    width: 298px;
}

div.header {
    text-align: center;
}

div.highlighted-title h1 {
    font-weight: 700;
}


i.fa-external-link-square-alt {
    color: var(--dark-green);
}

div.unavailable > div.header {
    cursor: not-allowed !important;
    background-color: var(--light-grey) !important;
    color: var(--dark-grey);
}

    div.unavailable > div.header span {
        text-decoration: none !important;
    }

    div.unavailable > div.header i {
        color: var(--white) !important;
    }

div.error {
    background-color: var(--white);
}

    div.error > div.search-button-container {
        background-color: var(--error) !important;
    }

    div.error.freetype > input {
        border-color: var(--error) !important;
    }

span.search-error {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}

    span.search-error:first-of-type {
        color: var(--error) !important;
    }

div.course-pathway > div.expando-container > i {
    float: left;
    display: inline-block;
    color: var(--dark-green);
    margin-top: 5px;
}

legend.chevron {
    padding-left: 5px !important;
}

div.results div.expando-container > div.expando-control > span {
    display: inline-block;
}

div.course-pathway > div > i.fas ~ div.expando-content {
    margin-left: 5px;
}

legend {
    font-size: var(--text-regular-1);
}

    legend i.fas {
        float: right;
        font-size: var(--text-regular-2);
        margin-right: 5.2px;
        margin-top: 5.2px;
    }

@media (min-width: 768px) {

    div.sitemap{
        padding-top: 26.8px !important;
    }

    .main-content {
        display: table;
        border-collapse: collapse;
    }

    div.reset-container {
        text-align: left;
    }

    div.search-wrapper {
        border-bottom: unset;
    }

    .search-container {
        display: table-row;
    }

    div.left-half {
        width: 365px;
        max-width: 365px;
        padding-right: 20px;
    }

    div.right-half {
        width: calc(100% - 385px);
        position: relative;
        padding-right: 10px;
    }

    div.left-half, div.right-half {
        display: table-cell;
        vertical-align: top;
    }

    div.filters > div.header {
        display: none;
    }

    .div.sitemap {
        position: absolute;
    }

    div.filters div.wee-square {
        background: none;
        user-select: text;
    }

    #btnSearchTabletPlus {
        margin-left: 10px;
        display: block !important;
        width: calc(100% - 20px);
        font-size: var(--text-regular-2);
        border-radius: 5px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    legend {
        padding-bottom: 5px;
    }

        legend i.fas {
            margin-right: 2.2px;
            color: var(--dark-green);
        }

    div.checkbox-list {
        padding: 0px;
    }

    div.reset-container {
        margin-right: 0px;
        padding-top: 0px;
    }

    div.filter-closers {
        padding: 0px;
    }

    div.checkbox-list > div.filter-checkbox-wrapper {
        line-height: normal;
        margin-bottom: 5px;
    }

    div.checkbox-list div.filter-checkbox-wrapper:last-of-type {
        margin-bottom: 0px;
    }

    .results.error {
        margin-top: 20px;
    }

    div.search-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    div.filters > div.controls {
        background: none;
        display: block;
        padding-right: 13px;
    }

    div.left-half div.expando-container > div.expando-content, fieldset.expando-container > div.expando-content {
        display: block;
    }

    div.freetype > input {
        margin-top: 10px;
    }

    div.freetype label {
        display: inline;
    }

    div.freetype label, div.left-half div.expando-control, legend.expando-control {
    }

    div.left-half div.expando-content {
        padding-top: 10px;
    }

    div.results {
        clear: both;
    }

    div.resultMessage {
        width: 50%;
        display: inline-block;
        background-color: var(--white);
        border-bottom: unset;
        text-align: left;
        font-size: var(--text-regular-1);
        font-weight: 500;
    }

    #xl-hide-filter {
        height: 50px;
        border-bottom: 2px solid var(--green);
        width: 50%;
        display: inline-block;
        text-align: right;
    }

    #xl-filter-container {
        background-color: var(--extra-light-grey);
        border-bottom: 2px solid var(--green);
        width: 100%;
        margin-top: -9px;
    }

        #xl-filter-container .xl-filter-wrapper:nth-child(2) {
            border-top: 1px solid var(--grey);
            border-bottom: 1px solid var(--grey);
        }

    .xl-filter-wrapper {
        width: calc(100% - 20px);
        padding: 10px 10px 3px 10px;
        margin-left: 10px;
    }

    .xl-filter-title ~ div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 450px;
        width: calc(100% - 135px);
        float: right;
        margin-top: -28px;
        position: relative;
        margin-left: 135px;
    }

        .xl-filter-title ~ div .filter-closer {
            height: 35px;
            padding-top: 3.5px;
            margin: 0px 5px 5px 0px;
        }

            .xl-filter-title ~ div .filter-closer span, .xl-filter-title ~ div .filter-closer div {
                margin-top: 5px;
            }


    .xl-filter-title {
        width: 130px;
        font-weight: 700;
        font-size: var(--text-regular-1);
    }

    #xl-hide-filter button {
        font-size: var(--text-regular-1);
        font-weight: 500;
        outline: none;
        margin-top: 10px;
        border-bottom: none !important;
    }

    #xl-filter-container > div:nth-child(1) {
        padding-top: 30px;
        padding-bottom: 5px;
        min-height: 75px;
    }


    #xl-filter-container > div:nth-child(2) {
        padding-top: 10px;
        padding-bottom: 5px;
        min-height: 57px;
    }

    #xl-filter-container > div:nth-child(3) {
        padding-top: 10px;
        padding-bottom: 25px;
        min-height: 70px;
    }

    div.filters div.expando-container > div.expando-control > span:first-of-type {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: unset;
        max-width: 255px;
        display: inline-block;
    }

    div.filters div.expando-container > div.expando-control > span:last-of-type {
        width: unset;
        vertical-align: top;
        margin-left: 8px;
    }

    div.filters div.expando-container > div.expando-control > span.bigger-filter-title {
        max-width: 275px;
    }

    div.filters div.expando-container > div.expando-control > span:last-of-type:empty {
        display: none;
    }

    div.stickynote p:first-of-type {
        border-top: 2px solid var(--green);
        padding-top: 20px;
    }

    #btnResetFilters:hover {
        cursor: pointer;
        outline: 2px var(--dark-green) solid;
    }

    div.freetype {
        background: none;
        padding: 0px;
        padding-left: 10px;
    }

    div.stickynote {
        clear: both;
    }


    div.pagesWrapper {
        border: none;
    }

    div.pagesContainer {
        background: none;
        border-bottom: unset;
        width: 50%;
        border-top: 0px;
        display: inline-block;
        float: right;
    }

        div.pagesContainer::after {
            content: '';
            clear: both;
        }

        div.pagesContainer div.pageNumber > span, div.pagesContainer div.next, div.pagesContainer div.prev {
            font-size: var(--text-regular-1) !important;
            line-height: 20px;
            width: 20px;
        }

        div.pagesContainer.clone {
            width: 50%;
            border-top: 0px;
            display: inline-block;
        }

        div.pagesContainer.clone, div.resultMessage {
            height: 50px;
            border-bottom: 2px solid var(--green);
            font-weight: 700;
        }

    .blurb {
        margin-top: 70px;
        padding: 0px;
        margin-bottom: 68px;
    }

    #keywordSearch label {
        border-bottom: 1px solid var(--green);
        padding-bottom: 10px;
    }

    .pagesContainer:first-of-type .pagesWrapper {
        border: unset;
    }

    div.left-half div.highlighted-title > h1 {
    }

    div.filter-closers {
        display: none;
    }

    div.filter-buttons div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .filter-closer {
        background-color: var(--white);
        border: 1px solid var(--dark-green);
        padding: 5px 10px;
        margin-bottom: 5px;
        margin-right: 5px;
        border-radius: 5px;
        display: inherit;
        font-size: var(--text-small-2);
    }

        .filter-closer span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 3px;
        }

        .filter-closer:last-of-type {
            margin-left: 0px;
        }

        .filter-closer > div {
            background-color: var(--green);
            color: var(--white);
            padding: 0px 7px;
            text-align: center;
            vertical-align: top;
            margin-left: 5px;
            height: 19px;
            border-radius: 2px;
            position: relative;
            margin-top: 3px;
            cursor: pointer;
        }

            .filter-closer > div > i {
                display: block;
                margin-top: 4px;
            }

        .filter-closer > span {
            font-weight: 700;
        }

    div.filters div.controls.filter-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex !important;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: calc(100vw-30%);
    }

    div.filters div.controls div.expando-container, fieldset.expando-container {
    }

    div.filters div.controls div.filter-buttons {
        background-color: var(--extra-light-grey);
        padding: 15px 10px !important;
        margin-bottom: 20px !important;
        display: none;
    }

        div.filters div.controls div.filter-buttons::before {
            content: 'Selected Filters';
            width: 100%;
            margin-bottom: 15px;
        }

        div.filters div.controls div.filter-buttons > div.reset {
            display: block;
            text-align: center;
            width: 100%;
            flex-basis: unset;
            overflow: visible;
        }

            div.filters div.controls div.filter-buttons > div.reset > button {
                background-color: var(--extra-light-grey);
                margin-left: auto;
                margin-right: auto;
                border: unset;
                text-decoration: underline;
            }

                div.filters div.controls div.filter-buttons > div.reset > button:focus {
                    outline: none;
                    border: none;
                }

        div.filters div.controls div.filter-buttons > div.search {
            display: none;
        }

    div.filters div.controls.filter-container div.filter-buttons {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    div.freetype > div.search-button-container {
        margin-top: 10px;
    }

    .stickynote {
        padding-top: 10px;
    }

        .stickynote h3{
            margin-top: 16.8px;
        }

        .stickynote p:last-of-type{
            margin-bottom: 26.8px;
        }

        div.blurb {
            padding-bottom: 0px;
        }

    div.filter-checkbox-wrapper {
        display: flex;
        flex-direction: row;
    }

        div.filter-checkbox-wrapper > label {
            padding: 0px;
            order: 1;
            width: 100%;
            margin-bottom: 0px;
        }

    .checkbox-list > div > input[type=checkbox], .checkbox-list > div > input[type=checkbox] + img {
        order: 2;
        text-align: right;
        margin-top: 2px;
    }

    div.filters div.expando-container, div.filter-buttons,
    div.controls div.expando-control.chevron, div.controls div.expando-content, fieldset.expando-container {
        width: 100%;
        padding: 0px !important;
        margin: 0px 0px 10px 0px !important;
    }

    div.filter-buttons {
        background-color: var(--extra-light-grey);
        border-bottom: 2px solid var(--green);
    }

        div.filter-buttons div.reset, div.filter-buttons div.search {
            display: none;
        }


    legend.expando-control {
        width: 100%;
        padding: 0px !important;
        margin: 0px 0px 0 0px !important;
        font-size: var(--text-regular-2);
        border-bottom: 1px solid var(--dark-green);
    }

    div.controls div.expando-control.chevron > div.icon-container {
        width: unset;
        margin-right: 2px;
    }

    div.controls div.expando-content {
        padding: 10px 0 !important;
    }

    div.filters div.expando-container:not(:first-of-type) {
        margin-top: 20px !important;
    }


    div.pagesWrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

        div.pagesWrapper > div {
            flex-grow: 1;
        }

            div.pagesWrapper > div.prev, div.pagesWrapper > div.next {
                line-height: 20px;
                margin-top: 5px;
            }

    div.filters div.wee-square {
        background-color: var(--white);
        vertical-align: middle;
        float: right;
        position: unset;
    }

    div.filters div.icon-container > i.fas {
        color: var(--dark-green);
    }
}

@media screen and (min-width: 768px) and (orientation: portrait) {
    .footer-image.college {
        background: url(../Images/Tablet/portrait/college_x2_portrait.webp);
    }

    .footer-image.university {
        background: url(../Images/Tablet/portrait/university_x2_portrait.webp);
    }
}

@media screen and (min-width: 768px) and (orientation: landscape) {
    .footer-image.college {
        background: url(../Images/Tablet/landscape/college_x2_landscape.webp);
    }

    .footer-image.university {
        background: url(../Images/Tablet/landscape/university_x2_landscape.webp);
    }
}

@media (min-width: 1024px) {
    div.checkbox-list > div.filter-checkbox-wrapper {
        line-height: unset;
    }

    div.checkbox-list div.filter-checkbox-wrapper:last-of-type {
        margin-bottom: 0px;
    }

    .checkbox-list > div > input[type=checkbox], .checkbox-list > div > input[type=checkbox] + img {
        height: 20px;
        width: 22px;
        margin-top: 4px;
    }

    div.freetype > input {
        width: calc(100% - 60px);
    }

    .footer-image.college {
        background: url(../Images/Desktop/college_x2_desktop.webp);
    }

    .footer-image.university {
        background: url(../Images/Desktop/university_x2_desktop.webp);
    }
}




@media (max-width: 768px) {
    .results.error {
        padding-left: 10px;
    }
}

@media (min-width: 1008px) {
    .blurb {
        margin-top: 90px;
        padding: 0px;
        margin-bottom: 75px;
    }
}
