﻿/* Embedded Fonts */
@font-face {
    font-family: 'Lato';
    src: url('/sharedresources/fonts/lato/lato-regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('/sharedresources/fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
    src: url('/sharedresources/fonts/lato/lato-regular-webfont.woff') format('woff'); /* Pretty Modern Browsers */
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/sharedresources/fonts/lato/lato-light-webfont.eot');
    src: url('/sharedresources/fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype');
    src: url('/sharedresources/fonts/lato/lato-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/sharedresources/fonts/lato/lato-bold-webfont.eot');
    src: url('/sharedresources/fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype');
    src: url('/sharedresources/fonts/lato/lato-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/sharedresources/fonts/roboto/roboto-regular-webfont.eot');
    src: url('/sharedresources/fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype');
    src: url('/sharedresources/fonts/roboto/roboto-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.txt-lato-regular {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

.txt-lato-light {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
}

.txt-lato-bold {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
}

/* START EMBEDDED INITIAL STYLES */

/* Universal Styles */
img {
    border: 0px; /*width:auto;*/
    height: auto;
}

html {
    padding: 0;
    margin: 0;
    background: #282828;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

html.slider-on {
    height: 100vh;
    overflow: hidden;
}

body {
    background: #eee;
    /*padding-top: 64px;*/
}

.childrens body {
    padding-top: 48px;
}

.nav-overflow.dept-name-overflow body {
    padding-top: 86px;
}

.childrens.nav-overflow.dept-name-overflow body {
    padding-top: 80px;
}

p a {
    text-decoration: underline !important;
}
/*html[xmlns:ax="http://www.adam.com"] body{padding-top:120px;}*/


/*Paginations*/
.pagination {
    margin-left: 0;
    margin-bottom: 1rem;
}

.pagination-centered {
    text-align: center;
    margin-top: 5px;
}

.pagination::before, .pagination::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.pagination::after {
    clear: both;
}

.pagination li {
    margin-right: 0.0625rem;
    border-radius: 0;
    font-size: 0.875rem;
    display: none;
}

.pagination li:last-child, .pagination li:first-child {
    display: inline-block;
}

@media print, screen and (min-width: 40em) {
    .pagination li {
        display: inline-block;
    }
}

.pagination a, .pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
    color: #0a0a0a;
}

.pagination a:hover, .pagination button:hover {
    background: #e6e6e6;
}

.pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #1779ba;
    color: #fefefe;
    cursor: default;
}

.pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed;
}

.pagination .disabled:hover {
    background: transparent;
}

.pagination .ellipsis::after {
    padding: 0.1875rem 0.625rem;
    content: '\2026';
    color: #0a0a0a;
}

.pagination-previous a::before, .pagination-previous.disabled::before {
    display: inline-block;
    margin-right: 0.5rem;
    content: '\00ab';
}

.pagination-next a::after, .pagination-next.disabled::after {
    display: inline-block;
    margin-left: 0.5rem;
    content: '\00bb';
}
/*End Paginations*/

/* Accessibility */
.accessibility {
    position: absolute;
    left: -99999px;
    height: 1px;
    width: 1px
}

.nav-overflow .accessibility {
    display: none;
}

#skip, .skip {
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    margin-left: 0;
    text-align: center;
    list-style: outside none;
}

#skip li, .skip li {
    list-style-type: none
}

#skip a, .skip a {
    position: absolute;
    left: -99999px;
    top: 30px;
    outline: none;
}

#skip a:focus, #skip a:active, .skip a:focus, .skip a:active {
    position: fixed;
    display: block;
    left: 0;
    right: 0;
    z-index: 10001;
    /*width: 75%;*/
    max-width: 50rem;
    height: auto;
    margin: 0 auto;
    padding: 30px 45px;
    text-align: center;
    text-decoration: none;
    letter-spacing: -4px !important;
    font: bold 50px "Arial", "Freesans", sans-serif !important;
    /* color information, edit this to suit the colors of your layout */
    color: #fff;
    background: rgba(0, 82, 155, 0.8);
    border: 1px solid #000000;
}


/*Header */
.header-wrap {
    height: 67px;
    background: #f8f8f8;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    border: 0px;
    border-bottom: 8px solid #3E678D;
    -moz-border-image: -moz-linear-gradient(left, #3e678d 0%, #45739d 50%, #3e678d 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #3e678d 0%,#45739d 50%,#3e678d 100%);
    border-image: linear-gradient(to right, #3e678d 0%,#45739d 50%,#3e678d 100%);
    border-image-slice: 1;
    /*position: fixed;*/
    top: 0px;
    width: 100%;
   /* z-index: 10000;*/
    transition: all 0.18s ease-in-out;
}

.childrens .header-wrap {
    height: 48px;
    border-bottom: 4px solid #ac248e;
    border-image: none;
}

.ie11 .header-wrap, .ie10 .header-wrap, .ie9 .header-wrap {
    transition: transform 0s;
}

.header-wrap > .row {
    position: relative;
}

.scrolled-past-hero .header-wrap {
    height: 48px;
    border-bottom: 7px solid #3E678D;
    position: fixed;
    top: -48px;
}

.childrens.scrolled-past-hero .header-wrap {
    height: 44px;
    top: -44px;
    border-bottom: 4px solid #ac248e;
}

.childrens.scrolled-past-hero.nav-overflow .header-wrap {
    height: 80px;
    top: -80px;
}

.nav-overflow.dept-name-overflow.scrolled-past-hero .header-wrap {
    top: -110px;
}

.slider-on.nav-overflow.scrolled-past-hero .header-wrap {
    top: 0px;
}

.childrens.scrolled-up .header-wrap,
.scrolled-up .header-wrap,
.scrolled-up.nav-overflow.dept-name-overflow.scrolled-past-hero .header-wrap,
.childrens.scrolled-up.scrolled-past-hero.nav-overflow .header-wrap {
    top: 0px;
}

.childrens.nav-overflow .header-wrap {
    height: 80px;
}

.is-sub-page #header-spacer, .no-js #header-spacer {
    height: 38px;
    display: block;
}

.is-sub-page.has-slider #header-spacer {
    height: 0px;
    display: none;
}

.has-main-buttons-ul #header-spacer {
    height: 38px;
    display: block !important;
}

html.has-slider.has-hc-links-wrap #header-spacer {
    height: 0px;
    display: none !important;
}

.is-secondary-page #header-spacer {
    height: 0px;
}

.is-secondary-page.has-sub-nav #header-spacer {
    height: 38px;
}

.is-secondary-page.has-sub-nav.has-hc-links-wrap #header-spacer {
    height: 0px;
}

.childrens.is-secondary-page #header-spacer {
    height: 68px;
}

.rowland.has-main-buttons-ul #header-spacer {
    display: none !important;
}

#header-spacer.full {
    height: 38px !important;
}

/*Header Logo Box*/
#logo-wrap {
    float: left;
    height: 82px;
    width: 300px;
    margin-left: -1px;
    padding: 10px 20px 0px 15px;
    background: url(/img/logo_banner8_4k.cmp.png) no-repeat center bottom;
    background-size: cover;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    transition: all 0.18s ease-in-out;
    transition-property: margin-top, padding;
    position: relative;
    z-index: 6000;
}

.hc #logo-wrap, .grenada #logo-wrap, .colonypark #logo-wrap {
    width: 260px;
    height: 90px;
    padding-top: 4px;
}

.childrens #logo-wrap {
    height: 106px;
    padding: 9px 7px 0px 18px;
}

.logo-u {
    width: 16%;
    transition: all 0.1s ease-in-out;
}

.hc .logo-u, .grenada .logo-u, .colonypark .logo-u {
    width: 28%;
}

.childrens .logo-u {
    width: 41%;
}
/*.childrens .logo-u{display:none;}*/
.logo-ummc {
    width: 83%;
    transition: all 0s ease-in-out;
    position: absolute;
    margin-left: 6px;
}

.hc .logo-ummc, .grenada .logo-ummc, .colonypark .logo-ummc {
    top: 12px;
    width: 66%;
}
/*.childrens .logo-ummc{width:100%; margin-left:0px;}*/
.childrens .logo-ummc {
    width: 59%;
    margin-top: -2px;
    margin-left: -8px;
}

.logo-ummc-short {
    display: none;
    height: 50px;
    width: 126px;
    position: relative;
}

.childrens .logo-ummc-short {
    height: 55px;
}

.logo-ummc-short img {
    position: absolute;
    width: 126px;
    height: auto;
    left: -6px;
    margin-left: -1px;
}

.childrens .logo-ummc-short img {
    width: 113px;
}

.logo-link {
    display: block;
    height: 100%;
    transition: transform 0.2s ease-in-out;
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;
    position: relative;
}

.hc .logo-link, .grenada .logo-link, .colonypark .logo-link {
    margin-left: 16px;
}

#logo-wrap a img {
    float: left;
    transform: translateZ(0);
    will-change: transform;
}

#logo-wrap:hover a {
    transform: scale(1.05);
}

.scrolled-past-hero #logo-wrap {
    margin-top: -20px;
    padding: 15px 30px 0px 30px;
}

.childrens.scrolled-past-hero:not(.nav-overflow) #logo-wrap {
    padding: 14px 28px 0px 28px;
}

.scrolled-past-hero .hc #logo-wrap, .scrolled-past-hero .grenada #logo-wrap, .scrolled-past-hero .colonypark #logo-wrap {
    margin-top: -31px;
}

.scrolled-past-hero.scrolled-up .hc #logo-wrap, .scrolled-past-hero.scrolled-up .grenada #logo-wrap, .scrolled-past-hero.scrolled-up .colonypark #logo-wrap {
    margin-top: -20px;
}

.scrolled-past-hero .logo-u {
    width: 12%;
    margin-top: 9px;
}

.scrolled-past-hero .hc .logo-u, .scrolled-past-hero .grenada .logo-u, .scrolled-past-hero .colonypark .logo-u {
    width: 23%;
}

.childrens.scrolled-past-hero .logo-u {
    width: 43%;
    margin-top: 8px;
}

.scrolled-past-hero .logo-ummc {
    width: 88%;
    margin-top: -3px;
}

.scrolled-past-hero .hc .logo-ummc, .scrolled-past-hero .grenada .logo-ummc, .scrolled-past-hero .colonypark .logo-ummc {
    width: 65%;
    margin-top: 0px;
}

.childrens.scrolled-past-hero .logo-ummc {
    width: 61%;
    margin-top: 6px;
}

.nav-overflow .hc .logo-link, .nav-overflow .grenada .logo-link, .nav-overflow .colonypark .logo-link {
    margin-left: 0px;
}

.nav-overflow #logo-wrap {
    width: 14em;
    height: 59px;
    background: none;
    border: none;
    margin-left: 4px;
    padding: 3px 0 0 3px;
    position: relative;
    z-index: 2;
}

.nav-overflow .hc #logo-wrap, .nav-overflow .grenada #logo-wrap, .nav-overflow .colonypark #logo-wrap {
    width: 9em;
}
/*.childrens.nav-overflow #logo-wrap{padding: 14px 14px 0px 14px;}*/
.nav-overflow #logo-wrap .logo-u {
    width: 13%;
    margin-top: 7px;
}

.nav-overflow .hc #logo-wrap .logo-u, .nav-overflow .grenada #logo-wrap .logo-u, .nav-overflow .colonypark #logo-wrap .logo-u {
    width: 30%;
    margin-top: 0px;
}

.childrens.nav-overflow #logo-wrap .logo-u {
    width: 34%;
    margin-top: 7px;
}

.nav-overflow #logo-wrap .logo-ummc {
    width: 92%;
    top: -6px;
    bottom: auto;
}

.nav-overflow .hc #logo-wrap .logo-ummc, .nav-overflow .grenada #logo-wrap .logo-ummc, .nav-overflow .colonypark #logo-wrap .logo-ummc {
    width: 77%;
    top: 4px;
}

.childrens.nav-overflow #logo-wrap .logo-ummc {
    width: 67%;
    top: -1px;
    margin-left: -3%;
}

.nav-overflow.dept-name-overflow #logo-wrap {
    width: 14em;
}

.nav-overflow.dept-name-overflow #logo-wrap .logo-u {
    width: 23%;
}

.nav-overflow.dept-name-overflow #logo-wrap .logo-ummc {
    display: none;
}

.nav-overflow.dept-name-overflow #logo-wrap .logo-ummc-short {
    display: block;
    width: 61%;
    margin-left: 58px;
    padding-bottom: 2px;
    border-bottom: 1px solid #a7b4bf;
}

.childrens.nav-overflow.dept-name-overflow:not(.childrens-home) #logo-wrap .logo-ummc-short {
    border-bottom: 1px solid #4eab71;
}

.childrens.nav-overflow.dept-name-overflow.childrens-home #logo-wrap .logo-ummc-short {
    border-bottom: none;
}

.nav-overflow.scrolled-past-hero #logo-wrap {
    padding-top: 13px;
}

.childrens.nav-overflow.scrolled-past-hero #logo-wrap {
    padding-top: 3px;
    margin-top: 0px;
}

.nav-overflow.scrolled-past-hero .hc #logo-wrap {
    margin-top: 0px;
    padding-top: 0px;
}

.nav-overflow.scrolled-past-hero .hc #logo-wrap .logo-u {
    margin-top: 2px;
    width: 22%;
}

.nav-overflow.scrolled-past-hero #logo-wrap .logo-ummc {
    top: -2px;
}

.nav-overflow.scrolled-past-hero .hc #logo-wrap .logo-ummc {
    top: 2px;
    width: 64%;
}

.childrens.nav-overflow.scrolled-past-hero #logo-wrap .logo-ummc {
    top: -2px;
    margin-top: -1px;
}

/* Sub Page Department Name */
#dept-name {
    position: absolute;
    width: 280px;
    top: 67px;
    left: 9px;
    padding: 0;
    text-align: center;
    background: url(/img/sub_title_banner_4k.cmp.png) no-repeat center bottom;
    background-size: cover;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.28em;
    color: #fff;
    margin: 0;
    line-height: 1.2em;
    z-index: 5000;
    transition: top 0.18s, margin 0.18s;
}

.hc #dept-name, .grenada #dept-name, .colonypark #dept-name {
    width: 240px;
    top: 73px;
}

.childrens #dept-name {
    top: 90px;
    background: url(/img/sub_title_banner_purple_4k.cmp.png) no-repeat center bottom;
    background-size: cover;
}

#dept-name:hover {
    background: #3c77af;
}

.childrens #dept-name:hover {
    background: #b9008f;
}

#dept-name a {
    color: #fff;
    display: block;
    padding: 17px 8px 13px 8px;
}

#dept-name a:hover {
    text-decoration: underline;
}
/*.childrens #dept-name a{font-family:'Comic Neue Angular', sans-serif; font-weight:400;}*/
.scrolled-past-hero #dept-name {
    top: 47px;
}

.scrolled-past-hero .hc #dept-name, .scrolled-past-hero .grenada #dept-name, .scrolled-past-hero .colonypark #dept-name {
    top: 44px;
}

.childrens.scrolled-past-hero #dept-name {
    top: 71px;
}

.scrolled-past-hero.scrolled-up .hc #dept-name, .scrolled-past-hero.scrolled-up .grenada #dept-name, .scrolled-past-hero.scrolled-up .colonypark #dept-name {
    top: 54px;
}

.nav-overflow #dept-name {
    position: relative;
    top: inherit;
    left: inherit;
    font-family: serif;
    margin-top: 16px;
    background: none;
    color: #2c4f6f;
    float: left;
    font-size: 1.4em;
    padding: 0;
    margin-left: 22px;
    border-left: 1px solid #bbb;
    width: auto;
    z-index: 2;
}

.nav-overflow .hc #dept-name, .nav-overflow .grenada #dept-name, .nav-overflow .colonypark #dept-name {
    top: inherit;
    margin-top: 9px;
}

.childrens.nav-overflow #dept-name {
    margin-top: 26px;
    margin-left: 12px;
}

.scrolled-past-hero.nav-overflow #dept-name {
    margin-top: 7px;
    margin-left: 17px;
}

.scrolled-past-hero.nav-overflow .hc #dept-name, .scrolled-past-hero.nav-overflow .grenada #dept-name, .scrolled-past-hero.nav-overflow .colonypark #dept-name {
    top: inherit;
    margin-top: 3px;
    margin-left: -4px;
}

.childrens.scrolled-past-hero.nav-overflow #dept-name {
    top: inherit;
    margin-top: 23px;
    border-left: 1px solid #4eab71;
}

.childrens.scrolled-past-hero.nav-overflow:not(.dept-name-overflow) #dept-name:hover {
    background: none;
}

.nav-overflow #dept-name a {
    color: #2c4f6f;
    padding: 4px 0px 0px 14px;
    position: relative;
}

.nav-overflow .hc #dept-name a, .nav-overflow .grenada #dept-name a, .nav-overflow .colonypark #dept-name a {
    padding-top: 9px;
    padding-bottom: 9px;
}

.scrolled-past-hero.nav-overflow .hc #dept-name a, .scrolled-past-hero.nav-overflow .grenada #dept-name a, .scrolled-past-hero.nav-overflow .colonypark #dept-name a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.childrens.nav-overflow #dept-name a { /*font-family: 'Comic Neue Angular', sans-serif; font-weight: 700; letter-spacing: -1.2px;*/
    color: #ac258d;
}

.nav-overflow #dept-name a:hover {
    color: #1f67a9;
    text-decoration: none;
    border-bottom: 1px solid;
}

.ie11.nav-overflow #dept-name a:hover, .ie10.nav-overflow #dept-name a:hover, .ie9.nav-overflow #dept-name a:hover {
    border-bottom: none;
}

.nav-overflow #dept-name a:after {
    content: '\203A';
    position: absolute;
    top: 8%;
    left: 95%;
    opacity: 0;
    transition: all 0.14s ease-in-out;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
}

.ie11.nav-overflow #dept-name a:after, .ie10.nav-overflow #dept-name a:after, .ie9.nav-overflow #dept-name a:after {
    content: '';
}

.nav-overflow #dept-name a:hover:after {
    left: 103%;
    opacity: 1;
}

.nav-overflow #dept-name a br, .nav-overflow #dept-name a br:after {
    display: initial;
    content: ' ';
}

.nav-overflow.dept-name-overflow #dept-name {
    width: 100%;
    background: #f8f8f8;
    margin-top: -8px;
    margin-left: 0px;
    border-bottom: 7px solid #3E678D;
    padding: 2px 8px 8px 64px;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

.childrens.nav-overflow.dept-name-overflow #dept-name {
    border-bottom: 4px solid #ac248e;
}

.nav-overflow.dept-name-overflow .hc #dept-name, .nav-overflow.dept-name-overflow .grenada #dept-name, .nav-overflow.dept-name-overflow .colonypark #dept-name {
    margin-top: -8px;
}

.childrens.nav-overflow.dept-name-overflow:not(.childrens-home) #dept-name {
    margin-top: -3px;
    padding-bottom: 3px;
}

.childrens-home.nav-overflow.dept-name-overflow #dept-name {
    display: none;
}

.nav-overflow.dept-name-overflow #dept-name a {
    display: inline;
    padding-top: 2px;
    padding-left: 0px;
    color: #184c7c;
}

.childrens.nav-overflow.dept-name-overflow:not(.childrens-home) #dept-name a { /*font-family: 'Comic Neue Angular', sans-serif; font-weight: 700; letter-spacing: -1.2px;*/
    color: #ac258d;
}

.nav-overflow.dept-name-overflow #dept-name a br {
    display: block;
}

/* Top Buttons (Search Button and Mobile Hamburger Button */
ul.menu.top-buttons {
    position: relative;
    float: right;
    margin-top: 11px;
}

.childrens ul.menu.top-buttons {
    margin-top: 4px;
}

.nav-button-li {
    padding-right: 0px;
    float: left;
}

.nav-button-li.fb {
    padding-right: 5px;
}

.nav-button-li.fb button.top {
    background: #40599A url(/img/fb_logo.svg) no-repeat;
    background-size: 92%;
    background-position: 0% 100%;
    border: 1px solid #fff;
}

.nav-button-li.fb button.top:hover, .nav-button-li.fb button.top:focus {
    background-color: #4769c1;
}

.nav-button-li.fb button.top:hover, .nav-button-li.fb button.top:focus {
    outline: none;
}

.firefox .nav-button-li {
    float: none;
}

.nav-button-li button.top {
    border-radius: 0px;
    border: 1px solid #d1d1d1;
    height: 36px;
    width: 36px;
    overflow: hidden;
    position: relative;
    transition: all 0.18s ease-in-out;
}

.nav-button-li button.top:hover, .nav-button-li button.top:focus {
    border: 1px solid #000;
}

.nav-button-li button p {
    text-indent: -9999px;
    font-size: 0.1px;
    position: absolute;
}


/*.nav-button-li.search button.top{background: #fff; position:relative;}
.nav-button-li.search button.top:hover, .nav-button-li.search button.top:focus{
    background:#2b6092; 
    outline:none;
    border:1px solid #000;
}

.nav-button-li.search button.top:after{
    content:'\2315';
    font-size:2.7rem;
    line-height:1rem; 
    color:#184C7C;
    top:-30%;
    left:0px;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight:300;
    transition:all 0.18s ease-in-out;
}
.firefox .nav-button-li.search button.top:after{font-size:2.2rem; line-height:1.5rem;}
.ie11 .nav-button-li.search button.top:after, .ie10 .nav-button-li.search button.top:after, .ie9 .nav-button-li.search button.top:after{line-height:0.9em;}
.android  .nav-button-li.search button.top:after{line-height:1.8rem;}
.nav-button-li.search button.top:hover:after, .nav-button-li.search button.top:focus:after{ color:#fff;}
.nav-button-li.search button.top.isActive:after{display:none;}

.nav-button-li.search button.isActive, .nav-button-li.search button.isActive:hover{background:#2b6092; border:1px solid #000; }*/

.nav-button-li.search button.top {
    /*background: rgba(255, 255, 255, 0.05);*/
    background-color: rgba(255,255,255,1);
    background-image: url('/img/search_icon.svg');
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}

.nav-button-li.search button.top:focus, .nav-button-li.search button.top:hover {
    background-color: #2b6092;
    background-image: url('/img/search_icon_inverted.svg');
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}

.nav-button-li.search button.isActive, .nav-button-li.search button.isActive:hover, .nav-button-li.search button.isActive:focus {
    background-image: none;
    background-color: #2b6092;
    border: 1px solid #000;
}

.nav-button-li.search button.top:after {
    content: none !important;
}

.nav-button-li.search button.top.isActive span {
    position: absolute;
    width: 64%;
    height: 2px;
    top: 48%;
    left: 6px;
    transition: all 0.18s ease-in-out, transform 0.5s ease-in-out;
}

.nav-button-li.search button.top.isActive span:before, .nav-button-li.search button.top.isActive span:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0px;
    height: 2px;
    background-color: #fff;
}

.nav-button-li.search button.top.isActive span:before {
    top: 0px;
    transform: rotate(45deg);
}

.nav-button-li.search button.top.isActive span:after {
    top: 0px;
    transform: rotate(-45deg);
}



.nav-button-li.hamburger button.top {
    outline: none;
    display: none;
    background: #fff;
}

.nav-button-li.hamburger button.top span {
    position: absolute;
    width: 64%;
    height: 2px;
    background-color: #184c7c;
    top: 48%;
    left: 6px;
    transition: all 0.18s ease-in-out, transform 0.5s ease-in-out;
}

.nav-button-li.hamburger button.top span:before, .nav-button-li.hamburger button.top span:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0px;
    height: 2px;
    background-color: #184c7c;
    transition: all 0.18s ease-in-out, transform 0.5s ease-in-out;
}

.nav-button-li.hamburger button.top span:before {
    top: -7px;
}

.nav-button-li.hamburger button.top span:after {
    top: 7px;
}

.nav-button-li.hamburger button.top:hover,
.slider-on .header-wrap .nav-button-li.hamburger button.top,
.nav-button-li.hamburger button.top:focus {
    background: #184C7C;
}

.nav-button-li.hamburger button.top:hover span,
.nav-button-li.hamburger button.top:hover span:before,
.nav-button-li.hamburger button.top:hover span:after,
.nav-button-li.hamburger button.top:focus span,
.nav-button-li.hamburger button.top:focus span:before,
.nav-button-li.hamburger button.top:focus span:after,
.slider-on .header-wrap .nav-button-li.hamburger button.top span,
.slider-on .header-wrap .nav-button-li.hamburger button.top span:before,
.slider-on .header-wrap .nav-button-li.hamburger button.top span:after {
    background-color: #fff;
}

.slider-on .header-wrap .nav-button-li.hamburger button.top span {
    background-color: transparent;
}

.slider-on .header-wrap .nav-button-li.hamburger button.top span:before {
    top: 0px;
    transform: rotate(45deg);
}

.slider-on .header-wrap .nav-button-li.hamburger button.top span:after {
    top: 0px;
    transform: rotate(-45deg);
}

.nav-overflow ul.menu.top-buttons {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
}

.childrens.nav-overflow ul.menu.top-buttons {
    margin-top: 6px;
}

.nav-overflow .nav-button-li {
    padding-right: 5px;
}

.scrolled-past-hero ul.menu.top-buttons {
    margin-top: 6px;
}

.childrens.scrolled-past-hero ul.menu.top-buttons {
    margin-top: 2px;
}

.childrens.scrolled-past-hero.nav-overflow ul.menu.top-buttons.childrens.scrolled-past-hero.nav-overflow.dept-name-overflow ul.menu.top-buttons {
    margin-top: 6px;
}

.scrolled-past-hero.nav-overflow.dept-name-overflow ul.menu.top-buttons {
    margin-top: 11px;
}

.scrolled-past-hero .nav-button-li button.top {
    height: 29px;
    width: 29px;
}

.scrolled-past-hero .nav-button-li.hamburger button.top span {
    left: 5px;
}

.scrolled-past-hero.nav-overflow.dept-name-overflow .nav-button-li button.top {
    height: 36px;
    width: 36px;
}

.scrolled-past-hero.nav-overflow.dept-name-overflow .nav-button-li.hamburger button.top span {
    left: 6px;
}

.scrolled-past-hero .nav-button-li.search button.top:after {
    font-size: 2.2rem;
    top: -30%;
}

.scrolled-past-hero.nav-overflow.dept-name-overflow .nav-button-li.search button.top:after {
    font-size: 2.7rem;
    top: -30%;
}

.firefox.scrolled-past-hero ul.menu.top-buttons {
    margin-top: 1px;
}

.firefox.scrolled-past-hero .nav-button-li.search button.top:after {
    font-size: 1.8rem;
    top: -9%;
}

/*Search Pop-up Box*/
#search-popup-wrap {
    position: absolute;
    right: 42px;
    width: calc(100% - 60px);
    height: 36px;
    background: rgb(248,248,248);
    padding-top: 0px;
    transition: width 0.6s, height 0.3s;
    overflow: hidden;
    opacity: 1;
    z-index: 5003;
}

#search-popup-wrap.hideSearch {
    width: 0%;
    opacity: 0;
    transition: width 0.18s ease-in-out, opacity 0.18s ease-in;
}

#search-popup-wrap .menu {
    float: right;
}

#search-popup-wrap .menu li {
    vertical-align: top;
}

#search-popup-wrap input {
    height: 36px;
    width: 22rem;
    padding: 0 12px;
    border-right: 1px solid #000;
    font-size: 1.1rem;
    /*font-family: lato-light, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;*/
    transition: width 0.4s, height 0.18s;
}

#search-popup-wrap.hideSearch input {
    width: 0rem;
    display: none;
}

#search-popup-wrap input:focus {
    box-shadow: none;
}

#search-popup-wrap button, #search-popup-wrap input[type='submit'] {
    padding: 8px 10px;
    height: 36px;
    width: 80px;
    transition: width 0.18s, height 0.18s;
}

#search-popup-wrap.hideSearch button {
    width: 0px;
}

.scrolled-past-hero #search-popup-wrap {
    right: 34px;
    height: 38px;
    padding-top: 3px;
}

.scrolled-past-hero #search-popup-wrap input {
    height: 29px;
    padding: 0 12px;
    border-right: 1px solid #000;
    font-size: 1rem;
}

.scrolled-past-hero #search-popup-wrap input:not(.button) {
    width: 22rem;
}

.scrolled-past-hero #search-popup-wrap button, .scrolled-past-hero #search-popup-wrap input[type='submit'] {
    padding: 4px 10px;
    height: 29px;
}

/* Search Box, Post-Mobile Swap  */
.nav-overflow #search-popup-wrap, .nav-overflow #search-popup-wrap.hideSearch {
    opacity: 1;
    position: relative;
    width: 100%;
    right: auto;
    left: auto;
    top: auto;
    margin: 0px;
    box-sizing: border-box;
    height: 40px;
    padding: 4px 0px 4px 4px;
    border-left: 1px solid #cecece;
    background: #eee;
}

.nav-overflow #search-popup-wrap > ul {
    width: 100%;
}

.nav-overflow #search-popup-wrap > ul > li {
    display: inline-block;
}

.nav-overflow #search-popup-wrap > ul > li:first-child {
    width: calc(100% - 69px);
}

.nav-overflow #search-popup-wrap input, .nav-overflow #search-popup-wrap.hideSearch input {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    border: 1px solid #bbb;
    font-size: 0.9em;
}

.nav-overflow #search-popup-wrap button, .nav-overflow #search-popup-wrap.hideSearch button {
    height: 32px;
    width: 64px;
    padding: 0px 6px;
}


/*Top Horizontal Nav*/
#top-nav-wrap {
    float: right;
    padding-top: 11px;
    transition: all 0.1s ease-in-out;
}

.childrens #top-nav-wrap {
    padding-top: 4px;
}

#top-nav-wrap ul.menu {
    float: right;
}

ul.menu.top-nav {
    margin-top: 0px;
    margin-right: 5px;
    position: relative;
    z-index: 5001;
    display:flex;
}

/*html.ummc:not(.grenada):not(.pcams):not(.asylum):not(.colonypark) ul.menu.top-nav > li:first-child > a, html.hc:not(.grenada):not(.colonypark) ul.menu.top-nav > li:first-child > a {
    font-size: 2rem;
    line-height: 0.85rem;
    font-weight: bold;
    position: absolute;
    top: 0px;
    padding-top: 9px;
    left: -43px;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
}*/

span.top-home {
    font-size: 0.9rem;
    font-weight: normal;
    font-family: 'Lato',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: 700;
    display: block;
    height: 1px;
    width: 1px;
    text-indent: -100vw;
    overflow: hidden;
}

.ie11 ul.menu.top-nav > li:first-child > a, .ie10 ul.menu.top-nav > li:first-child > a, .ie9 ul.menu.top-nav > li:first-child > a {
    top: -18px !important;
}

.ie11.scrolled-past-hero ul.menu.top-nav > li:first-child > a, .ie10.scrolled-past-hero ul.menu.top-nav > li:first-child > a, .ie9.scrolled-past-hero ul.menu.top-nav > li:first-child > a {
    top: -16px !important;
}

ul.menu.top-nav > li {
    position: relative;
    display:inline-block;
}

ul.menu.top-nav > li > a {
    border-right: 1px solid #e2e2e2;
    font-size: 0.9em;
    padding: 11px 0.7rem;
    transition: all 0.08s ease-in-out;
}

ul.menu.top-nav > li:nth-last-child(1) > a, #top-nav-wrap ul.menu > li:last-child > a {
    border-right: none;
}

ul.menu.top-nav > li a:hover, ul.menu.top-nav > li a:focus, ul.menu.top-nav li > a.hoverli, .nav-overflow ul.menu.top-nav > li > a.hoverli {
    background: #295B89;
    color: #fff;
}

.nav-overflow ul.menu.top-nav > li > a:hover {
    background: #c7c7c7 !important;
    color: #0072dc;
}

ul.menu.top-nav li a.has-subnav {
    padding-right: 20px !important;
    position: relative;
}

