/*******************************
    Pulled out from template.css
    and subsequently from instance.css
        in Bedrock site 982
*******************************/

/**
going to disable main page only....
 */
body.main-page .subsite-landing .sub-menu-button {
    display: none;
}


/*
body:not(.section-35466):not(.section-35476):not(.section-35467) .sub-menu-button{
    display:none;
}*/

body.main-page #content-landing{
    margin: 0 0 50px;
}

@media (max-width: 991px) {
    body.main-page #site-title-mobile {
        border-top: 1px solid #6d6d6d;
    }
}

body.main-page #site-title-mobile,
body.main-page #site-title-desktop,
body.main-page #contact,
body.main-page #cta .cta-apply,
body.main-page #sub-menu,
body.main-page #mobile-menu-container {
    background-color: #393939;
}

body.main-page .btn-theme-color {
    background-color: #393939 !important;
    color: #fff !important;
}

body.main-page h1,
body.main-page #feature h1,
body.main-page #news h1,
body.main-page #social-media-container h1,
body.main-page #text-box h1,
body.main-page .breadcrumb a,
body.main-page #left-menu li.active > a,
body.main-page #left-menu li > a:hover {
    color: #393939;
}

body.main-page #cta .cta-apply {
    border-color: #393939;
}

body.main-page #abm-widget-container, body.main-page .left-text-block, body.main-page .left-card-container body.main-page #leftside-widget-container .button-group,
#abm-widget-container, .left-text-block, .left-card-container, #leftside-widget-container .custom-about-page-button-group, #content #content-body{
    border-top: 1px dashed grey !important;
    padding-top: 20px;
    margin-top: 0;
}

body.main-page .left-text-block ul{
    list-style-type: none;
    margin-left:0;
    padding:0;
}
body.main-page .left-text-block li{
    padding: 8px 0;
}
body.main-page .left-text-block li a{
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    color: #393939;
    padding: 5px 0;
    font-size: 20px;
}

body.main-page .left-text-block li a:hover{
    color: #969797;
    text-decoration: none;
}

body.main-page #top-menu ul li a,
body.main-page #contact,
body.main-page #cta .cta-apply,
body.main-page #sub-menu a {
    color: #fff;
}

body.main-page .sub-menu-button,
body.main-page .sub-menu-button:hover {
    background-color: #393939;
    color: #f4f4f4;
}

@media (min-width: 992px) {
    body.main-page #menu {
        background-color: #393939;
    }
    body.main-page div.memorial-card{
        width:25% !important;
    }
    body.main-page #gazette-spotlight-container{
        margin-bottom:50px;
    }
    body.main-page #site-title-desktop {
        border-bottom: 1px solid #fff;
    }

    body.main-page #top-menu ul li a {
        border-right: 1px solid #fff;
    }

    body.main-page #top-menu ul li:first-child a {
        border-left: 1px solid #fff;
    }

    body.main-page #top-menu > ul > li a:hover {
        background-color: #393939;
        color: #f4f4f4;
    }

    body.main-page #top-menu > ul > li.active a,
    body.main-page #top-menu > ul > li.active a:hover {
        background-color: #fff;
        color: #393939;
    }

    body.main-page #social-media-container {
        margin: 0;
        padding: 50px 0;
    }
}

body.main-page #cta .cta:hover {
    color: #fff;
    background-color: #393939;
}

body.main-page .content-divider {
    border-top: 1px dashed #808080;
    margin-top: 60px;
    display: block;
    height: 20px;
    width: 100%;
}

body.main-page #content-body ul.u-campus {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 20px;
}

body.main-page #content-body ul.u-campus li {
    display: inline-block;
    float: left;
}

body.main-page #content-body ul.u-campus li a {
    display: block;
    line-height: 18px;
    text-transform: uppercase;
    font-family: "Avenir LT W01 85 Heavy", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    color: #393939;
    padding-right: 20px;
}

body.main-page #content-body ul.u-campus li:not(:first-child) a {
    padding-left: 20px;
}

body.main-page #content-body ul.u-campus li:not(:last-child) a {
    border-right: 1px solid #393939;
}

body.main-page #menu {
    background-color: #fff;
    border-bottom: 1px solid #393939;
}

body.main-page #top-menu ul li.active a,
body.main-page #top-menu ul li.active a:hover {
    background-color: #393939;
    color: #fff;
}

body.main-page #top-menu ul li a {
    color: #393939;
}

body.main-page #events h1 a,
#content-body h1 a,
#content-body h2 a,
#content-body h3 a,
#content-body h4 a,
#content-body h5 a,
.page-introduction-turned-off p a {
    color: #393939;
}

