﻿.spc-med-blue-bg {

}

.news-spotlight-row h2 {
    text-transform: uppercase;
    font-size: 1.625em;
    font-weight: 600;
    color: #0d2142;
    padding-left: 0.9375rem;
}

.main-content .main-column .news-spotlight-row, .main-content .main-column .highlight-row {
    /*padding-bottom: 60px;*/
}

.main-content .main-column .news-spotlight, .main-content .main-column .highlight {
    position: relative;
    display:block;
    margin: 0px auto;
    padding-bottom: 30px;
}

.main-content .main-column .news-spotlight img {
    border-bottom: 5px solid #c49435;
    padding: 0px 10px;
}

.main-content .main-column .news-spotlight h3, .main-content .main-column .news-spotlight p, .main-content .main-column .news-spotlight a.spotlight-cta, .main-content .main-column .highlight h3, .main-content .main-column .highlight p, .main-content .main-column .highlight a  {
    font-family: Georgia;
}

.main-content .main-column .news-spotlight h3 {
    color: #00406f;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.main-content .main-column .news-spotlight p, .main-content .main-column .highlight p {
    margin-left: 10px;
    margin-right: 10px;
}

.main-content .main-column .news-spotlight a.spotlight-cta, .main-content .main-column .highlight a.spotlight-cta {
    position: absolute;
    bottom: 0px;
    color: #c49435;
    font-weight: bold;
    height: 40px;
    padding: 6px 10px 8px 10px;
    border-radius: 4px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: none;
    border: 2px solid #ececec;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}


    .main-content .main-column .news-spotlight a.spotlight-cta:hover, .main-content .main-column .highlight a.spotlight-cta:hover {
        color: #fff !important;
        background: #0d2142;
    }

.main-content .main-column .icon-spotlight a.spotlight-cta {
    color: #fff;
    background: #0f426f;
    border-radius: 8px;
    height: 16px;
    padding-top: 10px;
    padding-bottom: 25px;
}

    .main-content .main-column .icon-spotlight a.spotlight-cta:hover {
        color: #0d2142 !important;
        background: none;
    }

    .news-spotlight-row .icon-spotlight .icon-spotlight-image-block {
        padding-bottom: 15px;
        border-bottom: 5px solid #c49435;
    }

.news-spotlight-row .news-spotlight.icon-spotlight img {
    padding: 0;
}

.news-spotlight-row .icon-spotlight img {
    margin: 0px auto;
    display: block;

    background: #0f426f;
    border-radius: 50% 50% 50% 50%;
    color: #fff;
    font-size: 5em;
    /*padding: 38px 30px;*/
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.news-spotlight-row .news-spotlight.icon-spotlight img {
    /*max-width: 150px;*/
    border-bottom: 0;
    /*padding-bottom: 13px;*/
}

.news-spotlight-row .icon-spotlight img:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #eee;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

.news-spotlight-row .icon-spotlight img:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.5;
}

.news-spotlight-row .icon-spotlight img:hover {
    box-shadow: 0 0 0 10px #ccc;
    color: #333;
    background: #c49435;
}

    .news-spotlight-row .icon-spotlight img:hover:after {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }

.home-social-block {
    margin-bottom: 20px;
}

.grayRowBg {
    background: #e5e6e6;
    padding-top: 45px;
    padding-bottom: 45px;
}

.row.spotlightMultiRowPadding {
    margin-bottom: 45px;
}

.eventmedia {
    clear: both;
}

.blue-section-header .iconblock img, .blue-section-header .iconblock p {
    min-height: 47px;
}

.blue-section-header {
    
    margin-bottom: 0.2em;
}

.blue-section-header .iconblock {

}

.blue-section-header .iconblock img {
    float: left;
    width: 45px;
    background-color: #0d2142;
    padding: 8px;
    margin-right: 3px;
}

.blue-section-header .iconblock p {
    background-color: #2d4772;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    font-family: "Avenir", "Lato", Arial, sans-serif;
    text-align: left;
    text-transform: uppercase;
    margin: 0px 0px 0 48px;
    padding: 4px 0px 5px 5px;
}

.home-social-body {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-family: "Avenir", "Lato", Arial, sans-serif;
}

.home-social-body ul {
    width: 100%;
    margin: 0;
}

.home-social-body li {
    background: #d6d6d7;
    margin-bottom: 2px;
    padding: 10px 1.5em;
}

.home-social-body ul li.viewallevents a {
    text-align: right;
    padding-right: 35px;
    background: url('../images/home/view-all-arrow.png') center right no-repeat;
    background-size: 26px;
}

.home-social-body time .eventDate, .dateTimeBlock time .eventDate {
    background-color: #97c93c;
}

.home-social-body time .eventTime, .dateTimeBlock time .eventTime {
    color: #fff;
    background-color: #042c51;
}

.home-social-body time .eventDate, .home-social-body time .eventTime, .dateTimeBlock time .eventDate, .dateTimeBlock time .eventTime {
    font-size: 1.2em;
    padding: 4px 10px;
    color: #fff;
    text-transform: uppercase;
}

.home-social-body a {
    display: block;
    padding-left: 20px;
    color: #042c51;
    font-size: 1.1em;
}

.home-social-body {
    /*max-height: 485px;*/
}

.home-social-body .locationBlock {
    display: block;
    padding-left: 20px;
}

.home-social-body .locationBlock .campusName {
    padding: 0px 5px;
    border-right: 1px solid #fff;
}

.home-social-body .locationBlock .campusName:first-child {
    padding-left: 0;
}

.home-social-body .locationBlock .campusName:last-child {
    border-right: 0;
}

.tagboard-block {
    overflow-x: hidden;
    overflow-y: scroll;
}

#social-stream {
    max-height: 430px;
}

