@charset "UTF-8";
/* CSS Document */

@media (max-width:767px) {
#mainnav, #search-block-form, #side, #toolbar-administration, header {
    display: none;
}
#dl .nav, #main #belt, #main article.academics .bottom .links nav ul, #mobile-subnav, html.no-scrolling {
    overflow: hidden;
}
#mobile-header {
    background: #fff;
}
#wrapper {
    padding: 65px 0 0;
}
#mobile-header {
    display: block;
    height: 65px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
#mobile-header-logo {
    padding: 17px 10px;
}
#mobile-header-logo a {
    display: inline-block;
    height: 31px;
    width: 180px;
}
#mobile-navigation-trigger {
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#mobile-navigation-trigger a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/header-trigger.svg);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 14px;
    text-indent: -999999px;
    width: 22px;
}
#mobile-subnav {
    background: #222;
    display: block;
}
#mobile-subnav > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    margin: 0;
    padding: 13px 10px;
}
#mobile-subnav > ul li a {
    color: #c9c7bc;
    display: inline-block;
    height: 24px;
}
#mobile-subnav > ul li:last-child a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/subnav-search.svg);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -999999px;
    width: 16px;
}
#mobile-subnav.with-search > ul li:last-child a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/subnav-close.svg)
}
#mobile-subnav div.spacer {
    background: #323232;
    height: 0;
    transition: height .3s ease-out;
}

#mobile-subnav.with-search div#spacer {
	height: 100px;
	background: #323232;
}
#mobile-subnav div.yxt-SearchBar-container {
    border-radius: unset;
    border: 0px;
    margin: 0 10px;
}
#mobile-subnav div.mobile_search_form {
	display: none;
	position: absolute;
	z-index: 1;
	top: 135px;
	width: 100%;
}
#mobile-subnav .yxt-SearchBar-form {
	height: 40px;

}
#mobile-subnav.with-search div.mobile_search_form {
	display: block;
}
#mobile-subnav button.js-yext-submit.yxt-SearchBar-button > div {
    display: none;
}
#mobile-subnav .yxt-SearchBar-button {
	background: url(/themes/custom/cooper/assets/images/mobile/subnav-arrow.svg) 16px 13px no-repeat #4dadea;
}
/*
.yxt-Answers-component {
    float: right;
    width: 245px;
}
.yxt-SearchBar-container {
    z-index: 4;
    border-radius: unset;
    border: 0px;
    background: url(/themes/custom/cooper/assets/images/header/search_icon.png) no-repeat 220px 5px #666;
    color: #ccc;
}
form.yxt-SearchBar-form {
    float: unset;
}
.yxt-AutoComplete {
    background-color: #666;
}
.yxt-AutoComplete-option--item, .yxt-SearchBar-input {
    font-family: unset;
    font-size: unset;
    line-height: unset;
    color: unset;
}
.yxt-SearchBar-input {
    padding: 6px 5px 6px 10px;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.yxt-AutoComplete-option--item:hover {
    background-color: #666;
}
*/
/*
#mobile-subnav.with-search form {
    height: 100px
}
#mobile-subnav form p {
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    margin: 0;
    padding: 30px 10px
}
#mobile-subnav form p input {
    background: #fff;
    box-sizing: border-box;
    height: 40px;
    padding: 0 10px;
    width: 100%
}
#mobile-subnav form p button {
    background: url(/themes/custom/cooper/assets/images/mobile/subnav-arrow.svg) 16px 13px no-repeat #4dadea;
    border: none;
    cursor: pointer;
    height: 40px;
    text-indent: -999999px;
    width: 40px
}
*/
#container1, #container2 {
    float: none;
}
* {
    box-sizing: border-box;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: 1.5!important;
    letter-spacing: 0!important;
}
body {
    background: 0 0!important;
}
html.no-scrolling {
    height: 100%;
    width: 100%;
}
.local-tasks-block {
    margin: 0;
    padding: 20px 10px;
}
/* Moved to mobile.landing.css
#dl, #dl-placeholder {
    height: 0
}
#dl, #dl .slide, #dl-placeholder {
    padding-bottom: 85%
}
*/
#content {
    width: auto;
}
.no-scrolling #content {
    z-index: 999;
}
#container1 {
    border: none;
    right: auto;
}
#dl {
    display: block;
    left: 0;
    width: 100%
}
#dl .slide, #dl.with-content .nav {
    display: none;
}
#dl .nav {
    background: 0 0;
    bottom: 10px;
    height: auto;
    left: auto;
    right: 10px;
    top: auto;
    width: auto;
}
#dl .nav a {
    background: #767676;
    height: 5px;
    float: left;
    opacity: .5;
    text-indent: -999999px;
    width: 5px;
}
#dl .nav a+a {
    margin-left: 5px;
}
#dl .nav a.active {
    background: #d8232a;
    opacity: 1;
}
#dl .slide {
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    width: 100%
}
#dl .slide:first-child {
    display: block;
}
#dl .slide .body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: auto;
}
#dl h1 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALElEQVQYV2OMjIz8f+fOHQZkwGhqavpfRUWFAVkCLAhShSwBF0SWQBGESQAAzywUiMTQg7QAAAAASUVORK5CYII=);
    color: #fff;
    height: 0;
    margin: 0;
    line-height: 24px!important;
    font-size: 20px;
    padding: 10px 35px 28.125% 10px;
    position: relative;
    width: 100%;
}
#dl h1 a {
    border-bottom: #fff solid 2px;
    color: #fff;
}
#dl h1 .more {
    background: url(/themes/custom/cooper/assets/images/mobile/dl-more.svg);
    height: 9px;
    position: absolute;
    right: 10px;
    text-indent: -999999px;
    top: 15px;
    width: 15px;
}
#dl .slide .body h2 {
    display: none;
}
#dl .slide .body .image {
    float: none;
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: 100%;
}
#dl .slide .body .image a {
    display: block;
}
#dl .slide .body .image a img {
    display: block;
    height: auto;
    width: 100%;
}
#dl .slide .body .content {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALElEQVQYV2OMjIz8f+fOHQZkwGhqavpfRUWFAVkCLAhShSwBF0SWQBGESQAAzywUiMTQg7QAAAAASUVORK5CYII=);
    color: #fff;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