body.main-page .event-item a:hover,
body.main-page #events h1 a:hover,
#content-body h1 a:hover,
#content-body h2 a:hover,
#content-body h3 a:hover,
#content-body h4 a:hover,
#content-body h5 a:hover,
.page-introduction-turned-off p a:hover {
    text-decoration: underline !important;
}

@media only screen and (min-width: 992px) {
    body.main-page #masthead .masthead-mun-logo {
        background: url("../images/MUN_Logo_RGB.png?id=1684320956&x-stratum-cacheable-asset=1") no-repeat;
    }
}

@media (min-width: 992px) {
    body.main-page #top-menu ul li:first-child a {
        border-left: 1px solid #393939;
    }

    body.main-page #top-menu ul li a {
        border-right: 1px solid #393939;
    }

    body.main-page #menu nav {
        background-color: #f4f4f4;
    }
}

body.main-page .hideSiteMapLink {
    display: none;
}

body.main-page #site-title-desktop {
    border: none;
}

body.main-page h1 {
    font-size: 58px;
}

body.main-page .site-title h1 {
    font-size: 18px;
}

body.main-page h2 {
    font-size: 58px;
}

body.main-page h3 {
    font-size: 48px;
}

body.main-page h4 {
    font-size: 48px;
}

body.main-page h5 {
    font-size: 32px;
}

body.main-page h6 {
    font-size: 32px;
}

body.main-page .news .news-item .category, body.main-page h3.main-gazette-feed-title {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    letter-spacing: 2px;
    color: #393939;
}

body.main-page .news .news-item .date {
    font-size: 14px;
    color: #393939;
    margin: 30px 0 15px;
    font-style: italic;
}

body.main-page .news .news-item h1 {
    margin-top: 0;
}

body.main-page .news .news-item h4 a {
    color: #393939;
}

body.main-page .news .news-item p {
    margin-bottom: 20px;
    line-height: 1.3em;
    font-size: 22px;
    color: #393939;
}

body.main-page .spotlight-container img {
    width: 100%;
    height: auto;
    margin: 0;
}

body.main-page a.spotlight {
    float: left;
    position: relative;
}

body.main-page .spotlight-container span.normal,
body.main-page .spotlight-container span.hover {
    width: 100%;
    height: 100%;
    position: absolute;
}

body.main-page .spotlight-container span.normal {
    background: url("https://builder.ucs.m.oisimsim.com/temp/main/images/spotlight/play-btn.png") no-repeat 50% 50%;
    background-size: 100%;
}

body.main-page .spotlight-container span.hover {
    background: url("https://builder.ucs.m.oisimsim.com/temp/main/images/spotlight/play-btn-hover.png") no-repeat 50% 50%;
    visibility: hidden;
    background-size: 100%;
}

.yt-wrapper{
    position:relative;
    display: block;
}


.yt-play-button {
    z-index: 10000;
    height: 42px;
    width: 59px;
    display: block;
    background: url("../images/play-button-overlay.png?id=1684320956&x-stratum-cacheable-asset=1") no-repeat scroll 0 0 transparent;
    position: absolute;
    text-indent: -3000px;
    left: 50%;
    top: 50%;

}
.yt-play-button:hover,
.yt-wrapper:hover .yt-play-button {
    background: url("../images/play-button-overlay.png?id=1684320956&x-stratum-cacheable-asset=1") no-repeat scroll -59px 0 transparent;
    cursor: pointer;
}


body.main-page .spotlight-container a:hover span.hover {
    visibility: visible;
}

@media only screen and (min-width: 768px) {
    body.main-page .spotlight-container #ytplayer {
        height: 173px;
    }

    body.main-page .spotlight-container .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 50%;
    }
}

@media only screen and (min-width: 992px) {
    body.main-page .spotlight-container #ytplayer {
        height: 278px;
    }

    body.main-page .spotlight-container .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 50%;
    }
}

@media only screen and (min-width: 768px) {
    body.main-page #cards .row .col-md-3 {
        padding: 0 10px;
    }

    body.main-page #cards .card .view-more-btn-align {
        text-align: center;
    }
}

body.main-page #cards {
    padding: 80px 0;
    background-color: #f6f6f6;
}

body.main-page .card {
    border-top: 8px solid #000;
    text-align: center;
    color: #393939;
    background-color: #fff;
    padding: 30px 10px;
}

body.main-page .card h2 {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 3px;
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    text-transform: uppercase;
}

body.main-page .card h3 {
    margin-top: 0;
    font-size: 32px;
    min-height: 76px;
    font-family: "Avenir LT W01 55 Roman", sans-serif;
}