.no-room-4dd ul.menu.top-nav > li ul a.has-subnav {
    padding-right: 12px !important;
    padding-left: 20px !important;
    position: relative;
}

ul.menu.top-nav li a.has-subnav:after {
    font-size: 1.4em;
    content: " \203A";
    position: absolute;
    top: 23%;
    right: 7px;
    left: auto;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    transition: all 0.1s ease-in-out;
}

.ie11 ul.menu.top-nav li a.has-subnav:after, .ie10 ul.menu.top-nav li a.has-subnav:after, .ie9 ul.menu.top-nav li a.has-subnav:after {
    font-size: 1.2rem;
}

.no-room-4dd ul.menu.top-nav > li ul a.has-subnav:after {
    right: auto;
    left: 12px;
}

ul.menu.top-nav li a.has-subnav:hover:after {
    -webkit-animation: subNavArrowPulse 1.3s 1;
    animation: subNavArrowPulse 1.3s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

ul.menu.top-nav li a.has-subnav.hoverli:after {
    transform: rotate(0deg) !important;
    transform-origin: 0% 80%;
    animation: none;
}


/* Horizontal Top Nav - Dropdown */
ul.menu.top-nav li > ul {
    display: none;
    position: absolute;
    width: calc(160px + 1.8vw);
    background: rgba(74, 102, 130, 0.98);
    top: 103%;
    right: 1px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #1e3744;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}

ul.menu.top-nav > li > ul {
    background: rgba(56, 84, 111, 0.97);
}

ul.menu.top-nav li > ul > li > ul {
    top: 32px;
    left: auto;
    right: calc(-100% - 2px);
}

.no-room-4dd ul.menu.top-nav li > ul > li > ul {
    left: calc(-100% - 2px);
    right: auto;
}

ul.menu.top-nav > li ul > li > a {
    display: block;
    font-size: 0.85rem;
    line-height: 1.2em;
    padding: 8px 12px;
    color: #fff;
    border-bottom: 1px solid #19272f;
}

.no-room-4dd ul.menu.top-nav > li ul > li > a {
    text-align: right;
}

ul.menu.top-nav > li ul > li:last-child > a {
    border-bottom: none;
}


/* Top Nav */
.nav-overflow ul.menu.top-nav li > ul {
    display: none;
    position: relative;
    top: auto;
    left: auto !important;
    right: auto !important;
    bottom: auto;
    width: 100%;
    background-color: #f6f6f6;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    list-style: none;
    font-size: 0.75em;
    border-top: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-left: 12px solid #e2e2e2;
    border-right: none;
    box-shadow: none;
}

.nav-overflow ul.menu.top-nav a:hover {
    color: #0072dc !important;
}

.nav-overflow ul.menu.top-nav > li > ul > li:last-child {
    border-bottom: none;
}

.nav-overflow ul.menu.top-nav > li ul > li > a {
    display: block;
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #ddd;
    color: #003769;
}

.nav-overflow ul.menu.top-nav > li > ul > li:hover > a,
.nav-overflow ul.menu.top-nav > li > ul > li > a:hover,
.nav-overflow ul.menu.top-nav > li > ul > li > a.hoverli,
.nav-overflow ul.menu.top-nav > li > ul > li.currentPage > a {
    background-color: #d9d9d9;
}

.nav-overflow ul.menu.top-nav > li > ul > li > ul {
    background-color: #eee;
    border-left: 10px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.nav-overflow ul.menu.top-nav > li > ul > li > ul > li > a:hover,
.nav-overflow ul.menu.top-nav > li > ul > li > ul > li > a.hoverli,
.nav-overflow ul.menu.top-nav > li > ul > li > ul > li.currentPage > a {
    background-color: #d0d0d0;
}

.nav-overflow ul.menu.top-nav > li > ul > li > ul > li > ul {
    border-left: 8px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
}

.nav-overflow ul.menu.top-nav > li > ul > li > ul > li > ul > li > a {
    background: #e8e8e8;
}

.nav-overflow ul.menu.top-nav > li > ul > li > ul > li > ul > li > a:hover {
    background-color: #d0d0d0;
}

.scrolled-past-hero #top-nav-wrap {
    padding-top: 3px;
}

.scrolled-past-hero #top-nav-wrap ul.menu.top-nav {
    margin-top: 0px;
}

.scrolled-past-hero #top-nav-wrap ul.menu > li > a {
    padding: 8px 12.8px 7px 12.8px;
}



#top-nav-header {
    display: none;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    padding: 11px 8px 9px 8px;
    border-bottom: 1px solid #366998;
    background: #184c7c;
    color: #fff;
    position: relative;
    overflow: hidden;
}

#top-nav-header:hover {
    background: #2E71AF;
}

#top-nav-header:after {
    content: " \203A";
    font-size: 2em;
    line-height: 0.6em;
    position: absolute;
    top: 29%;
    right: 2%;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}

#top-nav-header:hover:after {
    -webkit-animation: topNavHeaderArrowPulse 1.3s 1;
    animation: topNavHeaderArrowPulse 1.3s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@keyframes topNavHeaderArrowPulse {
    0% {
        top: 29%;
    }

    25% {
        top: 35%;
    }

    50% {
        top: 29%;
    }

    75% {
        top: 35%;
    }

    100% {
        top: 29%;
    }
}

.nav-overflow #top-nav-header {
    display: block;
}

/* Top Horizontal Nav - Mobile */
.nav-overflow .nav-button-li.hamburger button.top {
    display: inherit;
}

.nav-overflow.slider-on .header-wrap {
    transform: translateX(-30vw) translateZ(0) perspective(1px) scale(1.0001);
    will-change: transform;
}

.nav-overflow.slider-on #content-wrap {
    transform: translateX(-30vw) translateZ(0) perspective(1px) scale(1.0001);
    will-change: transform;
}

.nav-overflow.slider-on #footer-wrap {
    transform: translateX(-30vw) translateZ(0) perspective(1px) scale(1.0001);
    will-change: transform;
}

.ie9.nav-overflow.slider-on .header-wrap {
    transform: translateX(-30%);
}

.ie9.nav-overflow.slider-on #content-wrap {
    transform: translateX(-30%);
}

.ie9.nav-overflow.slider-on #footer-wrap {
    transform: translateX(-30%);
}

.nav-overflow #top-nav-wrap {
    display: block;
    position: absolute;
    background: #fafafa;
    min-height: 100vh;
    max-height: 98%;
    width: 30vw;
    right: -30vw;
    top: 0px;
    border-left: 0px solid #A9A9A9;
    box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
    z-index: 200000;
    overflow: auto;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px !important;
}

.nav-overflow .menu.top-nav {
    width: 100%;
    margin: 0px;
    display: none;
}

.nav-overflow .menu.top-nav.show {
    width: 100%;
    margin: 0px;
    display: block;
}

.nav-overflow .menu.top-nav > li {
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 1.2em;
}

.nav-overflow ul.menu.top-nav > li > a {
    padding-right: 12px;
}

.nav-overflow ul.menu.top-nav > li > a:hover {
    background: #4f769a;
}

.is-sub-page.slider-on.nav-overflow ul.menu.top-nav {
    display: none;
}


/* Horizontal Sub Navigation */
#sub-nav-wrap {
    position: absolute;
    padding: 0;
    top: calc(100% - 15px);
    width: calc(100% - 21px);
    left: 10px;
    background: rgba(35, 65, 93, 0.97);
    z-index: 1;
    transition: all 0.18s ease-in-out;
    max-width: 73.8rem;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
    opacity: 0;
    visibility: hidden;
}

.hc #sub-nav-wrap, .grenada #sub-nav-wrap, .colonypark #sub-nav-wrap {
    top: calc(100% - 23px);
}

.childrens #sub-nav-wrap {
    top: calc(100% - 58px);
    background: rgba(121, 30, 99, 0.92);
}

.hc #dept-name, .grenada #dept-name, .colonypark #dept-name, .childrens #dept-name {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.18s ease-in-out;
}

.scrolled-past-main-buttons .hc #dept-name,
.scrolled-past-main-buttons .grenada #dept-name,
.scrolled-past-main-buttons .colonypark #dept-name,
.childrens.scrolled-past-main-buttons #dept-name,
.is-secondary-page #dept-name {
    opacity: 1;
    visibility: visible;
}


.has-sub-nav.scrolled-past-main-buttons #sub-nav-wrap, .has-sub-nav.nav-overflow #sub-nav-wrap {
    opacity: 1;
    visibility: visible;
}

.scrolled-past-hero #sub-nav-wrap {
    top: calc(100% - 15px);
}

.scrolled-past-hero.hc #sub-nav-wrap, .scrolled-past-hero.grenada #sub-nav-wrap, .scrolled-past-hero.colonypark #sub-nav-wrap {
    top: calc(100% - 12px);
}

.scrolled-past-hero.scrolled-up .hc #sub-nav-wrap, .scrolled-past-hero.scrolled-up .grenada #sub-nav-wrap, .scrolled-past-hero.scrolled-up .colonypark #sub-nav-wrap {
    top: calc(100% - 22px);
}

.childrens.scrolled-past-hero #sub-nav-wrap {
    top: calc(100% - 42px);
}

.no-sub-nav #sub-nav-wrap {
    opacity: 0 !important;
}

#sub-nav-title-wrap {
    position: absolute;
    width: 280px;
    top: 0px;
    padding: 18px 8px 0px 8px;
    text-align: center;
    background: url(/img/sub_title_banner_4k.cmp.png) no-repeat center bottom;
    background-size: cover;
    display: none;
}

#sub-nav-title-wrap:hover {
    background: #3c77af;
}

#sub-nav-title-wrap a {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.05em;
    color: #fff;
    margin: 0;
    line-height: 1.2em;
    display: block;
    padding: 10px;
}

#sub-nav-title-wrap a:hover {
    text-decoration: underline;
}

ul.menu.sub-nav {
    float: right;
    padding: 6px 6px 6px 0px;
}

ul.menu.sub-nav > li {
    position: relative;
    color: #fff;
}

ul.menu.sub-nav > li > a {
    color: #fff;
    border-right: 1px solid #44729c;
    font-size: 0.9em;
    padding: 9px 12px;
    transition: all 0.08s ease-in-out;
}

.childrens ul.menu.sub-nav > li > a {
    border-right: 1px solid #4f8dc5;
}

ul.menu.sub-nav li p {
    font-size: 0.9rem;
    line-height: 1.1rem;
    margin: 0px;
    padding: 8px 12px;
    border-bottom: 1px solid #19272f;
}

ul.menu.sub-nav li a.has-subnav {
    padding-right: 20px !important;
    position: relative;
}

.no-room-4dd ul.menu.sub-nav > li ul a.has-subnav {
    padding-right: 12px !important;
    padding-left: 20px !important;
    position: relative;
}

ul.menu.sub-nav li a.has-subnav:after {
    font-size: 1.4em;
    content: " \203A";
    position: absolute;
    top: 26%;
    right: 7px;
    left: auto;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    transition: all 0.1s ease-in-out;
}

.ie11 ul.menu.sub-nav li a.has-subnav:after, .ie10 ul.menu.sub-nav li a.has-subnav:after, .ie9 ul.menu.sub-nav li a.has-subnav:after {
    font-size: 1.2rem;
}

.no-room-4dd ul.menu.sub-nav > li ul a.has-subnav:after {
    right: auto;
    left: 12px;
}

ul.menu.sub-nav li a.has-subnav:hover:after {
    -webkit-animation: subNavArrowPulse 1.3s 1;
    animation: subNavArrowPulse 1.3s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@keyframes subNavArrowPulse {
    0% {
        top: 8px;
    }

    25% {
        top: 11px;
    }

    50% {
        top: 8px;
    }

    75% {
        top: 11px;
    }

    100% {
        top: 8px;
    }
}

ul.menu.sub-nav li a.has-subnav.hoverli:after {
    transform: rotate(0deg) !important;
    transform-origin: 0% 80%;
    animation: none;
}

ul.menu.sub-nav > li:nth-last-child(1) > a, .sub-nav > li:last-child > a {
    border-right: none;
}

ul.menu.sub-nav a:hover, ul.menu.sub-nav li > a:focus, ul.menu.sub-nav li > a.hoverli, .nav-overflow ul.menu.sub-nav > li > a.hoverli {
    background: #376998;
    color: #fff;
}

.childrens ul.menu.sub-nav a:hover, .childrens ul.menu.sub-nav li > a:focus, .childrens ul.menu.sub-nav li > a.hoverli, .childrens.nav-overflow ul.menu.sub-nav > li > a.hoverli {
    background: #b12f98;
}

.nav-overflow ul.menu.sub-nav li.currentPage > a {
    background: #e9e9e9;
}

.nav-overflow ul.menu.sub-nav li.currentPage > ul {
    display: block;
}

/* Horizontal Sub Nav - Dropdown */
ul.menu.sub-nav li > ul {
    display: none;
    position: absolute;
    width: 160px;
    background: rgba(74, 102, 130, 0.98);
    top: 118%;
    right: -1px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #1e3744;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}

.childrens ul.menu.sub-nav li > ul {
    background: #8a2071;
}

ul.menu.sub-nav > li > ul {
    background: rgba(56, 84, 111, 0.97);
}

.childrens ul.menu.sub-nav > li > ul {
    background: #781f63;
}

ul.menu.sub-nav > li > ul > li {
}

ul.menu.sub-nav li > ul > li > ul {
    top: 32px;
    left: 100% !important;
    right: auto !important;
}

.no-room-4dd ul.menu.sub-nav li > ul > li > ul {
    left: auto !important;
    right: 100% !important;
}

ul.menu.sub-nav > li ul > li > a {
    display: block;
    font-size: 0.85rem;
    line-height: 1.2em;
    padding: 8px 12px;
    color: #fff;
    border-bottom: 1px solid #19272f;
}

.no-room-4dd ul.menu.sub-nav > li ul > li > a {
    text-align: right;
}

ul.menu.sub-nav > li ul > li:last-child > a {
    border-bottom: none;
}

ul.menu.sub-nav ul.col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 1px;
    column-rule: 1px solid #000;
    width: 280px !important;
    right: calc(-100% - 122px) !important;
}

ul.menu.sub-nav > li > ul.col-2 {
    right: auto !important; /*right: calc(-100% - 2px)!important;*/
}

.no-room-4dd ul.menu.sub-nav ul.col-2 {
    right: 100% !important;
    left: auto !important;
}

.no-room-4dd ul.menu.sub-nav > li > ul.col-2 {
    left: auto !important;
    right: 0px !important; /*left: calc(-100% - 2px) !important;*/
}

ul.menu.sub-nav ul.col-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    column-gap: 1px;
    column-rule: 1px solid #000;
    width: 380px !important;
    right: calc(-100% - 222px) !important;
}

ul.menu.sub-nav > li > ul.col-3 {
    right: auto !important; /*right: calc(-100% - 136px)!important;*/
}

.no-room-4dd ul.menu.sub-nav ul.col-3 {
    right: auto !important;
    left: calc(-100% - 222px) !important;
}

.no-room-4dd ul.menu.sub-nav > li > ul.col-3 {
    left: auto !important;
    right: 0px !important; /*left:calc(-100% - 138px) !important;*/
}

ul.menu.sub-nav ul.col-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    column-gap: 1px;
    column-rule: 1px solid #000;
    width: 480px !important;
    right: calc(-100% - 322px) !important;
}

ul.menu.sub-nav > li > ul.col-4 {
    right: auto !important; /*right: calc(-100% - 236px)!important;*/
}

.no-room-4dd ul.menu.sub-nav ul.col-4 {
    right: auto !important;
    left: calc(-100% - 322px) !important;
}

.no-room-4dd ul.menu.sub-nav > li > ul.col-4 {
    left: auto !important; /*left: calc(-100% - 238px)!important;*/
}

ul.menu.sub-nav ul.col-2 li, ul.menu.sub-nav ul.col-3 li, ul.menu.sub-nav ul.col-4 li {
    border-right: none;
    display: inline-block;
    width: 100%;
}

.nav-overflow ul.menu.sub-nav ul.col-2, .nav-overflow ul.menu.sub-nav ul.col-3, .nav-overflow ul.menu.sub-nav ul.col-4 {
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    column-count: 1;
}

.nav-overflow ul.menu.sub-nav ul.col-2 li, .nav-overflow ul.menu.sub-nav ul.col-3 li, .nav-overflow ul.menu.sub-nav ul.col-4 li {
    border-right: none;
}

ul.menu.sub-nav ul.col-2 > li:last-child > a, ul.menu.sub-nav ul.col-3 > li:last-child > a, ul.menu.sub-nav ul.col-4 > li:last-child > a {
    border-bottom: 1px solid #1e3744;
}

.nav-overflow ul.menu.sub-nav ul.col-2 > li:last-child > a, .nav-overflow ul.menu.sub-nav ul.col-3 > li:last-child > a, .nav-overflow ul.menu.sub-nav ul.col-4 > li:last-child > a {
    border-bottom: none;
}

/* Sub Nav - Mobile */
.nav-overflow #sub-nav-wrap {
    position: relative !important;
    top: initial !important;
    width: 100% !important;
    float: right;
    left: initial;
    padding: 0px;
    background: none;
    overflow-x: hidden;
}

.nav-overflow #sub-nav-title-wrap {
    display: block;
    width: 100% !important;
    position: relative;
    padding: 0;
    text-align: left;
    background: #184c7c;
}

.nav-overflow #sub-nav-title-wrap h1 a {
    padding: 10px 8px;
}

.nav-overflow #sub-nav-title-wrap h1 a:before {
    content: " \203A";
    font-size: 2em;
    line-height: 0.6em;
    position: absolute;
    top: 29%;
    right: 2%;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}

.nav-overflow #sub-nav-title-wrap h1 a:hover {
    background: #2E71AF;
}

.nav-overflow ul.menu.sub-nav {
    width: 100%;
}

.nav-overflow ul.menu.sub-nav > li {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    font-size: 1.2em;
}

.nav-overflow ul.menu.sub-nav > li a {
    color: #003769;
    border-right: 0px solid;
    position: relative;
}

.nav-overflow ul.menu.sub-nav > li > a.has-subnav:after {
    font-size: 1.5em;
    content: " \203A";
    position: absolute;
    top: 15%;
    right: 3%;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}

.nav-overflow ul.menu.sub-nav > li > a:hover {
    background: #c7c7c7;
    color: #fff;
}


/* Sub Sub Nav - Mobile */
.nav-overflow ul.menu.sub-nav li > ul {
    display: none;
    position: relative;
    top: auto;
    left: auto !important;
    right: auto !important;
    bottom: auto;
    width: 100%;
    background-color: #f6f6f6;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    list-style: none;
    font-size: 0.75em;
    border-top: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-left: 12px solid #e2e2e2;
    border-right: none;
    box-shadow: none;
}

.nav-overflow:not(.childrens) ul.menu.sub-nav a:hover {
    color: #0072dc !important;
}

.nav-overflow ul.menu.sub-nav > li > ul > li:last-child {
    border-bottom: none;
}

.nav-overflow ul.menu.sub-nav > li ul > li > a {
    display: block;
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #ddd;
}

.nav-overflow ul.menu.sub-nav > li > ul > li:hover > a,
.nav-overflow ul.menu.sub-nav > li > ul > li > a:hover,
.nav-overflow ul.menu.sub-nav > li > ul > li > a.hoverli,
.nav-overflow ul.menu.sub-nav > li > ul > li.currentPage > a {
    background-color: #d9d9d9;
}

.nav-overflow ul.menu.sub-nav > li > ul > li > ul {
    background-color: #eee;
    border-left: 10px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.nav-overflow ul.menu.sub-nav > li > ul > li > ul > li > a:hover,
.nav-overflow ul.menu.sub-nav > li > ul > li > ul > li > a.hoverli,
.nav-overflow ul.menu.sub-nav > li > ul > li > ul > li.currentPage > a {
    background-color: #d0d0d0;
}

.nav-overflow ul.menu.sub-nav > li > ul > li > ul > li > ul {
    border-left: 8px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
}

.nav-overflow ul.menu.sub-nav > li > ul > li > ul > li > ul > li > a {
    background: #e8e8e8;
}

.nav-overflow ul.menu.sub-nav > li > ul > li > ul > li > ul > li > a:hover {
    background-color: #d0d0d0;
}

.scrolled-past-hero #top-nav-wrap {
    padding-top: 3px;
}

.scrolled-past-hero #top-nav-wrap ul.menu.top-nav {
    margin-top: 0px;
}

.scrolled-past-hero #top-nav-wrap ul.menu > li > a {
    padding: 8px 12.8px 7px 12.8px;
}

.childrens.scrolled-past-hero #top-nav-wrap {
    padding-top: 4px;
}

/*Content Wrap*/
#content-wrap:before, #content-wrap:after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
}

#content-wrap:after {
    clear: both;
}

#content-wrap {
    transition: all 0.18s ease-in-out;
    transition-property: transform;
}

.ie11 #content-wrap, .ie10 #content-wrap, .ie9 #content-wrap {
    transition: transform 0s;
}
/*#content-wrap a{ color:#00529e;}*/
#content-wrap a:hover, #content-wrap a:focus {
    text-decoration: underline;
}

/*Main Slideshow*/
.slick-slide img {
    width: 100%;
}

.feature-slider {
    max-height: 84vh;
    min-height: 20rem;
    background: #e9e9e9;
    margin: 0 auto;
}

.no-js .feature-slider > div:not(:first-child) {
    display: none;
}

.feature-slider.secondary, .limitmaxwidth .feature-slider {
    max-width: 75rem;
    box-shadow: 0px -1px 0px 1px rgba(0,0,0,0.2);
}

.feature-slider .slick-slide {
    max-height: 84vh;
    min-height: 20rem;
}

.rowland .feature-slider,
.rowland .feature-slider .slick-slide,
.limitmaxwidth .feature-slider,
.limitmaxwidth .feature-slider .slick-slide {
    min-height: 0px !important;
}
/*.childrens .feature-slider .slick-slide{min-height: 100px; max-height: 500px;}*/
@media only screen and (max-width: 75em) {
}

.childrens.has-main-buttons-ul .feature-slider, .childrens.has-main-buttons-ul .feature-slider .slick-slide {
    max-height: 69vh;
}

.feature-slider.slick-slider .caption, .no-js .feature-slider .caption {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 48px;
    width: 100%;
    max-width: 75rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.has-main-buttons-ul .feature-slider.slick-slider .caption {
    bottom: 90px;
}

.feature-slider.slick-slider p, .no-js .feature-slider p {
    width: 100%;
    max-width: 23.125rem;
    /*background-color: rgba(0, 0, 0, 0.65);*/
    background-color: rgba(0, 21, 41, 0.64);
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*border: 1px solid rgba(255, 255, 255, 0.6);*/
    border-top: none;
    color: #fff;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.6;
    margin: 0px 0px 0px 0px !important;
    padding: 0.5vw 0.9vw 0.8vw 0.9vw;
    padding-right: 2.3%;
    text-align: left;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    word-wrap: break-word;
    float: left;
    clear: left;
    text-align: center;
}

.feature-slider.slick-slider p:first-child, .no-js .feature-slider p:first-child {
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*border: 1px solid rgba(255, 255, 255, 0.6);*/
    border-bottom: none;
    font-size: 1.6rem;
    line-height: 1.2;
    /*background-color: rgba(0, 0, 0, 0.75);*/
    background-color: rgba(4, 30, 56, 0.9);
}

.feature-slider.slick-slider .caption.right, .slick-slider .caption.right p {
    text-align: center;
}

.feature-slider.slick-slider .caption.right p {
    float: right;
    clear: right;
}

.feature-slider.slick-slider .caption a:hover p:first-child,
.feature-slider.slick-slider .caption a:focus p:first-child {
    background-color: rgba(10, 44, 105, 0.75);
}

.feature-slider.slick-slider .caption a:hover p,
.feature-slider.slick-slider .caption a:focus p {
    background-color: rgba(10, 41, 97, 0.65);
}

.feature-slider.slick-slider .read-more-button {
    background-color: rgba(0, 66, 127, 0.75);
    border: 1px solid rgba(8, 34, 58, 0.75);
    font-size: 1.1vw;
    line-height: 3.3vw;
    color: #fff !important;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    padding: 0.6vw 1vw;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
}

.feature-slider.slick-slider .read-more-button:hover {
    background: rgba(76, 148, 214, 1);
}

.feature-slider.slick-slider .caption a p:first-child {
    position: relative;
}

.feature-slider.slick-slider .caption a p:first-child::after {
    font-size: 2em;
    font-weight: bold;
    content: '\203A';
    position: absolute;
    top: auto;
    top: initial;
    bottom: 0px;
    left: 90%;
    opacity: 0;
    transition: all 0.14s ease-in-out;
    transform: scale(0.4);
    color: #fff;
    text-shadow: -1px -1px 0 rgba(10, 44, 105, 0.7), 1px -1px 0 rgba(10, 44, 105, 0.7), -1px 1px 0 rgba(10, 44, 105, 0.7), 1px 1px 0 rgba(10, 44, 105, 0.7);
}

html.ie11 .feature-slider.slick-slider .caption a p:first-child::after,
html.ie10 .feature-slider.slick-slider .caption a p:first-child::after,
html.ie9 .feature-slider.slick-slider .caption a p:first-child::after {
    font-size: 4rem;
}

.feature-slider.slick-slider .caption a:hover p:first-child::after {
    left: 93%;
    opacity: 1;
    transform: scale(1);
    -webkit-animation: slickCaptionArrowPulse 2s infinite;
    animation: slickCaptionArrowPulse 2s infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@keyframes slickCaptionArrowPulse {
    0% {
        opacity: 0.5;
        left: 93%;
    }

    25% {
        opacity: 1;
        left: 95%;
    }

    50% {
        opacity: 0.5;
        left: 93%;
    }

    75% {
        opacity: 1;
        left: 95%;
    }

    100% {
        opacity: 0.5;
        left: 93%;
    }
}

.feature-slider .slider-nav-wrapper {
    bottom: 0px;
}

.has-main-buttons-ul .feature-slider .slider-nav-wrapper {
    bottom: 32px;
}

.childrens.has-main-buttons-ul .feature-slider .slider-nav-wrapper {
    bottom: 0px;
}

.feature-slider.secondary .slider-nav-wrapper, .limitmaxwidth .feature-slider .slider-nav-wrapper {
    bottom: 0px;
}

.feature-slider.secondary .caption, .limitmaxwidth .feature-slider .caption {
    bottom: 62px;
}

.is-secondary-page .feature-slider.secondary .caption, .limitmaxwidth .feature-slider .caption {
    bottom: 16px;
}

.feature-slider.secondary .caption a:hover p:first-child::after, .limitmaxwidth .feature-slider .caption a:hover p:first-child::after {
    display: none;
    opacity: 0;
}

.feature-slider.secondary.no-nav .slider-nav-wrapper {
    display: none !important;
}

.feature-slider.body-copy {
    box-shadow: none;
    padding: 22px;
    padding-bottom: 0px;
    background-color: #e8e8e8;
    background: linear-gradient(#e8e8e8, rgba(241, 241, 241, 0));
    border: 1px solid #e8e8e8;
    border-top: 1px solid #dadada;
    border-bottom: none;
    max-height: none;
    min-height: initial;
    overflow: initial;
}
/*.feature-slider.body-copy .slick-slide{max-height:initial; min-height:initial; padding-top:17%; height:0;}
.feature-slider.body-copy .slick-slide img{position:absolute; left:0; right:0; top:0; bottom:0; width:auto; max-width:100%; max-height:100%; margin:auto;}*/
.feature-slider.body-copy .slick-slide {
    max-height: initial;
    min-height: initial;
    padding-top: 0;
    height: auto;
    text-align: center;
}

.no-js .feature-slider .slider-item {
    position: relative;
}

.feature-slider.body-copy .slick-slide img {
    position: relative;
    width: auto;
    max-width: 100%;
    max-height: 580px;
    margin: 0 auto;
    border: 1px solid #cacaca;
    padding: 6px;
    background: #fff;
}

.no-js .feature-slider img {
    width: 100%;
}

.feature-slider.body-copy .slider-nav-wrapper {
    position: relative;
    bottom: auto;
    padding-top: 28px;
}

.feature-slider.body-copy .slick-slide .caption {
    margin: 0 auto;
    padding: 0px;
    width: auto;
    bottom: 0 !important;
    position: relative;
    display: inline-block;
    left: auto;
    right: auto;
}

.feature-slider.body-copy .slick-slide .caption p {
    max-width: none;
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 5px 16px;
    float: none;
    display: block;
    background: none;
    color: #000;
    text-shadow: none;
    font-weight: 400;
    border: none;
}

.feature-slider.body-copy .slick-slide .caption p:first-child {
    font-size: 1.25rem;
    padding: 7px 16px 3px 16px;
    color: #133c65;
}

.feature-slider.body-copy .slick-slide .caption a:hover p {
    background: none;
    color: #074f96;
}

.thumb-wrapper {
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 6px;
}

.thumb-slider .slick-slide {
    position: relative;
    max-height: initial;
    min-height: initial;
    padding-top: 0;
    height: 160px;
    height: calc(50px + 6vw);
    opacity: 0.5;
    cursor: pointer;
}

.thumb-slider .slick-slide:active, .thumb-slider .slick-slide:focus {
    outline: none;
}

.thumb-slider .slick-slide.slick-current {
    opacity: 1;
}

.thumb-slider .slick-slide:not(.slick-current):hover {
    opacity: 0.75;
}

.thumb-slider .slick-slide img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    max-width: 96%;
    max-height: 100%;
    margin: auto;
}

/* Slideshow Themes */
/* Face and Skin Center */
@media only screen and (min-width: 75em) {
    .feature-wrapper.theme.faceskincenter .caption {
        margin: inherit;
        margin-left: 4vw;
    }
}

.feature-wrapper.theme.faceskincenter .caption:before {
    content: ' ';
    position: absolute;
    z-index: 9998;
    width: calc(18vw + 10vh);
    height: calc(18vw + 10vh);
    background-image: url(/Training-Site/face-skin-center/Images/fc_swan_green.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 8%;
    bottom: 110%;
}

.feature-wrapper.theme.faceskincenter .caption p {
    font-size: calc(4rem + 3.3vw);
    max-width: none;
    width: auto;
    padding: 0.5vw 7vw 0.8vw;
    background: rgba(0, 0, 0, 0.68);
    color: #6E9DB8;
    position: relative;
}

.feature-wrapper.theme.faceskincenter .caption p:before {
    content: ' ';
    display: block;
    width: 100px;
    height: 20%;
    background-image: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,0.45), rgba(0,0,0,0) 67%);
    position: absolute;
    width: 90%;
    left: 50%;
    margin-left: -45%;
    top: 0px;
}

/*Main Buttons Nav*/
#main-buttons-wrap {
    position: relative;
    margin: -40px auto;
    height: 80px;
    z-index: 9999;
    max-width: 75rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

#main-buttons-ul,
#main-buttons-ul a,
#main-buttons-ul ul,
#main-buttons-ul li,
#main-buttons-ul > div,
#main-buttons-ul form,
#main-buttons-ul input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

#main-buttons-ul a {
    text-decoration: none;
}

#main-buttons-ul li {
    list-style: none;
}

#main-buttons-wrap > div {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
    background: #fff url(/img/main_buttons_bg.png) bottom left repeat-x;
}

#main-buttons-ul {
    display: table-row;
    margin: 0;
    padding: 0;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

#main-buttons-ul > li {
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    transition: all .1s ease;
}

#main-buttons-ul > li:not(.direct-link):hover { /* Bounce the Main Buttons twice on hover */
    /*-webkit-animation:mainButtonLiBounce 0.95s 1; 
    animation:mainButtonLiBounce 0.95s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;*/
    animation: none;
}

#main-buttons-ul > li.no-preview:not(.direct-link):hover { /* Bounce the Main Buttons twice on hover */
    -webkit-animation: mainButtonLiBounce 0.95s 1;
    animation: mainButtonLiBounce 0.95s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@keyframes mainButtonLiBounce {
    0% {
        transform: scale(1.02);
    }

    25% {
        transform: scale(1.04) perspective(1px) translateZ(0);
    }

    50% {
        transform: scale(1.02);
    }

    75% {
        transform: scale(1.04) perspective(1px) translateZ(0);
    }

    100% {
        transform: scale(1.01);
    }
}