#dl.with-content .slide.active .body .content {
    display: block;
}
#dl .content h1 {
    background: 0 0;
    color: #fff;
    font-size: 30px;
    height: auto;
    line-height: 30px!important;
    margin: 30px;
    padding: 0;
    width: auto;
}
#dl .content p {
    font-size: 16px;
    margin: 30px;
}
#dl .content a span, #main #breadcrumbs {
    font-size: 18px;
    font-family: FoundryGridnikRegular, Arial, Helvetica, Verdana, sans-serif;
}
#dl .content a.more-arrow {
    background: 0 0;
    border: 1px solid #4dadea;
    display: block;
    height: 60px;
    margin: 30px;
    text-align: center;
    width: auto;
}
#dl .content a span {
    display: block;
    height: 60px;
    line-height: 57px!important;
    padding: 0;
}
#dl .content .close {
    background: url(/themes/custom/cooper/assets/images/mobile/dl-close.svg);
    border: none;
    height: 14px;
    position: absolute;
    right: 15px;
    text-indent: -999999px;
    top: 15px;
    width: 14px;
}
#main {
    float: none;
    left: auto;
    padding: 0;
    width: auto;
}
#main #breadcrumbs {
    background-color: #5c5c5c;
    background-image: url(/themes/custom/cooper/assets/images/mobile/pattern.svg);
    float: none;
    margin: 0;
    padding: 20px 20px 20px 10px;
}
#main #breadcrumbs ol li {
    display: none;
}
#main #breadcrumbs ol li:last-child {
    display: block;
    float: none;
    position: relative;
}
#main #breadcrumbs ol li:last-child a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 0 0 0 19px;
}
#main #breadcrumbs ol li:last-child a::before {
    background-image: url(/themes/custom/cooper/assets/images/mobile/breadcrumbs-arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    height: 14px;
    left: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 9px;
}
#main article {
    min-height: auto;
    padding: 30px 10px;
}
#main article h1 {
    font-size: 20px;
    line-height: 20px!important;
    margin: 0 0 30px;
}
#main article p {
    font-size: 16px;
}
#main article .photo-slider .caption p {
    font-size: 11px;
}
#main article p img {
    max-width: 100%;
}
#main article img.header {
    height: auto;
    width: 100%;
    margin-bottom: 30px;
}
#main article .block {
    float: none;
    margin: 30px 0;
    width: auto;
}
#main article .block ul {
    float: none;
}
#main article .block ul li {
    border-top: #e2e2e2 solid 1px;
    float: none;
    margin: 0;
    padding: 30px 0 0;
}
#main article .block ul li+li {
    margin-top: 30px;
}
#main article .block ul li .image {
    float: none;
    height: auto!important;
    margin: 0;
    width: auto!important;
}
#main article .block ul li .image a img {
    height: auto;
    width: 100%;
}
#main article .block ul li .content {
    float: none;
    margin-top: 10px;
    width: auto;
}
#main article .block ul li .content h3 {
    font-family: FoundryGridnikRegular, Arial, Helvetica, Verdana, sans-serif;
    font-size: 20px;
}
#main article .block ul li .content h3 a {
    border-bottom: #4dadea solid 1px;
    color: #4dadea;
}
#main article .blox {
    width: auto;
}
#main article .blox>div {
    display: block;
    float: none;
    margin: 0;
    width: auto;
}
#main article .body .list-links ul li a .text br, #main article .body .search-page-form, #main article .body .search-page-form+h2 {
    display: none;
}
#main article .blox>div+div {
    margin: 20px 0 0;
}
#main article .body {
    float: none;
    margin: 0;
    width: 100%;
}
#main article .body a {
    color: #4dadea;
}
#main article .body figure.align-left, #main article .body figure.align-right {
    float: none;
}
#main article .body h2 {
    font-size: 16px;
}
#main article .body ol, #main article .body ul {
    padding: 0 0 0 40px;
    width: auto;
}
#main article .body .add-calendar {
    margin: 10px 0;
    padding: 0;
    position: static;
}
#main article .body .add-calendar h2 {
    background-image: url(/themes/custom/cooper/assets/images/mobile/icon-calendar.svg);
    color: #4dadea;
    margin: 0;
    text-transform: none;
}
#main article .body .list-links ul {
    float: none;
    padding: 0;
    width: auto;
}
#main article .body .list-links ul+ul {
    border-top: #e2e2e2 solid 1px;
    margin: 30px 0 0;
    padding: 30px 0 0;
}
#main article .body .list-links ul li {
    background: 0 0;
    border: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}