body.main-page .card span {
    font-size: 90px;
    display: inline-block;
    line-height: 4px;
    margin: 70px 0;
}

body.main-page .page-introduction-turned-off p {
    font-size: 16px;
    font-family: "Avenir LT W01 55 Roman", sans-serif;
    margin-bottom: 50px;
    line-height: 1.4em;
    color: #818282;
}

body.main-page .page-introduction-turned-off {
    margin: auto -15px;
}

body.main-page #left-menu.hub-left-menu {
    border-top: 1px dashed #969898;
    padding: 20px 0 0;
    margin: 30px 0 0;
}

body.main-page .left-text-block h3 {
    font-family: 'Avenir LT W01 55 Roman', sans-serif;
}

body.main-page #left-menu.hub-left-menu ul li a {
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    font-size: 18px;
    color: #393939;
}

body.main-page #left-menu.hub-left-menu ul li a:hover {
    color: #969797;
}

body.main-page .campus-info {
    margin-bottom: 30px;
}

body.main-page .campus-divider {
    margin-bottom: 60px;
}

body.main-page .campus-info .campus {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    letter-spacing: 2px;
    color: #393939;
    margin-bottom: 20px;
}

body.main-page .campus-info .campus a {
    color: #393939;
}

body.main-page .campus-info img {
    margin-bottom: 30px;
}

body.main-page ul.campus-other-locations {
    list-style-type: none;
    padding: 0;
}

body.main-page #content-body ul.campus-other-locations li {
    padding: 10px 0;
}

body.main-page #content-body ul.campus-other-locations li a {
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    color: #535554;
    padding: 5px 0;
    font-size: 18px;
}

body.main-page #content-body ul.campus-other-locations li a:hover {
    text-decoration: none;
    color: #393939;
}

body.main-page #left-menu.hub-left-menu > ul > li > a {
    display: block;
}

body.main-page #left-menu a {
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    font-size: 18px;
}

@media only screen and (min-width: 991px) {
    body.main-page .page-introduction-turned-off p {
        font-size: 28px;
        line-height: 1.4em;
    }

    body.main-page #left-menu ul:first-child {
        padding: 0;
    }

    body.main-page #left-menu.hub-left-menu {
        border: none;
        padding: 0;
        margin: 30px 0;
    }
}

body.main-page.section_9 #left-menu ul li.active a,
body.main-page.section_8 #left-menu ul li.active a,
body.main-page.section_6 #left-menu ul li.active a {
    display: block;
    color: #393939;
}

body.main-page.section_9 #left-menu ul li.active a:hover,
body.main-page.section_8 #left-menu ul li.active a:hover,
body.main-page.section_6 #left-menu ul li.active a:hover {
    color: #969797;
}

body.main-page.page_138 #left-menu > ul > li:not(.active) a {
    display: none;
}

body.main-page .side-list p {
    font-size: 16px !important;
    margin-bottom: 20px !important;
}

body.main-page .side-list a {
    font-size: 16px !important;
    color: #969898;
    margin-bottom: 20px !important;
}

body.main-page h1.search-cat-people,
body.main-page h1.search-cat-popular {
    font-size: 40px;
    margin-bottom: 0;
}

body.main-page .search-page-btn {
    border: 1px solid #393939;
    background-color: #fff;
    padding: 10px 30px;
    color: #333433;
    text-transform: uppercase;
    margin-top: 21px;
    letter-spacing: 0.2em;
    font-size: 12px;
    display: inline-block;
    font-family: "Avenir LT W01 65 Medium", sans-serif;
}

body.main-page .search-page-input {
    border: 1px solid #393939;
    border-radius: 0;
    height: 60px;
    font-family: "Avenir LT W01 35 Light", sans-serif;
    font-size: 32px;
    padding: 0 10px 0;
}

body.main-page #mcs-google-search-results .gsc-control-cse {
    padding-left: 0;
}

body.main-page .where-is-my-stuff-table {
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    background-color: #f8f9f9;
}

body.main-page .where-is-my-stuff-table h3 {
    font-size: 20px;
    margin: 0;
}

body.main-page .where-is-my-stuff-table a {
    font-family: "Avenir LT W01 95 Black", sans-serif;
}

@media (max-width: 767px) {
    body.main-page.page_1 .leader-board-banner figcaption {
        background: none;
        bottom: 0;
        position: absolute;
        visibility: visible;
        z-index: 999;
        width: 100%;
    }

    body.main-page.page_1 figure.leader-board-banner figcaption {
        text-align: center;
        color: #fff;
        padding: 10px;
        font-family: Georgia, sans-serif;
        font-size: 16px;
    }
}