#main-buttons-ul > li.hoverli, #main-buttons-ul li.hoverli:hover {
    animation: none;
    transform: none;
}

/*#main-buttons-ul > li:hover > a{  Un-Bounce the Main Buttons Text twice on hover */
/*-webkit-animation:mainButtonLiABounce 1s 1; 
    animation:mainButtonLiABounce 1s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; 
}*/
@keyframes mainButtonLiABounce {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.97);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(0.97);
    }

    100% {
        transform: scale(1);
    }
    /*0%{zoom: 100%; }
    25%{zoom: 99%; }
    50%{zoom: 100%;}
    75%{zoom: 99%; }
    100%{zoom: 100%;}*/
}

#main-buttons-ul > li.hoverli > a {
    animation: none;
}

#main-buttons-ul > li {
    border-right: 1px solid #d5d5d5;
}

#main-buttons-ul > li:hover {
    border-right: 1px solid #25415A;
    text-decoration: none;
}

#main-buttons-ul > li > a:hover {
    text-decoration: none;
}

.ie9 #main-buttons-ul > li > a {
    border-right: 0px solid #d5d5d5;
}

.ie9 #main-buttons-ul > li > a:hover {
    border-left: 0px solid #25415A;
    border-right: 0px solid #25415A;
}

.ie9 #main-buttons-ul > li {
    border-right: 1px solid #d5d5d5;
}

.ie9 #main-buttons-ul > li:hover {
    border-left: 0px solid #25415A;
    border-right: 0px solid #25415A;
}

#main-buttons-ul > li > a {
    min-height: 90px;
    height: 94px;
    height: 8.3vm;
    height: 8.3vmin;
    font-size: 21px;
    color: #083666;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.5rem;
}

#main-buttons-ul > li:not(.direct-link) > a::before {
    font-size: 1.6em;
    content: '\232A';
    position: absolute;
    top: 8px;
    left: 48%;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    opacity: 0;
}

#main-buttons-ul > li.direct-link > a:not(.direct) {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#main-buttons-ul > li.direct-link > a:not(.direct)::before {
    content: "Direct Link \203A";
    font-size: 1rem;
    text-transform: none;
    top: auto;
    bottom: 6px;
    left: auto;
    right: 60%;
    position: absolute;
    opacity: 0;
}

#main-buttons-ul > li.direct-link > a:not(.direct)::after {
    content: ' ';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/img/wedge.svg) no-repeat;
    background-position: right;
    background-size: cover;
    z-index: -1;
    opacity: 0;
}

#main-buttons-ul > li:not(.direct-link):hover > a::before {
    -webkit-animation: mainButtonUp 1s 1;
    animation: mainButtonUp 1s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

#main-buttons-ul > li.direct-link:hover > a {
    -webkit-animation: mainButtonRightA 0.4s 1;
    animation: mainButtonRightA 0.4s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

#main-buttons-ul > li.direct-link:hover > a::before {
    -webkit-animation: mainButtonRight1 0.3s 1, mainButtonRight2 2.1s infinite;
    animation: mainButtonRight1 0.3s 1, mainButtonRight2 2.1s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s, 0.3s;
    animation-delay: 0s, 0.3s;
}

#main-buttons-ul > li.direct-link:hover > a::after {
    -webkit-animation: mainButtonRight3 0.3s 1, mainButtonRight4 2.1s infinite;
    animation: mainButtonRight3 0.3s 1, mainButtonRight4 2.1s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s, 0.3s;
    animation-delay: 0s, 0.3s;
}

@keyframes mainButtonUp {
    25% {
        top: -6px;
        opacity: 0.5;
    }

    50% {
        top: 8px;
        opacity: 0;
    }

    75% {
        top: -6px;
        opacity: 0.5;
    }

    100% {
        top: 8px;
        opacity: 0;
    }
}

@keyframes mainButtonRightA {
    0% {
        padding-left: 10px;
    }

    50% {
        padding-left: 18px;
    }

    100% {
        padding-left: 10px;
    }
}

@keyframes mainButtonRight1 {
    0% {
        right: 60%;
    }

    100% {
        right: 3%;
        opacity: 1;
    }
}

@keyframes mainButtonRight2 {
    0% {
        right: 3%;
        opacity: 1;
    }

    25% {
        right: 4%;
        opacity: 0.3;
    }

    50% {
        right: 3%;
        opacity: 1;
    }

    75% {
        right: 4%;
        opacity: 0.3;
    }

    100% {
        right: 3%;
        opacity: 1;
    }
}

@keyframes mainButtonRight3 {
    0% {
        right: 60%;
    }

    100% {
        right: 3%;
        opacity: 1;
    }
}

@keyframes mainButtonRight4 {
    0% {
        right: 3%;
        opacity: 1;
    }

    25% {
        right: 6%;
        opacity: 0.3;
    }

    50% {
        right: 3%;
        opacity: 1;
    }

    75% {
        right: 6%;
        opacity: 0.3;
    }

    100% {
        right: 3%;
        opacity: 1;
    }
}

#main-buttons-ul > li:not(.direct-link) > a::after {
    font-size: 1.6em;
    content: '\2329';
    position: absolute;
    bottom: 8px;
    left: 48%;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    opacity: 0;
}

#main-buttons-ul > li:not(.direct-link):hover > a::after {
    -webkit-animation: mainButtonDown 1s 1;
    animation: mainButtonDown 1s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@keyframes mainButtonDown {
    25% {
        bottom: -6px;
        opacity: 0.5;
    }

    50% {
        bottom: 8px;
        opacity: 0;
    }

    75% {
        bottom: -6px;
        opacity: 0.5;
    }

    100% {
        bottom: 8px;
        opacity: 0;
    }
}

#main-buttons-ul > li.hoverli:hover > a::after {
    display: none;
}

#main-buttons-ul > li.hoverli > a:hover::after {
    content: "x";
    display: block;
    position: absolute;
    top: 0px;
    right: 8px;
    left: auto;
    bottom: auto;
    color: #7ca7ce;
    font-size: 1.2rem;
    text-transform: lowercase;
    opacity: 1;
    animation: none;
    transform: none;
    transition: all 0.18s ease-in-out;
}

.ie9 #main-buttons-ul > li > a {
    display: inline-block;
    text-align: center;
    height: 94px;
    padding-top: 30px;
    width: 100%;
}

#main-buttons-ul > li:hover > a, #main-buttons-ul > li > a:focus, #main-buttons-ul > .hoverli > a {
    background: #184C7C;
    color: #fff;
}

#main-buttons-ul > li:last-child > a:focus {
    border-right: 1px solid #184C7C;
}

#main-buttons-ul > li:hover, #main-buttons-ul > .hoverli {
    color: #fff;
    border-left: 0px solid #25415A;
    border-right: 1px solid #25415A;
}

#main-buttons-ul > li > div {
    color: #fff;
    position: absolute;
    display: block;
    top: auto;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    transition: bottom .1s ease, top .1s ease;
    padding-top: 0px;
    padding-bottom: 4px;
}

#main-buttons-ul > li > .flyout {
    opacity: 0;
    visibility: hidden;
    background: none;
    width: 100%;
    height: auto;
    background: rgba(15, 41, 63, 0.94);
}

/*#main-buttons-ul > li > div:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    z-index: -1;
    transition:none;
}*/

#main-buttons-ul > li.up > div {
    bottom: 104px;
    top: auto;
}

#main-buttons-ul > li.down > div {
    bottom: auto;
    top: 104px;
}

#main-buttons-ul > .hoverli > .flyout {
    background: rgba(15, 41, 63, 1);
    opacity: 1;
    visibility: visible;
    overflow: visible;
    width: 100%;
    height: auto;
}

#main-buttons-ul > li > div > div > .column {
    padding-top: 12px;
    padding-bottom: 12px;
}

#main-buttons-ul > li > div > div p {
    font-size: 0.9rem;
    color: #aaa;
    margin-bottom: 1.0rem;
}

#main-buttons-ul > .hoverli > a:before {
    position: absolute;
    font-size: 2em;
    font-stretch: ultra-expanded;
    transform: scale(2,1.0);
    color: #1C6DB7;
    z-index: -1;
    margin: 0 auto;
    left: 42%;
    display: block;
    opacity: 1;
}

#main-buttons-ul > .hoverli:hover > a::before {
    -webkit-animation: none;
    animation: none;
}

#main-buttons-ul > .hoverli.up > a:before {
    content: '\25b2';
    color: #194b7b;
    top: -10px;
    bottom: auto;
    font-size: 2em;
    opacity: 1;
    transform: rotate(0deg) scale(4,1.0);
    left: 45%;
}

html.ie11 #main-buttons-ul > .hoverli.up > a:before,
html.ie10 #main-buttons-ul > .hoverli.up > a:before,
html.ie9 #main-buttons-ul > .hoverli.up > a:before {
    font-size: 2rem;
    top: -14px;
}

#main-buttons-ul > .hoverli.down > a:before {
    content: '\25bc';
    color: #194b7b;
    top: auto;
    bottom: -7px;
    font-size: 2em;
    opacity: 1;
    transform: rotate(0deg) scale(4,1.0);
    left: 45%;
}

html.ie11 #main-buttons-ul > .hoverli.down > a:before,
html.ie10 #main-buttons-ul > .hoverli.down > a:before,
html.ie9 #main-buttons-ul > .hoverli.down > a:before {
    font-size: 2rem;
    bottom: -14px;
}

#main-buttons-ul > .hoverli.up:hover > a:before, #main-buttons-ul > .hoverli.down:hover > a:before {
    animation: none;
}

#main-buttons-ul .nav-header {
    text-align: left;
    padding: 6px 0px 0px 32px;
    font-size: 1.4em;
    border-bottom: 1px solid #666;
    position: relative;
    cursor: pointer;
}

.childrens #main-buttons-ul .nav-header { /*font-family: 'Comic Neue Angular', sans-serif; font-weight: 700; letter-spacing: -1.0px;*/
}

#main-buttons-ul .nav-header:after {
    content: "close tab";
    position: absolute;
    right: 12px;
    bottom: 4px;
    font-size: 0.9rem;
    text-decoration: underline;
    color: #bbb;
}

#main-buttons-ul .nav-header:hover:after, #main-buttons-ul .nav-header:focus:after {
    color: #fff;
    text-decoration: underline;
}

.ms-edge #main-buttons-ul .nav-header:after, .ie11 #main-buttons-ul .nav-header:after, .ie10 #main-buttons-ul .nav-header:after, .ie9 #main-buttons-ul .nav-header:after { /*content: " ";*/
}

#main-buttons-ul > li div h3 {
    margin: 8px 0 2px 0;
    line-height: 18px;
    font-weight: normal;
    font-size: 1.1em;
    color: #fff;
    background: #184c7c;
    padding: 10px 12px;
}

.childrens #main-buttons-ul > li div h3 { /*font-family: 'Comic Neue Angular'; font-weight: 400;*/
}

#main-buttons-ul > li div h3.orange {
    color: #fff;
}

#main-buttons-ul > li div a {
    color: #ddd !important;
}

#main-buttons-ul > li div > a, #main-buttons-ul > li div p > a, #main-buttons-ul > li div span > a {
    text-decoration: underline;
}

#main-buttons-ul > li div > a:hover, #main-buttons-ul > li div p > a:hover, #main-buttons-ul > li div span > a:hover,
#main-buttons-ul > li div > a:focus, #main-buttons-ul > li div p > a:focus, #main-buttons-ul > li div span > a:focus {
    color: #fff !important;
}

#main-buttons-ul > li div ul {
    padding-bottom: 6px;
}

#main-buttons-ul > li div li:hover {
    background: rgba(255,255,255,0.1);
}

#main-buttons-ul > li div li a {
    display: block;
    font-weight: normal;
    font-size: 0.9em;
    color: #ddd;
    padding: 2px 8px 3px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    position: relative;
}

#main-buttons-ul > li div li:hover a:after {
    position: absolute;
    right: 4px;
    top: 1px;
    content: " \203A";
    text-decoration: underline;
}

#main-buttons-ul > li div li:hover a:after {
    text-decoration: none;
}

#main-buttons-ul > li div li a:hover, #main-buttons-ul > li div li a:focus {
    color: #fff !important;
    text-decoration: underline;
}

#main-buttons-ul > li div li.no-link {
    font-size: .9em;
    color: #ddd;
    padding: 1px 8px 3px 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.15) !important;
}

#main-buttons-ul > li div li.no-link:hover {
    background: none;
}

/* Main Buttons - Preview Flyout */
#main-buttons-ul > li:not(.hoverli):hover {
    position: relative;
}

#main-buttons-ul .teaser-flyout {
    width: 1px;
    height: 1px;
    background: none;
    transition: 0.12s bottom ease, 0.12s top ease;
}

#main-buttons-ul .teaser-flyout.disabled {
    display: none !important;
}

#main-buttons-ul > li:not(.hoverli):hover > .teaser-flyout:not(.disabled) {
    width: 100%;
    left: 0%;
    height: auto;
    bottom: 100%;
    background: #000;
    background-image: none !important;
    background: linear-gradient(to top, #0d3358, #163e65 4%) !important;
    /*background: linear-gradient(to top, #092540, #194b7b 40%) !important;*/
    /*border: 14px solid #194b7b;*/
    border: 0px solid #134371;
    border-bottom: 0px;
    /* border: 1px solid #0076b1; */
    padding: 10px 10px 0px 10px;
    z-index: -1;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

#main-buttons-ul .teaser-flyout.direct {
    background: rgba(15, 41, 63, 0.94);
    color: #fff;
    position: absolute;
    display: block;
    width: 1px;
    height: 1px;
    background: none;
    top: auto;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    transition: bottom .1s ease, top .1s ease;
    padding-top: 0px;
    padding-bottom: 4px;
    min-height: auto;
    text-transform: none;
    padding: 0px;
    line-height: 1px;
    border: none;
}

#main-buttons-ul > li.hoverli > .teaser-flyout {
    display: none;
    position: relative;
}

#main-buttons-ul .teaser-flyout .img-wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#main-buttons-ul > li:not(.hoverli):hover .teaser-flyout .img-wrap {
    border: 1px solid #fff;
}

#main-buttons-ul .teaser-flyout img {
    width: 100%;
    transition: all 2s ease-out;
    transform: scale(1.01);
}

html:not(.ie11):not(.ie10):not(.ie9) #main-buttons-ul > li:not(.hoverli):hover .teaser-flyout img {
    transform: scale(1.1) rotate(1deg);
}

#main-buttons-ul .teaser-flyout p {
    font-size: 1.05rem;
    padding: 12px 6px 18px 6px;
    margin: 0px;
}

#main-buttons-ul > li.down > .teaser-flyout {
    top: 0%;
}

#main-buttons-ul > li.down:not(.hoverli):hover > .teaser-flyout {
    bottom: auto;
    top: 100%;
    background: linear-gradient(to bottom, #0d3358, #163e65 4%) !important;
    display: flex;
    flex-flow: row wrap;
    padding: 0px 10px 10px 10px;
}

#main-buttons-ul > li.down:not(.hoverli):hover > .teaser-flyout .img-wrap {
    order: 2;
}

#main-buttons-ul > li.down:not(.hoverli):hover > .teaser-flyout p {
    order: 1;
}

@media only screen and (max-width: 75em) {
    #main-buttons-ul > li:not(.hoverli):hover > .teaser-flyout {
        width: 120% !important;
        left: -10% !important;
    }

    #main-buttons-ul > li:first-child:not(.hoverli):hover > .teaser-flyout {
        left: 0% !important;
    }

    #main-buttons-ul > li:last-child:not(.hoverli):hover > .teaser-flyout {
        left: -20% !important;
    }

    #main-buttons-ul .teaser-flyout p {
        font-size: 0.9rem;
    }
}



/*#main-buttons-ul > li:hover > .teaser-flyout{
    -webkit-animation:previewBounce 0.95s 1; 
    animation:previewBounce 0.95s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; 
}
@keyframes previewBounce{
    0%{transform:scale(0.98); bottom: 112%;}
    25%{transform:scale(0.96) perspective(1px) translateZ(0); bottom: 110%;}
    50%{transform:scale(0.98);bottom: 112%;}
    75%{transform:scale(0.96) perspective(1px) translateZ(0);bottom: 110%;}
    100%{transform:scale(0.99);bottom: 112%;}
}*/

/* END EMBEDDED INITIAL STYLES */


/*Health Care Quick-links Row*/
#hc-links-wrap {
    padding: 48px 0px 0px 0px;
    border-top: 1px solid #fff;
}

.no-js #hc-links-wrap {
    padding-top: 84px;
}

.is-secondary-page #hc-links-wrap {
    padding-top: 80px;
}

.has-main-buttons-ul #hc-links-wrap {
    padding: 80px 0px 0px 0px;
    padding-top: 80px !important;
}

.childrens.has-main-buttons-ul #hc-links-wrap {
    padding-top: 62px !important;
    padding-bottom: 0px;
}

.childrens.has-main-buttons-ul #hc-links-wrap > .row {
    padding-bottom: 24px;
}

#hc-links-wrap ul.hc-links-horizontal {
    width: auto;
    margin: 0 auto;
    padding-left: 2%;
    font-size: 1.2em;
}

#hc-links-wrap .column.medium-4 {
    padding-bottom: 24px;
}

.safari #hc-links-wrap ul.hc-links-horizontal {
    display: block;
    table-layout: inherit;
}

@media only screen and (min-width:125em) {
    .safari #hc-links-wrap ul.hc-links-horizontal {
        max-width: 70%;
        padding-left: 0px;
    }
}

#hc-links-wrap ul.hc-links-horizontal > li > a {
    position: relative;
    padding: 0.7rem 26px 0.7rem 20px
}

#hc-links-wrap ul.hc-links-horizontal > li > a:before {
    position: absolute;
    right: 9px;
    top: 44%;
    transform: translateY(-50%);
    /*content: " \203A";*/
    font-size: 1.6vw;
    text-decoration: underline;
}

#hc-links-wrap ul.hc-links-horizontal > li > a:before {
    text-decoration: none;
}

#hc-links-wrap ul.hc-links-horizontal > li:first-child {
    font-size: 1.2em;
    background: url(/img/icon_circle_plus.cmp.png) left center;
    background-repeat: no-repeat;
    background-size: 36px;
    padding-left: 22px;
    padding-right: 2vw;
}

#hc-links-wrap ul.hc-links-horizontal > li:first-child > a {
    color: #003769;
    border-right: 1px solid #bbb;
    padding-right: 20px;
    white-space: nowrap;
}

#hc-links-wrap ul.hc-links-horizontal > li:first-child > a:hover {
    text-decoration: none;
    cursor: initial;
}

#hc-links-wrap ul.hc-links-horizontal > li:first-child > a:before {
    content: "";
}

#hc-links-wrap ul.hc-links-horizontal > li:not(:first-child):not(:last-child) {
    border-right: 1px dashed rgba(0,0,0,0.1);
}

#hc-links-search {
    margin-top: 36px;
}

#hc-links-wrap h2, #hc-links-wrap h3 {
    font-size: 1.35rem;
    padding-top: 6px;
    margin-bottom: 1.25rem;
    padding-top: 0.2rem;
}
/*#hc-links-wrap .widget.promo{max-height: 161px; margin-bottom: 0px !important; margin-top: 53px; border: 1px solid #c3c3c3;}*/
#hc-links-wrap .widget.promo {
    max-height: 161px;
    margin-bottom: 0px !important;
    margin-top: 0px;
    border: 1px solid #fff;
}

#hc-links-wrap .widget.promo h2 {
    border: none;
    background: none;
    bottom: 6%;
    text-align: center;
    color: #00529b;
    font-size: 1.5rem !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

#hc-links-wrap .widget.promo h2:after {
    display: none;
}

#hc-links-wrap .sub-nav-vertical {
    margin-bottom: 0px !important;
}

/*Health Care Secondary Page Quick-links Row*/
/*#hc-secondary-links-wrap{padding-top:40px; border-bottom:1px solid #eee;}*/
#hc-secondary-links-wrap {
    padding-top: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.has-main-buttons-ul #hc-secondary-links-wrap {
    padding-top: 28px;
}

@media only screen and (min-width: 75em) {
    .has-main-buttons-ul #hc-secondary-links-wrap {
        padding-top: 76px;
    }
}

.is-secondary-page:not(.has-slider) #hc-secondary-links-wrap {
    padding-top: 80px;
}

.childrens.is-secondary-page:not(.has-slider) #hc-secondary-links-wrap {
    padding-top: 100px;
}

#hc-secondary-links-wrap .column {
    padding-bottom: 0px;
}

#hc-secondary-links-wrap h2 {
    padding-top: 0px;
    margin-bottom: 5px;
}

#hc-secondary-links-wrap .menu {
    padding-bottom: 12px;
    font-size: 1rem;
    font-size: calc(1rem + 0.07vw);
}

#hc-secondary-links-wrap .menu li {
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
}

#hc-secondary-links-wrap .menu li:first-child {
    font-size: calc(1.2rem + 0.2vw);
}

#hc-secondary-links-wrap .menu li:not(:first-child):not(:last-child) {
    border-right: 1px solid #000;
}

#hc-secondary-links-wrap .menu li:not(:first-child) {
    padding-left: 1rem;
    padding-right: 1rem;
}

#hc-secondary-links-wrap .menu li a {
    padding: .1rem 0rem;
}

#hc-secondary-links-wrap .menu li a {
}

#hc-secondary-links-wrap .menu.contact-us li a {
    display: inline;
}

#hc-secondary-links-wrap .widget.promo {
    max-width: 304px;
    border: 1px solid #ddd;
    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;
    float: right;
}

#hc-secondary-links-wrap .widget.promo h2 {
    border: none;
    background: none;
    bottom: 4px;
    text-align: right;
    color: #00529b;
    font-size: calc(1.1rem + 0.3vw) !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

#hc-secondary-links-wrap .widget.promo h2::after {
    content: '';
}

#hc-secondary-links-wrap.adult-children .row {
    display: flex;
    flex-wrap: wrap;
}

#hc-secondary-links-wrap.adult-children .column {
    padding-bottom: 12px;
}

#hc-secondary-links-wrap.adult-children .widget.promo { /*float:left;*/
    border: 1px solid #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 100%;
    width: 100%;
}

#hc-secondary-links-wrap.adult-children .widget.promo img {
    transform: none;
    transition: 0.18s opacity ease-in-out;
}

#hc-secondary-links-wrap.adult-children .widget.promo:hover img {
    transform: none;
    opacity: 0.4;
}

#hc-secondary-links-wrap.adult-children .widget.promo.adult-children {
    max-width: 100%;
    width: 100% !important;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: initial;
    background: linear-gradient(#f1f1f1, #f4f4f4);
    transition: 0.18s background ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
/*.childrens #hc-secondary-links-wrap.adult-children .widget.promo.adult-children{border-bottom-right-radius:11% 50%;}*/
#hc-secondary-links-wrap.adult-children .widget.promo:hover {
    background: linear-gradient(#f6f6f6, #fafafa);
    text-decoration: none;
}

#hc-secondary-links-wrap.adult-children .widget.promo.adult-children h2 {
    position: relative;
    text-align: left;
    padding: 5% 6% 5% 35% !important;
    margin: 0px !important;
    bottom: auto;
    top: auto;
    font-size: 1.2rem !important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #000;
}

#hc-secondary-links-wrap.adult-children .widget.promo.adult-children:hover {
    text-decoration: none !important;
}

#hc-secondary-links-wrap.adult-children .widget.promo.adult-children h2 span {
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #00529b;
    display: block;
}

#hc-secondary-links-wrap.adult-children .widget.promo.adult-children h2.children span {
    color: #A5248F;
}

#hc-secondary-links-wrap.adult-children .widget.promo.adult-children:hover h2.children span {
    color: #c322a8;
}

#hc-secondary-links-wrap.adult-children .widget.promo.adult-children h2 {
    background-repeat: no-repeat;
}

#hc-secondary-links-wrap.adult-children .widget.promo.adult-children h2.children {
    background-image: url(/img/com_logo.cmp.png);
    background-position: 5% 49%;
    background-size: 24% auto;
    background-size: calc(30px + 15%) auto;
    padding: 5% 6% 5% 32% !important;
    padding: 5% 6% 5% calc(40px + 19%) !important;
}

#hc-secondary-links-wrap.adult-children .widget.promo.adult-children h2.adult {
    background-image: url(/img/ummc_logo_hc3_4k.cmp.png);
    background-position: 5% 49%;
    background-size: 28% auto;
}

#hc-secondary-links-wrap .widget.promo.locations-button {
    height: 100%;
    padding: 1rem;
    background-image: url(/img/location_button_bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}

#hc-secondary-links-wrap .widget.promo.locations-button h2 {
    top: calc(50% - 1.1rem - .3vw);
    bottom: auto !important;
    position: relative;
    top: auto;
    text-align: center;
    padding: 0px !important;
    margin: 0 !important;
    font-size: 1.2rem !important;
}

#hc-secondary-links-wrap .widget.promo.locations-button img {
    width: auto;
    height: auto;
    display: block;
    max-width: 34px;
}

#hc-secondary-links-wrap.adult-children .widget.promo.locations-button:hover img {
    opacity: .9;
}

@media screen and (max-width: 40em) {
    .childrens.is-secondary-page:not(.has-slider) #hc-secondary-links-wrap {
        padding-top: 60px !important;
    }
}

.hc-specialty-header {
    text-align: left;
    position: relative;
    z-index: 1;
    background: url(/img/childrens_pattern_bg3.cmp.png) repeat, #3cab73; /*margin-bottom:-50px;*/
}

.is-secondary-page .hc-specialty-header {
    display: none;
}

.hc-specialty-header:before {
    content: ' ';
    display: block;
    height: 7px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: -7px;
    background: url(/img/wavy_green_top2.cmp.png) repeat-x;
}

.hc-specialty-header:after {
    content: '';
    display: block;
    height: 7px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -7px;
    background: url(/img/wavy_green_bottom2.cmp.png) repeat-x;
}

.hc-specialty-header h1 {
    font-size: 3rem;
    font-size: calc(1.4rem + 1.2vw);
    padding-top: 13px;
    padding-bottom: 57px;
    padding-left: 12px;
    margin: 0px;
    color: #fff;
    text-shadow: rgba(0,0,0,0.4) 1px 1px 4px;
    /*font-family: 'Comic Neue Angular', sans-serif;
	font-weight: 700;*/
    display: inline-block;
    background: radial-gradient(rgba(60, 171, 115, 0.5) 80%, rgba(60, 171, 115, 0) 20%);
}

html.childrens:not(.has-main-buttons-ul) .hc-specialty-header h1 {
    padding-bottom: 22px;
}

.hc-specialty-header .yellow {
    height: 38px;
    background: #f6af33;
    position: relative;
}

.hc-specialty-header .yellow:before {
    content: ' ';
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: -4px;
    background: url(/img/wavy_yellow_top.cmp.png) repeat-x;
}

.nav-overflow.dept-name-overflow .hc-specialty-header {
    min-height: 1.2vw;
}

.nav-overflow.dept-name-overflow .hc-specialty-header {
    display: none;
}

/*.childrens #main-buttons-ul > li{border-width:1px; border-image: linear-gradient(to top, rgba(0,0,0,0.1), rgba(0, 0, 0, 0.05)) 1 100%;}*/
.childrens #main-buttons-ul > li > a {
    text-transform: none; /*font-family:'Comic Neue Angular';font-weight: 700; font-size:25px; font-size:calc(1.3rem + 0.2vw); letter-spacing:-1.2px;*/
}

@media only screen and (max-width:64em) {
    /*#hc-secondary-links-wrap .column {text-align:center;}*/
    #hc-secondary-links-wrap .widget.promo {
        float: none;
    }
}

/*The Rows*/
a.inpage-anchor {
    cursor: initial;
    position: absolute;
}

a.inpage-anchor:before {
    content: "";
    display: block;
    height: 110px;
    margin: -110px 0px 0px;
    visibility: hidden;
}

.row-wrap {
    padding: 52px 0px 0px 0px;
}

.is-secondary-page #content-wrap > .row-wrap.white:not(#hc-secondary-links-wrap) {
    padding-top: 18px;
}

.childrens.is-secondary-page #content-wrap > .row-wrap.white {
    padding-top: 12px;
}

.is-secondary-page.has-horizontal-sub-nav #content-wrap > .row-wrap.white {
    padding-top: 52px;
}

.center {
    text-align: center;
}

.content-align-left {
    text-align: left;
}

.content-align-center {
    text-align: center;
}

.content-align-center p {
    margin-left: auto;
    margin-right: auto;
}

.content-align-right {
    text-align: right;
}

.grey {
    background: #e9e9e9;
    /*    background: linear-gradient(#e9e9e9, #f4f4f4);*/
    border-top: 1px solid #ddd;
}

.rowland .grey {
    background: linear-gradient(#cccccc, #e8e8e8);
}

.grey.transparent {
    background: rgba(233,233,233,0.8);
    border: none;
}

.white {
    background: #fafafa;
    background: linear-gradient(#fafafa, #fff);
    border-top: 1px solid #ddd; /*border-bottom:1px solid #cdcdcd;*/
}

.white.transparent {
    background: rgba(255,255,255,0.8);
    border: none;
}

.white.title-row { /*border-top:#fff;*/
    border-bottom: none;
}

.blue {
    background: #27445f;
}

.blue.transparent {
    background: rgba(27, 55, 80, 0.8);
    border: none;
}

.white .white, .white .grey, .grey .grey, .grey .white {
    border-top: none;
}

/*Children's Background Colors + Wavy Borders (at this time, wavy-borders only work with these colors)*/
.green {
    background: #1baa69;
    border: none;
}

.green.transparent {
    background-color: rgba(28, 170, 104, 0.7);
}

.yellow {
    background: #f5af1a;
    border: none;
}

.yellow.transparent {
    background: rgba(251, 176, 49, 0.7);
}

.purple {
    background: #a62382;
    border: none;
}

.purple.transparent {
    background: rgba(173, 36, 129, 0.7);
}

.grow-childrens-green {
    background: #277177;
    border: none;
}

.grow-childrens-green.transparent {
    background: rgba(39, 113, 119, 0.7);
    border: none;
}

.wavy-border {
    position: relative;
    z-index: 6;
}

.wavy-border:before, .wavy-border:after {
    content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 7px;
}

.wavy-border:before {
    top: -7px;
}

.wavy-border:after {
    bottom: -7px;
}

.green.wavy-border:before {
    background: url(/img/wavy_green_top2.cmp.png) repeat-x;
}

.green.wavy-border:after {
    background: url(/img/wavy_green_bottom2.cmp.png) repeat-x;
}

.yellow.wavy-border:before {
    background: url(/img/wavy_yellow_top2.cmp.png) repeat-x;
}

.yellow.wavy-border:after {
    background: url(/img/wavy_yellow_bottom2.cmp.png) repeat-x;
}

.purple.wavy-border:before {
    background: url(/img/wavy_purple_top2.cmp.png) repeat-x;
}

.purple.wavy-border:after {
    background: url(/img/wavy_purple_bottom2.cmp.png) repeat-x;
}

.overflow-hidden {
    overflow: hidden;
}

.bg-img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.3);
}

.bg-img .bg-img {
    box-shadow: none !important;
}

.bg-fixed {
    background-attachment: fixed;
}

.ie10 .bg-fixed, .ie9 .bg-fixed {
    background-attachment: scroll;
}

.bg-overlay, .widget.hc {
    position: relative;
}

.bg-overlay:before {
    content: " ";
    background: rgba(12, 18, 23, 0.65);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hc.bg-overlay:before {
    background: rgba(0,0,0,0.3);
}

.bg-overlay h2, .bg-overlay h3, .bg-overlay h4, .bg-overlay p, .bg-overlay img, .bg-overlay a, .bg-overlay ul, .bg-overlay .column {
    position: relative;
}

.shadow-top {
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.3);
}