section.event {
    margin-bottom: 20px;
}

.eventBlock h2 {
    color: #223871;
}

.eventBlock .dateTimeBlock {
    display: block;
    margin-top: 10px;
}

.eventBlock .campusBlock {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #c49435;
}

.eventBlock .campusBlock span {
    color: #757679;
    border-right: 2px solid #757679;
    text-transform: uppercase;
    padding: 0px 10px;
}

.eventBlock .campusBlock span:first-child {
    padding-left: 0;
}

.eventBlock .campusBlock span:last-child {
    border-right: 0;
}

.eventBlock .addressBlock {
    margin-bottom: 30px;
}

.eventBlock .addressBlock span {
    color: #757679;
    text-transform: uppercase;
    padding: 0;
}

.eventMap {
    position: relative;
}

.eventMap #map {
    min-height: 400px;
}

.eventMap #addressField {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 100%;
    display: none;
}

.eventMap #addressField input {
    float: left;
    width: 100%;
    border: 0;
    height: 40px;
    background: #042c51;
    color: #fff;
    padding-left: 10px;
    font-size: 12px;
}

.eventMap #addressField button {
    width: 10%;
    background: #fff;
    color: #042c51;
    height: 40px;
    border: 0;
    font-size: 30px;
    padding: 0;
}

#mapButtonPanel button {
    float: left;
    width: 50%;
    color: #fff;
    border: 0;
    padding: 0;
    margin: 0;
    height: 30px;
    text-transform: uppercase;
}

#mapButtonPanel button#mapLocationBtn {
    background: #97c93c;
}

#mapButtonPanel button#directionsBtn {
    background: #042c51;
}

.row.button-list-row {
    padding: 35px 0 35px 0 !important;
    background: #e5e6e6;
    border-top: 2px solid #00406f;
    border-bottom: 5px solid #00406f;
    margin-bottom: 20px;
}

.button-list-row a.button-link {
    margin: 0px auto;
    display: block;
    text-transform: uppercase;
    background: #c49435 url('../images/arrow-right3.png') no-repeat right center;
    background-position-y: 17px;
    color: #fff;
    border-radius: 0;
    border: 2px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: bold;
    -webkit-transition: all 0.5s;
}

    .button-list-row a.button-link:hover {
        background-color: #0f426f;
    }

.scholarship-fields p:first-child {
    float: left;
    padding-right: 5px;
    margin-bottom: 0;
    font-weight: bold;
}

.fa-dates-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

.fin-aid-dates-table {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 20px;
    
}

    .fin-aid-dates-table .dates-section-header {
        background: #2d4772;
        
    }

.dates-section-header div:first-child {
    border-right: 1px solid #fff;
}

.content .dates-section-header div p {
    color: #fff;
    font-weight: bold;
}

.fa-date-block {
    display: block;
    width: 100%;
}

.fa-date-block div:first-child {
    border-right: 1px solid #ccc;
}

.dates-section-header div p, .fa-date-block div p {
    margin: 0;
}

