@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body {
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
    padding-bottom: 4rem;
}

/* fix for accessibility issue */
body section.content p {line-height: 1.7rem;}
body section.content li {line-height: 1.9rem;}
body section.content p + a, body section.content li + a {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 2em;
  margin: -2em;
}


a {
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
a:hover {
    text-decoration-style: dotted;
    text-underline-position: under;
}

#skip a {
    color:#007C9E;
}

.carousel-control-next, .carousel-control-prev:focus {
    text-decoration: underline;
}

img { max-width: 100%; }

.homepage-content h2, .homepage-content h3, .homepage-content .h2, .homepage-content .h3, .news-and-events-wrap .h6, .video-and-description .h4, .do-more, .what-drives-you, .carousel-caption .h3 { font-family: 'Bitter', sans-serif; font-weight: bold; }

h2, .h2, { font-family: Lato, Helvetica, Arial, sans-serif; font-weight: bold; }
.carousel-caption p a{color:white;}
.carousel-caption .h3 {text-transform: none;}

.bg-darkerblue, .bg-darkblue, .bg-blue, .bg-blue a, .bg-darkblue a { color: #fff; }

.bg-lightblue { background-color: #d3eaf0; color: #00498f; }
.bg-lightblue a { color: #00498f; }

/*.bg-green, .btn-green { background-color: #90c155; }*/

.btn-green, .bg-green { background-color: #5b7f2e;}




.bg-blue {background-color: #00498f!important;}
.bg-blue, .btn-blue { background-color: #00498f; }
.bg-darkblue, .btn-darkblue { background-color: #012c58; }
.bg-darkerblue { background-color: #062546; }
/*.btn-lightblue { background-color: #24b4c6; } */

.btn-lightblue { background-color: #287f8a; }


/*.bg-teal, .btn-teal { background-color: #56b2c3; }*/

.bg-teal, .btn-teal { background-color: #287f8a; }

.btn-green, .btn-darkblue, .btn-lightblue, .btn-blue, .btn-teal {
    color: #fff;
    letter-spacing: 0.02em;
}

.button-popout-wrap:hover .btn-green, .btn-green:hover { background: transparent; color: #90c155; border-color: #90c155; }
.button-popout-wrap:hover .btn-darkblue, .btn-darkblue:hover, .btn-darkblue.active { background: transparent; color: #012c58; border-color: #012c58; }
.button-popout-wrap:hover .btn-blue, .btn-blue:hover { background: transparent; color: #00498f; border-color: #00498f; }
.button-popout-wrap:hover .btn-lightblue, .btn-lightblue:hover { background: transparent; color: #24b4c6; border-color: #24b4c6; }
.button-popout-wrap:hover .btn-teal, .btn-teal:hover { background: transparent; color: #56b2c3; border-color: #56b2c3; }

.btn { border-radius: 0; text-transform: none; }

.btn-primary {
	background-color: #003087; 
	border-color: #003087;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: #007C9E;
    border-color: #007C9E; 
}

.sticky-footer {
    background: linear-gradient(
        to right,
        #00498f 0%,
        #00498f 50%,
        #012c58 50%,
        #012c58 100%
    );
    color: #fff;
    bottom: 0;
    z-index: 9001;
}
.sticky-footer a { color: #fff; }

@media(max-width: 767px) {
    body { padding-bottom: 0; }
    .sticky-footer { display: none; }
}

.text-gray { color: #8f8f90; }
.text-blue, .text-blue a { color: #003e7a; }
.text-lightblue, .text-lightblue a  { color: #24b4c6; }
.social-icons .text-lightblue, .text-lightblue a  { color: #007C9E; }
.text-green, .text-green a  { color: #90c155; }
.text-teal { color: #56b2c3; }

.header-logo img, .header-logo-homepage img { height: auto; width: 255px; }

.menu-icon-wrap { border: 1px solid #fff; }
.menu-icon-wrap a:hover { text-decoration: none; }

.hero {
    background-color: #222;
    background-position: center center;
    background-size: cover;
}

.hero > .container { position: relative; }
.hero-search-wrap {
    background-color: rgb(211,234,240);
    background-color: rgba(211,234,240, 0.9);
	position: absolute;
    right: 0;
    bottom: 2rem;
}
.hero-search-wrap input[type="text"] {
    border: none;
    color: #999;
    font-size: 0.89em;
    font-style: italic;
    font-weight: bold;
	height: 3em;
    line-height: 3em;
    outline: none;
    padding-left: 0.5rem;
    text-align: left;
    width: 25rem;
}
.hero-search-wrap input[type="text"]::placeholder { color: #999; }

.hero-search-wrap button[type="submit"] {
    display: inline-block;
    border: none;
    line-height: 2.6rem;
    margin-left: -3px;
    outline: none;
}

.callouts-trio .callout-wrap { border-right: 2px solid #00498f; }
.callouts-trio .callout-wrap:last-child { border: none; }
.callouts-trio p:not(.h3) { font-size: 0.89em; }

.parallax-and-overlay-wrap {
    background: url('../img/background-building_and_fountain.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.jumping-girls { position: relative; }
.jumping-girls img { max-width: 100%; align-self: center; }

.video-wrap {
    background-color: transparent;
    height: 32vw;
    position: relative;
    text-align: center;
}

.video-wrap iframe { height: 31.5vw !important; }

.horizontal-list span, .horizontal-list a { padding-right: 0.5rem; }
.horizontal-list span:last-child, .horizontal-list a:last-child { padding-right: 0; }
.horizontal-list span:last-child::after, .horizontal-list a:last-child:after { display: none; }

.animated-square-wrap {
    background-color: #222;
    background-position: top center;
    background-size: cover;
    color: #fff;
    flex: 1 1 0%;
    position: relative;
    height: 18vw;
    min-height: 6rem;
    overflow: hidden;
}

.animated-square-wrap-outer a { color: #fff; }
.animated-square-wrap-outer a:after {
    content: '>';
    color: #fff;
    display: inline-block;
    margin-left: 0.25rem;
}
.animated-square-wrap-outer a:hover { color: #fff; text-decoration: underline; }

.animated-square-wrap span {
    position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
    text-transform: uppercase;
}

.animated-square-wrap-inner:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 19vw solid transparent;
    border-bottom: 12vw solid #00498f;
    border-bottom-color: rgb(0, 73, 143);
    border-bottom-color: rgba(0, 73, 143, 0.8);
    content: '';
}

.animated-square-wrap-outer {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: rgb(0, 73, 143);
    background-color: rgba(0, 73, 143, 0.8);
    width: 100vw;
    height: 18vw;
    transition: all 0.33s ease-out;
}

.animated-square-wrap:hover .animated-square-wrap-outer {
    top: 0;
    transition: all 0.33s ease-out;
}

.animated-square-wrap .animated-square-wrap-inner {
    position: absolute;
    bottom: 0;
    transition: all 0.33s ease-out;
    width: 100%;
}

.animated-square-wrap:hover .animated-square-wrap-inner {
    position: absolute;
    bottom: 100%;
    transition: all 0.33s ease-out;
}

.button-popout-wrap .btn { width: 100%; }

/* News and Events */
.carouselHomepageNews .carousel-item { padding: 0 calc(1.1rem + 1vw); }

.carouselHomepageNews .carousel-item > img, .carouselHomepageNews .carousel-item > p { display: inline-block; }

.carouselHomepageNews .carousel-control-prev-icon,
.carouselHomepageNews .carousel-control-next-icon {
    background: none;
    color: #012c58;
    font-size: calc(1rem + 1vw);
    font-weight: bold;
    height: auto;
    width: auto;
}
.carouselHomepageNews .carousel-control-prev,
.carouselHomepageNews .carousel-control-next {
    opacity: 1;
    width: auto;
}

.academic-calendar-link { border-bottom: 4px solid #012c58; }
.event-photo {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 22vw;
    position: relative;
}

.event-date {
    color: #fff;
    position: absolute;
    padding: 0.25rem 0.5rem;
    text-align: center;
    text-transform: uppercase;
}

.event-date .day { font-weight: 600; }

a.category-special:before { background-color: #52758E; }
a.category-academics:before { background-color: #1F3A60; }
a.category-athletics:before { background-color: #003087; }
a.category-research:before { background-color: #000000; }
a.category-arts:before { background-color: #428227; }
a.category-campus:before { background-color: #007C9E; }
a.category-closings:before { background-color: #707575; }

.category-special .event-date { background-color: #52758E; }
.category-academics .event-date { background-color: #1F3A60; }
.category-athletics .event-date { background-color: #003087; }
.category-research .event-date { background-color: #000000; }
.category-arts .event-date { background-color: #428227; }
.category-campus .event-date { background-color: #007C9E; }
.category-closings .event-date { background-color: #707575; }

/* Make flex items "full width" */
.button-popout-wrap, .button-wrap, .callout-wrap { flex: 1 1 0%; }

.flex-fix-ie {
    flex: 1 1 0%;
    flex-direction: column;
}

.button-wrap .btn { border-radius: 0; width: 100%; }

.footer-top hr { border-top: 3px solid #90c155; }

.disclaimer {
    font-size: small;
    font-style: italic;
}
.disclaimer a {
    color: #A5A4A4;
    text-decoration: underline;
    text-decoration-style: dotted;
}
.disclaimer a:hover { color: #fff; }

.get-involved-wrap {
    background: url('../img/background-get_involved.jpg') no-repeat center center;
    background-size: cover;
}

.get-involved-content-left {
    background-color: rgb(1,44,88);
    background-color: rgba(1,44,88, 0.8);
}
.get-involved-content-left ul { list-style: none; padding: 0; }

.get-involved-content-left, .get-involved-content-left a { color: #fff; }

.get-involved-content-right {
    background-color: rgb(144,193,85);
    background-color: rgba(144,193,85, 0.8);
}

.get-involved-content-left ul li { display: flex; margin-bottom: 1.5rem; }
.get-involved-content-left ul li:last-child { margin-bottom: 0; }

.get-involved-icon:before {
    background-size: cover;
    content: ' ';
    display: inline-block;
    height: 2rem;
    margin-right: 0.5rem;
    width: 2rem;
}

.icon-student_orgs::before { background-image: url('../img/icon-student_orgs.png'); }
.icon-calendar::before { background-image: url('../img/icon-calendar.png'); }
.icon-success_tools::before { background-image: url('../img/icon-success_tools.png'); }
.icon-volunteer::before { background-image: url('../img/icon-volunteer.png'); }
.icon-residential_living::before { background-image: url('../img/icon-residential_living.png'); }
.icon-tiger_dining::before { background-image: url('../img/icon-tiger_dining.png'); }

footer .h4 {
    border-bottom: 1px solid #8C9FB2;
    font-family: 'Bitter', sans-serif;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
}

 footer .nav, footer .nav-item, footer .nav-item .nav-link { margin: 0; padding: 0; }
footer .nav-item .nav-link { line-height: 1.75; }

 footer .bordered-image {
    width: 100%;
    height: auto;
    border: 1px solid #FFFFFF;
    background-color: #0C203C;
    margin-bottom: 1rem;
}
footer .social-icons a {
    background-color: #3b5b7c;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    border: 1px solid #FFFFFF;
    text-align: center;
    padding-top: 1rem;
}

 footer .social-icons a:hover {
    color: #3b5b7c;
    background-color: #fff;
}

 .footer-stripes nav ul li, .footer-stripes nav ul li a { color: #A5A4A4; }
.footer-stripes nav ul li a:hover { color: #fff; }

 .footer-stripes nav ul li::before {
    padding: 0 0.5rem;
    content: "|";
}

 .footer-stripes nav ul li:first-child::before {
    padding: 0;
    content: '';
}

.footer-stripes nav ul li.first-child::before {
    padding: 0;
    content: unset;
}

.footer--list:focus a, .footer--list:hover a { color: #848383; }
.footer--list a:focus, .footer--list a:hover { color: #FFFFFF; }
/* MEDIA QUERIES */

@media(min-width: 1370px) {
    .parallax-and-overlay-wrap { height: 550px; }
	.callouts-trio { margin-right: -3%;	margin-left: 10%;}
	#carouselHomepageNews {	margin-left: 200px;	margin-right: 200px;}
}

@media(min-width: 992px) and (max-width: 1369px) {
    .parallax-and-overlay-wrap { height: 48vw; }
	.callouts-trio { margin-right: -3%;	margin-left: 10%;}
	#carouselHomepageNews {	margin-left: 200px;	margin-right: 200px;}
}

@media(min-width: 1200px) {
	.calendar-category:before {
        content: ' ';
        display: inline-block;
        height: 0.75rem;
        margin-right: 0.25rem;
        width: 0.75rem;
    }
}


@media(max-width: 1200px) {
	.calendar-category {
        display:none;
    }
}

@media(min-width: 992px) {
	.callouts-trio { margin-right: -3%;	margin-left: 10%;}
	#carouselHomepageNews {	margin-left: 200px;	margin-right: 200px;}
    .footer-stripes {
        background: #0C345D url(../img/footer-stripes.png) repeat 0 0;
        position: relative;
        overflow: hidden;

     }
    .footer-stripes-inner { position: relative; right: 20%; }
    .footer-stripes-inner2 { position: relative; left: 20%; }

     .footer-stripes-inner:before {
        content: ' ';
        display: block;
        position: absolute;
        right: -7rem;
        top: 0;
        bottom: 0;
        border-top: 18rem solid #062546;
        border-right: 7rem solid transparent;
        z-index: 99;
    }
    .footer-stripes-inner:after {
        content: ' ';
        display: block;
        position: absolute;
        right: -8rem;
        top: 0;
        bottom: 0;
        border-top: 22rem solid #0C345D;
        border-right: 8rem solid transparent;
    }
    .scrolling-message {
        height: 2rem;
        overflow: hidden;
        position: relative;
    }
    .scrolling-message span {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 2rem;
        text-align: center;
        /* Starting position */
        -moz-transform:translateX(-100%);
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        /* Apply animation to this element */
        -moz-animation: scrolling-message 15s linear infinite;
        -webkit-animation: scrolling-message 15s linear infinite;
        animation: scrolling-message 15s linear infinite;
    }
    /* Move it (define the animation) */
    @-moz-keyframes scrolling-message {
        0%   { -moz-transform: translateX(100%); }
        100% { -moz-transform: translateX(-100%); }
    }
    @-webkit-keyframes scrolling-message {
        0%   { -webkit-transform: translateX(100%); }
        100% { -webkit-transform: translateX(-100%); }
    }
    @keyframes scrolling-message {
        0%   {
            -moz-transform: translateX(100%); /* Firefox bug fix */
            -webkit-transform: translateX(100%); /* Firefox bug fix */
            transform: translateX(100%);
        }
        100% {
            -moz-transform: translateX(-100%); /* Firefox bug fix */
            -webkit-transform: translateX(-100%); /* Firefox bug fix */
            transform: translateX(-100%);
        }
    }

    .jumping-girls img { margin-top: -2rem; }

    .button-popout-wrap .btn-gray { background-color: #fff; color: #fff; }
    .button-popout-wrap:hover .btn-gray { background-color: #e7e7e8; color: #222; }
    .button-popout-wrap:hover .btn-gray:hover { background-color: #ccc; color: #222; }

    .event-photo { min-height: 12vw; }
}

@media(max-width: 991px) {
    .scrolling-message {
        display: flex;
        margin: 0 auto;
        padding: 0.5rem 1rem;
        justify-content: center;
    }

    .button-popout-wrap .btn-gray { background-color: #e7e7e8; color: #222; }

    .animated-square-wrap { height: 34vw; }
    .animated-square-wrap-inner { display: none; }

    .animated-square-wrap-outer {
        background-color: rgb(0, 73, 143);
        background-color: rgba(0, 73, 143, 0.7);
        min-height: 34vw;
        top: 0;
    }
	
    .news-and-events-wrap .callout-wrap .callout-wrap { float: left; width: 48%; }

    footer .horizontal-list span:after, footer .horizontal-list a:after { display: none; }
}

@media(min-width: 768px) {
    .hero { 
		height:59%;
	}

    .horizontal-list span:after,
    .horizontal-list a:after {
        content: '|';
        display: inline-block;
        padding-left: 0.5rem;
    }

    .accent-logo:after {
/*         background: url('../img/um-logo_footer.png') no-repeat center center; */
        background-size: cover;
        content: ' ';
        display: inline-block;
        height: 1.75rem;
        width: 1.25rem;
        margin-left: 1rem;
    }

}

@media(max-width: 767px) {
    .hero { height: 56vw; }
    .animated-square-wrap { height: 42vw; }
    .animated-square-wrap-outer { min-height: 42vw; }
}

/* Phones and Such */
@media(max-width: 446px) {
    .news-and-events-wrap .callout-wrap .callout-wrap { float: left; width: 44%; }
    .event-photo { min-height: 28vw; }
}

@media(max-width: 500px) {
	.hamburger-menu .search {
		max-width: 7rem !important;
		margin-right: 1rem !important;
	}
}
@media(max-width: 991px) {
	.callouts-trio {display:none !important;}
	.band--programs-list {padding-top:0px !important; }
	.homepage-content .explore {margin-bottom: 0px !important;}
}
/* Full Page Menu */
.hamburger-menu {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 99.5vw;
    height: 100vh;
    z-index: 9001;
}
.show { display: block; }

.hamburger-menu .hide-menu {
    background-color: #ccc;
    color: #012c58;
    font-size: 2rem;
    font-weight: 600;
}
.hamburger-menu .hide-menu:hover { text-decoration: none; }

.hamburger-menu .search {
    border: none;
    border-bottom: 2px solid #fff;
    background: transparent;
    color: #ffffff;
    font-family: 'Bitter', sans-serif;
    font-size: calc(0.5rem + 1vw);
    font-style: italic;
    max-width: 20rem;
    margin-right: 2rem;
}

#ham-search::placeholder {
    color: #ffffff !important;
}

.hamburger-menu .nav { flex: 1 1 0%; }
.hamburger-menu-right { border-left: 2px solid #90c155; }

.hamburger-menu-left .nav-item { font-size: calc(1rem + 0.6vw); }
.hamburger-menu .nav-link:hover {
    text-decoration: underline;
    text-decoration-style: dotted;
}

.hamburger-menu .dropdown-menu {
    background: transparent;
    border: 0;
    position: relative !important;
    float: none !important;
    transform: none !important;
}
.hamburger-menu .dropdown-toggle {
    font-family: 'Bitter', sans-serif;
    font-size: calc(1rem + 1vw);
    font-style: italic;
}

.hamburger-menu .dropdown-toggle::after { display: none; }
.hamburger-menu .dropdown-toggle::before {
    background-color: #012c58;
    border-radius: 100%;
    color: #24b4c6;
    content: '>';
    display: inline-block;
    font-size: calc(0.8rem + 1vw);
    font-weight: 600;
    margin-right: 0.5rem;
    padding: 0 0.5em 0.2em;
}

.hamburger-menu .dropdown-toggle[aria-expanded="true"]::before { transform: rotate(90deg); }

@media(min-width: 992px) {
    .hamburger-menu .dropdown-toggle::before { font-size: calc(0.5rem + 1vw); }
}

.hamburger-menu-right .dropdown-menu .nav-item:hover a { text-decoration: none; }
.hamburger-menu-right .dropdown-menu .nav-item:hover a:before {
    content: '>';
    display: inline-block;
    margin-right: 0.25rem;
}

/* Subpage Styles */
.breadcrumb {
    background: transparent;
    margin-bottom: 2rem;
    padding: 0;
}

.breadcrumb a {
    font-weight:bold;
}

.breadcrumb a:after {
    content: '>';
    display: inline-block;
    margin: 0 0.5rem;
}
.breadcrumb a:last-child:after { display: none; }

.subpage-title {
    font-size: 1.5rem;
    font-weight: 300;
}


.content h1, .content .h1 { color: #00498f; }
.content h2, .content .h2 { color: #00498f; letter-spacing: 0.05em; font-weight: bold; font-size: 1.875rem;}
.content h3, .content .h3 { color: #4f4f4f; } 



.breadcrumb a,
nav.secondary-nav .nav-link {
    color: #4f4f4f;
}



nav.secondary-nav .nav-item .nav-link {
    color: #012c58;
    font-weight: bold;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}
nav.secondary-nav .nav-item .nav-link:hover {
    color: #4f4f4f;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-position: under;
}
nav.secondary-nav .nav-item:first-child .nav-link { padding-left: 0; }
.navbar a.nav-link.selected { color: #007C9E;font-weight:bold;}

.content-subpage nav .nav-item .nav-link { color: #4f4f4f; }
.content-subpage nav .nav-item .nav-link.selected { color: #00498f; font-weight: bold;}
.content-subpage nav .nav-item .nav-link:hover, .content-subpage nav a.dropdown-item.selected {
    color: #00498f;
    font-weight: bold;
}
.content-subpage nav .nav-item .nav-link:hover, .content-subpage nav .dropdown-item:hover {
    color: #007C9E;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-position: under;
}
.content-subpage nav .dropdown-toggle {
    color: #012c58;
    font-weight: bold;
}

.content-subpage nav .dropdown-toggle[aria-expanded="true"]:before {
    content: "\f107";
    display: inline-block;
 	font-family: "Font Awesome 5 Free";
}
.content-subpage nav .dropdown-toggle[aria-expanded="false"]:before {
    content: "\f105";
    display: inline-block;
 	font-family: "Font Awesome 5 Free";
}

.content-subpage nav .dropdown-item:hover { background: transparent; }

.content-subpage .navbar-toggler {
    display: block;
    font-size: inherit;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
}
.content-subpage .navbar-toggler::after { position: absolute; right: 0.5rem; font-weight: bold; }
.content-subpage .navbar-toggler[aria-expanded="false"]::after { content: '+'; }
.content-subpage .navbar-toggler[aria-expanded="true"]::after { content: '-'; }

.content-subpage .d-flex img { max-width: 100%; align-self: center; }

.content-subpage nav { text-transform: uppercase; }
.content-subpage .dropdown-menu { border: 0; }
.content-subpage nav .dropdown-toggle::after { display: none; }

.content-subpage .social-icons a:hover { color: #00498f; }

.content-subpage .btn-teal {
    background-color: transparent;
    color: #56b2c3;
    border-color: #56b2c3;
}
.content-subpage .btn-teal:hover {
    background-color: #56b2c3;
    color: #fff;
}
.content-subpage .btn-teal:hover:before { display: none; }

.content-subpage .btn-rankings {
    background-color: transparent;
    color: #007C9E;
    border-color: #007C9E;
}
.content-subpage .btn-rankings:hover {
    background-color: #007C9E;
    color: #fff;
}
.content-subpage .btn-rankings:hover:before { display: none; }

.content-subpage .btn-green {
    background-color: transparent;
    color: #90c155;
    border-color: #90c155;
}
.content-subpage .btn-green:hover {
    background-color: #90c155;
    color: #fff;
}
.content-subpage .btn-green:hover:before { display: none; }

.carouselSubpageHero .carousel-item {
    background: rgb(0, 73, 143);
    background: rgba(0, 73, 143, 0.75);
}
.carouselSubpageHero .carousel-item img { width: 100%; }
.carouselSubpageHero .carousel-caption {
    background: rgb(0, 73, 143);
    background: rgba(0, 73, 143, 0.65);
    bottom: 0;
    left: 0;
    right: 0;
}

.content .btn { margin-right: 1rem; }
.content .btn, .content-subpage .btn {
    padding-left: 2rem;
    padding-right: 2rem;
}

.video-and-description > div { align-self: stretch; }
.video-description { background-size: cover; }
.video-description > div {
    background: rgb(0, 73, 143);
    background: rgba(0, 73, 143, 0.8);
}
.video-description p { max-width: 22rem; }

.video-responsive { flex: 1 1 0%; }
.video-responsive iframe { height: 100%; width: 100%; min-height: 22vw; }

/* video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
} */


.nationally-ranked-badge { max-width: 8rem; }
.microsite-logo {z-index: 1;}

.subpage-hero {
    background-position: center center;
    background-size: cover;
    min-height: 33vw;
}

 .toggle-content {
    background-color: #00498f;
    color: #fff;
    display: block;
    padding: 0.25em 0.5em;
    position: relative;
    text-transform: uppercase;
}
.toggle-content:hover { color: #fff; }
.toggle-content::after { color: #fff; position: absolute; right: 0.5rem; font-weight: bold; }
.toggle-content[aria-expanded="false"]::after { content: '+'; }
.toggle-content[aria-expanded="true"]::after { content: '-'; }
.toggle-content[aria-expanded="true"] { background-color: #24b4c6; }

.faculty--box { float: left; margin: 15px 0; width: 100%; }
.faculty--box__info { float: left; width: 100%; }
.faculty--box__info__title, .faculty--box__info__desc { float: left; }
.faculty--box__info__title { margin-right: 8px; color: #585858; text-transform: uppercase; letter-spacing: 0.100em; font-weight: 900; font-size: 15px; }
.faculty--list li { float: left; text-transform: uppercase; letter-spacing: 0.100em; font-weight: 900; list-style: none; }
.faculty--list li:before { padding: 0 14px; color: #747474; content: "|"; }
.faculty--list li:first-child:before { padding: 0; content: ""; }


@media(min-width: 1600px) {
    .content-subpage .col-xl-3 {
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
        max-width: 21%;
    }
}
@media(max-width: 1199px) {
    .video-description,
    .video-responsive iframe { min-height: 32vw; }
}

@media(min-width: 992px) {
    .nationally-ranked-badge {
        position: absolute;
        right: 1.85rem;
        top: -1rem;
    }
}

@media(max-width: 991px) {
    nav.secondary-nav .nav-item .nav-link { padding-left: 0; padding-right: 0; }
    .content .btn { margin-bottom: 1rem; }
}

@media(max-width: 767px) {
    .carouselSubpageHero .carousel-item { height: 42vw; }
    .carouselSubpageHero .carousel-caption .h3 { font-size: calc(1rem + 1vw); }
}

@media(max-width: 567px) {
    .carouselSubpageHero .carousel-item { height: 48vw; }
    .carouselSubpageHero .carousel-caption {
        background: rgb(0, 73, 143);
        background: rgba(0, 73, 143, 0.75);
    }
}

 /*.majorList { margin-bottom: 1rem !important; }*/

 .majorList > li > a {
    color: #003e7a;
    border-left: none;
    margin: 0;
    padding: 0.25rem;
    transition: none;
}
.majorList > li > a:hover { background: none; color: #003e7a; }

.nav-pills__item .nav-pills__link:hover,
.nav-pills__item .nav-pills__link.active { background-color: #007C9E; color: #fff; }

/*IE11 navbar text wrap fix*/
.navbar-nav .dropdown-toggle { white-space: normal; }
.navbar-nav .dropdown-item {white-space:  normal;}
.navbar-collapse .navbar-nav {width:100%;}

.header--alert {width: 100%;background-color: #EB0000;color: #FFFFFF;text-transform: uppercase;letter-spacing: 0.125em;font-weight: 900;}
.header--alert__yellow { background-color: #FFFF00; color: #EB0000; }
.header--alert__red { background-color: #EB0000; }
.header--alert__wrapper { padding: 8px 0 20px; width: 100%; }
.header--alert__wrapper__icon { float: left; margin: 0 10px 10px 0; vertical-align: top; font-size: 36px; }
.header--alert__wrapper__icon__sm { float: left; margin: 0 10px 10px 0; vertical-align: top; font-size: 10px; }
.header--alert__wrapper__text { padding-top: 16px; vertical-align: top; }
.header--alert__wrapper__text span { margin-right: 40px; }
.header--alert__wrapper__text a { display: inline-block; color: #FFFFFF; }
.header--alert__wrapper__text a span { font-weight: 900; }

.content-subpage .content a:not(.toggle-content):not(.btn) {
    color: #003087;
    font-weight: bold;
}

.content-subpage .content a:not(.toggle-content):not(.btn):hover {
    color: #007C9E ;
    font-weight: bold;
    text-decoration: none;
}

.breadcrumb a {
    font-weight:bold !important;
    color: #4f4f4f !important;
}

.breadcrumb a:hover {
    color: #007C9E !important;
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
    text-underline-position: under !important;
}


.content-subpage h1, .h1 { 
    font-family: Bitter, Georgia, serif; 
    }

/*AA styling afix*/
.bg-lightgray { background-color: #EDEDED; }

.bg-lightgray .h3 {
    border-bottom: #999 dotted;
    font-family: 'Proxima Nova', sans-serif;
}

.learn-more-link:before {
    background-color: #5AB2C2;
    border-radius: 50%;
    color: #fff;
    content: "\f105";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
    margin-right: 0.5rem;
    padding: 0 0.5rem;
}

.hangingindent {
  padding-left: 33px ;
  text-indent: -33px ;
}

.subtext {font-size:.8em}
.bg-umblue {background-color:#003087 !important;}
#mc_embed_signup .asterisk {color:#aa2222 !important}

.content .btn-toolbar .btn, .content-subpage .btn-toolbar .btn {padding-left:12px; padding-right:12px}
.content .btn-toolbar .btn {margin-bottom:12px;}

.btn-info {background-color:#287f8a; border-color:#287f8a;}