.shadow-bottom {
    box-shadow: 1px 4px 9px -6px rgba(0,0,0,0.3);
    position: relative;
    z-index: 4;
}

.shadow-right {
    box-shadow: 1px 1px 8px -3px rgba(0,0,0,0.3);
    z-index: 1;
}

.shadow-left {
    box-shadow: -2px 1px 8px -3px rgba(0,0,0,0.3);
    z-index: 1;
}

.zoom-img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.zoom-img img {
    width: 100%;
    transition: all 1.5s ease-in-out;
    transform: scale(1.01)
}

.zoom-img:hover img {
    transform: scale(1.1);
}

.row-wrap.widget h1, .row-wrap.widget h2 {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}

.txt-black {
    color: #0a0a0a !important;
    text-shadow: none;
}

.txt-blue {
    color: #024379 !important;
}

.txt-white {
    color: #fff !important;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.15);
}

.txt-white a {
    color: #fff;
    text-decoration: underline;
}

.txt-childrens-yellow {
    color: #fca425 !important;
}

.txt-childrens-purple {
    color: #ad278f !important;
}

.txt-childrens-green {
    color: #20b475 !important;
}

.txt-childrens-blue {
    color: #135eab !important;
}

.txt-grow-childrens-green {
    color: #277177 !important;
}

.txt-white table thead, .txt-white table tbody, .txt-white table tfoot, .txt-white table tbody tr:nth-child(even) {
    border: 1px solid rgba(255,255,255,0.2);
    background-color: rgba(255,255,255,0.05);
}

.txt-white table thead {
    background-color: rgba(255,255,255,0.22);
}

.txt-white table td, .txt-white table tbody tr:nth-child(even) td {
    border-right: 1px solid rgba(255,255,255,0.2);
}

.txt-white table tbody tr {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

@media only screen and (max-width: 40em) {
    .mobile-none {
        background: none !important;
        background-image: none !important;
    }

    .mobile-none.transparent {
        background: none !important;
    }

    .mobile-blue {
        background: #27445f;
        background-image: none !important;
    }

    .mobile-blue.mobile-transparent {
        background: rgba(39,68,95,0.7);
        border: none;
    }

    .mobile-grey {
        background: #e9e9e9;
        background: linear-gradient(#e9e9e9, #f4f4f4);
        background-image: none !important;
        border-top: 1px solid #ddd;
    }

    .mobile-grey.mobile-transparent {
        background: rgba(233,233,233,0.7);
        border: none;
    }

    .mobile-white {
        background: #fafafa;
        background: linear-gradient(#fafafa, #fff);
        background-image: none !important;
        border-top: 1px solid #ddd; /*border-bottom:1px solid #cdcdcd;*/
    }

    .mobile-white.mobile-transparent {
        background: rgba(255,255,255,0.7);
        border: none;
    }

    .mobile-green {
        background: #1baa69;
        background-image: none !important;
        border: none;
    }

    .mobile-green.mobile-transparent {
        background-color: rgba(28, 170, 104, 0.7);
    }

    .mobile-yellow {
        background: #f5af1a;
        background-image: none !important;
        border: none;
    }

    .mobile-yellow.mobile-transparent {
        background: rgba(251, 176, 49, 0.7);
    }

    .mobile-purple {
        background: #a62382;
        background-image: none !important;
        border: none;
    }

    .mobile-purple.mobile-transparent {
        background: rgba(173, 36, 129, 0.7);
    }

    .mobile-grow-childrens-green {
        background: #277177;
        background-image: none !important;
        border: none;
    }

    .mobile-grow-childrens-green {
        background: rgba(39, 113, 119, 0.7);
    }

    .mobile-wavy-border {
        position: relative;
        z-index: 6;
    }

    .mobile-wavy-border:before, .mobile-wavy-border:after {
        content: ' ';
        position: absolute;
        display: block;
        width: 100%;
        height: 7px;
    }

    .mobile-wavy-border:before {
        top: -7px;
    }

    .mobile-wavy-border:after {
        bottom: -7px;
    }

    .mobile-green.mobile-wavy-border:before {
        background: url(/img/wavy_green_top2.cmp.png) repeat-x;
    }

    .mobile-green.mobile-wavy-border:after {
        background: url(/img/wavy_green_bottom2.cmp.png) repeat-x;
    }

    .mobile-yellow.mobile-wavy-border:before {
        background: url(/img/wavy_yellow_top2.cmp.png) repeat-x;
    }

    .mobile-yellow.mobile-wavy-border:after {
        background: url(/img/wavy_yellow_bottom2.cmp.png) repeat-x;
    }

    .mobile-purple.mobile-wavy-border:before {
        background: url(/img/wavy_purple_top2.cmp.png) repeat-x;
    }

    .mobile-purple.mobile-wavy-border:after {
        background: url(/img/wavy_purple_bottom2.cmp.png) repeat-x;
    }

    .mobile-txt-black {
        color: #0a0a0a !important;
        text-shadow: none;
    }

    .mobile-txt-blue {
        color: #134065 !important;
    }

    .mobile-txt-white {
        color: #fff !important;
        text-shadow: 0px 1px 2px rgba(0,0,0,0.15);
    }

    .mobile-txt-white a {
        color: #fff;
        text-decoration: underline;
    }

    .mobile-txt-white table thead, .mobile-txt-white table tbody, .mobile-txt-white table tfoot, .mobile-txt-white table tbody tr:nth-child(even) {
        border: 1px solid rgba(255,255,255,0.2);
        background-color: rgba(255,255,255,0.05);
    }

    .mobile-txt-white table td, .mobile-txt-white table tbody tr:nth-child(even) td {
        border-right: 1px solid rgba(255,255,255,0.2);
    }

    .mobile-txt-white table tbody tr {
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
}

.row-wrap.flex .row {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
}
/*.ie11 .row-wrap.flex .row, .ie10 .row-wrap.flex .row, .ie9 .row-wrap.flex .row{justify-content:inherit;}*/
.row-wrap.flex .row .column, .row-wrap.flex .row .columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: auto;
}

.row-wrap.flex .row {
    flex-flow: row wrap;
}

@media only screen and (min-width: 40em) {
    .row-wrap.flex .row {
        flex-flow: row wrap;
    }

    .row-wrap.flex .row .medium-1,
    .row-wrap.flex .row .medium-2,
    .row-wrap.flex .row .medium-3,
    .row-wrap.flex .row .medium-4,
    .row-wrap.flex .row .medium-5,
    .row-wrap.flex .row .medium-6,
    .row-wrap.flex .row .medium-7,
    .row-wrap.flex .row .medium-8,
    .row-wrap.flex .row .medium-9,
    .row-wrap.flex .row .medium-10,
    .row-wrap.flex .row .medium-11,
    .row-wrap.flex .row .medium-12 {
    }
}

@media only screen and (min-width: 64em) {
    .row-wrap.flex .row .large-1,
    .row-wrap.flex .row .large-2,
    .row-wrap.flex .row .large-3,
    .row-wrap.flex .row .large-4,
    .row-wrap.flex .row .large-5,
    .row-wrap.flex .row .large-6,
    .row-wrap.flex .row .large-7,
    .row-wrap.flex .row .large-8,
    .row-wrap.flex .row .large-9,
    .row-wrap.flex .row .large-10,
    .row-wrap.flex .row .large-11,
    .row-wrap.flex .row .large-12 {
    }
}

.row-wrap.full .row {
    max-width: 100%;
}

.row.full {
    max-width: 100%;
}

.center .menu, .menu.center {
    display: inline-block;
}

.row-wrap.widget p, .row-wrap.widget ul, .row-wrap.widget ol {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.8;
    margin-bottom: 2.5rem;
    margin-bottom: calc(.8rem + 0.8vw);
}

.row-wrap.widget .body-copy p, .row-wrap.widget.body-copy p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}

.row-wrap.widget .body-copy li, .row-wrap.widget.body-copy li {
    font-family: Lato,sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
    margin-left: 2rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0 !important;
}

.row-wrap.widget .body-copy .content-align-center ul li,
.row-wrap.widget.body-copy .content-align-center ul li {
    margin-left: 0px;
}

.panel-row.body-copy a, .row-wrap.widget .body-copy a {
    text-decoration: underline;
}

.body-copy iframe {
    max-width: 100%;
}

.column, .columns {
   /* padding-bottom: 48px;*/
}

.column > .row > .column, .column > .row > .columns, .columns > .row > .column, .columns > .row > .columns {
    padding-bottom: 0px;
}

.row-wrap .row .column .row .column:not(.promo-col):not(.padding-regular):not(.padding-extra):first-child {
    padding-left: 0px;
}

.row-wrap .row .column .row .column:not(.promo-col):not(.padding-regular):not(.padding-extra):last-child,
.row-wrap.widget .row .column .row .column:not(.promo-col):not(.padding-regular):not(.padding-extra):last-child {
    padding-right: 0px;
}

.secondary-content-block .column > div:not(.SecureForm):not(.widget.feed) {
    overflow-x: auto;
    max-width: 100%;
}

.secondary-content-block div {
    /*overflow-x:auto;
    max-width: 100%;
    background: linear-gradient(to right, white 30%, rgba(255,255,255,0)), linear-gradient(to right, rgba(255,255,255,0), white 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)), radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-position: 0 0, 100%, 0 0, 100%;
    background-attachment: local, local, scroll, scroll;*/
}

.secondary-content-block table tbody {
    background: background:#fefefe;
}

.secondary-content-block table tbody tr:nth-child(even) {
    background: rgba(0,0,0,0.025);
}

.secondary-content-block .widget.text .clickable-card-row {
    padding-top: 0;
}

/* HEADER ROW */
.row-wrap.title-row {
    padding-top: 36px;
    padding: 2.3vw 0 2.6vw;
    margin-top: -1px;
    color: #254056 !important;
    background: linear-gradient(#fafafa,#fff);
    border-top: 1px solid #eaeaea;
}

.row-wrap.title-row .column, .row-wrap.title-row .columns {
    padding: 0 0 0 0;
}

.row-wrap.title-row h1, .row-wrap.title-row h2 {
    margin-bottom: 0rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
}
/*Children's Header Row*/
.childrens .row-wrap.title-row {
    padding: 0.8vw 0 1.2vw 0;
    background: url(/img/childrens_pattern_bg3.cmp.png) repeat, #f5af33;
    position: relative;
}

.childrens .row-wrap.title-row:before {
    content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 7px;
    top: -7px;
    background: url(/img/wavy_yellow_top2.cmp.png) repeat-x;
}

.childrens .row-wrap.title-row:after {
    content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 7px;
    bottom: -7px;
    background: url(/img/wavy_yellow_bottom2.cmp.png) repeat-x;
}

.childrens .row-wrap.title-row.center {
    text-align: left;
}

.childrens .row-wrap.title-row .txt-lato-regular { /*font-family: 'Comic Neue Angular', sans-serif; font-weight:700;*/
}

.childrens .row-wrap.title-row h2 {
    color: #fff !important;
    text-shadow: rgba(0,0,0,0.4) 1px 1px 4px;
}
/*Yellow*/
.childrens .row-wrap.title-row.yellow {
    background: url(/img/childrens_pattern_bg3.cmp.png) repeat, #f5af33;
}

.childrens .row-wrap.title-row.yellow:before {
    background: url(/img/wavy_yellow_top2.cmp.png) repeat-x;
}

.childrens .row-wrap.title-row.yellow:after {
    background: url(/img/wavy_yellow_bottom2.cmp.png) repeat-x;
}
/*Green*/
.childrens .row-wrap.title-row.green {
    background: url(/img/childrens_pattern_bg3.cmp.png) repeat,#3cab73;
}

.childrens .row-wrap.title-row.green:before {
    background: url(/img/wavy_green_top2.cmp.png) repeat-x;
}

.childrens .row-wrap.title-row.green:after {
    background: url(/img/wavy_green_bottom2.cmp.png) repeat-x;
}
/*Purple*/
.childrens .row-wrap.title-row.purple {
    background: url(/img/childrens_pattern_bg3.cmp.png) repeat,#ad2481;
}

.childrens .row-wrap.title-row.purple:before {
    background: url(/img/wavy_purple_top2.cmp.png) repeat-x;
}

.childrens .row-wrap.title-row.purple:after {
    background: url(/img/wavy_purple_bottom2.cmp.png) repeat-x;
}
/*END HEADER ROW*/

.panel {
    font-size: 1.1rem;
}

.panel li { /*padding-bottom:1rem;*/
}

.no-padding, .padding-none {
    padding: 0 !important;
}

.panel.padding-regular {
    padding-top: 48px;
}

.column.transparent.padding-regular:not(.panel) {
    padding: 24px 20px 36px !important;
}

.column.transparent.padding-regular:not(.panel) *:last-child {
    margin-bottom: 0px;
}

.row-wrap.padding-regular {
    padding-bottom: 52px;
}

.padding-extra {
    padding: 72px 6% 52px 6% !important;
    padding: 6vh 3vw 5vh !important;
    margin: 0 auto;
}

@media only screen and (max-width: 64em) {
    .padding-extra {
        padding: 48px 4% 48px 4% !important;
    }
}

@media only screen and (max-width:40em) {
    .padding-extra {
        padding: 32px 0.9375rem 48px 0.9375rem !important;
    }
}

.panel .column.bg-img:empty {
    min-height: calc(14vh + 20vw);
}

.learn-more-button {
    display: inline-block;
    display: table;
    padding: 6px 28px;
    margin-bottom: 2.5rem;
    background: #295B89;
    border: 1px solid #2b6092;
    cursor: pointer;
    color: #fff !important;
    font-size: 1.3rem;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    text-decoration: none !important;
}

.center .learn-more-button, .content-align-center .learn-more-button {
    margin-left: auto;
    margin-right: auto;
}

.content-align-right .learn-more-button {
    margin-left: auto;
    margin-right: 0;
}

.pcams .learn-more-button, .childrens .learn-more-button {
    border-radius: 4px;
}

.learn-more-button.white {
    color: #2b6092 !important;
    background: #f2f2f2;
    text-shadow: none;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    border: 1px solid #dedede;
}

.learn-more-button:hover, .learn-more-button:focus, .learn-more-button.active {
    background: #2f71af;
    border: 1px solid #0056a7;
    color: #fff !important;
    text-decoration: none !important;
}

.bg-overlay .learn-more-button:hover, .bg-overlay .learn-more-button.active {
    border: 1px solid #006fd8;
}

.learn-more-button.large {
    padding: calc(6px + 0.4vw) calc(28px + 0.4vw);
    font-size: calc(1.3rem + 0.2vw);
}

.learn-more-button.purple {
    background: #a62382;
    border: 1px solid #b51f8b;
}

a.panel-link:hover .learn-more-button.purple,
a.panel-link:focus .learn-more-button.purple,
.learn-more-button.purple:hover,
.learn-more-button.purple:focus {
    background: #c51996;
    border: 1px solid #e200a3;
}

.learn-more-button.grow-childrens-green {
    background: #277177;
    border: 1px solid #277177;
}

.learn-more-button.transparent-over-dark {
    background: none;
    border: 1px solid #0083ff;
    color: #fff;
    transition: all 0.17s ease-in-out;
}

.learn-more-button.transparent-over-light {
    background: none;
    border: 1px solid #2b6092;
    color: #000;
    transition: all 0.17s ease-in-out;
}

.learn-more-button.transparent-over-dark:hover, .learn-more-button.transparent-over-dark:active,
.learn-more-button.transparent-over-light:hover, .learn-more-button.transparent-over-light:active {
    border: 1px solid #006fd8;
    background: #2f71af;
    border: 1px solid #0056a7;
    color: #fff !important;
    text-decoration: none !important;
}

a.panel-link .white, a.panel-link .grey, a.panel-link .blue {
    transition: all 0.14s ease;
}

a.panel-link:hover .white {
    background: linear-gradient(#fff,#fff);
}

a.panel-link:hover .grey {
    background: #f4f4f4;
}

a.panel-link:hover .blue {
    background: #234b71;
}
/*a.panel-link > div.row{overflow:hidden;}*/
/*a.panel-link > div.row > .column{transition:all 0.14s ease-out; transform:scale(1.0001); transform-origin:center 70%;}
a.panel-link:hover > div.row > .column{transform:scale(1.02);}*/
a.panel-link, a.panel-link:hover {
    text-decoration: none !important;
    color: unset;
}

.panel.animate {
    overflow: hidden;
}

.animate > div {
    opacity: 0;
    transition-property: all;
    transition-duration: 0.6s;
    transition-delay: 0.1s;
    transition-timing-function: ease-out;
    position: relative;
}

@media only screen and (min-width:40em) {
    /*.animate .learn-more-button{transition-property:all; transition-duration:0.6s; transition-delay:0.24s; transition-timing-function:ease; position: relative;}*/
    .animate.from-left > div {
        right: 115%;
    }

    .animate.from-left.is-seen > div {
        right: 0%;
    }
    /*.animate.from-left .learn-more-button{right:100%;}
    .animate.from-left.is-seen .learn-more-button{right:0%;}*/
    .animate.from-right > div {
        left: 115%;
    }

    .animate.from-right.is-seen > div {
        left: 0%;
    }
    /*.animate.from-right .learn-more-button{left:100%;}
    .animate.from-right.is-seen .learn-more-button{left:0%;}*/
    .animate.from-top > div {
        bottom: 100%;
    }

    .animate.from-top.is-seen > div {
        bottom: 0%;
    }
    /*.animate.from-top .learn-more-button{bottom:100%;}
    .animate.from-top.is-seen .learn-more-button{bottom:0%;}*/
    .animate.from-bottom > div {
        top: 100%;
    }

    .animate.from-bottom.is-seen > div {
        top: 0%;
    }
    /*.animate.from-bottom .learn-more-button{top:100%;}
    .animate.from-bottom.is-seen .learn-more-button{top:0%;}*/

    .animate.loading > div {
        animation-duration: 0.6s;
        animation-timing-function: ease-out;
        animation-delay: 0.8s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }

    .animate.from-left.loading > div {
        animation-name: from-left;
    }

    .animate.from-right.loading > div {
        animation-name: from-right;
    }

    .animate.from-top.loading > div {
        animation-name: from-top;
    }

    .animate.from-bottom.loading > div {
        animation-name: from-bottom;
    }

    @keyframes from-left {
        0% {
            right: 115%;
        }

        100% {
            right: 0%;
        }
    }

    @keyframes from-right {
        0% {
            left: 115%;
        }

        100% {
            left: 0%;
        }
    }

    @keyframes from-top {
        0% {
            bottom: 115%;
        }

        100% {
            bottom: 0%;
        }
    }

    @keyframes from-bottom {
        0% {
            top: 115%;
        }

        100% {
            top: 0%;
        }
    }
}

@media only screen and (min-width: 90em) {
    .row-wrap.widget h1, .row-wrap.widget h2 {
        font-size: 2.2vw;
        margin-bottom: 1.8vw;
    }

    .row-wrap.widget h3 {
        font-size: 1.8vw;
        margin-bottom: 1.6vw;
    }

    .row-wrap.widget.title-row h1, .row-wrap.widget.title-row h2 {
        margin-bottom: 0vw;
    }
}

/* Row Images and Icons */
.icon-large, .large-icon {
    width: 80px;
    display: block;
    margin: 0 auto;
    margin-bottom: 14px;
}

.img-border {
    padding: 5px;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(0,0,0,0.2);
    background: rgba(255,255,255,0.6);
}

.txt-white .img-border {
    background: rgba(255,255,255,1);
    border: 1px solid #000;
}

.img-no-border {
    margin-bottom: 1.6rem;
}

.img-round, .round-img, .img-round.img-border {
    border-radius: 50%;
    border: 4px solid #fff;
    width: 60%;
    max-width: 260px;
    margin: 0 auto 28px auto;
}

.green .img-border, .purple .img-border, .yellow .img-border, .grow-childrens-green .img-border {
    border: none;
    padding: 0;
}

.img-padding-none {
    margin: 0 !important;
    padding: 0 !important;
}

.img-border.center, .img-no-border.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*For headings with lines behind them*/
.line-behind {
    display: table;
    white-space: nowrap;
    margin-bottom: 22px !important;
    margin-left: 22px;
    margin-right: 22px;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
    font-weight: 400 !important;
}

.line-behind:before, .line-behind:after {
    border-top: 1px solid #ccc;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.7em;
}

.line-behind:before {
    width: 1%;
    right: 1%;
}

.line-behind:after {
    width: 100%;
    left: 1%;
}

.line-behind.txt-blue {
    color: #00508c;
}

.grey .line-behind:before, .grey .line-behind:after {
    border-top: 1px solid #c1c1c1;
}

h1.line-behind, h2.line-behind, .row-wrap.widget h1.line-behind, .row-wrap.widget h2.line-behind {
    font-size: 1.8rem;
}

.row-wrap.widget.body-copy h1, .row-wrap.widget .body-copy h1 {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.row-wrap.widget.body-copy h2, .row-wrap.widget.body-copy h3, .row-wrap.widget .body-copy h2, .row-wrap.widget .body-copy h3 {
    font-size: 1.55rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
}

.row-wrap.widget.body-copy h3, .row-wrap.widget .body-copy h3 {
    font-size: 1.5rem;
    padding-top: 0px;
}

.center .line-behind, .content-align-center .line-behind {
    text-align: center;
    display: inline-block;
    position: relative;
}

.center .line-behind:before, .align-center .line-behind:before {
    width: 14%;
    left: -18%;
    right: auto;
    position: absolute;
    top: 50%;
    border-top: 1px solid rgba(0, 0, 0, 0.33);
}

.center .line-behind:after, .content-align-center .line-behind:after {
    width: 100%;
    width: 14%;
    left: auto;
    right: -18%;
    position: absolute;
    top: 50%;
    border-top: 1px solid rgba(0, 0, 0, 0.33);
}

.txt-white .line-behind:before, .txt-white .line-behind:after {
    border-top: 1px solid #fff;
}

.news-article .StandardTable {
    display: none;
}

/* VERTICAL SUB-NAV */
#sub-nav-vertical-wrap {
    display: block;
}

.sub-nav-vertical {
    margin: 9px 0 32px 0;
    margin-bottom: calc(0.8rem + 1.4vw);
}

.grey .sub-nav-vertical {
    background: rgba(255,255,255,0.25);
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.bg-img .sub-nav-vertical, .blue .sub-nav-vertical {
    background: rgba(255,255,255,0.05);
    border-left: 1px solid rgba(255,255,255,0);
    border-right: 1px solid rgba(255,255,255,0);
}

.sub-nav-vertical li, .bg-img .white .sub-nav-vertical li, .blue .white .sub-nav-vertical li,
.bg-img .grey .sub-nav-vertical li, .blue .grey .sub-nav-vertical li {
    display: block;
    border-top: 1px solid #e2e2e2;
}

.sub-nav-vertical > li li {
    border-left: 1px solid #c7c7c7;
}

.sub-nav-vertical > li:last-child, .bg-img .white .sub-nav-vertical li:last-child, .blue .white .sub-nav-vertical li:last-child,
.bg-img .grey .sub-nav-vertical li:last-child, .blue .grey .sub-nav-vertical li:last-child {
    border-bottom: 1px solid #cdcdcd;
}

.bg-img .sub-nav-vertical li, .blue .sub-nav-vertical li {
    border-top: 1px solid rgba(255,255,255,0.2);
}

.bg-img .sub-nav-vertical > li:last-child, .blue .sub-nav-vertical > li:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.sub-nav-vertical > li li.hoverli.has-subnav > ul > li:last-child {
    border-bottom: 1px solid #b7b7b7;
}

.sub-nav-vertical li a {
    display: block;
    padding: 7px 18px 7px 9%;
    padding-left: 18px;
    position: relative;
    text-shadow: none;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.txt-white .sub-nav-vertical li a {
    text-decoration: none;
}

.txt-white .sub-nav-vertical li a[href="#"]:hover {
    text-decoration: none !important;
}

.white .sub-nav-vertical li a, .grey .sub-nav-vertical li a {
    color: #005eb3 !important;
}

.sub-nav-vertical li.no-link {
    padding: 7px 18px 7px 9%;
    padding-left: 18px;
}

.white .sub-nav-vertical li.no-link, .grey .sub-nav-vertical li.no-link {
    color: black !important;
}

.white .sub-nav-vertical li a:hover, .white .sub-nav-vertical li.currentPage > a,
.grey .sub-nav-vertical li a:hover, .grey .sub-nav-vertical li.currentPage > a {
    color: #0081e2 !important;
    text-decoration: none !important;
}

.sub-nav-vertical > li > a:not([href="#"]):hover, .sub-nav-vertical > li.hoverli > a, .sub-nav-vertical > li.currentPage > a {
    background: #e9e9e9;
}

.bg-img .sub-nav-vertical > li > a:not([href="#"]):hover, .bg-img .sub-nav-vertical > li.hoverli > a, .bg-img .sub-nav-vertical > li.currentPage > a,
.blue .sub-nav-vertical > li > a:not([href="#"]):hover, .blue .sub-nav-vertical > li.hoverli > a, .blue .sub-nav-vertical > li.currentPage > a {
    background: rgba(255,255,255,0.1);
}

.grey .sub-nav-vertical > li > a:not([href="#"]):hover {
    background: #fff;
}

.sub-nav-vertical > li > ul li.hoverli > a, .sub-nav-vertical > li > ul li.currentPage > a {
    background: #d9d9d9;
}

.sub-nav-vertical > li > ul > li.hoverli > a {
    background: #dfdfdf;
}

.sub-nav-vertical > li > ul > li.currentPage > a {
    background: #e1e1e1;
}

.bg-img .sub-nav-vertical > li > ul li.hoverli > a, .bg-img .sub-nav-vertical > li > ul li.currentPage > a,
.blue .sub-nav-vertical > li > ul li.hoverli > a, .blue .sub-nav-vertical > li > ul li.currentPage > a {
    background: rgba(255, 255, 255, 0.15);
}

.sub-nav-vertical > li.hoverli > a:hover, .sub-nav-vertical > li.currentPage > a:hover {
    background: #ddd;
}

.sub-nav-vertical li > ul > li.hoverli > a:hover, .sub-nav-vertical li > ul > li.currentPage > a:hover {
    background: #d6d6d6;
}

.bg-img .sub-nav-vertical li > ul > li.hoverli > a:hover, .bg-img .sub-nav-vertical li > ul > li.currentPage > a:hover,
.blue .sub-nav-vertical li > ul > li.hoverli > a:hover, .blue .sub-nav-vertical li > ul > li.currentPage > a:hover {
    background: rgba(255, 255, 255, 0.2);
}

.white .sub-nav-vertical li a[href="#"], .grey .sub-nav-vertical li a[href="#"] {
    color: #2a415f !important;
}

.sub-nav-vertical li a[href="#"] {
    cursor: text;
}

.sub-nav-vertical li.has-subnav a[href="#"] {
    cursor: pointer;
}

.white .sub-nav-vertical li a[href="#"]:hover, .grey .sub-nav-vertical li a[href="#"]:hover {
    color: black !important;
}

.white .sub-nav-vertical li.has-subnav a[href="#"], .grey .sub-nav-vertical li a[href="#"] a {
    color: #00529e !important;
}

.white .sub-nav-vertical li.has-subnav a[href="#"]:hover, .grey .sub-nav-vertical li a[href="#"]:hover a {
    color: #00529e !important;
}

#sub-nav-vertical-wrap .sub-nav-vertical li a {
    padding: 3px 18px 3px 9%;
    font-size: 0.9rem;
    color: #003b71 !important;
}

#sub-nav-vertical-wrap .sub-nav-vertical li.hoverli a {
    padding: 7px 18px 7px 9%;
    color: #005eb3 !important;
}

#sub-nav-vertical-wrap .sub-nav-vertical > li > ul li.thisIsThe > a {
    background: #2a4662;
    color: #fff !important;
}

#sub-nav-vertical-wrap .sub-nav-vertical > li > ul li.thisIsThe > a:hover {
    background: #2c5f92;
}

.sub-nav-vertical li a:not([href="#"]):hover:before, .sub-nav-vertical li.hoverli.has-subnav > a:before, .sub-nav-vertical > li > ul li.thisIsThe > a:before {
    font-size: 1.2em;
    content: " \203A";
    position: absolute;
    top: 0px;
    top: calc(50% - 17px);
    left: 4.5%;
    left: 9px;
    transition: all 0.1s ease-in-out;
}

.panel-row:not(.body-copy) .sub-nav-vertical li a:not([href="#"]):hover:before,
.panel-row:not(.body-copy) .sub-nav-vertical li.hoverli.has-subnav > a:before,
.panel-row:not(.body-copy) .sub-nav-vertical > li > ul li.thisIsThe > a:before {
}

.sub-nav-vertical li.hoverli a:before {
    top: 4px !important;
}

.sub-nav-vertical li.has-subnav > a:after {
    font-size: 1.3em;
    line-height: 1em;
    content: " \002B";
    position: absolute;
    top: 18%;
    right: 2.2%;
    /*transform: rotate(90deg);*/
    transform-origin: 50% 50%;
    /*transition:all 0.18s ease-in-out;*/
}

.sub-nav-vertical li.hoverli.has-subnav > a:after, .sub-nav-vertical li.currentPage.has-subnav > a:after {
    content: "\208B";
    font-size: 1.5em;
    top: 4%;
    right: 2.9%;
    position: absolute;
    line-height: 1em;
    /*transform: rotate(0deg);*/
    /*transform-origin: 100% 100%; 
    top:1%;
    right: 2%;*/
    /*-webkit-animation:subVertNavArrowPulse 2.4s 1; 
    animation:subVertNavArrowPulse 2.4s 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;*/
}
/*.sub-nav-vertical li.currentPage > a:after{transform: rotate(0deg); transform-origin: 50% 50%; top: 4%;}*/

@keyframes subVertNavArrowPulse {
    0% {
        right: 2%;
    }

    25% {
        right: 1%;
    }

    50% {
        right: 2%;
    }

    75% {
        right: 1%;
    }

    100% {
        right: 2%;
    }
}

.sub-nav-vertical > li.currentPage > ul {
    display: block;
}

.sub-nav-vertical li ul {
    margin-left: 0;
    background: #f6f6f6;
    display: none;
}

.bg-img .sub-nav-vertical li ul, .blue .sub-nav-vertical li ul {
    background: rgba(255,255,255,0.2);
}

.sub-nav-vertical li ul li ul {
    background: #eee;
}

.bg-img .sub-nav-vertical li ul li ul, .blue .sub-nav-vertical li ul li ul {
    background: rgba(255,255,255,0.26);
}

.sub-nav-vertical > li > ul {
    border-left: 14px solid #e9e9e9;
}

.bg-img .sub-nav-vertical > li > ul, .blue .sub-nav-vertical > li > ul {
    border-left: 14px solid rgba(255, 255, 255, 0.15);
}

.sub-nav-vertical > li.hoverli > ul, .sub-nav-vertical > li.currentPage > ul {
    border-bottom: 1px solid #e2e2e2;
}

.sub-nav-vertical > li > ul > li ul {
    border-left: 12px solid #d9d9d9;
    border-bottom: 1px solid #d6d6d6;
}

.sub-nav-vertical > li > ul > li > ul {
    border-left: 12px solid #dfdfdf;
}

.bg-img .sub-nav-vertical > li > ul > li ul, .blue .sub-nav-vertical > li > ul > li ul {
    border-left: 12px solid rgba(255, 255, 255, 0.15);
}

.sub-nav-vertical > li > ul > li.hoverli > ul, .sub-nav-vertical > li > ul > li.currentPage > ul {
    border-bottom: 1px solid #d9d9d9;
}

.sub-nav-vertical > li ul a {
    font-size: 0.9em;
    padding: 6px 18px 6px 9%;
}

.sub-nav-vertical > li ul li ul a {
    font-size: 0.8em;
}

.sub-nav-vertical > li > ul a:hover {
    background: #eee;
}

.sub-nav-vertical > li > ul > li > ul a:hover {
    background: #e4e4e4;
}

.bg-img .sub-nav-vertical > li > ul a:hover, .blue .sub-nav-vertical > li > ul a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.bg-img .sub-nav-vertical > li > ul > li > ul a:hover, .blue .sub-nav-vertical > li > ul > li > ul a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.bg-img .sub-nav-vertical > li > ul a[href="#"]:hover, .blue .sub-nav-vertical > li > ul a[href="#"]:hover {
    background: rgba(255, 255, 255, 0);
}

.bg-img .sub-nav-vertical > li > ul > li > ul a[href="#"]:hover, .blue .sub-nav-vertical > li > ul > li > ul a[href="#"]:hover {
    background: rgba(255, 255, 255, 0);
}

.sub-nav-vertical.txt-large a {
    font-size: 1.4rem;
    font-size: calc(1rem + 0.33vw);
    line-height: 1.8rem;
    padding-bottom: 10px;
}

.sub-nav-vertical.txt-large li.no-link {
    font-size: 1.4rem;
}

.no-js .sub-nav-vertical ul {
    display: block !important;
}

/* Secondary Page Content */
/*html.has-rows .secondary-content-block{padding-top:42px;}*/

/* WIDGETS */

/* Healthcare Department Name Slide */
.widget.hc .row {
    height: 70vh;
    min-height: 100px;
    max-height: 500px; /*height:32vh;*/
}

.widget.hc .row h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 3.4rem;
    line-height: 2.5rem;
    margin-bottom: 0px;
    position: absolute;
    bottom: 42px;
    padding-left: 12px;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 4px;
    z-index: 2;
}

.widget.hc .row h1:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 90%;
    background: rgb(0 18 58 / 20%);
    top: 25%;
    filter: blur(13px);
    border-radius: 50%;
    z-index: -1;
}