#main article .body .list-links ul li+li {
    border-top: #e2e2e2 solid 1px;
    margin: 30px 0 0;
    padding: 30px 0 0;
}
#main article .body .list-links ul li a {
    float: none;
    width: auto;
}
#main article .body .list-links ul li a .title {
    color: #4dadea;
    float: none;
    margin: 0;
    width: auto;
}
#main article .body .list-links ul li a .text {
    float: none;
    font-size: 16px;
    width: auto;
}
#main article .body .pager {
    margin: 30px 0 0;
}
#main article .body .photo-slider .images {
    height: auto;
    padding-bottom: 56.28319%;
    width: 100%;
}
#main article .body .photo-slider .images img {
    height: auto;
    max-width: 100%;
}
#main article .body .photos {
    margin: 30px 0;
}
#main article .body .photos img {
    height: auto;
    max-width: 100%;
}
#main article .body .caption, #main article .body .caption > p {
    font-size: 11px;
}
#main article .body .search-results {
    border: solid #ccc;
    border-width: 1px 0;
    margin-top: -10px;
    padding: 20px 0;
}
#main article .body .search-results .search-result+.search-result {
    margin: 20px 0 0;
}
#main article .body .search-results .search-result h3, #main article .body .search-results .search-result p {
    font-size: inherit;
    margin: 0;
}
#main article .body .search-results .search-result h3 a {
    font-family: inherit;
    font-size: inherit;
    text-decoration: underline;
}
#main article .body .sm_grey_caps {
    margin: 10px 0;
}
#main article .body .video {
    height: auto;
    padding-bottom: 56.28319%;
    position: relative;
    width: 100%;
}
#main article .body .video iframe {
    display: block;
    height: 100%;
    position: absolute;
    width: auto;
}
#main article .body media.inline-half-column {
    width: 49%;
}
#main > article > section > div > div.text-with-summary > media > div.thumbnail > div > img {
    margin: 0;
}
#main article .featured {
    float: none;
    margin: 30px 0;
    width: 100%;
}
#main article .featured time {
    color: #666;
    font-size: 16px;
    margin: 0;
}
#main article .featured .image {
    float: none;
    width: 100%;
}
#main article .featured .image a {
    display: block;
}
#main article .featured .image a img {
    height: auto;
    width: 100%;
}
#main article .featured .content {
    float: none;
    margin: 10px 0 0;
    width: 100%;
}
#main article .featured .content h3 {
    font-family: FoundryGridnikRegular, Arial, Helvetica, Verdana, sans-serif;
    font-size: 20px;
    margin: 0 0 10px;
}
#main article .featured .content h3 a {
    border-bottom: #4dadea solid 1px;
    color: #4dadea;
}
#main article .featured .content .more-arrow, #main article .featured .content p {
    display: none;
}
#main article .group-list {
    float: none;
    margin: 30px 0 0;
    padding: 0;
    width: 100%
}
#main article .group-list .title {
    float: none;
    padding: 30px 0 0;
    width: 100%;
}
#main article .list2, #main article .row {
    float: none;
    margin: 0;
    width: 100%;
}
#main article .list2 time, #main article .row time {
    color: #666;
    font-size: 16px;
}
#main article .list2 ul, #main article .row ul {
    float: none;
}
#main article .list2 ul li, #main article .row ul li {
    border-top: #e2e2e2 solid 1px;
    float: none;
    margin: 30px 0 0;
    padding: 30px 0 0;
    width: auto;
}
#main article .list2 ul li .image, #main article .row ul li .image {
    float: none;
    height: auto !important;
    margin: 0;
    width: 100% !important;
}
#main article .list2 ul li .image a, #main article .row ul li .image a {
    display: block
}
#main article .list2 ul li .image a img, #main article .row ul li .image a img {
    height: auto;
    width: 100%;
}
#main article .list2 ul li .content, #main article .row ul li .content {
    float: none;
    margin: 10px 0 0;
    width: 100%;
}
#main article .list2 ul li .content h3, #main article .row ul li .content h3 {
    font-family: FoundryGridnikRegular, Arial, Helvetica, Verdana, sans-serif;
    font-size: 20px;
    margin: 0 0 10px;
}
#main article .list2 ul li .content h3 a, #main article .row ul li .content h3 a {
    border-bottom: #4dadea solid 1px;
    color: #4dadea;
}
#main article .list3 {
    display: -ms-flexbox;
    display: flex;
    float: none;
    margin: 25px -5px;
    width: auto;
}
#main article .list3 ul {
    margin: 0;
    padding: 5px!important;
    width: 50%!important;
}
#main article .list3 ul li {
    float: none;
    margin: 0;
    padding: 0!important;
}
#main article .list3 ul li+li {
    margin-top: 10px;
}
#main article .list3 ul li a {
    display: block;
}
#main article .list3 ul li a img {
    height: auto!important;
    width: 100%!important
}
#main article aside {
    float: none;
    margin: 30px 0 0;
    width: 100%;
}
#main article aside .boxlink2 {
    height: auto;
    width: auto;
}
#main article aside .boxlink2 a {
    background: 0 0;
    height: auto;
    padding: 10px;
    position: relative;
    width: auto;
}
#main article aside .boxlink2 a::after {
    background-image: url(/themes/custom/cooper/assets/images/global/boxlink2_arrow.png);
    background-repeat: no-repeat;
    content: '';
    height: 21px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    width: 13px;
}