body.main-page .sidecard-btn:hover {
    color: #fff;
}

.main-page #text-box p,
.main-page p,
p.p-large {
    font-size: 24px;
}

.main-page ol,
.main-page ul {
    margin-bottom: 35px;
    font-size: 24px;
}

.main-page.layoutmain #events h1 {
    margin-bottom: 45px;
}

body.main-page .page-introduction-turned-off p {
    font-size: 24px;
}

body.main-page #content-body ul.u-campus {
    clear: both;
    min-height: 85px;
}

body.main-page #content-body ul.u-campus li {
    display: block;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 100%;
}

body.main-page #content-body ul.u-campus li:not(:last-child) a {
    border-right: none !important;
}

body.main-page #content-body ul.u-campus li a {
    padding: 0 !important;
    border: none;
}

body.main-page #content-body ul.u-campus li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #393939;
}

@media (min-width: 545px) {
    body.main-page #content-body ul.u-campus {
        min-height: 50px;
    }

    body.main-page #content-body ul.u-campus li {
        width: auto;
    }
}

@media (min-width: 640px) {
    body.main-page #content-body ul.u-campus li a:hover {
        text-decoration: underline;
        color: #393939;
        background-color: #fff;
    }

    body.main-page #content-body ul.u-campus {
        clear: both;
        min-height: 40px;
    }

    body.main-page #content-body ul.u-campus li {
        display: inline;
        width: auto;
        border: none;
        margin-right: 10px;
    }

    body.main-page #content-body ul.u-campus li a {
        display: inline-block;
        line-height: 18px;
        text-transform: uppercase;
        font-family: "Avenir LT W01 85 Heavy", sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        color: #393939;
        padding-right: 20px;
        border: none !important;
    }

    body.main-page #content-body ul.u-campus li:not(:first-child) a {
        margin-left: 10px;
    }

    body.main-page #content-body ul.u-campus li:not(:first-child):before {
        display: inline-block;
        content: "|";
    }
}

@media (min-width: 992px) {
    .main-page.layoutmain .event-item {
        margin-top: 0 !important;
    }
}

/*******************************
    main site alterations
*******************************/
#cta .cta:hover {
    color: #fff;
    background-color: #393939;
}

.content-divider {
    border-top: 1px dashed grey;
    margin-top: 60px;
    display: block;
    height: 20px;
    width: 100%;
}

.sidecard-btn {
    margin: 10px 0;

    height: 46px;
    padding: 13px 2px;
    color: #535554;
    border-color: #535554;
}

.card .sidecard-btn {
    width: 40%;
}

#content-body ul.u-campus {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 20px;
}

#content-body ul.u-campus li {
    display: inline-block;
    float: left;
}

#content-body ul.u-campus li a {
    display: block;
    line-height: 18px;
    text-transform: uppercase;
    font-family: "Avenir LT W01 85 Heavy", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    color: #393939;
    padding-right: 20px;
}

#content-body ul.u-campus li:not(:first-child) a {
    padding-left: 20px;
}

#content-body ul.u-campus li:not(:last-child) a {
    border-right: 1px solid #393939;
}

body.main-page #menu {
    background-color: white;
    border-bottom: 1px solid #393939;
}

body.main-page #top-menu ul li.active a, body.main-page #top-menu ul li.active a:hover {
    background-color: #393939;
    color: white;
}

body.main-page #top-menu ul li a {
    color: #393939;
}

body.main-page #events h1 a, #content-body h1 a, #content-body h2 a, #content-body h3 a, #content-body h4 a, #content-body h5 a, .page-introduction-turned-off p a {
    color: #393939;

}

body.main-page .event-item a:hover, body.main-page #events h1 a:hover, #content-body h1 a:hover, #content-body h2 a:hover, #content-body h3 a:hover, #content-body h4 a:hover, #content-body h5 a:hover, .page-introduction-turned-off p a:hover {
    text-decoration: underline !important;

}

@media only screen
and (min-width: 992px) {
    #masthead .masthead-mun-logo {
        background: url("../images/MUN_Logo_RGB.png?id=1684320956&x-stratum-cacheable-asset=1") no-repeat;
    }
}

@media (min-width: 992px) {
    body.main-page #top-menu ul li:first-child a {
        border-left: 1px solid #393939;
    }

    body.main-page #top-menu ul li a {
        border-right: 1px solid #393939;
    }

    #menu nav {
        background-color: #f4f4f4;
    }
}

.hideSiteMapLink {
    display: none;
}