.has-main-buttons-ul .widget.hc .row h1, .no-js .widget.hc .row h1 {
    bottom: 65px;
}

.widget.hc span[role=img] {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.widget.hc span[role=img]:before {
    content: ' ';
    background: rgba(0,0,0,0.0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Breadcrumbs */
.breadcrumbs-wrap {
    margin-top: 0px;
    margin-bottom: 2.4rem;
}

.has-sub-nav .breadcrumbs-wrap {
    margin-bottom: 4px;
}

.is-secondary-page.has-slider .breadcrumbs-wrap {
    margin-bottom: 0px;
}

.breadcrumbs-wrap > .column, .breadcrumbs-wrap > .columns {
    padding-bottom: 0px;
}

.breadcrumbs {
    float: right;
}

.childrens .breadcrumbs-wrap {
    margin-bottom: 12px;
}

.childrens .breadcrumbs {
    margin: 0;
}

@media only screen and (max-width: 40em) {
    .is-secondary-page:not(.has-slider) .breadcrumbs-wrap {
        margin-top: 12px;
    }
}

/* Mobile Combo Slider (takes multiple columns and combines them into a js slick slider */
.mobile-combo-slider .slider-nav-wrapper {
    position: relative;
    bottom: auto;
}

.mobile-combo-slider .slider-nav-wrapper.bottom {
    position: absolute;
    bottom: 0px;
}

.mobile-combo-slider .slick-dots li {
    background: white;
}

.mobile-combo-slider.slick-slider .slick-prev:hover, .mobile-combo-slider.slick-slider .slick-next:hover {
    background-color: rgba(66, 124, 179, 0.5);
}

/* Click-able Explore Button that scrolls down to content */
.explore-button-wrap {
    height: 9vw;
    min-height: 118px;
}

.explore-button-wrap > div {
    margin-top: -84px;
    margin-bottom: 0px;
}

.explore-button-wrap.center > div {
    text-align: center;
}

.explore-button {
    display: inline-block;
    min-height: 70px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #254056;
    font-size: 1.2em;
    text-transform: uppercase;
    background: #fafafa;
    border: 1px solid #ccc;
    padding: 20px 29px;
    box-shadow: 1px 4px 9px -7px;
}

.explore-button:hover {
    background-color: #fff;
    color: #1970b7;
}

.explore-arrow {
    position: absolute;
    left: 50%;
    margin: 0 auto;
    z-index: 20;
    cursor: pointer;
    font-size: 64px;
}

.explore-arrow:before {
    content: " \203A";
    position: absolute;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}

.explore-arrow.white:before {
    color: #fff;
}

/* Panel Row */
.panel-row.body-copy li {
    margin-bottom: 1rem;
}

.panel-row .padding-left-right {
    padding-left: .9375rem;
    padding-right: .9375rem;
}

.panel-row .border-none {
    border: none;
}

.panel-row .border-white {
    border: 1px solid #fff;
}

.panel-row .border-light-grey {
    border: 1px solid #d1d1d1;
    border: 1px solid rgba(0,0,0,.24)
}

.panel-row .border-dark-blue {
    border: 1px solid #2a6092;
}

.panel-row .border-black {
    border: 1px solid #000;
}

.panel-row .border-childrens-yellow {
    border: 1px solid #fbb040;
}

.panel-row .border-childrens-purple {
    border: 1px solid #9b2d7d;
}

.panel-row .border-grow-childrens-green {
    border: 1px solid #277177;
}

.panel-row .grid.make-same-height, .panel-row .grid.make-same-height .grid {
    height: 100%;
}

@media only screen and (max-width: 40em) {
    .panel-row .mobile-border-none {
        border: none !important;
    }

    .panel-row .mobile-border-white {
        border: 1px solid #fff !important;
    }

    .panel-row .mobile-border-light-grey {
        border: 1px solid #d1d1d1 !important;
    }

    .panel-row .mobile-border-dark-blue {
        border: 1px solid #2a6092 !important;
    }

    .panel-row .mobile-border-black {
        border: 1px solid #000 !important;
    }

    .panel-row .mobile-border-childrens-yellow {
        border: 1px solid #fbb040 !important;
    }

    .panel-row .mobile-border-childrens-purple {
        border: 1px solid #9b2d7d !important;
    }

    .panel-row .mobile-border-grow-childrens-green {
        border: 1px solid #277177 !important;
    }
}

/* (Patients') Stories Widget */
.widget.stories {
    background: #e9e9e9;
}

.widget.stories .column, .widget.stories .columns {
    transition: all 0.3s ease-in-out;
}

.widget.stories .column:hover, .widget.stories .columns:hover {
    background: #fff;
}

.widget.stories a:hover {
    text-decoration: none !important;
}

.widget.stories .column > a, .widget.stories .columns > a {
    display: block;
    transition: all 0.3s ease-in-out;
}

.widget.stories .column > a:hover, .widget.stories .columns > a:hover {
}

.widget.stories .column > a:hover .zoom-img img, .widget.stories .columns > a:hover .zoom-img img {
    transform: scale(1.1);
}

.widget.stories .stories-content {
    padding: 32px 9% 42px 9%;
}

.widget.stories .stories-content h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #254056;
    font-size: 30px;
}

.widget.stories .column > a:hover h3, .widget.stories .columns > a:hover h3 {
    color: #285e8a;
}

.widget.stories .stories-content p {
    color: #254056;
}

@media only screen and (max-width: 60em) {
    .widget.stories .stories-content p {
        font-size: 1.1em;
        line-height: 1.5em;
    }
}

@media only screen and (min-width: 75em) {
    .widget.stories .stories-content h3 {
        font-size: 2.1vw;
    }
}

/* Mississippi Kids Locations Row */
.clinic-locations {
    background: #efeeea url(/img/mskidslocations_bg2.jpg);
    background-position: center bottom;
    background-size: cover;
    padding-top: calc(52px + 1vw);
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
    z-index: 2;
}

.clinic-locations.sub {
    background: #efeeea;
    padding-top: 46px;
}

.clinic-locations h2 {
    margin-bottom: 0px !important;
}

.clinic-locations h2 span {
    font-size: calc(1.4rem + 0.64vw);
}

.clinic-locations .loc-buttons {
    list-style: none;
    margin-top: 2.6vw;
    margin-bottom: 2.8vw;
}

.children.clinic-locations .loc-buttons {
    margin-top: 4vw;
    margin-bottom: 3.5vw;
}

.clinic-locations .loc-buttons li {
    display: inline-block;
    margin: 0px 5px 8px 0px;
}

.children.clinic-locations .loc-buttons li {
    margin: -3.5vw -0.1vw -3.5vw -0.1vw;
}

.clinic-locations .loc-buttons li a {
    font-size: 1.4rem;
    font-size: calc(1.1rem + 0.25vw);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    display: table-cell;
    vertical-align: middle;
    padding: 1rem 1rem;
}

.clinic-locations .loc-buttons li a:hover, .clinic-locations .loc-buttons li a.active {
    background: #2c5f92;
    color: #fff;
}

.children.clinic-locations .loc-buttons li a {
    padding: 0;
    padding: 12px;
    width: 180px;
    height: 180px;
    width: calc(167px + 1.5vw);
    height: calc(167px + 1.5vw);
    width: calc(152px + 0.5vw);
    height: calc(152px + 0.5vw);
    border-radius: 47% 53% 47% 54%/45% 52% 54% 53%;
    border-top-left-radius: 47% 45%;
    border-top-right-radius: 53% 52%;
    border-bottom-right-radius: 47% 54%;
    border-bottom-left-radius: 54% 53%;
}

.children.clinic-locations .loc-buttons li:nth-child(even) a {
    border-bottom-right-radius: 47% 45%;
    border-bottom-left-radius: 53% 52%;
    border-top-right-radius: 47% 54%;
    border-top-left-radius: 54% 53%;
}

.children.clinic-locations .loc-buttons li:nth-child(3) a {
    border-top-right-radius: 47% 45%;
    border-bottom-right-radius: 53% 52%;
    border-top-left-radius: 47% 54%;
    border-bottom-left-radius: 54% 53%;
}

.children.clinic-locations .loc-buttons li a:hover, .children.clinic-locations .loc-buttons li a.active {
    background: #fbb031;
    background: rgba(251, 189, 49, 0.63);
    background: linear-gradient(35deg, rgba(251, 176, 49, 0.63), rgba(251, 176, 49, 0.44));
    color: #002a4e;
}

.groupcontainer {
    background: #2a4660;
    background: #305880;
    top: -300px;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
    position: relative;
    transition: 0.16s top ease-in-out,0.2s opacity ease-in-out;
}

.groupcontainer.active {
    opacity: 1;
    height: auto;
    visibility: visible;
    top: 0px;
}

.groupcontainer .locationcontainer:not(:last-child) {
    border-bottom: 1px solid rgb(76, 102, 128);
}

.LocationExpand {
    color: #fff;
    padding: 12px 8px;
    font-size: 1.2rem;
    display: none;
}

.LocationExpand.active {
    display: block;
}

.LocationExpand:hover {
    background: #30659e;
    color: #fff;
}

.LocationExpand span {
    display: inline-block;
    transform-origin: 25% 50%;
    padding-right: 8px;
    transition: 0.2s transform ease;
}

.LocationExpand:hover span {
    transform: rotate(90deg);
}

.locationdetailscontainer {
    background: #23405e;
    overflow: hidden;
    height: 0px;
    padding-top: 0px !important;
}

.locationdetailscontainer.active {
    height: auto;
    padding-top: 28px !important;
}

.locationdetailscontainer > .column:first-child {
    opacity: 0;
    transition: 0.6s opacity ease;
}

.locationdetailscontainer.active > .column:first-child {
    opacity: 1;
}

.LocationCollapse {
    font-size: calc(1.55rem + 0.7vw);
    color: #fff;
    padding-top: 0px;
}

.locationdetailscontainer > .column:last-child a {
    display: block;
    background: #fff;
    position: relative;
    left: 110%;
    transition: 0.2s 0.18s all ease-in-out;
    overflow: hidden;
    border: 6px solid #fff;
}

.locationdetailscontainer > .column:last-child img:not(.locationmap) {
    position: relative;
    left: 250%;
    transition: 0.32s 0.18s all ease-in-out;
}

.locationdetailscontainer.active > .column:last-child a, .locationdetailscontainer.active > .column:last-child img {
    left: 0%;
}

.locationmap {
    transition: 1s all;
    transform: scale(1.01);
}

.locationimage {
    border: 6px solid #fff;
}

.locationdetailscontainer > .column:last-child {
    position: relative;
}

.locationdetailscontainer > .column:last-child a:hover img {
    opacity: 0.75;
    transform: scale(1.18);
}

.locationdetailscontainer > .column:last-child a:after {
    font-size: 9rem;
    font-size: 7.5vw;
    font-weight: 700;
    content: '\203A';
    position: absolute;
    bottom: -32px;
    bottom: -1.6vw;
    left: 90%;
    opacity: 0;
    transition: all .14s ease-in-out;
    transform: scale(.4);
    color: #3C71B1;
}

@media only screen and (max-width: 40em) {
    .locationdetailscontainer > .column:last-child a:after {
        font-size: 7rem;
        bottom: -32px;
    }
}

.locationdetailscontainer > .column:last-child a:hover:after {
    left: 88%;
    opacity: 1;
    transform: scale(1);
    -webkit-animation: locArrowPulse 2s infinite;
    animation: locArrowPulse 2s infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@keyframes locArrowPulse {
    0% {
        opacity: 0.5;
        left: 88%;
    }

    25% {
        opacity: 1;
        left: 90%;
    }

    50% {
        opacity: 0.5;
        left: 88%;
    }

    75% {
        opacity: 1;
        left: 90%;
    }

    100% {
        opacity: 0.5;
        left: 88%;
    }
}

.locationsectioncontainer { /*float:left; margin: 0px 8vw 20px 2px;*/
}

.locationsectionheader {
    color: #ffc362;
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
}
/*.locationsectioncontainer, .locationsectioncontainer p, .locationsectioncontainer a, .locationsectioncontainer p a{color:#fff;}*/
.locationsectioncontainer, .locationsectioncontainer p {
    color: #fff;
}

.locationsectioncontainer a {
    color: #ffeac9;
}

.locationsectioncontainer a:hover {
    color: #fff;
    text-decoration: underline;
}

.locationsectioncontent, .locationspecialtybutton {
    color: #ffeac9;
}

.locationspecialtybutton:hover, .locationspecialtybutton:active {
    color: #fff;
}

.locationspecialtybutton:hover, .locationspecialtybutton:active {
    text-decoration: underline;
}

.locationspecialtybutton.active {
    text-decoration: underline;
    color: #ffc360;
}

.specialtydetailscontainer {
    background: #375881;
    padding: 24px 24px 38px 24px;
    border-radius: 12px;
    border: 1px solid #2a71bd;
    display: none;
    margin-bottom: 16px;
}

.specialtydetailscontainer.active {
    display: block;
}

.specialtydetailscontainer h3, .specialtydetailscontainer h4 {
    color: #ffc361;
}

.specialtydetailscontainer.txt-white .specialtylocations {
    text-decoration: none;
    color: #ffeac9;
}

.specialtydetailscontainer.txt-white .specialtylocations:hover {
    text-decoration: underline;
}

.specialtydetailscontainer.txt-white .specialtylocations.physicallocations {
    display: block;
}

/* Text Block Widget */
h2.line-behind:before {
    width: 1.7%;
}

.widget.text {
    font-size: 1.1rem;
}

.widget.text a {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
/*.widget.text a:not(.button){color:#005eb3;}*/
.widget.text h1 {
    font-size: 2rem;
    padding-bottom: 1.4rem;
}

.widget.text h1:not(.line-behind) {
    font-size: 2.1rem;
}

.widget.text h2:not(.line-behind) {
    font-size: 1.8rem;
    padding-top: 0.65rem;
    margin-bottom: 1.25rem;
}

.widget.text h1 + h2, .widget.text h1 + h3, .widget.text h1 + h4, .widget.text h2 + h3, .widget.text h3 + h4 {
    padding-top: 0px !important;
}

.widget.text h3 {
    font-size: 1.5rem;
    padding-top: 0px;
    margin-bottom: 1.25rem;
    color: #333;
}

.widget.text h4 {
    font-size: 1.3rem;
    padding-top: 0px;
    margin-bottom: 1.25rem;
    color: #333;
}

.widget.text h5 {
    font-size: 1.2rem;
    padding-top: 0px;
    margin-bottom: 1.25rem;
    color: #333;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
}

.widget.text h6 {
    font-size: 1.1rem;
    padding-top: 0px;
    margin-bottom: 1.25rem;
    color: #333;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
}

.widget.text p {
    line-height: 1.8;
    margin-bottom: 1.25rem;
    font-size: calc(1rem + 0.085vw);
}

.widget.text h1:not(.line-behind):before, .widget.text h2:not(.line-behind):before, .widget.text h3:before, .widget.text h4:before, .widget.text h5:before, .widget.text h6:before, .widget.text p:before {
    content: "";
    width: 10rem;
    display: block;
    overflow: hidden;
}

.ie11 .widget.text h1:not(.line-behind):before, .ie11 .widget.text h2:not(.line-behind):before, .ie11 .widget.text h3:before, .ie11 .widget.text h4:before, .ie11 .widget.text h5:before, .ie11 .widget.text h6:before, .ie11 .widget.text p:before {
    content: none;
    width: 0;
    display: none;
}

.widget.text ul:not(.slick-dots), .widget.text ol {
    margin-left: calc(0.8rem + 4%);
}

.widget.text > ul:not(.slick-dots), .widget.text > ol {
    margin-bottom: 1.25rem;
}

.widget.text ul:not(.slick-dots) ul, .widget.text ol ol, .widget.text ol ul {
    margin-left: calc(1.1rem + 0.2vw);
    margin-bottom: 0px;
}

.widget.text ul:not(.menu):not(.slick-dots) li, .widget.text ol:not(.menu) li {
    padding-left: 0.35vw;
    padding-bottom: 1rem;
}

.widget.text ul:not(.menu):not(.slick-dots) li:last-child, .widget.text ol li:last-child {
    padding-bottom: 0px;
}

.widget.text ul.menu {
    padding-bottom: 1rem;
}

.widget.text ul ul {
    margin-top: 14px;
}

.widget.text ul p:last-child, .widget.text ol p:last-child {
    margin-bottom: 0px;
}
/*.widget.text a:not(.button):hover, .widget.text a:not(.button):focus{color:#2280D2;}*/
.widget.text img {
    border-style: solid;
    border-color: #bbb;
}

.widget.text img[style*="border-width"] {
    padding: 6px;
    min-width: 100px;
}

.widget.text img[style*="float: right"], .widget.text img[style*="float:right"] {
    margin: 8px 0px 22px 22px;
    min-width: 100px;
}

.widget.text img[style*="float: left"], .widget.text img[style*="float:left"] {
    margin: 8px 22px 22px 0px;
    min-width: 100px;
}

.widget.text a:hover img {
    opacity: 0.9;
}

.widget.text figure {
    margin-top: 8px;
    margin-bottom: 16px;
}

.widget figure figcaption {
    padding-left: 0px;
    padding-right: 0px;
    font-style: italic;
    color: #555;
}

.widget figure.image {
    text-align: center;
}

.widget figure.align-right {
    margin-left: 22px;
    margin-bottom: 22px;
    float: right;
}

.widget figure.align-left {
    margin-right: 22px;
    margin-bottom: 22px;
    float: left;
}

.widget figure.align-left, .widget.text figure.align-right {
    max-width: 400px;
}

.widget figure.align-right figcaption, .widget.text figure.align-left figcaption {
    max-width: 400px;
    width: 90%;
    margin: 0 auto;
}

.widget figure.image img {
    float: none;
    margin: 0px;
    margin-bottom: 4px;
    border-width: 1px;
    padding: 5px;
}

.widget.text table {
    margin-top: 0px;
}

.widget.text .menu > li > a.button {
    color: #fff;
    white-space: nowrap;
}

.widget.text .menu > li > a.button.hollow {
    color: #2b6092;
}

.widget.text .menu > li > a.button.hollow:hover {
    color: #fff;
}

.widget.text #back-parent {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.scrolled-past-menu-alpha .widget.text #back-parent {
    opacity: 1 !important;
    visibility: visible !important;
}

.widget.text #back.button {
    margin-top: 37px;
    position: relative;
    display: block;
}

.widget.text #back.button:before {
    content: "\2191";
    position: absolute;
    bottom: 104%;
    left: 48%;
}

.widget.text .menu.alpha {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
}


/* News Widget */
.widget.news {
    display: block;
    color: #000 !important;
}

@media only screen and (max-width:40em) {
    .widget.news {
        margin-bottom: 48px;
    }
}

.widget.news p {
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    margin-bottom: 1.25rem !important;
    text-rendering: optimizeLegibility;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
}

.widget.news:hover p {
    text-decoration: none;
}

.widget.news img {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #184c7c;
}

.widget.news img.right {
    max-width: 40%;
    float: right;
    margin-left: 8px;
}

.widget.news h2 {
    font-size: 1.3em !important;
    color: #013f78;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 1.25rem !important;
}

.widget.news h2 a {
    color: #004380 !important;
}

.widget.news h2 a:hover, .widget.news h2 a:focus {
    color: #005db1 !important;
}

.widget.news .date {
    color: #575757;
    font-style: italic;
    margin-bottom: 0px !important;
}

.widget.news > p a:last-child {
    display: block;
    margin-top: 26px;
    text-align: center;
    background: #e6e6e6;
    border: 1px solid #d1d1d1;
    padding: 8px 12px;
    position: relative;
    color: #004A8F;
}

.widget.news > p a:last-child:hover, .widget.news > p a:last-child:focus {
    background: #184C7C;
    color: #fff !important;
    border: 1px solid #000;
    text-decoration: none !important;
}

.widget.news > p a:last-child:after {
    content: " \203A";
    transition: padding 0.1s ease-in-out;
    position: absolute;
    padding-left: 6px;
}

.widget.news > p a:last-child:hover:after, .widget.news > p a:last-child:focus:after {
    padding-left: 10px;
}

/* Feed Widget */
.widget.feed {
    margin: 0 auto;
}

.grey .widget.feed {
    background: #f4f4f4;
}

.widget.feed > a {
    display: block;
    position: relative;
    border: 1px solid #f8f8f8;
    border-bottom: 1px solid #ddd;
    border-top: 0px;
    padding: 13px;
}

.widget.feed > a:last-child {
    border-bottom: 0px;
}

.widget.feed > a:hover, .widget.feed > a:focus {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0px;
    text-decoration: none !important;
}

.widget.feed > a:before {
    content: " \203A";
    position: absolute;
    transition: all 0.18s ease-in-out;
    opacity: 0;
    top: 0px;
    right: 0px;
    font-size: 2em;
}

.widget.feed > a:hover:before, .widget.feed > a:focus:before {
    opacity: 1;
    right: -14px;
}

.widget.feed > a:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.widget.feed > a img {
    max-width: 80px;
    margin-right: 13px;
    float: left;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border: 1px solid #184c7c;
}

.widget.social.feed > a img {
    max-width: 43px;
}

.widget.feed > a:hover img, .widget.feed > a:focus img {
    opacity: 0.85;
}

.widget.feed > a p {
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 2px;
    color: #000;
    position: relative;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.widget.feed > a:hover p, .widget.feed > a:focus p {
    color: #00529e;
    text-decoration: none;
}

.widget.feed > a p:last-child {
    font-size: 0.7em;
    line-height: 1.2em;
    font-style: italic;
    color: #575757;
}

.widget.feed > div:first-child {
    background: #184C7C;
    color: #fff;
    border: none;
    padding: 8px 13px;
}

.widget.feed > div:first-child h2 {
    font-size: 1.3em;
    margin: 0px;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

.childrens .widget.feed > div:first-child h2 { /*font-family:'Comic Neue Angular', sans-serif;*/
}

.widget.feed > div:last-child {
    text-align: center;
    background: #E6E6E6;
    padding: 0px;
}

.widget.feed > div:last-child > a {
    display: block;
    padding: 8px 0px;
    color: #004A8F;
}

.widget.feed > div:last-child > a:hover, .widget.feed > div:last-child > a:focus {
    color: #fff !important;
    background: #184C7C;
    text-decoration: none !important;
}

.widget.feed > div:last-child > a:after {
    content: " \203A";
    transition: padding 0.1s ease-in-out;
    position: absolute;
    padding-left: 6px;
}

.widget.feed > div:last-child > a:hover:after, .widget.feed > div:last-child > a:focus:after {
    padding-left: 10px;
}

.bg-img .widget.feed, .blue .widget.feed {
    background: rgba(255,255,255,0.1);
}

.bg-img .widget.feed > div:first-child, .blue .widget.feed > div:first-child {
    background: rgba(20, 63, 103, 0.74);
}

.bg-img .widget.feed > a, .blue .widget.feed > a {
    border: 0px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    text-decoration: none !important;
}

.bg-img .widget.feed > a:hover, .blue .widget.feed > a:hover {
    background: rgba(255,255,255,0.1);
}

.bg-img .widget.feed > a > p, .blue .widget.feed > a > p {
    color: #fff !important;
}

.bg-img .widget.feed > div:last-child, .blue .widget.feed > div:last-child {
    background: rgba(230, 230, 230, 0.2);
}

.widget.feed h4 {
    margin-bottom: 4px;
}

.widget.feed > a.featured img {
    max-width: 260px;
}

.widget.feed > a.featured p {
    margin-left: 273px;
    font-size: 1rem;
    padding-bottom: 8px;
    line-height: 1.5rem;
}

.widget.feed > a.featured.no-image p {
    margin-left: 0px;
}

.widget.feed > a.featured p:last-child {
    padding-bottom: 0px;
}

.widget.feed > a.featured h3 {
    font-size: 1.5rem;
    padding-bottom: 0px;
    margin-bottom: 8px;
    line-height: 1.7rem;
}

.widget.feed > a:hover h3, .widget.feed > a:hover h4 {
    color: #00529e;
}

.widget.feed > a.featured:hover p {
    color: #000;
}

@media screen and (max-width:64em) {
    .widget.feed > a.featured img {
        max-width: 80px;
    }

    .widget.feed > a.featured p {
        margin-left: 94px;
    }
}

/* Social Feed Widget */
.widget.feed.social > a p {
    margin-left: 56px;
}

/* SocialMedia Widget */
.socialmedia-feed {
    margin: 0 auto;
}

.grey .socialmedia-feed {
    background: #f4f4f4;
}

.socialmedia-feed > a {
    display: block;
    position: relative;
    border: 1px solid #f8f8f8;
    border-bottom: 1px solid #ddd;
    border-top: 0px;
    padding: 13px;
    overflow: hidden;
}

.socialmedia-feed > a:last-child {
    border-bottom: 0px;
}

.socialmedia-feed > a:hover {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0px;
    text-decoration: none !important;
}

.socialmedia-feed > a:hover:before {
    opacity: 1;
    right: -14px;
}

.socialmedia-feed > a:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.socialmedia-feed > a img {
    max-width: 80px;
    margin-right: 13px;
    float: left;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border: 1px solid #184c7c;
}

.socialmedia-feed > a img {
    max-width: 83px;
}

.socialmedia-feed > a:hover img {
    opacity: 0.85;
}

.socialmedia-feed > a p {
    font-size: 1em !important;
    line-height: 1em !important;
    margin-bottom: 2px !important;
    color: #000;
    position: relative;
    font-family: 'Lato', san-serif !important;
    font-weight: 400;
}

.socialmedia-feed > a:hover p {
    color: #00529e;
    text-decoration: none;
}

.socialmedia-feed > a p:last-child {
    font-size: 0.7em;
    line-height: 1.2em;
    font-style: italic;
    color: #999;
}

.socialmedia-feed > div:first-child {
    background: #184C7C;
    color: #fff;
    border: none;
    padding: 8px 13px;
}

.socialmedia-feed > div:first-child h2 {
    font-size: 1.3em;
    margin: 0px;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

.social-feed-container-wrapper {
    height: 490px;
    margin: 5px 0px; /*padding:0 !important;*/
}

.default-container div {
    padding: 0px !important;
}

.default-container div:first-child {
    padding: 8px 13px !important;
}

.social-feed-container {
    display: inline-block;
    overflow: hidden;
    height: 480px;
    width: 100%;
}

.socialmedia-feed {
    overflow: auto;
    height: 396px;
    border: 1px solid #ddd;
}

.social-feed-container > div:first-child {
    background: #184C7C;
    color: #fff;
    border: none;
    padding: 8px 13px;
}

.social-feed-container > div:first-child h2 {
    font-size: 1.3em;
    margin: 0px;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

.social-feed-container > div:last-child {
    text-align: center;
    background: #E6E6E6;
    padding: 0px;
    position: relative;
    bottom: 0px;
    margin: -8px 0px;
}

.grey .social-feed-container > div:last-child {
    background: #fafafa;
    border: 1px solid #ddd;
    border-top: none;
    margin: -11px 0 0 0;
}

.grey .social-feed-container > div:last-child:hover {
    border: 1px solid #184C7C;
}

.social-feed-container > div:last-child > a {
    display: block;
    padding: 8px 0px;
}

.social-feed-container > div:last-child > a:hover, .social-feed-container > div:last-child > a:focus {
    color: #fff !important;
    background: #184C7C;
    text-decoration: none;
}

.social-feed-container > div:last-child > a:hover:after, .social-feed-container > div:last-child > a:focus:after {
    padding-left: 10px;
}

.twitter-timeline {
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}

.bg-img .socialmedia-feed, .blue .socialmedia-feed {
    background: rgba(255,255,255,0.1);
}

.bg-img .socialmedia-feed > div:first-child, .blue .socialmedia-feed > div:first-child {
    background: rgba(20, 63, 103, 0.74);
}

.bg-img .socialmedia-feed > a, .blue .socialmedia-feed > a {
    border: 0px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    text-decoration: none !important;
}

.bg-img .socialmedia-feed > a:hover, .blue .socialmedia-feed > a:hover {
    background: rgba(255,255,255,0.1);
}

.bg-img .socialmedia-feed > a > p, .blue .socialmedia-feed > a > p {
    color: #fff !important;
}

.bg-img .socialmedia-feed > div:last-child, .blue .socialmedia-feed > div:last-child {
    background: rgba(230, 230, 230, 0.2);
}

.socialmedia-feed.social > a p {
    margin-left: 56px;
}

/* VC Notes*/
widget.vcnotes.vccontainer {
    border: none;
    padding: 15px 15px 15px 15px;
}

.widget.vcnotes img {
    border: 0px;
    max-width: 100%;
}

.widget.vcnotes {
    background-color: #fafafa;
}

.widget.vcnotes h2 {
    padding: 5px;
}

.vcnotes-content {
    padding: 12px 38px 24px 38px;
}

/* Promo button widget */
.widget.promo {
    display: block;
    position: relative;
    max-height: 44vw;
    margin: 0px auto 36px auto;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.5);
    z-index: 1;
}

.widget.promo h2 {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0%;
    margin-bottom: 3.8% !important;
    padding: 8px 6.5% 10px 1vw !important;
    background: rgba(32, 78,120, 0.85);
    font-size: 1.4em;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    line-height: 1.1em;
    z-index: 2;
    border-top: 1px solid #0D395D;
    border-bottom: 1px solid #0D395D;
}

.widget.promo:hover h2 {
    background: rgba(42, 94, 142, 0.9);
}

.widget.promo h2::after {
    font-size: 1.6em;
    content: '\203A';
    position: absolute;
    bottom: 30%;
    left: 94%;
    transition: all 0.14s ease-in-out;
}

.widget.promo:hover h2::after {
    left: 96%;
}

.widget.promo:hover h2::after {
    /*-webkit-animation:promoArrow 0.2 1; 
    animation:promoArrow 0.2s 1;*/
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.widget.promo h2 span {
    display: block;
    font-size: 1rem;
    line-height: 1.1rem;
    padding-top: 3px;
}

@keyframes promoArrow {
    50% {
        transform: rotate(8deg);
        transform-origin: 100% 100%;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: 100% 100%;
    }
}

.widget.promo img {
    width: 100%;
    transition: all 0.4s ease-out;
    transform: scale(1.01);
}

.safari .widget.promo img {
    transition: all 0.05s ease-in-out;
}

.widget.promo:hover img, .widget.promo:focus img {
    transform: scale(1.08);
}

.large-3 > .widget.promo h2 {
    font-size: 1.2rem;
    padding: 7px 18px 7px 1vw !important;
}

.large-3 > .widget.promo h2 span {
    font-size: 0.9rem;
}

.medium-4 > .widget.promo h2 {
    font-size: 1.3em;
}

.widget.promo.animate {
    opacity: 0;
    transition-property: transform;
    transition-duration: 0.24s;
    transition-delay: 0s;
    transition-timing-function: ease;
    position: relative;
    transform: translateX(-100px) scale(0.1);
}

.widget.promo.animate.loading {
    opacity: 1;
    transform: translateX(0px) scale(1);
}

.widget.promo.animate.is-seen {
    transform: translateX(0px) scale(1);
}

/* Spotlight Widget */
.widget.spotlight {
    margin: 0 auto;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
}

.widget.spotlight img {
    margin-left: 12px;
    margin-bottom: 18px;
}

.widget.spotlight .spotlight-img {
    width: 100%;
    margin: 0px;
    margin-bottom: 18px;
    width: 100%;
}

.widget.spotlight > div:first-child {
    background: #184C7C;
    color: #fff;
    border: none;
    padding: 8px 13px;
}

.widget.spotlight > div:first-child h2 {
    font-size: 1.3em;
    margin: 0px;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

.widget.spotlight > div:last-child {
    display: block; /*border:1px solid #c2c2c2;*/
    border-top: none;
    background: #f8f8f8;
}

.widget.spotlight > div:last-child h3 {
    padding: 4px 18px 0px 18px;
    margin-bottom: 0.5rem !important;
    font-size: 1.3em;
    color: #013f78;
}

.widget.spotlight > div:last-child p {
    padding: 8px 18px 0px 18px;
    font-size: 1em;
    line-height: 1.7;
    color: #000;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

.widget.spotlight > div:last-child > p a.spotlight-button, .arrow-button {
    display: block;
    margin-top: 32px;
    padding: 8px 0px;
    text-align: center;
    background: #E6E6E6;
    border-top: 1px solid #ddd;
}

.widget.spotlight > div:last-child > p a.spotlight-button {
    margin-left: -18px;
    margin-right: -18px;
}

.widget.spotlight > div:last-child > p a.spotlight-button:hover, .arrow-button:hover,
.widget.spotlight > div:last-child > p a.spotlight-button:focus {
    color: #fff !important;
    background: #184C7C;
    border-top: 1px solid #000;
    text-decoration: none !important;
}

.widget.spotlight > div:last-child > p a.spotlight-button:after, .arrow-button:after {
    content: " \203A";
    transition: padding 0.1s ease-in-out;
    position: absolute;
    padding-left: 6px;
}

.widget.spotlight > div:last-child > p a.spotlight-button:hover:after, .arrow-button:hover:after {
    padding-left: 10px;
}

.social-feed-container .arrow-button {
    margin-top: 0px;
}

.widget.contactbox {
    background: #f4f4f4;
    padding: 26px 20px 12px 20px;
    border: 1px solid #ccc;
    min-height: 161px;
}

.widget.hc-sub-nav-vertical {
    list-style: none;
    margin: 0px;
    border-top: 1px solid #fff;
}
/*.widget.hc-sub-nav-vertical li{padding:4px 0px; border-bottom:1px solid #fff;}*/
.widget.hc-sub-nav-vertical li {
    padding: 1px 0px;
    border-bottom: 1px solid #f9f9f9;
}

.profile-tab-list {
    width: 100%;
    margin: 0px;
    margin-top: 2px;
}

.profile-tab-list li {
    list-style: none;
}

.profile-tab-list li a {
    display: block;
    text-align: center;
    background: #fff;
    color: #184C7C !important;
    padding: 0.5rem 0.2rem;
    margin-bottom: 8px;
}

.profile-tab-list li a:hover, .profile-tab-list li a.is-active {
    background: #184C7C;
    color: #fff !important;
}

.SmartFormBody .BodyImageP_Center, .SmartFormBody .BodyImageP_Right, .SmartFormBody .BodyImageP_Left {
    float: right;
    padding: 10px;
    border: 1px solid #e2e2e2;
    margin-left: 20px;
    margin-bottom: 20px;
    max-width: 400px;
    text-align: center;
    clear: both;
}

.SmartFormBody .BodyImageP_Left {
    float: left;
    margin-left: 0px;
    margin-right: 20px;
}

.SmartFormBody .SubImageText {
    font-size: 1rem;
    line-height: 1.4rem;
}

.fancybox-caption {
    font-size: 1.1rem !important;
    font-size: calc(0.9rem + 0.18vw) !important;
    padding: calc(4px + 1.9vh) calc(12px + 1.7vw) !important;
}

*[data-fancybox]:hover {
    cursor: pointer;
}

.brighten-on-hover {
    transition: filter 0.18s ease-in-out;
}

.brighten-on-hover:hover {
    filter: saturate(1.1) brightness(1.1);
}

/* Styles for Row Animation - Fixed Position */
.row-animation-sticky {
    position: -webkit-sticky;
    position: sticky;
}

.sticky-top {
    top: 0;
}

.sticky-top-offset {
    top: 2rem;
}

.ummc.scrolled-up .sticky-top-offset {
    top: 8.5rem;
}

.sticky-bottom {
    bottom: 0;
}

.sticky-bottom-offset {
    bottom: 1rem;
}

.sticky-left {
    left: 0;
}

.sticky-left-offset {
    left: 1rem;
}

.sticky-right {
    right: 0;
}

.sticky-right-offset {
    right: 1rem;
}

/* Footer */
#footer-wrap {
    background: #1f364c;
    color: #fff;
    border-top: 42px solid #184C7C;
    padding-top: 40px;
    padding-bottom: 0px;
    transition: all 0.18s ease-in-out;
}

.childrens footer#footer-wrap {
    border-top: 42px solid #ac248e !important;
}

#footer-row-1 .column {
    border-right: 1px solid #3e5973;
}

#footer-row-1 .column:last-child {
    border-right: 0px;
}

#footer-wrap h2 {
    font-size: 1.2em;
    border-bottom: 1px solid #4b6f92;
}

#footer-wrap p {
    color: #dcdcdc;
    font-size: 0.9em;
}

#footer-wrap p a {
    color: #e2e2e2;
}