/* The below two hover values are first set in cooper.css. Altered here so effect 
	is nullified. In reality there should be
	no hover effect at all since this is mobile and there is no hovering.
*/

#main article aside .boxlink2 a:hover {
        border: 1px solid #b4b4b4;
}
#main article aside .boxlink2 a:hover span {
        color: #ed1c24;
}

#main article .boxlink a .bottom, #main article .boxlink a .top, #main article aside .boxlink2 a span {
    position: static;
}
#main article .boxlink {
    height: auto;
    margin: 30px 0;
    width: 100%;
}
#main article .boxlink a {
    height: auto;
    padding: 10px;
    width: 100%;
}
#main article .boxlink a br {
    display: none;
}
#main article .more-news {
    margin: 30px 0 0;
    width: auto;
}
#main article .more-link {
    margin: 30px 0 0;
    text-align: left;
    width: auto;
}
#main article.contact .map a {
    height: auto;
    padding-top: 71.13402%;
    width: 100%;
}
#main article.events .day, #main article.news .list .col {
    width: auto;
    float: none;
}
#main article.news .list {
    float: none;
    margin: 0 -10px;
    padding: 10px 0;
    width: auto;
}
#main article.person .body .sm_grey_caps, #main article.person h1 {
    margin: 0;
}
#main article.people .group p {
    font-size: 13px;
}
#main article.person {
    position: relative;
}
#main article.person .body p {
    width: 100%;
}
#main article.person .body .panels {
    margin: 30px 0 0;
    padding: 65px 0 0;
}
#main article.person .body .panels.with-image {
    padding: 271px 0 0;
}

