#mobileSearchIndicator,
#btnSearchCtrl,
#activeSearchFormPageOverlay,
#mainSearchMobile #searchFormMobile {
    display: none;
}

#activeSearchFormPageOverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-dk-blue);
    opacity: .75;
    z-index: 850;
}

@media screen and (min-width: 39.9376em) {
    .main-search form {
        display: inline;
    }
    .main-search form .input-group {
        margin-bottom: 0;
    }
    .main-search form .input-group input {
        height: 40px;
    }
    .main-search form button {
        background-color: var(--color-blue);
    }
    .main-search form button:hover {
        background-color: var(--color-dk-blue);
    }
}


/* Medium Only */

@media screen and (min-width: 39.9376em) and (max-width: 63.9375em) {
    #mainMenu #mainNav li:last-child {
        border-left: 0;
    }
}


/* Small */

@media screen and (max-width: 39.9375em) {
    #mainSearchMobile {
        position: fixed;
        right: 5%;
        bottom: 65px;
        display: flex;
        align-items: stretch;
        z-index: 875;
        width: 3em;
        height: 3em;
        border-radius: 1.5em;
        overflow: hidden;
        transition: width 0.25s ease-in;
        background-color: var(--color-blue);
        color: var(--color-white);
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
    }
    #mobileSearchIndicator {
        flex: 1 1 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1em;
        color: inherit;
    }
    #mobileSearchIndicator i.icon-close3 {
        display: none;
    }
    #btnSearchCtrl:checked+div#mainSearchMobile {
        width: 90%;
        transition: width 0.25s ease-in;
    }
    #btnSearchCtrl:checked+div#mainSearchMobile form {
        display: flex;
        flex: 0 1 88%;
        align-items: stretch;
        padding: 0;
        margin: 0;
    }
    #btnSearchCtrl:checked+div#mainSearchMobile form .input-group {
        display: flex;
        align-items: stretch;
        margin: 0 0 0 -2px;
    }
    #btnSearchCtrl:checked+div#mainSearchMobile form .input-group input {
        height: 3em;
    }
    #btnSearchCtrl:checked+div#mainSearchMobile form .input-group button {
        border-top-right-radius: 1.5em;
        border-bottom-right-radius: 1.5em;
        background-color: var(--color-lt-blue);
    }
    #btnSearchCtrl:checked+div#mainSearchMobile #mobileSearchIndicator i.icon-glass {
        display: none;
    }
    #btnSearchCtrl:checked+div#mainSearchMobile #mobileSearchIndicator i.icon-close3 {
        display: block;
    }
    #btnSearchCtrl:checked+div#mainSearchMobile+div#activeSearchFormPageOverlay {
        display: block;
    }
}


/* Results Page */

hr {
    max-width: 100%;
}

.search-stats {
    border-bottom: 2px solid var(--color-dk-blue);
    margin-bottom: 1rem;
}

.search-stats .search-terms {
    color: var(--color-dk-blue);
}

.search-result {
    border-left: 4px solid var(--color-olmsted-green);
    padding-left: 1rem;
}

.search-result:hover {
    border-left: 4px solid var(--color-solar-strand);
}

.main-search-pagination a {
    text-decoration: none;
    background-color: var(--color-ub-blue);
}

@media screen and (max-width: 39.9375em) {
    .search-result,
    .search-result:hover {
        border-left: 0;
        padding-left: 0;
    }
    .search-result p {
        font-size: .75rem;
    }
}


/* Course Search */

#courseSearch {
    padding: 1rem 0;
    margin-bottom: 1rem;
    border: 2px dashed #cacaca;
    border-radius: 1em;
}

#courseSearch > div {
    position: relative;
}

#courseSearch > div input {
    display: block;
    font: inherit;
    width: 100%;
    padding: .5em 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-ub-blue);
    box-shadow: none;
}

#courseSearch > div input:focus {
    outline: none;
}

#courseSearch > div label {
    color: var(--color-putnam-gray);
    font: inherit;
    position: absolute;
    padding: .5em 0;
    top: 0;
    opacity: 1.0;
    transition: .2s ease all;
}

#courseSearch > div input:focus ~ label,
#courseSearch > div label.hide {
    opacity: 0;
}

#courseSearch button[type="submit"],
#courseSearch button[type="reset"] {
    font-size: 1rem;
    background-color: var(--color-ub-blue);
    padding: 0;
    margin: 0;
    height: 39px;
}

#courseSearch button[type="submit"] {
    border-right: 1px solid var(--color-white);
}

#courseSearch button[type="reset"] {
    border-left: 1px solid var(--color-white);
    background-color: var(--color-solar-strand);
    color: var(--color-black);
}

#courseSearchResults .accordion-content {
    background-color: var(--color-off-white);
}

#courseSearchResults .search-pagination .button,
#courseSearchResults .search-results .button {
    background-color: var(--color-ub-blue);
}

/* Fly Sheet and Schedule */
#scheduleFlySheet main {
    margin: 0;
    padding: 0;
}

#scheduleFlySheet select, #scheduleFlySheet table {
    margin-bottom: 0;
}

#scheduleFlySheet .flex-it-col {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100% - 3em - 4px);
}

#scheduleFlySheet .semester-selection {
    flex-grow: 0;
    text-align: right;
    padding: 2px 1em;
}

#scheduleFlySheet .semester-selection label, #scheduleFlySheet .semester-selection select {
    display: inline-block;
    width: auto;
}

#scheduleFlySheet .semester-selection label {
    margin-right: 1em;
}

#scheduleFlySheet .schedule {
    flex: 1 1 auto;
}
/* /Fly Sheet and Schedule */

@media screen and (max-width: 39.9375em) {
    #courseSearchResults {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 2px solid var(--color-black);
    }
    #courseSearch > div {
        margin-bottom: .75rem;
    }
    #courseSearch .buttons {
        margin-top: 1rem;
        margin-bottom: 0;
    }
}