#footer-wrap ul {
    list-style: none;
    margin-left: 2px;
}

#footer-wrap ul li {
    padding-bottom: 10px;
}

#footer-wrap ul li a {
    display: block;
    line-height: 1.1em;
}

#footer-wrap a {
    color: #dcdcdc;
    font-size: 0.9em;
}

#footer-wrap a:hover, #footer-wrap a:focus {
    text-decoration: underline;
    color: #fff;
}

/*#footer-row-2{margin-top:40px; background:rgba(42, 75, 107, 0.32);}
#footer-row-2 > div{text-align:center;}
#footer-row-2 ul{display:inline-block; margin:0px 0px 0px 0px; padding-bottom:0px;}
#footer-row-2 ul li {display:inline-block; padding-bottom: 0px;}
#footer-row-2 ul li a{font-size:0.8em; padding:14px 0.9vw; white-space:nowrap;}
#footer-row-2 ul li a:hover{background: #2f5982;}
#footer-row-2 > .column{padding-bottom:0px;}

#footer-row-3{margin-top:0px; padding-top:22px;}
#footer-row-3 .column{text-align:center; border-right:1px solid #3e5973; padding-bottom:20px;}
#footer-row-3 .column:last-child{border-right:0px;}
#footer-row-3 img{width:59%;}
#footer-row-3 .column:nth-child(3) img{width:80%;}*/

#footer-row-3 {
    margin-top: 32px;
    background: #192c3e;
    border-top: 1px solid #3e5973;
}

#footer-row-3 a img {
    opacity: 0.6;
}

#footer-row-3 a:hover img, #footer-row-3 a:focus img {
    opacity: 1;
}

#footer-row-3 .footer-3-contact {
    padding-top: 44px;
}

#google_translate_element {
}

#google_translate_element a {
    color: #fff;
}

#google_translate_element a:hover {
    color: #fff;
    text-decoration: none;
}

.goog-te-gadget-simple {
    background-color: rgba(94, 142, 187, 0.2) !important;
    border: 1px solid #4f89c1 !important;
    font-size: 12pt !important;
    padding-left: 4px !important;
}

.goog-te-gadget-simple:hover {
    background: rgba(94, 142, 187, 0.4) !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    color: rgba(255, 255, 255, 0.9) !important;
}

.goog-te-gadget-simple .goog-te-menu-value span:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.goog-te-banner-frame {
    top: auto !important;
    bottom: 0px !important;
    -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) !important;
    -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) !important;
    box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) !important;
    border-bottom: 0px !important;
}

.goog-te-menu-frame {
    -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) !important;
    -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) !important;
    box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) !important;
    border: 1px solid #000 !important;
}

.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div {
    background: none !important;
}

.goog-te-menu2 {
    background: rgba(255,255,255,0.8) !important;
}

.goog-te-gadget-icon {
    background-image: url(/img/google_logo_38.cmp.png) !important;
    background-size: 19px 19px !important;
    background-position: 0px 0px !important;
}

.goog-te-gadget .goog-te-combo {
    padding: 0px .5rem !important;
    background-color: rgb(44, 70, 95) !important;
    border: 1px solid #43729e !important;
    cursor: pointer !important;
    color: #ddd !important;
    font-size: 1rem !important;
    background-image: url(/img/google_logo_48.cmp.png) !important;
    background-size: 24px 24px !important;
    background-position: right center !important;
}

.goog-te-gadget .goog-te-combo:hover {
    border: 1px solid #4f89c1 !important;
    background-color: rgb(48, 81, 113) !important;
    color: #fff !important;
}

.skiptranslate.goog-te-gadget > span {
    display: none;
}

.goog-te-gadget {
    font-size: 0px !important;
    color: #1f364c !important;
}

.goog-logo-link {
    display: none;
}

body {
    top: 0px !important;
}


/* CUSTOM CLASS STYLES */
/* Custom Classes for Marketing homepage row */
@media only screen and (max-width: 40em) {
    .umc-home-marketing-adult-panel {
        border-bottom: 1px solid #ddd;
    }

    .umc-home-marketing-childrens-panel, .umc-home-marketing-adult-panel {
        position: relative;
    }

    .umc-home-marketing-childrens-panel {
        background-position-x: 37%;
    }

    .umc-home-marketing-childrens-panel:before, .umc-home-marketing-adult-panel:before {
        content: ' ';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.8);
        z-index: 1;
    }

    .umc-home-marketing-adult-panel:before {
        background: rgba(255,255,255,0.4);
    }

    .umc-home-marketing-childrens-panel > .row, .umc-home-marketing-adult-panel > .row {
        position: relative;
        z-index: 2;
    }
}
/* END - Custom Classes for Marketing homepage row */
/* END - CUSTOM CLASS STYLES */

/* Mobile Style Media Queries */
@media only screen and (min-width: 125em) { /* 2000px, aka 4K Monitors */
    .row {
        max-width: 60vw;
    }

    #sub-nav-wrap {
        max-width: 62vw;
    }

    .feature-slider.slick-slider .caption {
        max-width: 85rem;
        bottom: 110px;
    }

    .feature-slider:not(.body-copy) .slider-nav-wrapper {
        bottom: 50px;
    }

    .feature-slider.secondary:not(.body-copy) {
        max-width: 50vw;
    }

    .has-main-buttons-ul #hc-links-wrap {
        padding: 90px 0px 42px 0px;
    }

    #hc-links-wrap ul.hc-links-horizontal > li > a:before {
        font-size: 1.6em;
    }

    #main-buttons-wrap {
        margin: -57px auto;
        min-height: 90px;
        height: 94px;
        height: 8.3vm;
        height: 8.3vmin;
        max-width: 60vw;
    }

    .has-main-buttons-ul .widget.hc .row h1 {
        bottom: 80px;
    }

    #main-buttons-ul > li.up > div {
        bottom: 114px;
        top: auto;
    }

    #main-buttons-ul > li.down > div {
        bottom: auto;
        top: 114px;
    }

    .line-behind:after {
        width: 98%;
    }

    .learn-more-button {
        font-size: 1.2vw;
    }
}

@media only screen and (max-width: 125em ) {
    .childrens.has-main-buttons-ul #hc-links-wrap {
        padding-top: 72px !important;
    }
}

@media only screen and (max-width: 83.125em ) { /*1330px*/
    #main-buttons-ul > li > a {
        font-size: 1.6vw;
    }

    #top-nav-wrap ul.menu.top-nav > li > a {
        padding: 11px 1vw;
    }

    #top-nav-wrap ul.menu.sub-nav > li > a {
        padding: 9px 1vw;
    }

    .ie11 #top-nav-wrap ul.menu > li > a, .ie10 #top-nav-wrap ul.menu > li > a, .ie9 #top-nav-wrap ul.menu > li > a {
        padding: 8px 0.5rem;
    }

    .has-main-buttons-ul #hc-links-wrap {
        padding: 80px 0px 0 0px;
    }
}

@media only screen and (max-width: 75em) { /*1200px*/
    /*Sub-Nav*/
    #sub-nav-wrap {
        width: calc(100% - 18px);
        max-width: 75em;
    }

    .has-main-buttons-ul .widget.hc .row h1 {
        bottom: 24px;
    }

    .has-main-buttons-ul #hc-links-wrap {
        padding-top: 32px !important;
    }

    .hc-specialty-header h1 {
        padding-bottom: 15px;
    }

    #main-buttons-wrap {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .feature-slider:not(.body-copy), .feature-slider:not(.body-copy) .slick-slide {
        max-height: 72vh;
        min-height: 18rem;
    }

    .feature-slider:not(.body-copy) .slick-slide img {
        max-width: inherit;
        width: 120%;
        margin-left: -10%;
    }

    .feature-slider:not(.body-copy) .slider-nav-wrapper {
        bottom: 0px;
    }

    .slick-dots {
        bottom: 11px;
    }

    .slick-prev, .slick-next {
        bottom: -7px;
    }

    .feature-slider.slick-slider .caption {
        bottom: 50px;
        padding-left: 9px;
        padding-right: 9px;
    }

    /*Main Slideshow*/
    .feature-slider.slick-slider p {
        font-size: 16px;
        line-height: 1.5;
    }

    .feature-slider.slick-slider p:first-child {
        font-size: 1.4rem;
        line-height: 1.3;
    }


    .widget.hc .row {
        height: 28vh;
        min-height: 60px;
    }

    .widget.hc .row h1 {
        bottom: 25px;
        font-size: 2.8rem;
    }

    #hc-links-wrap ul.hc-links-horizontal {
        font-size: 1.1em;
    }

    #hc-links-wrap ul.hc-links-horizontal > li:first-child {
        background-size: 28px;
    }

    #hc-links-wrap ul.hc-links-horizontal > li > a {
        padding: 0.7rem 1.4vw 0.7rem 1.4vw;
    }

    .line-behind {
        margin-left: 12px;
        display: block;
        white-space: normal;
        width: 94%;
    }

    .center .line-behind {
        margin-left: 22px;
        display: inline-block;
        width: auto;
    }

    .childrens.has-main-buttons-ul #hc-links-wrap {
        padding-top: 38px !important;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 64.375em) { /*1030px*/
    /*Main Header*/
    .scrolled-past-hero .header-wrap {
        height: 49px;
    }

    .scrolled-past-hero.nav-overflow.dept-name-overflow:not(.childrens) .header-wrap {
        height: 59px;
    }

    #logo-wrap {
        width: 17em;
        height: 76px;
        padding-right: 38px;
        position: relative;
    }

    .hc #logo-wrap, .grenada #logo-wrap, .colonypark #logo-wrap {
        padding-right: 20px;
    }

    .nav-overflow .hc #logo-wrap, .nav-overflow .grenada #logo-wrap, .nav-overflow .colonypark #logo-wrap {
        padding-right: 0px;
    }

    .scrolled-past-hero.nav-overflow.dept-name-overflow #logo-wrap {
        height: 59px;
        margin-top: 0px;
        padding-top: 3px;
    }

    #logo-wrap:after {
        display: none;
        content: "";
        position: absolute;
        width: 1px;
        height: 59px;
        background: #d6d6d6;
        right: -12px;
        top: 0px;
    }

    #logo-wrap:hover a {
        transform: none;
        opacity: 0.8;
    }

    .logo-u {
        margin-top: 5px;
        transition: none;
    }

    .hc .logo-u, .grenada, .colonypark .logo-u {
        margin-top: 0px;
    }

    .scrolled-past-hero .logo-u {
        width: 12%;
    }

    .logo-ummc {
        margin: auto;
        width: 92%;
    }

    .nav-overflow .logo-ummc {
    }

    .scrolled-past-hero .logo-ummc {
        top: 0px;
        width: 92%;
    }

    .scrolled-past-hero #logo-wrap:not(.hc):not(.grenada):not(.colonypark) #logo-wrap {
        padding: 0px 0px 0px 3px;
        width: 14em;
        margin-top: -6px;
        height: 48px;
        background: none;
        border: none; /*width:14em;*/
    }
    /*.nav-overflow.scrolled-past-hero #logo-wrap{padding-top:0px;}*/
    #dept-name {
        left: 8px;
        width: 255px;
    }

    #dept-name a {
        padding-top: 12px;
    }

    .hc #dept-name a, .grenada #dept-name a, .colonypark #dept-name a {
        padding-top: 17px;
    }

    .scrolled-past-hero #logo-wrap:not(.hc):not(.grenada):not(.colonypark) #dept-name {
        left: 0px;
        width: 234px;
    }

    .scrolled-past-hero.nav-overflow #dept-name {
        margin-left: 17px;
        text-align: left;
    }

    .scrolled-past-hero.nav-overflow.dept-name-overflow #dept-name {
        margin-left: 0px;
        text-align: left;
    }

    #top-nav-wrap {
        width: auto;
        transition: none;
    }

    .scrolled-past-hero #top-nav-wrap {
        padding-top: 4px;
    }

    .scrolled-past-hero #top-nav-wrap ul.menu > li > a {
        font-size: 0.75em;
    }

    /*Sub-Header*/
    /*#sub-nav-wrap{top: calc(100% - 9.5px); }*/

    .scrolled-past-hero #sub-nav-wrap {
        top: calc(100% - 7px); /*top:calc(100% + 6px);*/
    }

    #sub-nav-title-wrap {
        width: 240px;
        padding-top: 10px;
    }

    #sub-nav-title-wrap h1 {
        font-size: 1.1em;
    }

    #sub-nav-title-wrap h1 a {
        padding-bottom: 14px;
    }

    .sub-nav > li > a {
        padding: 8px 9px;
        font-size: 0.75em;
    }

    /*Main Slideshow*/
    .feature-slider:not(.body-copy) .slick-slide img {
        max-width: inherit;
        width: 140%;
        margin-left: -20%;
    }

    .feature-slider.slick-slider p {
        max-width: 16rem;
        font-size: 14.4px;
    }

    .feature-slider.slick-slider p:first-child {
        font-size: 1.2rem;
        line-height: 1.2;
    }

    /*Main Buttons*/
    #main-buttons-ul > li > a {
        font-size: 1.9vw;
    }

    /* HC Links */

    #hc-links-wrap ul.menu.hc-links-horizontal li a {
        padding-right: 3.4vw;
    }

    #hc-links-wrap ul.menu.hc-links-horizontal li {
        display: inline-block;
        width: auto;
        float: left;
    }

    #hc-links-wrap ul.menu.hc-links-horizontal li:first-child {
        width: auto;
    }

    #hc-links-wrap ul.menu.hc-links-horizontal li:first-child a {
        padding-top: 26px;
        padding-bottom: 32px;
    }

    .row-wrap.widget p, .row-wrap.widget ul, .row-wrap.widget ol {
        font-family: 'Lato';
        font-weight: 400;
        font-size: 1.1rem;
    }
}

@media only screen and (max-width: 61.25em) { /*980px*/
    /*#top-nav-wrap{margin-top:4px;}*/
    .scrolled-past-hero #top-nav-wrap {
        padding-top: 3px;
    }

    #top-nav-wrap ul.menu > li > a {
        font-size: 0.75em;
    }

    /*html:not(.intranet) ul.menu.top-nav > li:first-child > a {
        font-size: 1.4rem !important;
        line-height: 0.7rem;
        left: -36px;
        padding-top: 9px !important;
    }*/

    ul.menu.sub-nav > li > a {
        font-size: 0.75em;
        padding: 8px 1vw;
    }

    .large-3.medium-6 > .widget.promo h2 {
        padding: 9px 18px 11px 1vw !important;
        font-size: 1.3em;
    }

    .large-3.medium-6 > .widget.promo h2::after {
        bottom: 37%;
    }

    .medium-4 > .widget.promo h2 {
        padding: 9px 18px 11px 1vw !important;
        font-size: 1em;
    }
}

@media only screen and (max-width: 56.25em) { /*900*/

}

@media only screen and (max-width: 53.125em) { /*850px*/

    /*Main Buttons*/
    /*#main-buttons-wrap{margin: 0px;}*/
    #main-buttons-ul > li > a {
        font-size: 2.2vw;
        line-height: 2.7vw;
    }

    #main-buttons-ul > li > a:before {
        line-height: 1.8em;
    }

    .has-main-buttons-ul #hc-links-wrap { /*display:none;*/ /*padding-top:32px !important;*/
    }

    #main-buttons-ul > li > a::before {
        display: none;
    }

    #main-buttons-ul > li > a::after {
        display: none;
    }
}

@media only screen and (max-width: 46.875em) { /*750px*/
    #main-buttons-ul > li > div {
        font-size: 2.2vw;
    }

    #main-buttons-ul > li > div > .nav-column {
        width: 50%;
        padding-bottom: 0px;
    }

    .feature-slider, .feature-slider .slick-slide {
        min-height: inherit !important;
    }

    .feature-slider:not(.body-copy) .slider-nav-wrapper {
        display: none;
    }

    .feature-slider:not(.body-copy) .slick-dots {
        display: none !important;
        bottom: auto;
        top: 55%;
    }

    .feature-slider.slick-slider .caption {
        bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .feature-slider.slick-slider p {
        display: none;
    }

    .feature-slider.slick-slider p:first-child {
        display: block;
    }

    #main-buttons-ul > li > a {
        font-size: 2.6vw;
    }

    .slider-on.nav-overflow .header-wrap {
        transform: translateX(-50vw) translateZ(0) perspective(1px) scale(1.0001);
        will-change: transform;
    }

    .slider-on.nav-overflow #content-wrap {
        transform: translateX(-50vw) translateZ(0) perspective(1px) scale(1.0001);
        will-change: transform;
    }

    .slider-on.nav-overflow #footer-wrap {
        transform: translateX(-50vw) translateZ(0) perspective(1px) scale(1.0001);
        will-change: transform;
    }

    .nav-overflow #top-nav-wrap {
        width: 50vw;
        right: -50vw;
    }

    .ie9.nav-overflow.slider-on .header-wrap {
        transform: translateX(-50%)
    }

    .ie9.nav-overflow.slider-on #content-wrap {
        transform: translateX(-50%)
    }

    .ie9.nav-overflow.slider-on #footer-wrap {
        transform: translateX(-50%)
    }

    #hc-links-wrap {
        display: none;
    }

    .is-sub-page #hc-links-wrap {
        display: block;
    }

    .has-main-buttons-ul #header-spacer {
        display: none !important;
    }

    .medium-4 > .widget.promo h2 {
        font-size: 0.8em;
    }

    #hc-links-wrap ul.menu.hc-links-horizontal li:first-child a {
        padding-top: 64px;
        padding-bottom: 68px;
    }

    .widget.hc .row {
        height: 20vh;
        min-height: 60px;
    }
}

@media only screen and (max-width:40em) { /* 640px - Foundation Framework Mobile Cut-off */

    .is-secondary-page.has-sub-nav #header-spacer {
        display: none !important;
    }

    .shadow-bottom {
        box-shadow: none;
    }

    .row-wrap {
        padding: 32px 0px 0px 0px;
    }

    .row .row {
        margin-left: auto;
        margin-right: auto;
    }

    .column, .column {
        padding-bottom: 32px;
    }

    .column .column:not(.padding-regular):last-child, .row-wrap.title-row .column:not(.padding-regular), .row-wrap.flex .row .column:not(.padding-regular), .row-wrap.flex .row .columns:not(.padding-regular) {
        padding-bottom: 0px;
    }

    .column > .row > .column, .column > .row > .columns, .columns > .row > .column, .columns > .row > .columns {
        padding-left: 0px;
        padding-right: 0px;
    }

    .no-padding, .padding-none {
        padding: 0 !important;
    }

    .panel.padding-regular {
        padding-top: 32px;
    }

    .panel .column.bg-img:empty {
        min-height: 32vw;
    }

    .panel .column:not(.bg-img):empty {
        display: none;
    }

    .panel.bg-img .column:empty {
        min-height: 32vw;
        display: block;
    }

    .explore-button {
        border: 1px solid #e4e4e4;
        border-top: 0px;
    }

    .is-secondary-page:not(.has-slider) .breadcrumbs-wrap {
        margin-top: 12px;
    }

    .medium-4 > .widget.promo h2 {
        padding: 9px 18px 11px 1vw !important;
        font-size: 1.3em;
    }

    #sub-nav-vertical-wrap {
        display: none;
    }

    .sub-nav-vertical {
        margin: 0px 0 32px 0;
        margin-bottom: calc(0.8rem + 1.4vw);
    }

    .sub-nav-vertical li a {
        padding: 5px 18px 5px 8%;
        font-size: 0.94em;
    }

    .sub-nav-vertical.txt-large a {
        padding: 5px 18px 5px 8%;
    }

    .sub-nav-vertical > li.currentPage > ul {
        display: block;
    }

    .sub-nav-vertical li.currentPage > a:after {
        transform: rotate(90deg);
        transform-origin: 50% 50%;
        animation: none;
        top: 14%;
        right: 6px;
    }

    .secondary-content-block .line-behind {
        display: block;
        background: #eee;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 6px 42px 6px 12px;
        margin-left: 0px;
        margin-right: 0px;
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .secondary-content-block .line-behind:hover {
        background: #f4f4f4;
        color: #0077d0;
        cursor: pointer;
    }

    .secondary-content-block .line-behind:before {
        display: none;
    }

    .secondary-content-block .line-behind:after {
        display: block;
        content: "\203A";
        font-size: 1.6em;
        line-height: 0.6em;
        position: absolute;
        top: 6px;
        left: auto !important;
        right: 1.5%;
        width: auto;
        transform: rotate(90deg);
        transform-origin: 50% 50%;
        border: 1px solid #ddd;
        padding: 0px 12px 10px 12px;
        background: #f4f4f4;
    }

    .row-wrap.widget h1, .row-wrap.widget h2 {
        font-size: 1.8rem;
    }

    .row-wrap.widget.body-copy h1 {
        margin-bottom: 0px !important;
    }

    .row-wrap.title-row h1, .row-wrap.title-row h2 {
        margin-bottom: 0rem;
    }

    .row-wrap.title-row {
        padding: 2.3rem 0 2.3rem 0;
    }
    /*.panel .sub-nav-vertical a { font-size: 1.2rem;}*/
    .row-wrap.widget p, .row-wrap.widget ul, .row-wrap.widget ol {
        font-size: 1.1rem;
        line-height: 2rem;
    }

    .panel img {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 37.5em) { /*600px*/

    /*main slideshow*/
    .feature-slider:not(.body-copy) .slick-dots {
        display: none !important;
        bottom: auto;
        top: 55%;
    }

    .feature-slider .slick-dots li button:before {
        font-size: 4rem;
    }

    .feature-slider.slick-slider .caption {
        position: relative;
        margin: auto;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
    }

    .has-main-buttons-ul .feature-slider.slick-slider .caption {
        bottom: auto;
    }

    .feature-slider.slick-slider p:first-child {
        max-width: none;
        width: 100%;
        background-color: rgb(96, 120, 142);
        border: 1px solid rgba(0, 0, 0, 0.5);
        color: #fff;
        display: block;
        font-size: 0.9em;
        line-height: 1em;
        margin: 0;
        padding: 0.5em 3.75em 0.6em 0.5em;
        text-align: left;
        height: auto;
        box-shadow: inset -17px -2px 4px rgba(0,0,0,0.1);
    }

    .feature-slider.slick-slider p:first-child::after {
        content: "\203A";
        font-size: 2em;
        position: absolute;
        top: 5px !important;
        left: auto !important;
        right: 4px;
        opacity: 1 !important;
        transform: none;
        transition: none;
    }

    .feature-slider.slick-slider .caption a:hover p:first-child::after {
        left: auto !important;
        opacity: 1;
        transform: scale(0.6);
        right: 0px;
    }

    .feature-slider.slick-slider p br, .feature-slider.slick-slider p br:after {
        display: inherit;
        display: initial;
        content: ' ';
    }

    .feature-slider.slick-slider .caption.right, .feature-slider.slick-slider .caption.right p {
        text-align: left;
    }

    .feature-slider.slick-slider .caption > br {
        display: none;
    }

    .feature-slider.slick-slider .read-more-button {
        background: rgba(24, 76, 124, 1);
        position: absolute;
        z-index: 1;
        top: 0px;
        right: 0px;
        height: 100%;
        font-size: 0.9em;
        padding-top: 0.6em;
        padding-right: 1em;
        line-height: 1em;
    }

    .feature-slider.slick-slider .read-more-button:after {
        position: absolute;
        right: 4px;
        top: 7px;
        font-size: 1.6em;
        content: " \203A";
    }

    .feature-slider.body-copy .slick-slide .caption p {
        text-align: center;
        width: auto;
        box-shadow: none;
        font-size: 1rem;
    }

    /*Main Buttons*/
    #main-buttons-wrap {
        position: relative; /*margin: 0px auto;*/
        width: 100%;
        height: auto;
        box-shadow: none; /*padding-bottom:18px;*/
    }

    #main-buttons-wrap > div {
        box-shadow: none;
    }

    #main-buttons-ul {
        display: flex;
        flex-wrap: wrap;
    }

    #main-buttons-ul > li {
        display: block;
        min-height: inherit;
        width: 50%;
        float: left;
        height: auto;
        border-bottom: 1px solid #C6C6C6;
        background: #fff url(/img/main_buttons_bg.png) bottom left repeat-x;
    }

    #main-buttons-ul > li:last-child, #main-buttons-ul > li:nth-last-child(2) { /*border-bottom:none;*/
    }

    #main-buttons-ul > li:nth-child(2) { /*border-bottom: 1px solid #C6C6C6;*/
    }

    #main-buttons-ul > li:hover {
        border-bottom: 1px solid #184C7C;
        animation: none !important;
    }

    #main-buttons-ul > li:hover > a {
        animation: none !important;
    }

    #main-buttons-ul > li.hoverli {
        width: 100%;
    }

    #main-buttons-ul > li > a {
        font-size: 1em;
        min-height: inherit;
        height: auto;
        display: block;
        padding: 0.8em 0.5em;
        line-height: 1em;
        position: relative;
        animation: none !important;
    }

    #main-buttons-ul > li:not(.hoverli) > a {
        height: 100%;
    }

    #main-buttons-ul > li:not(.direct-link):hover > a::after {
        animation: none;
    }

    #main-buttons-ul > li.hoverli > a::after {
        content: "close tab";
        display: block;
        position: absolute;
        right: 12px;
        bottom: 13px;
        top: auto;
        left: auto;
        opacity: 1;
        font-size: 0.9rem !important;
        text-decoration: underline;
        color: #bbb;
        cursor: pointer;
        transform: none;
        text-transform: lowercase;
    }

    #main-buttons-ul > li.hoverli > a:hover::after {
        content: "close tab";
        display: block;
        position: absolute;
        right: 12px;
        bottom: 13px;
        top: auto;
        left: auto;
        opacity: 1;
        font-size: 0.9rem !important;
        text-decoration: underline;
        color: #bbb;
        cursor: pointer;
        transform: none;
        text-transform: lowercase;
    }

    #main-buttons-ul > li.hoverli > a:hover::after {
        color: #fff;
    }

    #main-buttons-ul > li:hover > a::after {
        animation: none;
    }

    #main-buttons-ul > li.hoverli:hover > a::after {
        display: block;
    }

    #main-buttons-ul > li.hoverli > a {
        text-align: left;
        padding-left: 22px;
    }

    #main-buttons-ul > li.hoverli.up > a:before {
        content: '';
    }

    #main-buttons-ul > li.hoverli.down > a:before {
        content: '';
    }

    #main-buttons-ul > li > div {
        display: none;
        position: relative;
        bottom: auto !important;
        width: 100%;
        top: auto !important;
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    #main-buttons-ul .teaser-flyout, #main-buttons-ul > li:hover .teaser-flyout {
        display: none !important;
    }

    #main-buttons-ul > li > div::before, #main-buttons-ul > li > div::after {
        content: ' ';
        display: table;
        flex-basis: 0;
        order: 1;
    }

    #main-buttons-ul > li > div::after {
        clear: both;
    }

    #main-buttons-ul > li.hoverli > div {
        display: block;
        overflow: auto;
        padding-top: 4px;
        padding-bottom: 20px;
        font-size: 1em;
    }

    #main-buttons-ul > li .nav-header {
        display: none;
    }

    #main-buttons-ul > li .nav-column {
        width: 100%;
        padding: 0px 5% 0px 5%;
    }

    #main-buttons-ul > li .nav-column h3 {
        font-size: 1em;
    }

    .ie9.nav-overflow #main-buttons-ul > li > a {
        height: auto;
        min-height: 48px;
        padding-top: 16px;
    }

    #main-buttons-ul > li.hoverli > .teaser-flyout {
        display: block;
        padding-bottom: 3px;
        padding-right: 3px;
    }

    #main-buttons-ul > li.hoverli > .teaser-flyout .img-wrap {
        max-width: 38%;
        display: inline;
        float: right;
    }

    #main-buttons-ul > li.hoverli > .teaser-flyout p {
        max-width: 62%;
        float: left;
    }

    .nav-overflow.slider-on .header-wrap {
        transform: translateX(-70vw) translateZ(0) perspective(1px) scale(1.0001);
        will-change: transform;
    }

    .nav-overflow.slider-on #content-wrap {
        transform: translateX(-70vw) translateZ(0) perspective(1px) scale(1.0001);
        will-change: transform;
    }

    .nav-overflow.slider-on #footer-wrap {
        transform: translateX(-70vw) translateZ(0) perspective(1px) scale(1.0001);
        will-change: transform;
    }

    .ie9.nav-overflow.slider-on .header-wrap {
        transform: translateX(-70%)
    }

    .ie9.nav-overflow.slider-on #content-wrap {
        transform: translateX(-70%)
    }

    .ie9.nav-overflow.slider-on #footer-wrap {
        transform: translateX(-70%)
    }

    .nav-overflow #top-nav-wrap {
        width: 70vw;
        right: -70vw;
    }

    .widget.hc .row h1 {
        bottom: 12px;
        font-size: 2rem;
    }
}
/* Face and Skin Center Slideshow Theme */
@media only screen and (max-width: 37.5em) {
    .feature-wrapper.theme.faceskincenter .caption p {
        max-width: none;
        width: 100%;
    }

    .feature-slider.slick-slider p:first-child::after {
        font-size: 1.4em;
        top: 0px !important;
        right: 12px;
    }
}