#main article.person .body .links ul {
    padding: 0;
    width: 100%;
}
#main article.person .body .links ul li {
    margin: 10px 0 0;
}
#main article.person .body .links ul li a {
    font-family: inherit;
    font-size: inherit;
}
#main article.person .body .links ul li span {
    display: inline-block;
}
#main article.person aside {
    height: 241px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 78px;
}
#main article.person aside.with-image {
    top: 111px;
}
#main article.person aside .quad {
    display: none;
}
#main article.person aside .photos {
    background-image: url(/themes/custom/cooper/assets/images/mobile/pattern.svg);
    margin: 0;
    width: 100%
}
#main article.person aside .photos img {
    display: block;
    margin: 0 auto;
    width: 175px;
}
#main article.person aside dl {
    border-bottom: #e2e2e2 solid 1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 10px;
    padding: 10px 0;
}
#main article.person aside dl dt {
    display: none;
}
#main article.person aside dl dd {
    height: 40px;
    margin: 0;
}
#main article.person aside dl dd a {
    display: block;
    height: 40px;
    text-indent: -999999px;
    width: 40px;
}
#main article.person aside dl dd.email a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/main-email.svg);
}
#main article.person aside dl dd.website a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/main-link.svg);
}
#main article.person aside dl dd.phone a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/main-phone.svg);
}
#main article.story .text-with-summary img {
    display: block;
    float: none!important;
    margin: 20px 0;
    max-width: 100%;
}
div.more-link {
	width: 100%;
}
.belt {
	padding: 10px 10px 0 10px;
}
.belt .item {
	margin: 0 10px 0 0;
}
div.belt footer {
	width: 100%;
}
#main > div.belt > div > div > div:nth-child(3) {
	display: none;
}
#main > div.belt > div > div > div:nth-child(4) {
	display: none;
}
#main #belt {
    float: none;
    padding: 30px 10px;
}
#main #belt h1 {
    color: #404040;
    font-family: "TradeGothicNextW01-Bold 693229", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-transform: none;
}
#main #belt .item {
    font-family: inherit;
    height: auto;
    margin: 30px 0 0;
    padding: 0;
    width: 50%
}
#main #belt .item:nth-child(3), #main #belt .item:nth-child(5) {
    padding-left: 5px;
}
#main #belt .item:nth-child(2) {
    padding-right: 5px;
}
#main #belt .item:nth-child(4) {
    clear: both;
    padding-right: 5px;
}
#main #belt .item .image {
    height: auto!important;
    margin: 0;
    width: 100%!important
}
#main #belt .item .image a img {
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
}
#main #belt .item h3 {
    font-family: inherit;
    margin: 10px 0 0;
}
#main #belt .item h3 a {
    font-size: 16px;
    line-height: 1!important;
    text-transform: none;
}
#main #course-listings ul {
    float: none;
    margin: 0;
    width: auto;
    padding: unset;
}
#main #course-listings ul li {
    float: none;
    padding: 10px;
}
#main #course-listings ul li h3, #main #course-listings ul li h4, #main #galleries, #main #galleries .container {
    padding: 0;
    width: auto;
    float: none;
}
#main #course-listings ul li p {
    margin: 0 0 10px 0;
    width: auto;
    font-size: 12px;
}
#main article .body section#panels ul {
    float: none;
    margin: 0;
    padding: unset;
}
#main article .body section#panels ul li {
    padding: 10px;
    width: 100%;
}
#main #galleries {
    margin: 30px 0;
}
#main #galleries h1 {
    font-family: "TradeGothicNextW01-Bold 693229", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
}
#main #galleries .container {
    background: 0 0;
    margin: 30px 0 0;
}
#main #galleries .container .index {
    float: none;
    margin: -10px;
    padding: 5px;
}
#main #galleries .container .index ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: auto;
}
#main #galleries .container .index ul li {
    float: none;
    height: auto;
    margin: 0;
    padding: 5px;
    width: 50%;
}
#main #galleries .container .index ul li .image {
    background-repeat: repeat;
    display: block;
    height: 100%;
    width: 100%;
}
#main #galleries .container .gallery>h1, #main #galleries .container .index ul li p {
    display: none;
}
#main #galleries .container .index ul li .image img {
    height: auto;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
