@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;
}
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; }
.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; }
.bg-teal, .btn-teal { background-color: #56b2c3; }

.btn-green, .btn-darkblue, .btn-lightblue, .btn-blue, .btn-teal {
    color: #fff!important;
    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: uppercase; }

.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!important; }
.text-black, .text-black a { color: #000000!important; }
.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('https://www.memphis.edu/_um_resources/img/background-building_and_fountain.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.microsite-parallax-and-overlay-wrap {
/*     background: url('https://www.tripsavvy.com/thmb/35wuSekVnwuW6VXHc5i_GXb5isQ=/3072x2304/filters:no_upscale():max_bytes(150000):strip_icc()/GettyImages-109238695-5bf2d82546e0fb0026b04678.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed; */
}

.microsite-parallax-and-overlay-wrap .row {
/*     background: rgba(255, 255, 255, 0.5); */
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.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; }

    .news-events img { min-width: 28vw; padding-bottom: 10px;}

}

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

    .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: #b2b2b5;
    font-family: 'Bitter', sans-serif;
    font-size: calc(0.5rem + 1vw);
    font-style: italic;
    max-width: 20rem;
    margin-right: 2rem;
}

.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,
.content h3, .content .h3 {
    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; }

.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__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 a:not(.toggle-content):not(.btn) {
    color: #003087;
    font-weight: bold;
}

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

.bottom-content a {
    font-weight:normal!important;
}

.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; 
    }

.bottom-content .text-uppercase {
    font-size: large;
    font-weight: bold;
    color: #1F3A60;
}

.bottom-content a, i{
    color: #003087;
}
.bottom-content a, i::after{
    margin-left: 15px;
}
.bottom-content .text-lightblue, .text-lightblue a  { 
    color: #007C9E; 
    font-size: xx-large;
    text-align: center;
 } 

.bottom-content p{
    margin-bottom: 5px;
}

.bottom-content .fw{
    flex: 0 0 350px!important;
}


.bg-lightgray { 
    background-color: #efefef;
}

@media(min-width: 768px) {
    .callouts .col-lg-3 {border-right: 1px solid #999;}
    .callouts .col-lg-3:last-child { border-right: none; }
}

.callouts .img-fluid {
    max-width: 9rem;
    max-height: 5rem;
}

.plan-visit {
/*     background: url('//www.memphis.edu/prospective/images/backgrounds/plan-visit.jpg') no-repeat center center; */
    background-size: cover;
}

.plan-visit .h1 {
    color: white!important;
}

.btn-transparent { border: 1px solid #56b2c3; }
.btn-transparent:hover { background-color: #56b2c3; }

.callouts a, .callouts i{
    color: #007C9E;
    font-weight: bolder;
}

.callouts p {
    min-height: 100px;
}

.news-events h5{
    font-weight: bold;
}

.microsite-v2 {
    font-size: 85%;
}

.microsite-v2 h1 {
    font-size: 1.8rem;
}

.microsite-v2 h2 {
    font-size: 1.2rem;
}

.callouts .h5::after {
    white-space:pre;
    content: '\A __';
    color: #007C9E;
    font-weight: bolder;
}

.content-subpage {
    padding-right: unset;
    padding-left: unset;
}

.parallax .callouts {
    background-color: white;
}

.parallax .callouts {
    background-color: white;
    border-top: 10px solid #007C9E;
    border-left: 10px solid #007C9E;
    border-bottom: 10px solid #007C9E;
    position: relative;
}

.parallax .callouts::after {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    bottom: -10px;
    left: 340px;
    border: 10px solid white;
}

.parallax .callouts-buttons {
    background-color: #00498f;
    position: absolute;
    top: 160px;
    left: 165px;
    z-index: 1;
    color: white!important;
    font-family: Bitter, Georgia, serif;
    font-size: medium;
    text-transform: unset;
}

.parallax .callouts-buttons:hover {
    background: #007C9E;
    color: #FFFFFF;
}

.parallax .callouts-buttons .btn-blue, .btn-blue:hover { color: #00498f; border-color: #00498f; }

@media(max-width: 1199px) {
    .parallax .callouts::after { border:unset; }
    .parallax .callouts-buttons { font-size: small; top: 208px;}
}

@media(max-width: 992px) {
    .parallax .callouts::after { left: 115px; }
    .parallax .callouts-buttons { font-size: small; top: unset; left: unset;}
}

@media(max-width: 767px) {
    .parallax .callouts::after { border: unset; }
    .parallax .callouts-buttons { font-size: small; top: 186px; left: 160px;}
}