body.main-page #site-title-desktop {
    border: none;
}

/**********************************
   news and spotlight
**********************************/
.news .news-item .category {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    letter-spacing: 2px;
    color: #393939;
}

.news .news-item .date {
    font-size: 14px;
    color: #393939;
    margin: 30px 0 15px;
    font-style: italic;
}

.news .news-item h1 {
    margin-top: 0;
}

.news .news-item h4 a {
    color: #393939;
}

.news .news-item p {
    margin-bottom: 20px;
    line-height: 1.3em;
    font-size: 22px;
    color: #393939;
}

.spotlight-container img {
    width: 100%;
    height: auto;
    margin: 0;
}

a.spotlight {
    float: left;
    position: relative;
}

.spotlight-container span.normal, .spotlight-container span.hover {
    width: 100%;
    height: 100%;
    position: absolute;
}

.spotlight-container a:hover span.hover {
    visibility: visible;
}

@media only screen
and (min-width: 768px) {
    .spotlight-container #ytplayer {
        height: 173px;
    }

    .spotlight-container .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 50%;
    }
}

@media only screen
and (min-width: 992px) {
    .spotlight-container #ytplayer {
        height: 278px;
    }

    .spotlight-container .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 50%;
    }
}

/**********************************
   cards
**********************************/
@media only screen
and (min-width: 768px) {
    #cards .row .col-md-3 {
        padding: 0 10px;
    }

    #cards .card .view-more-btn-align {
        text-align: center;
    }
}

/**********************************
   hub pages
**********************************/
.page-introduction-turned-off p {
    font-size: 16px;
    font-family: "Avenir LT W01 55 Roman", sans-serif;
    margin-bottom: 50px;
    line-height: 1.4em;
    color: #818282;
}

#left-menu.hub-left-menu {
    border-top: 1px dashed #969898;
    padding: 20px 0 0;
    margin: 30px 0 0;
}

#left-menu.hub-left-menu ul li a {
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    font-size: 18px;
    color: #393939;
}

#left-menu.hub-left-menu ul li a:hover {
    color: #969797;
}

.campus-info {
    margin-bottom: 30px;
}

.campus-divider {
    margin-bottom: 60px;
}

.campus-info .campus {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    letter-spacing: 2px;
    color: #393939;
    margin-bottom: 20px;
}

.campus-info .campus a {
    color: #393939;
}

.campus-info img {
    margin-bottom: 30px;
}

#left-menu.hub-left-menu > ul > li > a {
    display: block;
}

#left-menu a {
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    font-size: 18px;
}

@media only screen
and (min-width: 991px) {
    .page-introduction-turned-off p {
        font-size: 28px;
        line-height: 1.4em;
    }

    #left-menu ul:first-child {
        padding: 0;
    }

    #left-menu.hub-left-menu {
        border: none;
        padding: 0;
        margin: 30px 0;
    }
}

ul.programs-apply-btn {
    list-style-type: none;
    padding: 0;
}

ul.programs-apply-btn li {
    display: inline-block;
    margin: 0 8px 0 0;
}

dd, dt {
    font-size: 24px;
    font-family: Georgia, sans-serif;
    color: #393939;
}

dd {
    margin-bottom: 1em;
    padding-left: 1.3em;
}


#left-menu, #text-box {
    border-top: 1px dashed black !important;
    padding-top: 20px;
}


#covid-alert {
    color: white;
    font-size: 15px;
    margin: 15px auto;
    background: #e4002b;
    padding: 15px;
    border: 1px solid #720015;
    text-align: center
}

#covd-alert-icon {
    margin: 0 15px 0 0;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: none;
    border: 1px solid white;
    text-align: center;
    color: white;
    line-height: 35px;
    vertical-align: middle;
    font-size: 150%;
}

#covid-alert-message {
    font-family: "Avenir LT W01 65 Medium", sans-serif;
    letter-spacing: 1.25px;
}

#covid-alert-message a {
    color: white;
    text-decoration: underline;
}

#covid-alert-message span {
    font-weight: bold;
    text-transform: uppercase
}

@media (max-width: 768px) {
    #covid-alert-message span {
        display: block;
    }
}

.main-page #content-landing{
    margin-bottom: 0 !important;
}
.main-page #gazette-events-for-main-hub .event-item{
    margin-top: 0; !important;
}
.main-page #events h1{
    margin-bottom: 45px; !important;
}


.main-page .crt-widget {
    padding-bottom: 0;
}

.main-page .crt-row{
    background: #e7e7e8
}

.main-page .crt-row .container-fluid{
    padding: 0
}