#main #galleries .container .gallery {
    background: url(/themes/custom/cooper/assets/images/mobile/slideshow_bg.png) #444;
    float: none;
    height: 100%;
    left: 0;
    margin: 0;
    overflow-y: scroll;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
#main #galleries .container .gallery>:not(nav) {
    margin: 15px;
    padding: 0;
    width: auto;
}
#main #galleries .container .gallery .slideshow {
    float: none;
    height: auto;
    margin: 0;
    padding: 65px 0 0;
    width: auto;
}

#main #galleries .container .gallery .slideshow ul {
    margin: 0;
    padding: 0;
    width: auto;
}
#main #galleries .container .gallery .slideshow ul li {
    display: none;
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}
#main #galleries .container .gallery .slideshow ul li .image {
    background: 0 0;
    display: block;
    height: 100%;
    margin: 0;
    width: 100%;
}

#main #galleries .container .gallery .slideshow ul li .image img, #main #galleries .container .gallery .slideshow .flex-wrap div .image img {
    height: auto;
    width: 100%;
}
#main.student-galleries article .slideshow .flex-wrap {
	width: 100%;
	justify-content: space-between;
}
#main.student-galleries article .slideshow .flex-wrap div {
	margin: 10px;
	width: 100%;
}
#main.student-galleries article .slideshow .image {
	width: 100%;
}
#main.student-galleries article .slideshow .flex-wrap > div img {
	width: 100%;
}
#main.student-galleries article .slideshow .text-with-summary p {
	color: black;
}
#main #galleries .container .gallery .slideshow ul li p {
    margin: 15px;
    width: auto;
}
#main #galleries .container .gallery .counter {
    color: #fff;
    display: block;
    left: 25px;
    line-height: 15px!important;
    margin: 0;
    position: absolute;
    top: 25px;
}
#main #galleries .container .gallery .close {
    background: url(/themes/custom/cooper/assets/images/mobile/gallery-close.svg);
    display: block;
    height: 15px;
    margin: 0;
    position: absolute;
    right: 25px;
    text-indent: -999999px;
    top: 25px;
    width: 15px;
}
#main.student-galleries {
    background: 0 0;
}
#main.student-galleries article h1 {
    color: inherit;
}
#main.student-galleries article .back a, #main.student-galleries div.text-with-summary a {
    color: #4dadea;
}
#main.student-galleries article p {
    color: inherit;
    font-size: inherit;
    width: auto;
}

/* v2.0 */
#main.student-galleries div.text-with-summary, div#gallery-description, #main.student-galleries article .slideshow div.caption p {
	color: black;
	font-size: inherit;
    	width: auto;
	margin-right: 0px;
}
#main.student-galleries article .slideshow ul, div.belt .slideshow ul {
	margin: 0;
}
/* Slideshow thumb boxes are 175px wide.
   X2 = 350. Add 5px margins = 360
   X3 = 525. Add 5px margins = 535

   div.belt .slideshow ul = Great Hall landing
*/

@media (max-width: 545px) {
	#main.student-galleries article .slideshow ul, div.belt .slideshow ul {
		justify-content: space-around;
	}
}

@media (max-width: 360px) {
	#main.student-galleries article .slideshow ul, div.belt .slideshow ul {
		justify-content: center;
	}
}
/* END v2.0 */

/* v 1.0  
#main.student-galleries article .slideshow {
    float: none;
    margin: -10px;
    padding: 5px;
    width: auto
}
#main.student-galleries article .slideshow ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: none;
    margin: 0;
    padding: 0;
    width: auto
}

#main.student-galleries article .slideshow ul li {
    float: none;
    height: auto;
    margin: 0;
    padding: 5px;
    width: 50%
}

#main.student-galleries article .slideshow ul li .image {
    background-repeat: repeat;
    display: block;
    height: 100%;
    width: 100%
}
#main.student-galleries article .slideshow ul li .image img {
    height: auto;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
#main.student-galleries article .slideshow ul li p {
    display: none
}
*/

