/**
 * ---
 * Table of Contents:
 * ---
 * 1.0 - Large Blockquote Shortcode
 * 2.0 - Quick Links Shortcode
 * 3.0 - Stylized Title Shortcode
 * 4.0 - Social Media Shortcode Icons
 * 5.0 - News Carousel Shortcode
 * 6.0 - FA Shortcode
 * 7.0 - Highlight List Shortcode
 * 8.0 - Home News Heels Shortcode
 * 9.0 - SOM Intro
 * 10.0 - Media Gallery Shortcode
 * ---
 */

/**
 * 1.0 - Large Blockquote Shortcode
 */

.large-quote {
    margin: 0px 14px 0px 14px;
    font-size: 21px;
    display: block;
}

.large-quote::before {
    content: '\201c';
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 5em;
    font-weight: 700;
    line-height: 1;
    color: #56a0d3;
    position: absolute;
    left: 0;
}

.large-quote p {
    margin-left: 1.5em;
    margin-top: 0.4em;
    font-family: "skippy-sharp",sans-serif;
    font-size: 3.6rem;
    line-height: 1.4;
}

.clean-quote {
  display: block;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e1e1e1;
  padding: 1.5em 0 0;
  margin: 1.5em 0;
  position: relative;
}

.clean-quote::before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-65%, -50%);
  background: #fff;
  width: 5rem;
  height: 3rem;
  font: 6em/1.08em "PT Sans",serif;
  color: #4b9cd3;
  text-align: center;
}

.clean-quote p {
    margin-left: 0;
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1.85rem;
    line-height: 1.58;
    font-weight: 400;
}

/**
 * 2.0 - Quick Links Shortcode
 */

.quick-links_bg {
    padding: 10px 15px;
    margin: 14px 0;
    border: 1px solid rgba(0,0,0,.25);
    background-color: #007fae;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.85);
    color: #FFFFFF;
    font-weight: 500;
    font-size: 1.65rem;
}

.quick-links_bg aside.widget h3 {
    border-top: none;
}

.quick-links_bg .widget ul li a, .quick-links_bg .widget ul li a:hover {
    border-bottom: 1px solid rgba(255,255,255,.25);
    color: #FFFFFF;
    padding: 10px;
}

.quick-links_bg .widget ul li {
    display: block;
    transition: all .3s ease-out;
}

.quick-links_bg .widget ul li:last-child a {
    border-bottom: 0;
}

.quick-links_bg .widget ul li:hover {
    background-color: #006185;
    transition: all .3s ease-out;
}

.quick-links_bg p {
    margin-left: 11px;
}

/**
 * 3.0 - Stylized Title Shortcode
 */

.icon-row {
    padding: 0;
    margin-bottom: 0;
    text-align:center;
}

.icon-row li {
    display: inline-block;
    padding: 7px 0;
    width: 23%;
    margin: 0 auto;
}

h2.section-som {
    font: 700 30px/50px Roboto,sans-serif;
    letter-spacing: .01em;
    text-align: center;
    text-shadow: none;
    color: #4B9CD3;
    height: 1px;
    margin-bottom: 2em;
    border-bottom: 4px solid #fbaf41;
    vertical-align: middle;
}

h2.section-som span {
    background: #ffffff;
    padding: 10px 14px;
    position: relative;
    top: -21px;
}

@media (max-width: 480px) {
h2.section-som {
    font: 700 30px/50px Roboto,sans-serif;
    letter-spacing: .01em;
    text-align: center;
    text-shadow: none;
    color: #4B9CD3;
    /* height: 1px; */
    /* margin-bottom: 2em; */
    border-bottom: 0px solid #fff;
    vertical-align: middle;
    padding-bottom: 1em;
}
}

/**
 * 4.0 - Social Media Icon
 */

#menu-social-media.menu li a {
    border-bottom: none;
    display: inline-block;
    color: #ffffff;
    padding: 10px 10px 10px 0 !important;
}

.sidebar #menu-social-media.menu li a {
    color: #007fae;
}

.sidebar #menu-social-media.menu li a:hover, .sidebar #menu-social-media.menu li a:focus {
    color: #286c9b;
}

#menu-social-links-menu li a:link {
    padding-left: 0;
}

#menu-social-media.menu li a:hover {
    color: #286c9b;
}