@media only screen and (max-width:33em) {
    #hc-links-wrap ul.menu.hc-links-horizontal li {
        display: block;
        width: 100%;
    }

    #hc-links-wrap ul.menu.hc-links-horizontal li a {
        display: block;
        padding-left: 32px;
    }

    #hc-links-wrap ul.menu.hc-links-horizontal li:first-child {
        width: 100%;
    }

    #hc-links-wrap ul.menu.hc-links-horizontal li:first-child a {
        padding: 8px;
        border-right: 0px;
    }

    #hc-links-wrap ul.hc-links-horizontal > li > a:before {
        left: 12px;
        font-size: 1rem;
    }
}

@media only screen and (max-width: 25em) { /*400px*/
    .feature-slider:not(.body-copy) .slick-dots {
        display: none !important;
    }

    .widget.promo h2 {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 21.25em) { /*330px*/
    .logo-ummc {
        display: none;
        transition: none;
    }

    .logo-ummc-short {
        display: block;
        width: 70%;
        margin-left: 37px;
    }

    .logo-ummc-short img {
        width: 114px;
    }

    .nav-overflow.dept-name-overflow:not(.childrens) #logo-wrap .logo-ummc-short img {
        width: 126px;
    }

    #main-buttons-ul > li > a {
        font-size: 0.85em;
    }

    .widget.promo h2 {
        font-size: 1em;
        padding: 6px 18px 6px 1vw !important;
    }
}

@media only screen and (max-width:18.75em) {
    .nav-overflow.dept-name-overflow body {
        padding-top: 74px;
    }

    .nav-overflow.dept-name-overflow #logo-wrap .logo-u {
        width: 18%;
    }

    .nav-overflow.dept-name-overflow #logo-wrap .logo-ummc-short {
        width: 50%;
        height: 41px;
        margin-left: 48px;
        border-bottom: 1px solid #a7b4bf;
    }

    .nav-overflow.dept-name-overflow #logo-wrap .logo-ummc-short img {
        position: absolute;
        width: 98px;
        left: -4px;
    }

    .nav-overflow.dept-name-overflow #dept-name {
        font-size: 1.2em;
        margin-top: -18px;
        border-bottom: 6px solid #3E678D;
        padding: 2px 8px 8px 55px;
    }

    .childrens.nav-overflow.dept-name-overflow:not(.childrens-home) #logo-wrap .logo-ummc-short {
        margin-left: 0px;
        height: 55px;
    }

    .childrens.nav-overflow.dept-name-overflow:not(.childrens-home) #logo-wrap .logo-u {
        display: none;
    }

    .childrens.nav-overflow.dept-name-overflow:not(.childrens-home) #logo-wrap .logo-ummc-short img {
        width: 113px;
    }

    .childrens.nav-overflow.dept-name-overflow:not(.childrens-home) #dept-name {
        padding-left: 3px;
    }

    ul.menu.top-buttons, .scrolled-past-hero.nav-overflow.dept-name-overflow ul.menu.top-buttons {
        margin-top: 7px;
    }

    .nav-button-li {
        padding-right: 4px;
    }

    .nav-button-li button.top, .scrolled-past-hero.nav-overflow.dept-name-overflow .nav-button-li button.top {
        height: 29px;
        width: 29px;
    }

    .nav-button-li.hamburger button.top span, .scrolled-past-hero.nav-overflow.dept-name-overflow .nav-button-li.hamburger button.top span {
        left: 5px;
    }

    .nav-button-li.search button.top:after {
        font-size: 2.15rem;
    }

    .nav-overflow #search-popup-wrap > ul > li:first-child {
        width: calc(100% - 65px);
    }

    .nav-overflow #search-popup-wrap button, .nav-overflow #search-popup-wrap.hideSearch button {
        width: 60px;
        padding: 0px 0px;
    }
}

@media print {
    .header-wrap, #footer-wrap,
    #sub-nav-vertical-wrap,
    .childrens .row-wrap.title-row:before,
    .childrens .row-wrap.title-row:after,
    .hc-specialty-header:after {
        display: none;
    }

    body {
        padding-top: 0px !important;
    }
}



/* Search Page Styles*/
.search-this {
    position: relative;
    padding-left: 3rem;
    background-repeat: no-repeat;
    background-position: .75em;
    background-size: .9em;
    background-image: url(/img/icon-search.svg);
    vertical-align: central;
}

.people-you-might-know {
    background-color: #fff;
    border: 1px solid #cacaca;
    word-break: break-word;
}

.people-you-might-know .add-people-header {
    padding: 0.7rem 1rem 0.7rem 1rem;
    background: #184C7C;
}

.people-you-might-know .add-people-header .header-title {
    font-weight: normal;
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 0px;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

.people-you-might-know .add-people-header .header-title span {
    display: none;
}

.people-you-might-know .add-people-section {
    padding: 1rem;
    border-bottom: 0.0625rem solid #cacaca;
    background: #fff;
}

.people-you-might-know .add-people-section:hover {
    background: #f7f7f7;
}

.people-you-might-know .add-people-section .about-people {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.people-you-might-know .add-people-section .about-people .about-people-avatar {
    padding-right: 0.5rem;
    padding-left: 0;
}

.people-you-might-know .add-people-section .about-people .about-people-avatar .avatar-image {
    width: 5rem;
    border: 0.0625rem solid #cacaca;
    padding: 3px;
}

.people-you-might-know .add-people-section .about-people .about-people-author {
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}

.people-you-might-know .add-people-section .about-people .about-people-author .author-name {
    color: #0a0a0a;
    margin: 0.375rem 0 4px 0;
    line-height: 1.5rem;
}

.people-you-might-know .add-people-section .about-people .about-people-author .author-location,
.people-you-might-know .add-people-section .about-people .about-people-author .author-mutual {
    color: #8a8a8a;
    margin-bottom: 0;
    font-size: 0.85em;
}

.people-you-might-know .add-people-section .add-friend {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.people-you-might-know ul {
    margin-left: 0 !important;
}


@media screen and (max-width: 39.9375em) {
    .people-you-might-know .add-people-section .add-friend {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
    }
}

.people-you-might-know .add-people-section .add-friend .add-friend-action {
    margin-top: 0.7rem;
}

.people-you-might-know .view-more-people {
    margin: 0;
}

.people-you-might-know .view-more-people .view-more-text {
    margin-bottom: 0;
    text-align: center;
}

.people-you-might-know .view-more-people .view-more-text .view-more-link {
    color: #1779ba;
    display: block;
    padding: 0.7rem;
}

.people-you-might-know .view-more-people .view-more-text .view-more-link:hover {
    color: #fff;
    background: #184C7C;
}

.people-you-might-know .view-more-people .view-more-text .view-more-link:hover, .people-you-might-know .view-more-people .view-more-text .view-more-link:focus {
    text-decoration: underline;
}

.searchpage .list-group {
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.18);
    overflow: hidden;
    color: #0a0a0a;
}

.searchpage .list-group > :last-child {
    margin-bottom: 0;
}

.searchpage .list-group-item {
    padding: 1rem;
    border-bottom: 1px solid #e6e6e6;
}

.searchpage .list-group-item > :last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.searchpage .list-group-item.active {
    color: #fefefe;
    background-color: #1779ba;
    border-color: 1px solid #1779ba;
}

.searchpage .list-group-item:hover, .searchpage .list-group-item:focus {
    background-color: #e6e6e6;
}

.searchpage .list-group-item:hover.active, .searchpage .list-group-item:focus.active {
    background-color: #1779ba;
}

.searchpage .list-group-item.disabled, .searchpage .list-group-item.disabled:hover, .searchpage .list-group-item.disabled:focus, .searchpage .list-group-item[disabled],
.searchpage .list-group-item[disabled]:hover, .searchpage .list-group-item[disabled]:focus {
    color: #8a8a8a;
    cursor: not-allowed;
    background-color: #fefefe;
}



.foundationControlsOverride [type='text'],
.foundationControlsOverride [type='password'],
.foundationControlsOverride [type='date'],
.foundationControlsOverride [type='datetime'],
.foundationControlsOverride [type='datetime-local'],
.foundationControlsOverride [type='month'],
.foundationControlsOverride [type='week'],
.foundationControlsOverride [type='email'],
.foundationControlsOverride [type='number'],
.foundationControlsOverride [type='search'],
.foundationControlsOverride [type='tel'],
.foundationControlsOverride [type='time'],
.foundationControlsOverride [type='url'],
.foundationControlsOverride [type='color'],
.foundationControlsOverride select {
    display: inline;
    width: auto !important;
    width: initial !important;
    width: 100% !important;
    max-width: 100% !important;
    max-width: calc(270px + 12vw) !important;
    padding: 0.1rem 0.5rem;
    margin: 2px;
    vertical-align: 2px;
}

.foundationControlsOverride select {
    width: initial !important;
}

.foundationControlsOverride .maxWidth {
    width: 100% !important; /*width: calc(100% - 20px) !important;*/
}

@media screen and (max-width: 39.9375em) {
    .foundationControlsOverride [type='text'],
    .foundationControlsOverride [type='password'],
    .foundationControlsOverride [type='date'],
    .foundationControlsOverride [type='datetime'],
    .foundationControlsOverride [type='datetime-local'],
    .foundationControlsOverride [type='month'],
    .foundationControlsOverride [type='week'],
    .foundationControlsOverride [type='email'],
    .foundationControlsOverride [type='number'],
    .foundationControlsOverride [type='search'],
    .foundationControlsOverride [type='tel'],
    .foundationControlsOverride [type='time'],
    .foundationControlsOverride [type='url'],
    .foundationControlsOverride [type='color'],
    .foundationControlsOverride select {
        width: auto !important;
        width: initial !important;
        width: 100% !important;
        max-width: 100% !important;
        max-width: calc(252px + 12vw) !important;
    }
}

.ie11 .FormTable, .ie10 .FormTable, .ie9 .FormTable {
    table-layout: fixed;
}

.foundationControlsOverride textarea {
    width: 100% !important;
}

.foundationControlsOverride select {
    padding-right: 24px;
    background-size: 15px 6px;
    background-origin: border-box;
    background-position: 98.5%,center;
    top: -2px;
    position: relative;
    height: 2.80rem;
}

.foundationControlsOverride input[type="radio"] {
    min-width: 1rem;
    min-height: 1rem;
}

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75
}

.errortext,
.valsummary {
    color: red;
}

.warningtext{
    color: darkorange;
}

.valsummary {
    text-align: left;
}

span.requiredText {
    color: red !important;
}

span.requiredText:before {
    content: ' ';
}

.SecureForm table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

table.moreColumns tr {
    flex-flow: row;
}

table.moreColumns.maxWidth [type='text'],
table.moreColumns.maxWidth [type='password'],
table.moreColumns.maxWidth [type='date'],
table.moreColumns.maxWidth [type='datetime'],
table.moreColumns.maxWidth [type='datetime-local'],
table.moreColumns.maxWidth [type='month'],
table.moreColumns.maxWidth [type='week'],
table.moreColumns.maxWidth [type='email'],
table.moreColumns.maxWidth [type='number'],
table.moreColumns.maxWidth [type='search'],
table.moreColumns.maxWidth [type='tel'],
table.moreColumns.maxWidth [type='time'],
table.moreColumns.maxWidth [type='url'],
table.moreColumns.maxWidth [type='color'],
table.moreColumns.maxWidth select {
    width: 100% !important;
}

html.ie11 .SecureForm table tr, html.ie10 .SecureForm table tr, html.ie9 .SecureForm table tr {
    display: table-row;
}

.SecureForm table tr td, .SecureForm table tr th {
    -webkit-box-flex: 1;
    /*min-width: 50%;*/
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1 1 50%;
    display: inline-block;
    width: auto !important;
}

.SecureForm table tr td:first-child {
    flex: 1 1 160px;
}

table.moreColumns tr td:first-child {
    flex: 1 1 50%;
}

#verifydetails table tr td:first-child {
    flex: 1 1 50%;
}

@media only screen and (max-width: 37.5em) { /*600px*/
    .SecureForm table tr td, .SecureForm table tr th {
        flex: 1 1 100%;
    }

    .SecureForm table tr th {
        text-align: left;
        border-bottom: 1px solid #e6e6e6;
    }

    .SecureForm table tr td:first-child {
        flex: 1 1 100%;
    }

    table.moreColumns tr {
        flex-flow: row wrap;
    }

    table.moreColumns tr td:first-child {
        flex: 1 1 100%;
    }

    #verifydetails table tr td:first-child {
        flex: 1 1 100%;
    }
}

html.ie11 .SecureForm table tr td, html.ie10 .SecureForm table tr td, html.ie9 .SecureForm table tr td {
    display: table-cell;
}

/*.SecureForm select{max-width:100%;}*/
.SecureForm #givenowcategories select {
    width: 100% !important;
}

.SecureForm table table {
    margin-bottom: 0px;
}

.SecureForm label {
    font-size: 1.1rem;
    display: inline;
    padding-right: 6px;
}

.SecureForm .phone, .SecureForm .ssn, .SecureForm .time, .FormDesignerTable .phone, .FormDesignerTable .ssn, .FormDesignerTable .time {
    max-width: 74px !important;
}

.SecureForm .zip {
    max-width: 100px !important;
}

.SecureForm .zip4 {
    max-width: 70px !important;
}

.SecureForm .ui-autocomplete-input {
    width: 98% !important;
}
/*.SecureForm .formheadertext br{display:none;}*/
.SecureForm h2.subhead {
    padding-top: 14px;
    padding-bottom: 6px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.SecureForm .errortext[style*="visibility:hidden;"] {
    display: none;
}

.SecureForm .formSubText {
    font-style: italic;
    font-size: 1rem;
    color: #767676;
}

.SecureForm .SelectorContainer {
    width: 100% !important;
}

.SecureForm input:focus::placeholder, textarea:focus::placeholder {
    color: #ccc;
}

.SecureForm legend {
    padding-top: 8px;
    font-size: 1.2rem;
}

.SecureForm.foundationControlsOverride.widget.text {
    padding-top: 24px;
}

.SecureForm .resetBtn {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.1s ease-out, color 0.1s ease-out;
    vertical-align: 4px;
    border: 1px solid transparent;
    border-radius: 0px;
    padding: 0.85em 1rem;
    margin: 0 0 1rem 0;
    font-size: 1rem;
    background-color: #2b6092;
    color: #fefefe;
    margin-right: 10px;
}

.ajax__calendar_container {
    min-width: 180px;
}

.ajax__calendar_body tr {
    display: block !important;
}

.ajax__calendar_container td {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    flex: none !important;
}

.msgboxctrlInner {
    background: #fff;
}



/* Clickable Cards Row */

.clickable-card-row {
    padding-bottom: 1.1rem;
}

.ummc .clickable-card-row {
    padding-top: 2rem;
}

@media only screen and (max-width:40rem) {
    .clickable-card-row .column {
        padding-bottom: 1rem !important;
    }
}

.clickable-card-row .cards {
    flex-flow: row wrap !important;
}

.clickable-card-row .card {
    border-radius: 6px;
    display: block;
    position: relative;
    height: 100%;
    text-align: left;
    color: #000;
    transition: all 0.16s ease;
}

.clickable-card-row div.card {
    padding: 1rem;
}

.clickable-card-row a.card {
    padding: 1rem 1rem 3.8rem;
}

.ummc .clickable-card-row .card {
    border-radius: 0;
}

.clickable-card-row a.card:hover, .clickable-card-row a.card:focus {
    text-decoration: none !important;
}

.clickable-card-row.card-bg-white .card, .clickable-card-row.card-bg-none .card.bg-white, .clickable-card-row .card.bg-white {
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.24);
}

.clickable-card-row.card-bg-white a.card:hover,
.clickable-card-row.card-bg-white a.card:focus,
.clickable-card-row a.card.bg-white:hover,
.clickable-card-row a.card.bg-white:focus {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.5);
}

.clickable-card-row.card-bg-none .card, .clickable-card-row.card-bg-white .card.bg-none, .clickable-card-row .card.bg-none {
    background: none;
    border: 1px solid rgba(0,0,0,0);
}

.mobile .clickable-card-row.card-bg-none .card, .mobile .clickable-card-row.card-bg-white .card.bg-none, .mobile .clickable-card-row .card.bg-none {
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.24);
}

.clickable-card-row.card-bg-none a.card:hover,
.clickable-card-row.card-bg-none a.card:focus,
.clickable-card-row a.card.bg-none:hover,
.clickable-card-row a.card.bg-none:focus {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.5);
}

.clickable-card-row.white a.card.bg-none:focus,
.clickable-card-row.white a.card.bg-none:hover,
.clickable-card-row.white.card-bg-none a.card:focus,
.clickable-card-row.white.card-bg-none a.card:hover {
    background: rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.3);
}

.clickable-card-row.add-border-below .card {
    border-bottom: 1px solid rgba(0,0,0,0.175);
    border-radius: 0;
}

.clickable-card-row.add-border-below .column:last-child .card {
    border-bottom: 1px solid rgba(0,0,0,0);
}

.clickable-card-row.add-border-below .card:hover, .clickable-card-row.add-border-below .card:focus {
    border-radius: 6px;
}

.clickable-card-row.add-border-below .column:last-child a.card:hover, .clickable-card-row.add-border-below .column:last-child a.card:focus {
    border-bottom: 1px solid rgba(0,0,0,0.5);
}

.clickable-card-row .card img {
    border: 1px solid #184c7c;
}

.clickable-card-row a.card:hover img, .clickable-card-row a.card:focus img {
    -webkit-filter: saturate(1.4);
    filter: saturate(1.4);
}

.clickable-card-row.card-img-right .card img, .clickable-card-row.card-img-full .card img.img-right, .clickable-card-row .card.img-right img {
    float: right;
    max-width: 37%;
    margin: 0px 0px 14px 14px;
    clear: both;
}

.clickable-card-row.card-img-full .card img, .clickable-card-row.card-img-none .card img.img-right, .clickable-card-row .card.img-full img {
    width: 100%;
    max-width: 100%;
    margin: 0px 0px 14px 0px;
}

.clickable-card-row.card-img-right.max-size-width-150px .card img, .clickable-card-row.card-img-full .card img.img-right.max-size-width-150px, .clickable-card-row .card.img-right.max-size-width-150px img {
    width: 100%;
    max-width: 150px;
}

.clickable-card-row.card-txt-large .card:not(.txt-small):not(.txt-medium) h2, .clickable-card-row .card.txt-large h2 {
    font-family: "Lato", san-serif;
}

.clickable-card-row br.spacer {
    clear: both;
}

.clickable-card-row .card p {
    line-height: 1.5rem;
    font-family: "Roboto", "Lato", san-serif;
    margin-bottom: 9px;
    word-break: break-word;
}

.ummc .clickable-card-row .card p {
    font-family: "Lato", san-serif;
}

.clickable-card-row.card-txt-small .card *, .clickable-card-row.card-txt-medium .card.txt-small *, .clickable-card-row.card-txt-large .card.txt-small * {
    font-size: 0.875rem;
}

.clickable-card-row.card-txt-medium .card *, .clickable-card-row.card-txt-small .card.txt-medium *, .clickable-card-row.card-txt-large .card.txt-medium * {
    font-size: 1rem;
}

.clickable-card-row.card-txt-large .card *, .clickable-card-row.card-txt-small .card.txt-large *, .clickable-card-row.card-txt-medium .card.txt-large * {
    font-size: 1.1rem;
}

.clickable-card-row.card-txt-large .card:not(.txt-small):not(.txt-medium) *, .clickable-card-row .card.txt-large * {
    font-family: "Lato", san-serif;
}

.clickable-card-row .card h2 {
    font-weight: bold;
    margin-bottom: 9px;
    font-family: "Roboto", "Lato", san-serif;
    color: #0054a3;
}

.clickable-card-row a.card:hover h2, .clickable-card-row a.card:focus h2 {
    color: #002afa;
}

.clickable-card-row.card-txt-small .card h2, .clickable-card-row.card-txt-medium .card.txt-small h2, .clickable-card-row.card-txt-large .card.txt-small h2 {
    font-size: 1rem;
    line-height: 1.3;
    padding-top: 0;
}

.clickable-card-row.card-txt-medium .card h2, .clickable-card-row.card-txt-small .card.txt-medium h2, .clickable-card-row.card-txt-large .card.txt-medium h2 {
    font-size: calc(1rem + 0.33vw);
    line-height: 1.25;
    padding-top: 0;
}

.clickable-card-row.card-txt-large .card h2, .clickable-card-row.card-txt-small .card.txt-large h2, .clickable-card-row.card-txt-medium .card.txt-large h2 {
    font-size: calc(1.4rem + 0.33vw);
    line-height: 1.12;
    margin-bottom: 1rem;
    letter-spacing: calc(-0.01px - 0.01vw);
    padding-top: 0;
}

.clickable-card-row.card-txt-large .card li {
    padding-bottom: 0.8rem !important;
    line-height: 1.5rem;
}

.clickable-card-row .card .pub-date {
    font-style: italic;
    font-weight: bold;
    line-height: 1.3rem;
}

.clickable-card-row .card .button {
    display: block;
    margin-top: 0px;
    text-align: center;
    background: #e6e6e6;
    border: 1px solid #b1b1b1;
    position: absolute;
    color: #004a8f;
    max-width: 202px;
    margin: 0px auto 0px;
    bottom: 24px;
    right: 24px;
    transition: 0.17s all ease;
    line-height: 1.5rem;
    font-family: "Roboto", "Lato", sans-serif;
    padding: 5px 12px;
    font-size: 1rem;
}

.clickable-card-row.card-bg-none .card .button, .clickable-card-row .card.bg-none .button {
    background: rgba(255,255,255,0.8);
}

/*.clickable-card-row.card-txt-small .card .button, .clickable-card-row.card-txt-medium .card.txt-small .button, .clickable-card-row.card-txt-large .card.txt-small .button {
    padding: 5px 12px;
    font-size: 0.9rem;
}
.clickable-card-row.card-txt-medium .card .button, .clickable-card-row.card-txt-small .card.txt-medium .button, .clickable-card-row.card-txt-large .card.txt-medium .button {
    padding: 7px 12px;
    font-size: 1rem;
}
.clickable-card-row.card-txt-large .card .button, .clickable-card-row.card-txt-small .card.txt-large .button, .clickable-card-row.card-txt-medium .card.txt-large .button {
    padding: 7px 12px;
    font-size: 1.1rem;
}*/

.clickable-card-row a.card:hover .button, .clickable-card-row a.card:focus .button {
    background: #184c7c;
    color: #fff !important;
    border: 1px solid #000;
    text-decoration: none !important;
    transition: 0.12s all ease;
}

.clickable-card-row .button-list-wrapper {
    margin: 0.4rem 0 0 0;
}

.clickable-card-row .button-list-wrapper a {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .1s ease-out,color .1s ease-out;
    vertical-align: 4px;
    border: 1px solid #b1b1b1;
    border-radius: 0;
    padding: .85em 1rem;
    margin-bottom: 0.3rem;
    font-size: 0.9rem;
    font-weight: bold;
    background-color: #e6e6e6;
    color: #004a8f;
    margin-right: 5px;
    overflow: hidden;
}

.clickable-card-row .button-list-wrapper a:hover {
    background: #184c7c;
    color: #fff !important;
    border: 1px solid #000;
    text-decoration: none !important;
    transition: 0.12s all ease;
}

.clickable-card-row .button-list-wrapper a.color-overrides:hover {
    filter: saturate(1.9) brightness(1.1);
}

.clickable-card-row .list {
    height: 100%;
    max-height: 100%;
    min-height: 24rem;
    overflow: hidden;
    position: relative;
    border: 1px solid #b7b7b7;
    border-radius: 6px;
    background: rgba(255,255,255,0.2);
}

.ummc .clickable-card-row .list {
    border: none;
    border-radius: 0;
}

.clickable-card-row .list:before {
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;
    background: radial-gradient(ellipse at 50% 0%,rgba(0,48,76,0.23),rgba(0,48,76,0) 70%);
    top: 0px;
    z-index: 999;
}

/*.clickable-card-row .list.has-list-header:before {
    top: 44px;
}*/

.clickable-card-row .list:after {
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;
    background: radial-gradient(ellipse at 50% 100%,rgba(0,48,76,0.23),rgba(0,48,76,0) 70%);
    top: calc(100% - 46px);
}

.clickable-card-row .list.no-list-button:after {
    top: calc(100% - 5px);
}

.clickable-card-row .list .list-header {
    /*    height: 44px;
    max-height: 44px;
    overflow: hidden;*/
    background: #fff;
    border-bottom: 1px solid #ccc;
    position: relative;
    z-index: 1001;
}

.ummc .clickable-card-row .list .list-header {
    background: #184c7c;
    border-bottom: #184c7c;
}

.clickable-card-row .list .list-header:after {
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    position: absolute;
    background: radial-gradient(ellipse at 50% 0,rgba(0,48,76,.23),rgba(0,48,76,0) 70%);
    bottom: -5px;
    z-index: 1000;
}

/*.clickable-card-row .list .list-header h2 {
    font-size: 1.3rem;
    margin: 0px;
    padding: 0.6rem 0.65rem 0.3rem;
    color: #004078;
    border-bottom: 1px solid #aaa;
    font-family: 'Roboto';
    font-weight: normal;
    letter-spacing: -0.5px;
}*/
.clickable-card-row .list .list-header h2 {
    margin-bottom: 0px;
    /* border-bottom: 1px solid rgba(0,0,0,0.3); */
    background: #fff;
    padding: 6px 16px;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0px;
    font-size: calc(1.2rem + 0.2vw);
    color: #555659;
    font-family: 'Roboto';
    line-height: 1.85rem;
    position: relative;
    z-index: 1010;
}

.ummc .clickable-card-row .list .list-header h2 {
    background: #184c7c;
    border-bottom: #184c7c;
    color: white;
}

.clickable-card-row .list .list-header h2 span:not(:last-child) {
    padding-right: 4px;
}

.clickable-card-row .list .list-header h2 span.txt-grey {
    color: #555659;
}

.clickable-card-row .list .list-header h2 span.txt-blue {
    color: #004a8f;
}

.ummc .clickable-card-row .list .list-header h2 span.txt-grey,
.ummc .clickable-card-row .list .list-header h2 span.txt-blue {
    color: white;
}

.clickable-card-row .list .list-wrapper {
    max-height: 100%;
    height: calc(100% - 40px);
    width: 100%;
    overflow-y: scroll;
    position: absolute;
}

.ummc .clickable-card-row .list .list-wrapper {
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2);
}

.clickable-card-row .list.has-list-header .list-wrapper {
    height: calc(100% - 85px);
}

.clickable-card-row .list.no-list-button .list-wrapper {
    height: 100%;
}

.clickable-card-row .list.has-list-header.no-list-button .list-wrapper {
    height: calc(100% - 43px);
}

.clickable-card-row .no-scrollbar .list-wrapper {
    overflow: initial;
    height: auto !important;
    max-height: none;
    position: relative;
}