#main .sharethis {
    margin: 30px 0 0;
    clear: both;
}
.front #main #belt {
    background: #e7e7e7;
    height: auto;
    padding: 30px 10px;
    width: auto;
}
.front #main #belt .item {
    background: #404040;
    float: none;
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
}
.front #main #belt .item::after {
    border-style: solid;
    border-width: 0 0 40px 40px;
    bottom: 0;
    content: '';
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}
.front #main #belt .item:nth-child(1)::after {
    border-color: transparent transparent #faca22;
}
.front #main #belt .item:nth-child(2)::after {
    border-color: transparent transparent #008647;
}
.front #main #belt .item:nth-child(3)::after {
    border-color: transparent transparent #00a3da;
}
.front #main #belt .item:nth-child(4)::after {
    border-color: transparent transparent #d8232a;
}
.front #main #belt .item+.item {
    margin: 10px 0 0;
}
.front #main #belt h2 {
    font-family: inherit;
    height: 80px;
    margin: 0;
}
.front #main #belt h2 a {
    color: #fff;
    display: block;
    font-family: inherit;
    font-size: 16px;
    padding: 0 20px;
    position: relative;
    text-transform: none;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
}
.front #main #belt h2 a:hover {
    background: 0 0;
}
.front #main #belt .item .image, .front #main #belt .item h3 {
    display: none;
}

/*
#upcoming-events h1 {
    border: none;
    color: inherit;
    font-family: FoundryGridnikRegular, Arial, Helvetica, Verdana, sans-serif;
    font-size: 20px;
    margin: 20px 10px;
    padding: 0
}
#upcoming-events ul {
    margin: 0 10px
}
#upcoming-events ul li {
    border: none;
    height: auto;
    margin: 0;
    padding: 0
}
#upcoming-events ul li+li {
    margin: 20px 0 0
}
#upcoming-events ul li time {
    background: 0 0;
    color: #c9c7bd;
    display: none!important;
    float: none;
    height: auto;
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    padding: 0;
    text-align: left;
    width: auto
}
#upcoming-events ul li time span {
    color: inherit;
    display: inline;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}
#upcoming-events ul li a img {
    float: none;
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
}
#upcoming-events ul li .text {
    float: none;
    height: auto;
    padding: 0;
    width: auto
}
#upcoming-events ul li .text time {
    display: block!important;
    margin: 20px 0 0
}
#upcoming-events ul li .text h2 {
    margin: 10px 0 0
}
#upcoming-events ul li .text h2 a {
    color: #4dadea;
    text-decoration: underline
}
#upcoming-events ul li .text h3 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 10px 0 0
}
#upcoming-events .calendar-link a {
    background: 0 0;
    border: 1px solid #4dadea;
    color: inherit;
    font-family: FoundryGridnikRegular, Arial, Helvetica, Verdana, sans-serif;
    font-size: inherit;
    height: 60px;
    line-height: 57px!important;
    margin: 40px 10px 50px;
    padding: 0;
    text-align: center;
    width: auto
}
*/