.fa-date-block div, .dates-section-header div {
    display: inline-block;
}

    .fa-date-block .fa-date, .dates-section-header .fa-date {
        width: 18%;
        padding: 1% 2%;
    }

    .fa-date-block .fa-date-desc, .dates-section-header .fa-date-desc {
        width: 78%;
        padding: 1% 2%;
    }

.table-row-odd {
    background: #ddd;
}

.event-block-body a:hover {
    color: #97c93c !important;
}
/*.spc-dark-blue-bg {
    background-color: #0d2142 !Important;
}*/
.spc-med-blue-bg {
    background-color: #00406e !Important;
}

    .spc-med-blue-bg:hover {
        background-color: #bf9b30 !Important;
    }

    .spc-med-blue-bg .icon {
        background-color: #0d2142 !Important;
    }
    .spc-med-blue-bg:hover span {
        background-color: #a67c00 !Important;
    }



.spc-gold-bg {
    background-color: #bf9b30 !Important;
}

    .spc-gold-bg:hover {
        background-color: #00406e !Important;
    }

    .spc-gold-bg .icon {
        background-color: #a67c00 !Important;
    }

    .spc-gold-bg:hover span {
        background-color: #0d2142 !Important;
    }

.spc-green-bg {
    background-color: #90ad3e !Important;
}

    .spc-green-bg:hover {
        background-color: #00406e !Important;
    }

    .spc-green-bg .icon {
        background-color: #64792b !Important;
    }

    .spc-green-bg:hover span {
        background-color: #0d2142 !Important;
    }

/*
    vasquez.robert
    LinkDirectory
    Edited 2019-06-24
    Published xxxx-xx-xx
*/

div.link-directory {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

ul.link-directory {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 5px solid #c49435;
    position: relative;
    font-family: Lato, Arial, sans-serif !important;
}

ul.link-directory > li > a {
    background: rgba(15, 66, 111, 1);
    border-bottom: 1px solid rgb(130, 150, 180);
    color: #fff;
    display: block;
    padding: 6px 16px;
    margin:0px 10px;
    font-size:0.85em;
}

ul.link-directory > li > a:hover {
    background: rgb(130, 150, 180);
}

p.link-directory-title {

}

div.popular-links {
    position: absolute;
    right: 0;
    margin-top: -5px;
    margin-right: 10px;
    background: #c49435;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 7px;
    font-family: Lato, Arial, sans-serif !important;
}

/* End LinkDirectory */


/**** global presentation layer ****/

/*.main-content .main-column .news-spotlight-row, .main-content .main-column .highlight-row {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.main-content .main-column .pageBuilderLayout .row .pagePresentationLayoutColumn .news-spotlight-row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}*/

/*.pageBuilderLayout .row .pagePresentationLayoutColumn:first-child .row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}*/

.presentation-row, .main-content .main-column .news-spotlight-row, .main-content .main-column .highlight-row {
    display: block;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.row.button-list-row {
    padding: 35px 0 35px 0 !important;
}

.main-content .main-column .pageBuilderLayout .content {
    margin-top: 0;
}

ul.facultySlider {
    margin-bottom: 0;
}

/**** global presentation layer ****/
@media only screen and (max-width: 40em) {
    .main {
        /*margin-top: 103px;*/
    }

    .banner {
        padding-top:0;
    }

    .home-social-body time .eventDate, .home-social-body time .eventTime {
        font-size: .8em;
    }
}

@media only screen and (min-width: 40.063em) {
    .main {
        /*margin-top: 165px;*/
    }
}

@media only screen and (min-width: 48.0625em) {
    .main {
        /*margin-top: 165px;*/
    }
}

@media only screen and (min-width: 64.063em) {
    .main {
        margin-top: 0px;
    }
}

@media (max-width: 830px) {
    .banner {
        max-height: none;
        min-height: 0;
        max-height: unset;
        min-height: unset;
    }

    .home-social-body li {
        padding: 10px 1em;
    }
}

@media (max-width: 710px) {
    .eventmedia .hide-for-small-down {
        display: none !important;
    }

    .eventmedia .medium-6 {
        width: 100%;
    }
}

@media (max-width: 645px) {
    .main-content .main-column .news-spotlight {
        max-width: 350px;
        margin-bottom: 20px;
    }
}

@media (max-width: 640px) {
    

    /*.banner .shadow .content .text-block p {
        font-size: .8em;
    }*/
}