.clickable-card-row .list > .list-button-wrapper {
    text-align: center;
    background: #e6e6e6;
    padding: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

/*.ummc .clickable-card-row .list > .list-button-wrapper {
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
}*/

.clickable-card-row .list .list-wrapper > * {
    display: block;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    border-right: 1px solid rgba(0,0,0,0.1);
    padding: 8px 12px;
    /*display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;*/
}

.mobile .clickable-card-row .list .list-wrapper > *, .clickable-card-row .list.no-scrollbar .list-wrapper > * {
    border-right: none;
}

.clickable-card-row .list.txt-large .list-wrapper > * {
    padding: 8px 17px 10px;
}

.clickable-card-row .list .list-wrapper > *:after {
    content: '';
    clear: both;
    display: block;
}

.clickable-card-row .list .list-wrapper > *:nth-child(odd) {
    background: rgba(255,255,255,0.65);
}

.clickable-card-row .list .list-wrapper a {
    text-decoration: none !important;
}

.clickable-card-row .list .list-wrapper > a:hover, .clickable-card-row .list .list-wrapper > a:focus {
    background: #fff;
    text-decoration: none !important;
}

.clickable-card-row .list.alternate-images .list-wrapper a:nth-child(odd) {
    flex-direction: row-reverse;
}

.clickable-card-row .list .list-wrapper > * > * {
    width: 100%;
}

.clickable-card-row .list .list-wrapper .image-wrapper {
    width: auto;
    max-width: 32%;
    text-align: right;
    padding-left: 1rem;
    float: right;
}

.clickable-card-row .list.alternate-images .list-wrapper > *:nth-child(odd) .image-wrapper {
    padding-left: 0px;
    padding-right: 1rem;
    text-align: left;
}

.clickable-card-row .list .list-wrapper .image-wrapper img {
    width: auto;
    max-height: calc(6rem + 3.4vw);
    border: 1px solid #184c7c;
}

.clickable-card-row .list .list-wrapper h3 {
    font-size: 0.91rem;
    line-height: 0.95rem;
    margin-bottom: 3px;
    font-family: 'Roboto', 'Lato', sans-serif;
    font-weight: bold;
    color: #0054a3;
}

.clickable-card-row .list .list-wrapper a:hover h3, .clickable-card-row .list .list-wrapper a:focus h3 {
    color: #002afa;
}

.clickable-card-row .list .list-wrapper p.date {
    font-size: .9em;
    font-weight: bold;
    line-height: 1.2em;
    font-style: italic;
    color: #404040;
    letter-spacing: -0.4px;
    margin-bottom: 3px;
}

.clickable-card-row .list .list-wrapper .body-copy, .clickable-card-row .list .list-wrapper .body-copy * {
    font-size: .9em;
    font-weight: normal;
    line-height: 1.2em;
    color: #000;
}



.clickable-card-row .list.txt-large .list-wrapper h3 {
    font-size: 1.34rem;
    font-weight: normal;
    line-height: 1.5rem;
    letter-spacing: -1px;
}

.clickable-card-row .list.txt-large .list-wrapper .body-copy, .clickable-card-row .list.txt-large .list-wrapper .body-copy * {
    font-size: 0.9rem;
    line-height: 1.5rem;
}

.clickable-card-row .list.txt-large .list-wrapper .body-copy *:last-child {
    margin-bottom: 0px;
}

.clickable-card-row .list .list-button-wrapper a {
    display: block;
    padding: 8px 0;
    color: #004a8f;
    border: 0;
    border-top: 1px solid #b7b7b7;
    font-family: 'Roboto', 'Lato', sans-serif;
    font-weight: bold;
    /*border: 1px solid rgba(0,0,0,.2);*/
}

.clickable-card-row .list .list-button-wrapper a:hover, .clickable-card-row .list .list-button-wrapper a:focus {
    color: #fff !important;
    background: #184c7c;
    text-decoration: none !important;
    border-top: 1px solid #194b7c;
}

/* Clickable Row Mobile Styles */

.mobile .clickable-card-row:not(.mobile-expand) .cards > .column:not(:first-child) {
    padding-bottom: 0px !important;
}

.mobile .clickable-card-row.mobile-expand > .row > .column:not(:first-child),
.mobile .clickable-card-row.mobile-expand > .row > .column:not(:first-child) .card,
.mobile .clickable-card-row.mobile-expand > .row > .column:not(:first-child) .list {
    transition: all 0.36s ease;
    transform-origin: top center;
}

.clickable-card-row .cards > .column {
    padding-left: .46875rem !important;
    padding-right: .46875rem !important;
    padding-bottom: .9375rem !important;
}

.mobile .clickable-card-row:not(.mobile-expand) .cards > .column:not(:first-child) .card, .mobile .clickable-card-row:not(.mobile-expand) .cards > .column:not(:first-child) .list {
    height: 0px;
    min-height: 0px;
    overflow: hidden;
    padding: 0px;
    border: 0px;
    transition: none;
    transform: scaleY(0.4);
    transform-origin: top center;
}

.clickable-card-row .mobile-expand.button {
    max-width: 200px;
    margin: -1.9rem auto 1rem;
    padding: .75rem 1rem;
    z-index: 2;
    display: none;
}

.mobile .clickable-card-row:not(.mobile-expand) .mobile-expand.button {
    display: block;
}

/* Clickable Card Row - Header */

.clickable-card-row .header {
    width: 100%;
    padding-left: .9375rem;
    padding-right: .9375rem;
}

.clickable-card-row .header h2 {
    font-style: italic;
    font-size: calc(1.4rem + 0.5vw);
    letter-spacing: -1px;
    color: #044884;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    margin-bottom: 0.5rem;
    /* font-family: 'Roboto', 'Lato', sans-serif; */
}

/* Clickable Card Row - Righthand Content - List of Links */
.clickable-card-row .list-of-links {
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
    border: 1px solid #b7b7b7;
    border-radius: 6px;
}

.clickable-card-row .list-of-links h2 {
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    background: #fff;
    padding: 4px 18px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: -1.5px;
    font-size: calc(1.4rem + 0.2vw);
    color: #555659;
}

.clickable-card-row .list-of-links h2 span {
    color: #004a8f;
}

.clickable-card-row .list-of-links > div > a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    padding: 6px 6px 6px 18px;
    font-size: 1.28rem;
    transition: 0.24s all ease;
}

.clickable-card-row .list-of-links > div > a:last-child {
    border-bottom: none;
}

.clickable-card-row .list-of-links > div > a:nth-child(even) {
    background: rgba(255,255,255,0.8);
}

.clickable-card-row .list-of-links > div > a img {
    margin-left: 18px;
    filter: grayscale(70%);
    transition: 0.24s all ease;
}

.clickable-card-row .list-of-links > div > a span {
    display: block;
    width: 100%;
    line-height: 1.5rem;
}

.clickable-card-row .list-of-links > div > a:hover, .clickable-card-row .list-of-links > div > a:focus {
    background: #fff;
    text-decoration: none !important;
}

.clickable-card-row .list-of-links > div > a:hover img, .clickable-card-row .list-of-links > div > a:focus img {
    filter: grayscale(0%);
}

.clickable-card-row .list-of-links > div > a:hover h3, .clickable-card-row .list-of-links > div > a:focus h3 {
    color: #002afa;
}

/* Events Page */

.events-button {
    margin-right: 6px;
    text-transform: capitalize;
}

.events-button:hover, .events-button:focus {
    outline: none;
}


/* Row - Timeline */

.timeline {
    /*border: 1px solid rgba(0,0,0,0.2);*/
    overflow: hidden;
}

.timeline, .timeline .shadows, .timeline .wrapper {
    position: relative;
}

.timeline .wrapper {
    padding: 0;
}

.timeline .shadows {
    /*box-shadow: inset -28px 0px 27px -27px rgba(0,0,0,0.3);*/
}

.timeline .wrapper > ol {
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    margin: 0rem 0 0.5rem 1.5rem;
}

.timeline.timeline-vertical.line-right .wrapper > ol {
    margin: 0rem 1.5rem 0.5rem 0rem;
}

.timeline .wrapper > ol > li:first-child:before,
.timeline .wrapper > ol > li:last-child:after {
    content: '';
    border-radius: 100%;
    position: absolute;
    background: #004e98;
    top: 0px;
}

.timeline .wrapper > ol > li:first-child:before {
    width: 15px;
    height: 15px;
    left: -9px;
}

.timeline.timeline-vertical.line-right .wrapper > ol > li:first-child:before {
    left: auto;
    right: -9px;
}

.timeline .wrapper > ol > li:last-child:after {
    width: 11px;
    height: 11px;
    left: -7px;
    top: auto;
    bottom: 0;
    content: '\203A';
    background: none;
    font-size: 3.6rem;
    color: #004e98;
    line-height: 0;
    font-weight: bold;
    transform-origin: 50% 50%;
    transform: rotate(90deg);
}

.timeline.timeline-vertical.line-right .wrapper > ol > li:last-child:after {
    left: auto;
    right: -7px;
}


.timeline.line-blue.timeline-horizontal .wrapper > ol > li:last-child:after {
    color: #004e98;
}

.timeline.line-white .wrapper > ol > li:first-child:before {
    background-color: white;
}

.timeline.line-black .wrapper > ol > li:first-child:before {
    background-color: black;
}

.timeline.line-grey .wrapper > ol > li:first-child:before {
    background-color: grey;
}

.timeline.line-blue .wrapper > ol > li:first-child:before {
    background-color: #004e98;
}

.timeline.line-childrens-purple .wrapper > ol > li:first-child:before {
    background-color: #ad278f;
}

.timeline.line-childrens-yellow .wrapper > ol > li:first-child:before {
    background-color: #fca425;
}

.timeline.line-childrens-green .wrapper > ol > li:first-child:before {
    background-color: #20b475;
}

.timeline.line-grow-childrens-green .wrapper > ol > li:first-child:before {
    background-color: #277177;
}

.timeline.line-white .wrapper > ol > li:last-child:after {
    color: white;
}

.timeline.line-black .wrapper > ol > li:last-child:after {
    color: black;
}

.timeline.line-grey .wrapper > ol > li:last-child:after {
    color: grey;
}

.timeline.line-blue .wrapper > ol > li:last-child:after {
    color: #004e98;
}

.timeline.line-childrens-purple .wrapper > ol > li:last-child:after {
    color: #ad278f;
}

.timeline.line-childrens-yellow .wrapper > ol > li:last-child:after {
    color: #fca425;
}

.timeline.line-childrens-green .wrapper > ol > li:last-child:after {
    color: #20b475;
}

.timeline.line-grow-childrens-green .wrapper > ol > li:last-child:after {
    color: #277177;
}

.timeline .wrapper > ol > li {
    width: 100%;
    padding-top: 0px;
    position: relative;
    border-left: 3px solid;
    border-color: #004e98;
}

.timeline.line-white .wrapper > ol > li {
    border-color: white !important;
}

.timeline.line-black .wrapper > ol > li {
    border-color: black !important;
}

.timeline.line-grey .wrapper > ol > li {
    border-color: grey !important;
}

.timeline.line-blue .wrapper > ol > li {
    border-color: #004e98 !important;
}

.timeline.line-childrens-purple .wrapper > ol > li {
    border-color: #ad278f !important;
}

.timeline.line-childrens-yellow .wrapper > ol > li {
    border-color: #fca425 !important;
}

.timeline.line-childrens-green .wrapper > ol > li {
    border-color: #20b475 !important;
}

.timeline.line-grow-childrens-green .wrapper > ol > li {
    border-color: #277177 !important;
}

.timeline.timeline-vertical.line-right .wrapper > ol > li {
    border-left: none;
    border-right-width: 3px;
    border-right-style: solid;
}

.timeline .number-circle {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    background: #fff;
    border: 4px solid;
    border-color: #004e98;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    text-align: center;
    color: #000000;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    top: calc(50% - 25px);
    z-index: 10;
}

.timeline.timeline-vertical.line-right .number-circle {
    margin-left: auto;
    margin-right: -25px;
    left: auto;
    right: 0;
}

.timeline.no-numbers .number-circle {
    width: 24px;
    height: 24px;
    border-width: 3px;
    margin-left: -13px;
    top: calc(50% - 13px) !important;
}

.timeline.line-white .number-circle {
    border-color: white;
}

.timeline.line-black .number-circle {
    border-color: black;
}

.timeline.line-grey .number-circle {
    border-color: grey;
}

.timeline.line-blue .number-circle {
    border-color: #004e98;
}

.timeline.line-childrens-yellow .number-circle {
    border-color: #fca425;
}

.timeline.line-childrens-purple .number-circle {
    border-color: #ad278f;
}

.timeline.line-childrens-green .number-circle {
    border-color: #20b475;
}

.timeline.line-grow-childrens-green .number-circle {
    border-color: #277177;
}

.timeline .content-box {
    padding: 2rem 1rem;
    border: 2px solid #000;
    background: rgba(255,255,255,0.8);
    margin: 0.5rem 0 0.5rem 6vw;
    position: relative;
}

.timeline.timeline-vertical.line-right .content-box {
    margin: 0.5rem 6vw 0.5rem 0;
}

.timeline .content-box:before {
    content: '';
    display: block;
    width: 6vw;
    height: 2px;
    right: 100%;
    bottom: calc(50% - 2px);
    position: absolute;
    background: #000;
}

.timeline.timeline-vertical.line-right .content-box:before {
    right: auto;
    left: 100%;
}

.timeline .wrapper > ol > li .content-box:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    background: #000000;
    border-radius: 50%;
    top: calc(50% - 2px);
    right: calc(100% - 2px);
}

.timeline.timeline-vertical.line-right .wrapper > ol > li .content-box:after {
    right: auto;
    left: calc(100% - 2px);
}

.timeline h2.title {
    font-size: calc(1rem + 0.5vw);
    padding: 0;
    margin-bottom: 1rem;
    line-height: calc(1rem + 0.5vw);
}

.timeline.title-blue h2.title {
    color: #004e98;
}

.timeline.title-white h2.title {
    color: white;
}

.timeline.title-black h2.title {
    color: black;
}

.timeline.title-childrens-purple h2.title {
    color: #ad278f;
}

.timeline.title-childrens-yellow h2.title {
    color: #fca425;
}

.timeline.title-childrens-green h2.title {
    color: #20b475;
}

.timeline.title-grow-childrens-green h2.title {
    color: #277177;
}

.timeline p, .timeline .body-copy {
    font-size: 1rem !important;
    margin-bottom: 1rem !important;
    line-height: 1.5rem !important;
}

.timeline p.date {
    font-style: italic;
    font-size: 0.9rem !important;
    margin-bottom: 0.8rem !important;
}

.timeline .content-box *:last-child {
    margin-bottom: 0 !important;
}

.timeline .image-box {
    border: 2px solid;
    margin: -6px 0 0.8rem 0;
    max-height: 25vh;
    overflow: hidden;
}

.timeline .image-box a {
    width: 100%;
    height: 100%;
    display: block;
}

@media only screen and (min-width: 50rem) {

    .timeline.timeline-horizontal .wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
        flex-flow: row;
        align-items: center;
        align-content: center;
        justify-content: start;
    }

    .timeline.timeline-horizontal.line-middle .wrapper {
        height: 0vh;
    }

    .timeline.timeline-vertical.line-middle .wrapper {
        overflow-y: visible;
        overflow-x: hidden;
    }

    .timeline.timeline-horizontal .shadows {
        transition: all 0.24s ease-in-out;
    }

    .timeline.timeline-horizontal .shadows.active {
        box-shadow: inset -28px 0px 27px -27px rgba(0,0,0,0.3);
        border-top: 1px solid rgba(0,0,0,0.1);
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .timeline.timeline-horizontal .wrapper > ol {
        flex-flow: row nowrap;
        width: 100%;
        margin: 2rem 0.5rem 0.5rem 0.5rem;
    }

    .timeline.timeline-horizontal.line-bottom .wrapper > ol {
        margin: 0.5rem 0.5rem 2rem 0.5rem;
    }

    .timeline.timeline-vertical .wrapper > ol {
        margin: 1rem 1rem;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol {
        left: 50%;
        position: relative;
        margin: 1rem 0;
    }

    .timeline.timeline-horizontal.line-middle .wrapper > ol > li:not(:first-child):not(:last-child) {
        margin: 0 -2rem;
    }

    .timeline.timeline-horizontal.line-middle .wrapper > ol > li:first-child {
        margin-right: -2rem;
    }

    .timeline.timeline-horizontal.line-middle .wrapper > ol > li:last-child {
        margin-left: -2rem;
    }

    .timeline.timeline-horizontal .wrapper > ol > li:first-child:before {
        top: -9px;
    }

    .timeline.timeline-horizontal .wrapper > ol > li:last-child:after {
        top: -7px;
    }

    .timeline.timeline-horizontal.line-bottom .wrapper > ol > li:first-child:before {
        top: auto;
        bottom: -9px;
    }

    .timeline.timeline-horizontal.line-bottom .wrapper > ol > li:last-child:after {
        top: auto;
        bottom: -7px;
    }

    .timeline.timeline-horizontal .wrapper > ol > li:first-child:before {
        left: 0;
    }

    .timeline.timeline-horizontal .wrapper > ol > li:last-child:after {
        right: 0;
        left: auto;
        top: -7px;
        bottom: 0;
        content: '\203A';
        background: none;
        font-size: 3.6rem;
        line-height: 0;
        font-weight: bold;
        transform: rotate(0deg);
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:first-child:before {
        left: auto;
        right: -9px;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:first-child:nth-child(even):before {
        right: auto;
        left: -9px;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:last-child:after {
        left: auto;
        right: -7px;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:last-child:nth-child(even):after {
        right: auto;
        left: -7px;
    }

    .timeline.timeline-horizontal .wrapper > ol > li {
        border: none;
        display: inline-block;
        min-width: 8rem;
        border-top-style: solid;
        border-top-width: 3px;
    }

    .timeline.timeline-horizontal.line-middle .wrapper > ol > li > * {
        position: absolute;
    }

    .timeline.timeline-horizontal.line-bottom .wrapper > ol > li {
        border-top: 0;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        display: flex;
        align-items: flex-end;
    }

    .timeline.timeline-horizontal.same-height .wrapper > ol > li {
        display: flex;
        align-items: stretch;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li {
        max-width: 50%;
        margin: -2rem 0;
    }

    .timeline.timeline-vertical.line-middle.text-image-opposing .wrapper > ol > li {
        margin: -1.5rem 0;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:first-child {
        margin-top: 0;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:last-child {
        margin-bottom: 0;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:nth-child(odd) {
        right: calc(50% - 3px);
        border-left: none;
        border-right-width: 3px;
        border-right-style: solid;
    }

    .timeline.timeline-horizontal .number-circle {
        margin-left: -25px;
        top: -26px;
        left: 50%;
    }

    .timeline.timeline-horizontal.no-numbers .number-circle {
        margin-left: -13px;
        top: -13px;
    }

    .timeline.timeline-horizontal.line-bottom .number-circle {
        bottom: -26px;
        top: auto;
    }

    .timeline.timeline-horizontal.line-bottom.no-numbers .number-circle {
        bottom: -13px;
        top: auto !important;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:nth-child(odd) .number-circle {
        left: auto;
        right: 0;
        margin-left: auto;
        margin-right: -25px;
    }

    .timeline.timeline-vertical.line-middle.no-numbers .wrapper > ol > li:nth-child(odd) .number-circle {
        margin-right: -13px;
    }

    .timeline.timeline-horizontal .content-box {
        margin: 0 10px;
        width: calc(100% - 20px);
        padding: 1.1vw 0.7vw;
        min-width: 7.5rem;
    }

    .timeline.timeline-horizontal.line-middle .content-box {
        top: 5vh;
    }

    .timeline.timeline-horizontal.line-top .content-box {
        margin-top: 5vh;
    }

    .timeline.timeline-horizontal.line-bottom .content-box {
        margin-bottom: 5vh;
    }

    .timeline.timeline-horizontal.line-middle .content-box:hover,
    .timeline.timeline-horizontal.line-middle .content-box:focus {
        z-index: 9;
        background: white;
        filter: saturate(1.2);
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:nth-child(odd) .content-box {
        margin: 0.5rem 6vw 0.5rem 0;
    }

    .timeline.timeline-horizontal .content-box:before {
        content: '';
        display: block;
        width: 2px;
        height: 5vh;
        left: calc(50% - 2px);
        bottom: 100%;
        position: absolute;
        background: #000;
    }

    .timeline.timeline-horizontal.line-bottom .content-box:before {
        bottom: auto;
        top: 100%;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:nth-child(odd) .content-box:before {
        right: auto;
        left: 100%;
    }

    .timeline.timeline-horizontal.line-middle .wrapper > ol > li:nth-child(odd) .content-box:after,
    .timeline.timeline-horizontal.line-middle .wrapper > ol > li:nth-child(even) .image-box:after {
        top: calc(100% - 2px);
        bottom: auto;
    }

    .timeline.timeline-horizontal.line-middle .wrapper > ol > li:nth-child(odd) .content-box {
        top: auto;
        bottom: 5vh;
    }

    .timeline.timeline-horizontal.line-middle .wrapper > ol > li:nth-child(odd) .content-box:before {
        content: '';
        bottom: auto;
        top: 100%;
    }

    .timeline.timeline-horizontal .wrapper > ol > li .content-box:after {
        left: calc(50% - 4px);
    }

    .timeline.timeline-horizontal.line-middle .wrapper > ol > li:nth-child(even) .content-box:after,
    .timeline.timeline-horizontal.line-top .content-box:after {
        bottom: calc(100% - 2px);
        top: auto;
    }

    .timeline.timeline-horizontal.line-bottom .wrapper > ol > li .content-box:after {
        top: calc(100% - 2px);
        bottom: auto;
    }

    .timeline.timeline-vertical.line-middle .wrapper > ol > li:nth-child(odd) .content-box:after {
        left: calc(100% - 2px);
        right: auto;
    }

    .timeline.timeline-horizontal p, .timeline.timeline-horizontal .body-copy {
        font-size: calc(0.8rem + 0.18vw) !important;
        line-height: calc(1rem + 0.4vw) !important;
    }

    .timeline.timeline-horizontal.line-middle .image-box {
        max-width: calc(100%);
        margin: -6px 0 0.8rem 0;
        border: 2px solid;
        top: 5vh;
        min-height: 0;
        min-width: 0;
        align-items: start;
        display: flex;
    }

    .timeline.timeline-horizontal.line-middle .image-box img {
        min-width: 100%;
        min-height: 100%;
        object-fit: contain;
        object-position: center;
        max-width: 100%;
        max-height: none;
    }

    .timeline.timeline-horizontal.line-middle.text-image-opposing .image-box {
        max-width: calc(100% - 7rem);
        margin: 0 3.5rem;
        border: 2px solid;
        position: absolute;
        top: calc(100% + 10vh + 2px);
        left: 0;
        overflow: visible;
    }

    .timeline.timeline-horizontal.line-middle.text-image-opposing .wrapper > ol > li:nth-child(even) .image-box {
        top: auto;
        bottom: calc(100% + 10vh + 2px);
    }

    .timeline.timeline-horizontal.line-middle.text-image-opposing .image-box:before {
        content: '';
        display: block;
        width: 2px;
        height: 5vh;
        left: calc(50% - 2px);
        bottom: 100%;
        position: absolute;
        background: #000;
    }

    .timeline.timeline-horizontal.line-middle.text-image-opposing .wrapper > ol > li:nth-child(even) .image-box:before {
        bottom: auto;
        top: 100%;
    }

    .timeline.text-image-opposing .image-box:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        display: block;
        background: #000000;
        border-radius: 50%;
        top: calc(50% - 2px);
        right: calc(100% - 2px);
    }

    .timeline.timeline-horizontal.line-middle.text-image-opposing .image-box:after {
        right: auto;
        top: auto;
        left: calc(50% - 4px);
        bottom: calc(100% - 2px);
    }

    .timeline.timeline-horizontal.line-middle.text-image-opposing .image-box a {
        overflow: hidden;
        max-width: 100%;
        display: block;
    }

    .timeline.timeline-horizontal.line-middle.text-image-opposing .image-box a img {
        min-width: 100%;
        min-height: 8rem;
        object-fit: cover;
        width: auto;
        height: auto;
    }

    .timeline.timeline-vertical.line-middle.text-image-opposing .image-box {
        left: calc(100% + 12vw + 5px);
        top: 0;
        position: absolute;
        height: 100%;
        width: 60%;
        max-height: calc(100% - 6rem);
        margin: 3rem 0;
        overflow: visible;
    }

    .timeline.timeline-vertical.line-middle.text-image-opposing li:nth-child(even) .image-box {
        left: auto;
        right: calc(100% + 12vw + 5px);
    }

    .timeline.timeline-vertical.line-middle.text-image-opposing .image-box:before {
        content: '';
        display: block;
        width: 6vw;
        height: 2px;
        top: calc(50% - 2px);
        right: 100%;
        position: absolute;
        background: #000;
    }

    .timeline.timeline-vertical.line-middle.text-image-opposing li:nth-child(even) .image-box:before {
        right: auto;
        left: 100%;
    }

    .timeline.timeline-vertical.line-middle.text-image-opposing .wrapper > ol > li .image-box:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        display: block;
        background: #000000;
        border-radius: 50%;
        top: calc(50% - 4px);
        right: calc(100% - 2px);
    }

    .timeline.timeline-vertical.line-middle.text-image-opposing .wrapper > ol > li:nth-child(even) .image-box:after {
        left: calc(100% - 2px);
        right: auto;
    }

    .timeline.timeline-vertical.line-middle.text-image-opposing .image-box a {
        overflow: hidden;
    }
}

.active-header-alert-banner body {
    /*padding-top: calc(6vh + 64px);*/
}

.nav-overflow.dept-name-overflow.active-header-alert-banner body {
    padding-top: calc(6vh + 86px);
}

.header-alert-banner {
    display: none;
    height: 0;
    overflow: hidden;
}

.active-header-alert-banner .header-alert-banner {
    background: linear-gradient(174deg, #c30000, #610000);
    /*background: #00529b;*/
    color: white !important;
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 0;
    height: 6vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10001;
    transition: all .18s ease-in-out;
}

.active-header-alert-banner.scrolled-past-hero .header-alert-banner {
    top: -6vh;
}

.active-header-alert-banner.scrolled-past-hero.scrolled-up .header-alert-banner {
    top: 0;
}

.active-header-alert-banner .header-alert-banner:hover {
    filter: saturate(1.2) brightness(1.1);
}

.header-alert-banner a {
    color: white;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    transition: all 0.24s ease-in-out;
    font-size: calc(0.9rem + 0.5vw);
    padding: 0 1vw;
    line-height: 1rem;
}

.header-alert-banner a:hover, .header-alert-banner a:active, .header-alert-banner a:focus {
    text-decoration: underline;
}

.header-alert-banner a:before {
    content: '!';
    border: 2px solid rgb(255, 255, 255);
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 0.5rem;
    font-weight: bold;
    animation: alert-icon-pulse 1s alternate infinite ease-in-out;
}

@keyframes alert-icon-pulse {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}
/*
.header-alert-banner a:hover,
.header-alert-banner a:focus {
        background: #ad0000;
        background: #0065bf;
}*/

.active-header-alert-banner.scrolled-past-hero .header-wrap {
    top: -48px;
}

.active-header-alert-banner .header-wrap,
.active-header-alert-banner.scrolled-up .header-wrap,
.active-header-alert-banner.slider-on.nav-overflow.scrolled-past-hero .header-wrap {
    top: 6vh;
}

.video-container {
    max-width: 100%;
}

.video-container * {
    max-width: 100%;
}


/* Homepage Row - Hero header, background, and pre-roll video */

.hero-row {
    height: 91.5vh;
    height: 100vh;
    min-height: calc(20rem + 18vw);
    overflow: hidden;
    position: relative;
}

.hero-bg-lowres {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    filter: blur(10px);
    transform: scale(1.03);
    position: absolute;
    z-index: 1;
    transform-origin: center;
}

.hero-bg {
    z-index: 2;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    position: absolute;
    right: 0;
}

.hero-video {
    z-index: 3;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

@media only screen and (max-width: 26.25rem) {
    .hero-video {
        display: none;
    }
}

.hero-filter {
    z-index: 4;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    background: rgba(0,0,0,0.4);
}

.hero-content {
    position: absolute;
    z-index: 6;
    bottom: 3.4vh;
    left: 3.4vh;
    padding-top: 2.1vw;
    padding-bottom: calc(-0.5rem + 2.1vw);
    /* height: 20.7vw; */
    width: 20.7vw;
    min-width: 21rem;
    background: rgba(173, 37, 141, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.hero-content.bg-purple {
    background: rgba(173, 37, 141, 0.8);
}

.hero-content.bg-blue {
    background: rgba(11, 86, 152, 0.8);
}

.hero-content.bg-green {
    background: rgba(0, 134, 86, 0.8);
}

.hero-content.bg-red {
    background: rgba(173, 19, 40, 0.8);
}

.hero-content.bg-blue-green {
    background: rgba(20, 146, 152, 0.8);
}

.hero-content h1 {
    color: #fbb041;
    /* color: #f00; */
    text-transform: uppercase;
    font-family: 'Roboto', 'Lato', sans-serif;
    font-weight: 700;
    word-spacing: 100vw;
    font-size: calc(1.5rem + 6.25vw);
    line-height: calc(1.5rem + 5.2vw);
    letter-spacing: -0.2vw;
    padding-left: 1.6vw;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
}

@media only screen and (max-width: 32.75rem) {
    .hero-content {
        left: 0.765rem;
        width: calc(100% - 1.5rem);
        min-width: initial;
        padding: 0.765rem;
    }

    .hero-content h1 {
        text-align: center;
        padding-left: 0;
        word-break: break-word;
    }
}

.header-overflow .hero-content {
    bottom: 4.5rem;
}

.hero-content .button-wrapper {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 0 0.4vw;
}

.ie11 .hero-content .button-wrapper,
.ie10 .hero-content .button-wrapper,
.ie9 .hero-content .button-wrapper {
    justify-content: space-around;
}

.hero-content .button-wrapper .button {
    padding: calc(0.5rem + 0.2vw) calc(0.5rem + 0.4vw);
    border-color: #fbb041;
    color: #fff;
    font-size: calc(0.8rem + 0.17vw);
    flex-grow: 1;
    margin: 0 0.3vw 0.6vw;
}

.hero-content .button-wrapper .button:hover,
.hero-content .button-wrapper .button:focus {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #840065 !important;
    text-decoration: none !important;
}

.hero-content.bg-purple .button-wrapper .button:hover,
.hero-content.bg-purple .button-wrapper .button:focus {
    color: #840065 !important;
}

.hero-content.bg-blue .button-wrapper .button:hover,
.hero-content.bg-blue .button-wrapper .button:focus {
    color: #003f77 !important;
}

.hero-content.bg-green .button-wrapper .button:hover,
.hero-content.bg-green .button-wrapper .button:focus {
    color: #006f48 !important;
}

.hero-content.bg-red .button-wrapper .button:hover,
.hero-content.bg-red .button-wrapper .button:focus {
    color: #650000 !important;
}

.hero-content.bg-blue-green .button-wrapper .button:hover,
.hero-content.bg-blue-green .button-wrapper .button:focus {
    color: #004c4e !important;
}

.hero-content .rich-text {
    padding: 0 2rem;
    color: #fff;
    font-size: calc(1rem + 0.8vw);
    line-height: calc(1.5rem + 0.45vw);
    text-align: center;
    margin-top: -0.5rem;
    margin-bottom: 0.9vw;
}

.hero-content .arrow {
    width: calc(0.9rem + 0.35vw);
    height: calc(0.9rem + 0.35vw);
    position: absolute;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    bottom: -2.7vh;
    left: calc(50% - 0.9rem - 0.35vw);
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0) rotate(45deg);
    }

    40% {
        transform: translateY(-0.45rem) rotate(45deg);
    }

    60% {
        transform: translateY(-0.25rem) rotate(45deg);
    }
}

h1.make-a-difference-h1 {
    word-spacing: normal;
}

h1.make-a-difference-h1 span {
    white-space: nowrap;
}

/* Homepage Row - Activation Update */

.activation-update-row {
    border-top: 1px solid #3f5375;
    padding-bottom: 6vh;
    transition: all 0.3s ease-in-out;
    min-height: 36vh;
}

.activation-update-row:hover, .activation-update-row:focus {
    background: #3d5a8c !important;
}

.activation-update-row .card {
    z-index: 4;
}

.mobile .activation-update-row .card {
    background: none !important;
    border: none !important;
}

.activation-update-row .card img {
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.activation-update-row .card h2 {
    font-family: 'Roboto', 'Lato', sans-serif !important;
    font-weight: 400;
}

.activation-update-row .card p {
    line-height: 1.8rem;
    max-width: 60rem;
    margin-bottom: 1rem;
}

.activation-update-row .card .button {
    border: 1px solid #fbb041;
    background: none !important;
    color: #fbb041;
    right: auto;
    bottom: 2rem !important;
}

.activation-update-row a.card:focus, .activation-update-row a.card:hover {
    background: rgba(68, 100, 154, 0) !important;
    border-radius: 0px;
    border: 1px solid rgba(0,0,0,0) !important;
}

#mainWrapper {
    width: 59rem !important;
}

#mainWrapper #content p, #mainWrapper #content li, #mainWrapper #content ol, #mainWrapper #content ul {
    font-size: 1rem;
}

img.beacon {
    display: none;
}