article.news #upcoming-events, article.news #upcoming-events ul {
    margin: 0;
}
article.news #upcoming-events .calendar-link a {
    margin-left: 0;
    margin-right: 0;
}
article.news .row+#upcoming-events {
    margin-top: 30px;
}
.students table.calendar {
	width: 100%;
}
/*
#fancybox-wrap {
   left: 50%!important;
    padding: 0!important;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
*/
#history {
    display: none;
}
footer {
    background: #404040;
    padding: 0;
    position: relative;
    z-index: 1;
}
footer section {
    width: 100%;
}
footer section.top {
    border: solid #ccc;
    border-width: 1px 0;
    bottom: 170px;
    padding: 25px 20px;
    position: absolute;
}
footer section.top .main ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
footer section.top .main ul li {
    float: none;
    margin: 0;
    padding: 0;
}
footer section.top .main ul li.follow, footer section.top .main ul li.nav1, footer section.top .main ul li.nav2, footer section.top .main ul li.nav3, footer section.top .main ul li.nav4, footer section.top .main ul li.nav5 {
    display: none;
}
footer section.top .main ul li.social a {
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -999999px;
}
footer section.top .main ul li.facebook a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/footer-facebook.svg);
    width: 10px;
}
footer section.top .main ul li.twitter a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/footer-twitter.svg);
    width: 16px;
}
footer section.top .main ul li.instagram a, footer section.top .main ul li.linkedin a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/footer-instagram.svg);
    width: 19px;
}
footer section.top .main ul li.youtube a {
    background-image: url(/themes/custom/cooper/assets/images/mobile/footer-youtube.svg);
    width: 18px;
}
footer section.bottom {
    padding: 0;
}
footer section.bottom .schools {
    display: none;
    float: none;
    padding: 0;
    width: 100%;
}
footer section.bottom .map {
    float: none;
    width: 100%;
}
footer section.bottom .map a {
    height: auto;
    padding-top: 71.13402%;
    width: 100%;
}
footer section.bottom .locations {
    background: #fff;
    float: none;
    padding: 0;
    width: 100%;
}
footer section.bottom .locations ul {
    float: none;
    margin: 0;
    width: 100%;
}
footer section.bottom .locations ul li {
    border-bottom: #e7e7e7 solid 1px;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 15px;
}
footer section.bottom .locations ul li a {
    color: #4dadea;
}
footer section.bottom .locations ul li a .bullet {
    background: 0 0;
    color: #4dadea;
}
footer section.bottom .locations ul li a .address {
    color: #666;
    margin: 0;
}
footer section.bottom .mobile-btn {
    background: #fff;
    display: block;
    padding: 30px 10px;
}
footer section.bottom .mobile-btn a {
    background: #4dadea;
    color: #fff;
    display: block;
    font-family: FoundryGridnikRegular, Arial, Helvetica, Verdana, sans-serif;
    height: 60px;
    line-height: 60px!important;
    text-align: center;
    text-transform: uppercase;
}
footer section.bottom .contact {
    display: block;
    float: none;
    font-size: 16px;
    margin: 0;
    padding: 30px 10px;
    width: 100%;
}
footer section.bottom .contact * {
    font-size: inherit;
}
footer section.bottom .contact h3 {
    color: #fff;
    font-family: inherit;
    font-weight: inherit;
    font-size: 18px;
    line-height: 20px!important;
    margin: 0;
    padding: 0;
    position: relative;
}
footer section.bottom .contact h3::after {
    background-image: url(/themes/custom/cooper/assets/images/mobile/footer-arrow-down.svg);
    content: '';
    height: 6px;
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
}
footer section.bottom .contact h3.open::after {
    background-image: url(/themes/custom/cooper/assets/images/mobile/footer-arrow-up.svg)
}
footer section.bottom .contact p {
    display: none;
    overflow: hidden;
    margin: 0;
}
footer section.bottom .contact p span {
    color: #a6a8ab;
    display: block;
}
footer section.bottom .contact p span:first-child {
    padding-top: 30px;
}
footer section.bottom .contact p a {
    color: #4dadea;
    display: inline-block;
    margin-top: 30px;
}
footer section.bottom .additional-resources {
    border-top: #ccc solid 1px;
    display: block;
    float: none;
    font-size: 16px;
    margin: 0;
    padding: 30px 10px;
    width: 100%;
}
footer section.bottom .additional-resources * {
    font-size: inherit;
}
footer section.bottom .additional-resources h3 {
    color: #fff;
    font-family: inherit;
    font-weight: inherit;
    font-size: 18px;
    line-height: 20px!important;
    margin: 0;
    padding: 0;
    position: relative;
}
footer section.bottom .additional-resources h3::after {
    background-image: url(/themes/custom/cooper/assets/images/mobile/footer-arrow-down.svg);
    content: '';
    height: 6px;
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
}
footer section.bottom .additional-resources h3.open::after {
    background-image: url(/themes/custom/cooper/assets/images/mobile/footer-arrow-up.svg);
}
footer section.bottom .additional-resources h3.open+p {
    height: 204px;
}
footer section.bottom .additional-resources ul {
    display: none;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}
footer section.bottom .additional-resources ul li {
    color: #a6a8ab;
}
footer section.bottom .additional-resources ul li:first-child {
    padding-top: 30px;
}
footer section.bottom .additional-resources ul li a {
    color: #4dadea;
}
footer section.copyright {
    background-image: url(/themes/custom/cooper/assets/images/mobile/footer-logo.svg);
    background-position: 10px 102px;
    background-repeat: no-repeat;
    color: #a6a8ab;
    font-size: 14px;
    height: 242px;
    padding: 170px 10px 30px;
    text-align: left;
}
}