/** Sidebar Styling  **/
.sidebar li.facebook-ico a::before, li.fb-ico a::before {
    background: url('../../images/icons/blue/facebook.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.twitter-ico a::before {
    background: url('../../images/icons/blue/twitter.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.instagram-ico a::before {
    background: url('../../images/icons/blue/instagram.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.snapchat-ico a::before {
    background: url('../../images/icons/blue/snapchat.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.yelp-ico a::before {
    background: url('../../images/icons/blue/yelp.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.youtube-ico a::before {
    background: url('../../images/icons/blue/youtube.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.googleplus-ico a::before, li.google+-ico a::before {
    background: url('../../images/icons/blue/googleplus.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.linkedin-ico a::before {
    background: url('../../images/icons/blue/linkedin.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.flickr-ico a::before {
    background: url('../../images/icons/blue/flickr.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.vimeo-ico a::before {
    background: url('../../images/icons/blue/vimeo.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.pintrest-ico a::before {
    background: url('../../images/icons/blue/pinterest.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.rss-ico a::before {
    background: url('../../images/icons/blue/rss.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.medium-ico a::before {
    background: url('../../images/icons/blue/medium.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

.sidebar li.itunes-ico a::before, .sidebar li.apple-ico a::before {
    background: url('../../images/icons/blue/itunes.svg') center no-repeat;
    background-size: 20px 20px;
    position: relative;
    content:"logo";
    color:transparent;
    margin-right: 7px;
}

/** Footer Styling  **/
.footer-container #menu-social-media.menu li, .footer-container #menu-social-media-1.menu li {
    display: inline-block;
}

.footer-container #menu-social-media.menu li a:hover,
.footer-container #menu-social-media.menu li a:focus,
.footer-container #menu-social-media.menu li a:focus-visible, 
.footer-container #menu-social-media-1.menu li a:hover,
.footer-container #menu-social-media-1.menu li a:focus,
.footer-container #menu-social-media-1.menu li a:focus-visible {
    color: #ffffff;
    background: transparent;
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.footer-container .facebook-ico, .footer-container .fb-ico {
    background: url('../../images/icons/blue/facebook.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .facebook-ico:hover, .footer-container .fb-ico:hover {
    background: url('../../images/icons/white/facebook.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .twitter-ico {
    background: url('../../images/icons/blue/twitter.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .twitter-ico:hover {
    background: url('../../images/icons/white/twitter.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .instagram-ico, .footer-container .ig-ico {
    background: url('../../images/icons/blue/instagram.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .instagram-ico:hover, .footer-container .ig-ico:hover {
    background: url('../../images/icons/white/instagram.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .snapchat-ico {
    background: url('../../images/icons/blue/snapchat.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .snapchat-ico:hover {
    background: url('../../images/icons/white/snapchat.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .youtube-ico {
    background: url('../../images/icons/blue/youtube.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .youtube-ico:hover {
    background: url('../../images/icons/white/youtube.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .googleplus-ico {
    background: url('../../images/icons/blue/googleplus.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .googleplus-ico:hover {
    background: url('../../images/icons/white/googleplus.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .linkedin-ico {
    background: url('../../images/icons/blue/linkedin.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .linkedin-ico:hover {
    background: url('../../images/icons/white/linkedin.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .flickr-ico {
    background: url('../../images/icons/blue/flickr.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .flickr-ico:hover {
    background: url('../../images/icons/white/flickr.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .apple-ico, .footer-container .itunes-ico {
    background: url('../../images/icons/blue/itunes.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .apple-ico:hover, .footer-container .itunes-ico:hover {
    background: url('../../images/icons/white/itunes.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .vimeo-ico {
    background: url('../../images/icons/blue/vimeo.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .vimeo-ico:hover {
    background: url('../../images/icons/white/vimeo.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .pintrest-ico {
    background: url('../../images/icons/blue/pinterest.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .pintrest-ico:hover {
    background: url('../../images/icons/white/pinterest.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .rss-ico {
    background: url('../../images/icons/blue/rss.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .rss-ico:hover {
    background: url('../../images/icons/white/rss.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .medium-ico {
    background: url('../../images/icons/blue/medium.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .medium-ico:hover {
    background: url('../../images/icons/white/medium.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.footer-container .yelp-ico {
    background: url('../../images/icons/blue/yelp.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.footer-container .yelp-ico:hover {
    background: url('../../images/icons/white/yelp.svg') center no-repeat;
    background-size: 20px 20px;
    margin-top: 1.2em;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#menu-social-links-menu-1 li a:hover {
    background: transparent;
}

#menu-social-links-menu-1 li a:link {
    line-height: 0.5;
    border: none;
}

#menu-social-links-menu-1 li {
    margin-right: 14px;
    margin-top: 14px;
}

.footer-container .facebook-ico,
.footer-container .twitter-ico,
.footer-container .ig-ico, .footer-container .instagram-ico,
.footer-container .snapchat-ico,
.footer-container .youtube-ico,
.footer-container .googleplus-ico,
.footer-container .linkedin-ico,
.footer-container .flickr-ico,
.footer-container .vimeo-ico,
.footer-container .pintrest-ico,
.footer-container .rss-ico,
.footer-container .medium-ico,
.footer-container .yelp-ico,
.footer-container .itunes-ico, .footer-container .apple-ico {
    text-indent: -9999px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 14px !important;
}

.footer-container #menu-social-media.menu li a, .footer-container #menu-social-media-1.menu li a {
    height: 20px;
    width: 20px;
    font: 0/0 sans-serif;
    margin-top: 14px;
    position: relative;
    top: -14px;
    display: block;
    padding: 10px;
    border: none;
}

.footer-container .facebook-ico::before, .footer-container .fb-ico::before,
.footer-container .twitter-ico::before,
.footer-container .yelp-ico::before,
.footer-container .youtube-ico::before,
.footer-container .linkedin-ico::before,
.footer-container .itunes-ico::before, .footer-container .apple-ico::before,
.footer-container .instagram-ico::before, .footer-container .ig-ico::before,
.footer-container .snapchat-ico::before,
.footer-container .vimeo-ico::before,
.footer-container .rss-ico::before,
.footer-container .medium-ico::before,
.footer-container .pintrest-ico::before,
.footer-container .googleplus-ico::before, .footer-container .g+-ico::before
{
    display: none;
}

.footer-container .facebook-ico:hover, 
.footer-container .fb-ico:hover,
.footer-container .twitter-ico:hover,
.footer-container .yelp-ico:hover,
.footer-container .youtube-ico:hover,
.footer-container .linkedin-ico:hover,
.footer-container .itunes-ico:hover, 
.footer-container .apple-ico:hover,
.footer-container .instagram-ico:hover, 
.footer-container .ig-ico:hover,
.footer-container .snapchat-ico:hover,
.footer-container .flickr-ico:hover,
.footer-container .vimeo-ico:hover,
.footer-container .rss-ico:hover,
.footer-container .medium-ico:hover,
.footer-container .pintrest-ico:hover,
.footer-container .googleplus-ico:hover, 
.footer-container .g+-ico:hover {
    transition: .5s;
}

.footer-container #menu-social-media.menu > li:last-child a, .footer-container #menu-social-media-1.menu > li:last-child a {
    border-bottom-width: 0px;
    border-bottom-color: transparent;
}

/**
 * 5.0 - News Carousel Shortcode
 */

div#myCarousel .carousel-indicators {
    width: auto;
    position: absolute;
    z-index: 15;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
    top: 0px;
}

div#myCarousel .carousel-indicators li {
    border: 1px solid #EEEEEE;
}

div#myCarousel .carousel-indicators .active {
    background-color: #EEEEEE;
}

.slide-btn-primary a {
    border: 3px solid #4B9CD3;
    padding: 7px 14px;
    color: #4B9CD3;
    letter-spacing: 1px;
    font-size: 0.9em;
}

.slide-btn-primary a:hover, .slide-btn-primary a:focus {
    border: 3px solid #4B9CD3;
    background-color: #4B9CD3;
    padding: 7px 14px;
    color: #FFF;
}

.slide-btn-warning a {
    float: left;
    border: 3px solid #fbaf41;
    padding: 7px 14px;
    margin: 14px 0;
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    display: inline;
    letter-spacing: 1px;
}

.slide-btn-warning a.btn:hover, .slide-btn-warning a.btn:active, .slide-btn-warning a.btn:focus {
    background-color: #fbaf41;
    color: #FFFFFF;
}

@media (min-width: 1200px) {
div#myCarousel .col-lg-8 {
    width: 38.888%;
}

main.main.col-sm-12 div#myCarousel .col-lg-8 {
    width: 60.888%;
}
}

@media (max-width: 1200px) {
div#myCarousel .col-lg-8 {
    width: 73.333%;
}

div#myCarousel .col-lg-4 {
    width: 73.333%;
}
}

/**
.news-box {
    text-align: left;
    font-size: 1.875rem;
    color: #ffffff;
}

.news-box a {
    text-decoration: none;
}

.news-box h2 {
    color: #007fae;
    text-shadow: none;
    font-size: 3.025rem;
    font-weight: 400;
    line-height: 1.2;
    display: block;
    padding: 14px 0 0 7px;
}

.news-box p {
    color: #505962;
    text-shadow: none;
    font-weight: 400;
    line-height: 1.4em;
    display: block;
    padding: 0 7px 14px 7px;
    margin: 0 auto;
}
 */
.department-intro {
    background-color: #007fae;
    color: #fff;
    padding: 10px 15px;
    margin: 14px 0;
}

.wc-theme-box {
    z-index: -1;
}

.department-intro h1, .department-intro h2 {
    color: #fff;
    font-family: Georgia, serif;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 0;
    border-bottom: 2px solid #fbaf41;
}

.department-intro .wc-theme-box {
    line-height: 1.58;
    padding-left: 3%;
    padding-right: 7%;
    padding-bottom: 21px;
    padding-top: 21px;
    font-size: 17px!important;
    font-weight: bolder!important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

.department-intro .lead {
    color: #fff;
    font-size: 1.85rem;
    line-height: 1.58;
    font-weight: 400;
    padding-left: 14px;
}

/**
 * 6.0 - FA Shortcode
 */
h2#book::after,
h2#bookmark::after,
h2#calendar::after,
h2#chart-pie::after,
h2#chart-column::after,
h2#clock::after,
h2#envelope::after,
h2#face-smile::after,
h2#flask::after,
h2#gift::after,
h2#graduation-cap::after,
h2#heart::after,
h2#location-dot::after,
h2#medkit::after,
h2#microphone::after,
h2#music::after,
h2#newspaper::after,
h2#quote-left::after,
h2#star::after,
h2#stethoscope::after,
h2#table::after,
h2#thumbs-up::after,
h2#university::after,
h2#user::after,
h2#user-doctor::after {
    content: "";
    width: 7rem;
    height: .6rem;
    background-color: #fbaf41;
    margin: 1.5rem auto 2.2rem;
    display: block;
    text-align: center;
}


h2.icon.center.fa-book,
h2.icon.center.fa-bookmark,
h2.icon.center.fa-calendar,
h2.icon.center.fa-chart-column,
h2.icon.center.fa-chart-pie,
h2.icon.center.fa-clock,
h2.icon.center.fa-envelope,
h2.icon.center.fa-face-smile,
h2.icon.center.fa-flask,
h2.icon.center.fa-graduation-cap,
h2.icon.center.fa-heart,
h2.icon.center.fa-location-dot,
h2.icon.center.fa-medkit,
h2.icon.center.fa-microphone,
h2.icon.center.fa-music,
h2.icon.center.fa-newspaper,
h2.icon.center.fa-quote-left,
h2.icon.center.fa-star,
h2.icon.center.fa-stethoscope,
h2.icon.center.fa-table,
h2.icon.center.fa-thumbs-up,
h2.icon.center.fa-university,
h2.icon.center.fa-user,
h2.icon.center.fa-user-doctor {
    text-transform: uppercase;
    font-size: 3.425rem;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}

h2.icon.center::before, h3.icon.center::before {
    color: #257CB7;
    margin-right: .38em;
    font: normal 1.2em/1 FontAwesome;
}
a [class^="icon center fa-"] {
    color: #257CB7;
}
a:hover [class^="icon center fa-"],
a:focus [class^="icon center fa-"],
a:focus-visible [class^="icon center fa-"] {
    color: #000;
}
[class^="icon center fa-"] a:hover,
[class^="icon center fa-"] a:focus,
[class^="icon center fa-"] a:focus-visible {
    outline: none;
}

/**
 * 7.0 - Highlight List Shortcode
 */

ul.stats li {
    /* margin: 1em; */
    padding: 1em 0 0.5em 0;
}

ul.stats {
    margin-top: 0;
    margin-bottom: 0.5em;
    list-style-type: none;
    font-size: 1.2em;
}

.check {
    color: #fff;
    display: inline;
    font-size: 2.1em;
    font-weight: bold;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    background: url(https://med.unc.edu/it/files/2017/11/search-header.png);
    background-color: rgba(75,156,211,.95);
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}

h3#rankings:before {
    background-color: #fff;
}

h3#rankings {
    font-family: Roboto,sans-serif;
    line-height: 1.1;
    color: #505962;
    font-size: 3.425rem;
}

/**
 * 8.0 - Home News Heels Shortcode
 */

.post-featurednews-four img {
  background-size: cover;
    background-position: top center;
    max-height: 200px;
    min-height: 200px;
    min-width: 200px;
    max-width: 280px;
    transition: all .5s ease 0s;
}

.post-featurednews-four img.featurednews-no-crop {
      max-height: none;
      min-height: none;
      min-width: none;
      max-width: none;
  }

.post-featurednews-three img {
  background-size: cover;
    background-position: top center;
    max-height: 250px;
    min-height: 250px;
    min-width: 360px;
    max-width: 360px;
    transition: all .5s ease 0s;
}

.post-featurednews-four img:hover, .post-featurednews img:focus, .post-featurednews-three img:hover, .post-featurednews-three img:focus, .panel.panel-som img:hover, .panel.panel-som img:focus {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/**
 * 9.0 - www-redesign styling
 */

h2.www-somHeader {
    font-weight: 600;
    font-size: 3.25em;
    line-height: 1.2;
    margin: 2.75rem 0 1rem;
    font-family: Oswald,sans-serif;
}

h2.www-somHeader::after {
    border-bottom: .20em solid #4B9CD3;
    content: "";
    width: 300px;
    height: 7px;
    display: block;
    max-width: 45px;
    margin-top: .25em;
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) and (min-width: 0px)  {
h2.www-somHeader {
    margin-top: 0.5em;
    font-weight: 500;
    font-size: 3em;
}

h2.www-somHeaderalt {
    margin-top: 0.5em;
    font: 500 3em/1em Oswald,sans-serif;
    text-align:right;
}

h2.www-somHeader::after {
    border-bottom: 0.15em solid #4B9CD3;
    width: 250px;
    max-width: 50px;
  }

h2.www-somHeaderalt::after {
    border-bottom: 0.15em solid #4B9CD3;
    content: "";
    width: 400px;
    height: 7px;
    display: block;
    max-width: 60px;
    text-align: right;
    position: absolute;
    padding-top: 14px;
    right: 0;
}

.home div#parallax-section h2.www-somHeader {
    font-size: 2em;
    line-height:1.4;
    color: #fff;
    padding: 0.2em 0.4em 0.8em 0.4em;
    max-width: 800px;
    text-align:center;
    background: linear-gradient(to right,rgba(75,156,211,1),rgba(102,153,204,.8));
}

.home div#parallax-section h2.www-somHeaderalt::after {
    display:none !important;
}

.wdn-promo-container .wdn-promo-content h2.www-somHeader::after, div#parallax-section h2.www-somHeader::after {
    border-bottom: 0;
    display: none;
}

}

/* Medium devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) and (min-width: 576px) {
h2.www-somHeader {
    margin-top: 0.5em;
    font: 600 3.75em/1.1em Oswald,sans-serif;
    margin-right: 1em;
}

h2.www-somHeader::after {
    border-bottom: 0.15em solid #4B9CD3;
    content: "";
    width: 400px;
    height: 7px;
    display: block;
    max-width: 60px;
    margin-top: .25em;
}

h2.www-somHeaderalt {
    margin-top: 0.5em;
    font: 600 3.75em/1.1em Oswald,sans-serif;
    text-align:right;
}

h2.www-somHeaderalt::after {
    border-bottom: 0.15em solid #4B9CD3;
    content: "";
    width: 400px;
    height: 7px;
    display: block;
    max-width: 60px;
    text-align: right;
    position: absolute;
    padding-top: 14px;
    right: 0;
}

.home div#parallax-section h2.www-somHeader {
    font-size: 2em;
    line-height:1.4;
    color: #fff;
    padding: 0.2em 0.4em 0.8em 0.4em;
    max-width: 800px;
    text-align:center;
    background: linear-gradient(to right,rgba(75,156,211,1),rgba(102,153,204,.8));
}

.wdn-promo-container .wdn-promo-content h2.www-somHeader::after, div#parallax-section h2.www-somHeader::after {
    border-bottom: 0;
    display: none;
}

}

/* Large devices (desktops, 992px and up) */
@media only screen and (max-width: 992px) and (min-width: 768px) {

h2.www-somHeader {
    margin-top: 0.5em;
    font: 600 2.8em/1.2em Oswald,sans-serif;
    margin-right: 1em;
}

h2.www-somHeader::after {
    border-bottom: 0.15em solid #4B9CD3;
    content: "";
    width: 400px;
    height: 7px;
    display: block;
    max-width: 60px;
    margin-top: .25em;
}

h2.www-somHeaderalt {
    margin-top: 0.5em;
    font: 600 2.8em/1.2em Oswald,sans-serif;
    text-align: right;
}

h2.www-somHeaderalt::after {
    border-bottom: 0.15em solid #4B9CD3;
    content: "";
    width: 400px;
    height: 7px;
    display: block;
    max-width: 60px;
    text-align: right;
    position: absolute;
    padding-top: 14px;
    right: 0;
}
.home div#parallax-section h2.www-somHeader {
    font-size: 2em;
    line-height:1.4;
    color: #fff;
    padding: 0.2em 0.4em 0.8em 0.4em;
    max-width: 800px;
    text-align: center;
    background: linear-gradient(to right,rgba(75,156,211,1),rgba(102,153,204,.8));
}

.wdn-promo-container .wdn-promo-content h2.www-somHeader::after, div#parallax-section h2.www-somHeader::after {
    border-bottom: 0;
    display: none;
}

 }

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (max-width: 1200px) and (min-width: 992px) {

h2.www-somHeader {
    margin-top: 0.5em;
    font: 600 2.8em/1.2em Oswald,sans-serif;
}

h2.www-somHeader::after {
    border-bottom: 0.15em solid #4B9CD3;
    content: "";
    width: 400px;
    height: 7px;
    display: block;
    max-width: 60px;
    margin-top: .25em;
}

h2.www-somHeaderalt {
    margin-top: .5em;
    font: 600 2.8em/1.2em Oswald,sans-serif;
    /* margin-right: 1em; */
    text-align: right;
}

h2.www-somHeaderalt::after {
    border-bottom: 0.15em solid #4B9CD3;
    content: "";
    width: 400px;
    height: 7px;
    display: block;
    max-width: 60px;
    text-align: right;
    position: absolute;
    padding-top: 14px;
    right: 0;

}
}

/* SOM Panels */
.panel-som .panel-heading {
    padding: 0;
    border-bottom: 1px solid transparent;
    border-radius: 0 !important;
}

.panel-som h2.unc-service-panel-header {
    font-weight: 500;
    font-family: Roboto,sans-serif;
}

.panel.panel-som {
    border-bottom: 4px solid #fbaf41;
    border-radius: 0 !important;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
}

.panel.panel-som img:hover {
    transition: all .5s ease 0s;
}

/* Blue Boxes */
.magic-boxes .image-container {
    position: relative;
    overflow: hidden;
    margin: 1em 0;
    max-width: 768px;
    max-height: 512px;
}

.magic-boxes .image-container img {
    height: auto;
    display: block;
    max-width: 100%;
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
}

.magic-boxes .image-container:hover img {
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
    background: rgba(255,255,255,.10);
}

.magic-boxes .image-container a {
    position: absolute;
    color: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    font: 0/0 serif;
    left: 0;
    padding: 0;
    z-index: 2;
}

.magic-boxes .image-container .image-overlay h3 {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: #fff;
    background-color: #007fae;
    font-size: .5em;
    font-weight: 600;
    text-shadow: none;
    border-top: 1px solid #225d85;
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0.8em 1em;
}

.magic-boxes .image-container:hover .image-overlay h3 {
    background-color: #225d85;
    opacity: 1;
    -webkit-transition: background-color 1s ease-in-out;
    -moz-transition: background-color 1s ease-in-out;
    -ms-transition: background-color 1s ease-in-out;
    -o-transition: background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
}

.magic-boxes .image-overlay span.overlay-label {
    color: #fff;
    width: 100%;
    background-color: rgba(0,94,128,0.9);
    font-size: 0.7em;
    text-shadow: 1px 1px 0 rgba(142,158,174,.8);
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
    padding: .2em .2em .2em;
    margin-bottom: 0;
    left: 0;
}

.magic-boxes .image-container .image-overlay {
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    text-align: center;
    font-size: 2em;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    z-index: 1;
}

/**
 * 9.0 - SOM Intro Shortcode
 */

.intro-som {
    max-width: 600px;
    text-align: center;
    margin: 0 25%;
}

.intro-som h2 {
    font: 600 3em/1.1em Oswald,sans-serif;
    color: #4b9cd3;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.intro-som p {
    text-align: center;
    margin: 0 0 2em;
    line-height: 1.6;
    font-size: 24px;
}

/**
 * 10.0 - Media Gallery Shortcode
 */

.gallery .caption {
    overflow-wrap: break-word !important;
 }