html { -webkit-box-sizing: border-box; box-sizing: border-box; }
* { min-height: 0; min-width: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/* HTML5 Normalize */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
.landing ol, .interior ol, .interior ul, .landing ul { margin: 10px 0 25px 30px; }
.interior ul, .landing ul { list-style: disc; }
.interior ol, .landing ol { list-style: decimal; }
.content ol li, .content ul li, .wysiwygContent ol li, .wysiwygContent ul li { margin-bottom: 8px; }
ul.blog-list { list-style: none; margin: 0; }
strong { font-weight: 700; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
sup { vertical-align: super; font-size:.875em;}
label, input { font-weight: 400; }
em { font-style: italic; }
.visuallyhidden { position: absolute; left: -99999px; }
.capLetters { text-transform: capitalize; }
/* Column Setup */
.row:after { clear: both; content: ""; display: block; }
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin: 0 2% 0 0; }
.col1.right, .col2.right, .col3.right, .col4.right, .col5.right .col6.right, .col7.right, .col8.right, .col9.right, .col10.right, .col11.right, .col12.right { float: right; margin: 0 0 0 0; }
.col1:last-child, .col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .col7:last-child, .col8:last-child, .col9:last-child, .col10:last-child, .col11:last-child, .col12 { margin: 0; } .col1 { width: 5.5%; } .col2 { width: 14%; } .col3 { width: 22.5%; } .col4 { width: 31%; } .col5 { width: 39.5%; } .col6 { width: 48%; } .col7 { width: 56.5%; } .col8 { width: 65%; } .col9 { width: 73.5%; } .col10 { width: 82%; } .col11 { width: 90.5%; } .col12 { width: 100%; margin: 0; }
.wrapper:after { content: ""; clear: both; display: block; }
@media screen and (min-width:1061px) {
.interior .col9 .col6 { width: 48.5%; }
.col4, .col6 { margin: 0 3% 0 0; }
.col4:last-child, .col6:last-child { margin: 0; }
}
@media screen and (max-width:1060px) {
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 { float: none; width: 100%; }
}
/*font-family: minion-pro, serif;
- 400,normal,italic \ font-family: open-sans, sans-serif;
- 400,600,700*/
body { font-family: open-sans, sans-serif; font-weight: 400; line-height: 1.5em; background-color: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: minion-pro, serif; }
h1 { font-size: 3em; font-weight: 500; letter-spacing: 1px; line-height: 1; color: #1D376C; margin: 10px 0; }
h2 { font-size: 1.875em; font-weight: 500; margin-top: 22px; line-height: 1.4; color: #1D376C; margin: 8px 0; }
h3 { margin-bottom: 1em; font-family: open-sans, sans-serif; font-weight: 600; font-size: .938em; line-height: 1.3; color: #1D376C; }
h4 { font-size: 1.25rem; font-style: italic; margin-top: 30px; line-height: 1.2; color: #1D376C; margin: 5px 0; }
h5 { font-size: 1em; font-style: italic; margin-top: 19px; line-height: 1; color: #1D376C; margin: 5px 0; }
h6 { font-size: .875em; font-style: italic; margin-top: 20px; line-height: 1; color: #1D376C; }
@media screen and (max-width:1060px) {
h2 { font-size: 1.98rem; }
}
p, .wysiwyg-content, .wysiwyg-content ul li, .wysiwyg-content ol li, .columns ul li, .columns ol li, .accordion { font-family: open-sans, sans-serif; font-weight: 400; font-size: 1rem; line-height: 2rem; margin-bottom: 5px; color: #231F20; }
.content ul.noStyle li { list-style: none; list-style-type: none; margin-left: none; }
ul, ol { font-family: open-sans, sans-serif; font-weight: 400; font-size: 1em; line-height: 1.75; color: #231F20; }
p a, .wysiwyg-content ul li a, .accordion ul li a, .columns ul li a, .columns .content a:not(.btn-link):not(.ctaButton):not(.titleLink), .wysiwygContent a:not(.btn-link):not(.ctaButton):not(.titleLink) { display: inline; border-bottom: 1px solid #1D376C; line-height: 1em; color: #1D376C; text-decoration: none; }
p a:hover, p a:focus, .wysiwyg-content ul li a:hover, .wysiwyg-content ul li a:focus, .accordion ul li a:hover, .accordion ul li a:focus, .columns ul li a:hover, .columns ul li a:focus, .columns .content a:not(.btn-link):not(.ctaButton):not(.titleLink):hover, .columns .content a:not(.btn-link):not(.ctaButton):not(.titleLink):focus, .wysiwygContent a:not(.btn-link):not(.ctaButton):not(.titleLink):hover, .wysiwygContent a:not(.btn-link):not(.titleLink):not(.ctaButton):focus { border-bottom: 1px solid #2B54AB; color: #2B54AB; }
.darkBlue-bg .content p, .darkBlue-bg .content ul, .darkBlue-bg .content ol, .darkBlue-bg .content li, .darkBlue-bg .content a { color: #fff; }
.darkBlue-bg .content a:hover, .darkBlue-bg .content a:focus, .columns .darkBlue-bg ul li a, .columns .darkBlue-bg .content a:not(.btn-link):not(.ctaButton):not(.titleLink) { color: #fff; }
.darkBlue-bg .content p a:not(.btn-link):not(.ctaButton):not(.titleLink), .columns.darkBlue-bg .content p a:not(.btn-link):not(.ctaButton):not(.titleLink) { color: #fff; text-decoration: underline; }
.columns.darkBlue-bg .content p a:not(.btn-link):not(.ctaButton):hover, .columns.darkBlue-bg .content p a:not(.btn-link):not(.ctaButton):focus { color: #7DC8FF; border-bottom: none; }
.darkBlue-bg .gray-bg .content p, .darkBlue-bg .gray-bg .content ul, .darkBlue-bg .gray-bg .content ol, .darkBlue-bg .gray-bg .content li, .darkBlue-bg .gray-bg .content a { color: #231F20; }
.wysiwyg-content ul li, .wysiwyg-content ol li { line-height: 1.5rem; margin-bottom: 5px; }
img { height: auto; max-width: 100%; }
.rightAlign { text-align: right; }
.blueItalic { font-family: minion-pro, serif; font-size: 1.25rem; font-style: italic; margin-top: 30px; letter-spacing: .2px; color: #0E3368; margin: 10px 0; }
.blueItalicSmall { font-family: minion-pro, serif; font-size: 1rem; font-style: italic; margin-top: 30px; letter-spacing: .2px; color: #0E3368; margin: 10px 0; }
.center { text-align: center; }
.align-left, img[align*="left"], img[style="text-align: left"] { float: left; margin: 0 20px 20px 0; }
.align-right, img[align*="right"], img[style="text-align: right"] { float: right; margin: 0 0 20px 20px; }
.align-center, img[align*="center"], img[style="text-align: center"] { text-align: center; margin: 0 20px; }
.alignCenter { text-align: center; display: block; }
@media screen and (max-width:580px) {
/* WYSIWYG Image Positioning */
.align-left, img[align*="left"], img[style="text-align: left"], .align-right, img[align*="right"], img[style="text-align: right"], .align-center, img[align*="center"], img[style="text-align: center"] { float: none; clear: both; display: block; margin-left: 0; margin-right: 0; }
}
/* CTA LINK WITH ARROW */
.btn-link { display: inline-block; margin: 1em 15px 1em 0; padding: 0; line-height: 1.3; font-family: open-sans, sans-serif; font-weight: 400; font-size: 1.1rem; color: #231F20; letter-spacing: .05em; text-decoration: none; border-bottom: 1px solid rgba(29,55,108,.1); transition: all .4s ease-in-out; }
.btn-link:last-of-type { margin: 1em 0; }
.btn-link:after { display: inline-block; content: url("../images/cta-arrow.svg"); transform: translate(15px, 0%); transition: all .4s ease-in-out; }
.btn-link:hover, .btn-link:focus { border-bottom: 1px solid rgba(29,55,108,.8); }
.darkBlue-bg .btn-link, .darkBlue-bg .btn-link { border-bottom: 1px solid rgba(255,255,255,.5); }
.darkBlue-bg .btn-link:hover, .darkBlue-bg .btn-link:focus { border-bottom: 1px solid rgba(255,255,255,1); }
.btn-link:hover:after, .btn-link:focus:after { transform: translate(20px, 0%); }
.btn-link.back > span:before { color: #7DC8FF; }
.btn-link.back:after { display: none; }
.wysiwyg-content ul li a.btn-link { display: inline-block; margin-top: 8px; margin-bottom: 12px; }
/* CTA BUTTON */
a.ctaButton { color: #fff; background-color: #1D376C; border: 2px solid #1D376C; display: inline-block; align-items: start; -ms-flex-item-align: start; font-size: .99rem; font-weight: 400; line-height: 1.4; letter-spacing: .04em; text-align: center; margin-top: 15px; margin-right: 25px; padding: 8px 42px; text-decoration: none; cursor: pointer; transition: color 0.4s ease-in-out; }
.darkBlue-bg a.ctaButton, .columns div.bg:not(.gray-bg) .content p a.ctaButton { background-color: #fff; color: #231F20; border: 2px solid #fff; }
a.ctaButton:hover, a.ctaButton:focus, .gray-bg a.ctaButton:hover, .gray-bg a.ctaButton:focus, .darkBlue-bg a.ctaButton:hover, .darkBlue-bg a.ctaButton:focus { color: #231F20; text-decoration: none; background-color: transparent; border: 2px solid #1D376C; }
.darkBlue-bg a.ctaButton:hover, .darkBlue-bg a.ctaButton:focus, .columns div.bg:not(.gray-bg) .content p a.ctaButton:hover, .columns div.bg:not(.gray-bg) .content p a.ctaButton:focus { color: #fff; background-color: transparent; border: 2px solid #fff; }
a.ctaButton:last-child { margin-right: 0; }
@media screen and (max-width:580px){
a.ctaButton { width: 100%; margin-right: 0; }
}
/* CTA RIBBON BUTTON */
a.ctaRibbon { display: inline-block; align-items: start; -ms-flex-item-align: start; font-family: minion-pro, serif; font-size: 1.15rem; font-weight: 500; line-height: 1.2; text-align: center; background-color: #7DC8FF; color: #231F20; padding: 20px 66px 20px 28px; text-decoration: none; cursor: pointer; border: 2px solid #7DC8FF; transition: all 0.4s ease-in-out; clip-path: polygon(100% 0, 92% 50%, 100% 100%, 0% 100%, 0% 0%, 0% 0%); }
a.ctaRibbon:hover, a.ctaRibbon:focus { color: #231F20; text-decoration: none; background-color: #8ECDFB; padding-right: 74px; }
a.ctaRibbon:after { display: inline-block; content: url("../images/cta-arrow-black.svg"); padding-right: 5px; opacity: 0; transform: rotate(180deg); transition: all 0.4s ease-in-out; }
a.ctaRibbon:hover:after, a.ctaRibbon:focus:after { opacity: 1; padding-right: 12px; }
@media screen and (max-width:1060px){
a.ctaRibbon:after { opacity: 1; padding-right: 12px; }
}
.screenreader { position: absolute; left: -99999px; }
.is-desktop { display: block; }
.is-mobile { display: none; }
.hide { display: none !important; }
.center { margin: 0 auto; display: block; text-align: center; }
.left { float: left; margin: 1em 1em 1em 0; }
.right { float: right; margin: 1em 0 1em 1em; }
.article ol, .article ul { margin: 1em 0 1em 3em; font-size: .875rem; }
.article ul { list-style: disc; }
.article ol { list-style: decimal; }
@media screen and (max-width:1060px) {
.is-desktop { display: none; }
.is-mobile { display: block; }
}
@media screen and (max-width:720px) {
.right, .left { float: none; margin: 1em 0; }
}
/*Branding -- Colors/Fonts*/
.darkBlue { color: #26345C; max-height: none; }
.darkBlue-bg { background: #26345C; max-height: none; }
.medBlue { color: #21396E; max-height: none; }
.darkGray { color: #231F20; max-height: none; }
.gray-bg { background: #F4F4F7; max-height: none; }
.lightBlue { color: #7DC8FF; max-height: none; }
.neutralBlue { color: #A2CDEC; max-height: none; }
.white { color: #FFFFFF; max-height: none; }
.lightGray { color: #D3D9E6; max-height: none; }
.overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(left, rgba(11, 27, 74, .65) 0%, rgba(38, 52, 92, 0.35) 100%); background: -webkit-linear-gradient(left, rgba(11, 27, 74, .65) 0%, rgba(38, 52, 92, 0.35) 100%); background: linear-gradient(to right, rgba(11, 27, 74, .65) 0%, rgba(38, 52, 92, 0.35) 100%); }
.dark { background: rgba(33, 57, 110, .9); max-height: none; }
/* ============================ Alert * ============================*/
/* Alert Message Button and Icons */
#alertButton { display: block; position: absolute; left: 0; top: 160px; z-index: 99; }
#alertButton:focus { border: 1px solid #fff; }
.toggleAlertBtn { width: 75px; display: block; padding: 20px 12px; text-decoration: none; }
.toggleAlertBtn:after { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.45rem; padding: 11px; }
.toggleAlertBtn.blueBg:after { padding: 11px 18px; }
.alertIcon { width: 75px; height: 75px; display: block; padding: 12px; text-decoration: none; }
.alertIcon:after { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 2.5rem; padding: 15px; }
.alert.blueBg .alertIcon:after { padding: 15px 25px; }
.toggleAlertBtn.redBg:after, .alert.redBg .alertIcon:after { content: '\f071'; }
.toggleAlertBtn.blueBg:after, .alert.blueBg .alertIcon:after { content: '\f129'; }
.toggleAlertBtn.greenBg:after, .alert.greenBg .alertIcon:after { content: '\f00c'; }
.alertIcon { float: left; width: 12%; padding-left: 0; padding-right: 0; text-align: left; }
.toggleAlertBtn span { position: absolute; overflow: hidden; z-index: -1000; font-size: 1em; height: 1px; }
/* Alert Message Area */
.alert { position: relative; color: #fff; z-index: 99999; width: 100%; max-width: 980px; margin: auto; }
.alert.angledBorderFade { background-position: bottom; }
.alert .mfp-close { width: 113px; line-height: 1; right: 15px; top: 5px; font-size: .9rem; padding: 10px 0 0 0; color: #FFFFFF; cursor: pointer; opacity: 1; }
.alert .mfp-close:before, .alert .mfp-close:after { float: left; font-size: .9rem; margin: 0; text-indent: 0; }
.alertCloseBtn { position: absolute; right: 16px; top: 10px; font-size: .9rem; }
.alert .mfp-close:before { font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.alert .mfp-close:after { content: "\f057"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 6px 0 0; }
/* Alert Message Area in Interior Content */
.alert .wrapper { max-width: 1570px; width: 100%; padding-left: 15px; padding-right: 15px; }
.alert .summary { float: left; width: 88%; line-height: 1.5; }
.alert .summary > a { color: #fff; font-variant: normal; }
.alert .container:after { content: ''; clear: both; display: block; }
.alert .wrapper:after { content: ''; clear: both; display: block; }
.alertMessage { position: relative; width: 100%; color: #fff; z-index: 9999; padding: 75px 5% 60px 5%; }
.alertMessage a, .alertMessage p { color: #fff; }
/* Alert Message Colors */
.toggleAlertBtn.redBg, .alert.redBg { background-color: #b00202; color: #fff; }
.toggleAlertBtn.blueBg, .alert.blueBg { background-color: #007ab8; }
.toggleAlertBtn.greenBg, .alert.greenBg { background-color: #418141; }
@media screen and (max-width:1480px) {
#alertButton { top: 87px; }
.toggleAlertBtn { width: 40px; padding: 5px 0; }
.toggleAlertBtn:after { font-size: 1.1rem; }
}
@media screen and (max-width:960px) {
.alertMessage { padding: 60px 2% 30px 2%; }
.alertIcon { width: 100%; text-align: center; }
.alert .summary { width: 100%; }
}
/* HEADER */
header { position: relative; background-color: #0f244e; }
header > .wrapper { width: 100%; max-width: 1920px; padding: 14px 7%; margin: 0 auto; }
/* Logo */
header a.logo { position: relative; z-index: 999999; float: left; display:block; padding-top: 1.25em; margin-right: 10px; }
header a.logo img { width: 100%; max-width: 323px; height: auto; }
/* School Logo */
header.school a.logo { }
/* Eyebrow */
header .eyebrow { position: relative; z-index: 999999; display: flex; flex-direction: row; }
header .eyebrow:after { content: ""; clear: both; display: block; }
header .eyebrowInner { display: flex; margin: 0 0 0 auto; }
header .eyebrow ul.secondary { padding-top: 1.25em; margin: 0 0 0 auto; }
header .eyebrow ul.secondary li { display: inline-block; margin-right: 30px; padding-bottom: 1em; }
header .eyebrow ul.secondary li a { font-family: open-sans, sans-serif; font-size: 1rem; font-weight: 400; color: #fff; text-decoration: none; border-bottom: 1px solid transparent; transition: color 0.4s ease-in-out; }
header .eyebrow ul.secondary li a:focus, header .eyebrow ul.secondary li a:hover { color: #BCE3FF; /*border-bottom: 1px solid #7DC8FF;*/ }
header .eyebrow .searchToggle { float: left; padding-top: 1.4em; }
header .eyebrow .searchToggle button { background-color: #0f244e; border: 1px solid #0f244e; padding: 0; margin: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; }
header .eyebrow .searchToggle button span:not(.icon) { display: inline-block; font-family: open-sans, sans-serif; font-size: 1rem; font-weight: 400; color: #fff; vertical-align: top; border-bottom: 1px solid transparent; transition: all 0.4s ease-in-out; }
header .eyebrow .searchToggle > button:hover span:not(.icon), header .eyebrow .searchToggle > button:focus span:not(.icon) { color: #BCE3FF; /*border-bottom: 1px solid #7DC8FF;*/ }
header .eyebrow .searchToggle > button span.icon:before { content: url("../images/header-search-icon.svg"); display: inline-block; margin-right: 8px; transition: all 0.4s ease-in-out; }
header .searchbox { position: absolute; top: 100%; right: 0; left: 0; visibility: hidden; opacity: 0; max-height: 0; background: #26345C; z-index: 100; transition: all 0.4s ease-in-out; will-change: transform; transform: translateZ(0); }
header .searchbox > .wrapper { max-width: 1920px; padding: 14px 7%; margin: 0 auto; }
header .searchbox > .wrapper:after { display: none; }
header .searchbox.open { visibility: visible; opacity: 1; display: block; padding: 15px 0; max-height: 999px; }
header .searchbox input[type="search"] { font-family: open-sans, sans-serif; font-weight: 400; font-size: 1.063em; width: 80%; background: none; border: 0; color: #fff; }
header .searchbox button { background: transparent; border: none; outline: none; cursor: pointer; float: right; }
header .searchbox button > span { display: none; }
header .searchbox button:after { content: url("../images/search-arrow.png"); display: inline-block; margin-right: 1.5em; font-size: 2em; color: rgba(233, 192, 16, 1); }
header input[type=checkbox] { position: absolute; left: -9999999px; }
/* Main Menu Toggle Menu */
#skipToTopNav { display: inline-block; color: #fff; font-weight: 600; line-height: 1; height: 48px; padding: 11px 32px; margin: auto auto auto 34px; border: 2px solid #3f5071; background-color: #0F244E; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-appearance: none; -moz-appearance: none; }
#skipToTopNav:hover { background-color: #fff; color: #1D376C; }
#skipToTopNav > .img { display: inline-block; width: auto; height: 22px; font-family: open-sans, sans-serif; font-weight: 600; font-size: .98rem; line-height: 1.5; text-transform: uppercase; padding: 0 20px 0 0; background: url('../images/header-menu-open.svg') no-repeat right center; }
#toggleButtonClose { position: relative; z-index: 1; float: right; color: #fff; height: 48px; padding: 11px 32px; margin: auto 34px; border: 2px solid #3f5071; background-color: #0F244E; cursor: pointer; transition: all 0.4s ease-in-out; line-height: 1.4; }
#toggleButtonClose:hover, #toggleButtonClose:focus { background-color: #fff; color: #1D376C; }
#toggleButtonClose > .menuText { display: inline-block; width: auto; font-family: open-sans, sans-serif; font-weight: 600; font-size: .98rem; line-height: 1.5; text-transform: uppercase; padding: 0 20px 0 0; background: url('../images/header-menu-close.svg') no-repeat right center; }
header .eyebrow #skipToTopNav { display: block; }
header .eyebrow #toggleButtonClose { display: none; }
header .eyebrow.open #skipToTopNav { display: none; }
header .eyebrow.open #toggleButtonClose { display: block; }
/* Main Menu Container */
.topNavWrapper { display: flex; flex-direction: column; width: 50%; height: 88vh; }
.topNav, #toggleButtonClose.close ~ .topNav { display: block; position: fixed; height: 100%; background-color: #0f244e; background: linear-gradient(to bottom, rgba(15,36,78,0.99) 0%,rgba(29,55,108,0.99) 100%); z-index: -99999; opacity: 0; transition: opacity 0.5s ease-in; }
.topNav.hideNav { display: none; opacity: 0; }
.eyebrow.open ~ .topNav, .eyebrow.open ~ .topNav.hideNav { display: block; overflow: auto; opacity: 1; z-index: 99999; }
.menuContainer { display:block; position: relative; float: left; width: 100%; height: 100%; color: #fff; background-image: url("../images/header-menu-bg.png"); background-repeat: no-repeat; background-position: bottom -65px left -65px; margin-top: 0; z-index: -1; overflow-x: hidden; }
/* Main Menu */
.mainMenuWrapper { display: flex; width: 100%; }
.mobileWrapper { overflow-y: auto; height: 100vh; margin-bottom: 0; flex:1; }
.topNavWrapper { width: 68%; height: auto; padding: 0 1% 0 5%; }
#mainMenu { width: 100%; height: auto; }
#mainMenu .parentMenu { position: relative; width: 56%; height: 100%; padding: 10px 0px; list-style-type: none; }
#mainMenu .parentMenu .navMenu { display: block; position: relative; list-style: none; margin: 0; padding: 0; }
/* Main Nav top level navigation item */
#mainMenu .parentMenu .menuItem { display: block; width: 100%; border-bottom: 1px solid transparent; list-style: none; padding: 6px 5px; margin: 0; }
/* first descendant link within a top level navigation item */
#mainMenu .parentMenu.entry .menuItem > a { opacity: 1; }
#mainMenu .parentMenu .menuItem > a { position: relative; display: inline-block; width: auto; font-family: minion-pro, serif; font-size: 2.9rem; color: #fff; font-weight: 500; line-height: 1.2; text-decoration: none; padding: 10px 0; z-index: 1; opacity: .5; transition: all 0.4s ease-in-out; }
/* focus/open states of first descendant link within a top level navigation item */
#mainMenu .parentMenu .menuItem > a:hover, #mainMenu .parentMenu .menuItem > a:focus { color: #fff; opacity: .75; }
/* open state of first descendant link within a top level navigation item */
#mainMenu .parentMenu .menuItem > a.open { color: #fff; opacity: 1; }
#mainMenu .parentMenu .menuItem > a:after { display: inline-block; content: url("../images/header-parent-menu-open.svg"); font-size: 1rem; line-height: 1; transform: translate(12px, 0%); margin: 0; vertical-align: middle; transition: all 0.4s ease-in-out; }
#mainMenu .parentMenu .menuItem > a:not(.open):hover:after, #mainMenu .parentMenu .menuItem > a:not(.open):focus:after { transform: translate(16px, 0%); }
#mainMenu .parentMenu .menuItem > a.open:after { content: url("../images/header-parent-menu-close.svg"); }
/* sub-navigation panel */
#mainMenu .parentMenu .subNav { position: relative; width: 82%; visibility: hidden; opacity: 0; transition: opacity 0.4s ease-in-out; }
/* sub-navigation panel open state */
#mainMenu .parentMenu .menuItem .subNav.open { visibility: visible; opacity: 1; height: auto; }
/* list of items within sub-navigation panel */
#mainMenu .parentMenu .subNav ul { display: inline-block; vertical-align: top; margin: 0; padding: 0 0 10px 0; }
/* list item within sub-navigation panel */
#mainMenu .parentMenu .subNav li { display: block; list-style-type: none; line-height: 1.05; margin: 0 0 32px 0; padding: 0 12px; }
#mainMenu .parentMenu .subNav li.parentItem { padding: 0; }
#mainMenu .parentMenu .subNav li.parentItem a { font-family: minion-pro, serif; font-size: 1.7rem; font-weight: 500; padding: 5px 0; }
#mainMenu .parentMenu .subNav li.parentItem a:after { display: inline-block; content: url("../images/header-parent-menu-sub-arrow.svg"); transform: translate(12px, 0%); transition: all 0.4s ease-in-out; }
#mainMenu .parentMenu .subNav li.parentItem a:hover:after, #mainMenu .parentMenu .subNav li.parentItem a:focus:after { transform: translate(16px, 0%); }
#mainMenu .parentMenu .subNav li a { color: #fff; font-size: 1.25rem; font-weight: 400; padding: 0; text-decoration: none; transition: all 0.4s ease-in-out; border-bottom: 1px solid transparent; }
#mainMenu .parentMenu .subNav li a:hover, #mainMenu .parentMenu .subNav li a:focus { color: #BCE3FF; /*border-bottom: 1px solid #7DC8FF;*/ }
#mainMenu .parentMenu .subNav li.parentItem a:hover, #mainMenu .parentMenu .subNav li.parentItem a:focus { color: #BCE3FF; border-bottom: 1px solid transparent; }
#mainMenu .parentMenu .menuExpand { display: block; cursor: pointer; position: absolute; left: auto; right: 0; top: 24px; padding: 17px 20px; z-index: 1; content: ' '; width: 24px; height: 19px; }
/* Main Nav Expander */
.navSubButton { position: absolute; width: 100%; background-color: transparent; top: 0; bottom: auto; left: auto; right: 0; padding: 0; margin: 0; border: 1px solid transparent; z-index: 0; cursor: pointer; }
.navSubButton .expander { position: relative; display: block; float: right; width: 25px; transform: translate(0%, 0%) rotate(0deg); transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1); }
.navSubButton .expander:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 2px; width: 16px; background: #fff; }
.navSubButton .expander:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 16px; width: 2px; background: #fff; }
.open + .navSubButton .expander:before { display: none; }
.navSubButton.clicked .expander { transform: translate(0%, 0%) rotate(180deg); }
.navSubButton.clicked .expander:before { width: 0; }
.noSub > .navSubButton { display: none; }
/* Info Nav */
.headerInfo { display: flex; flex-direction: column; width: 32%; color: #fff; margin: 0 0 0 auto; }
.headerInfo a { color: #fff; text-decoration: none; }
.audienceNav { width: 77%; color: #fff; margin: 38px 0; padding: 24px 35px 35px 35px; border: 5px solid rgba(255, 255, 255, .05); }
.audienceNav li { margin: 20px 0 0 0; }
.audienceNav li.audienceName { margin: 0 0 40px 0; }
.audienceNav a { position: relative; display: block; width: 100%; color: #fff; font-family: minion-pro, serif; font-size: 1.3rem; font-weight: 500; transition: all 0.4s ease-in-out; }
.audienceNav a:after { position: absolute; top: 2px; right: 0; display: inline-block; content: url("../images/circle-nav-arrow.svg"); padding-left: 15px; transition: all 0.4s ease-in-out; }
.audienceNav a:hover, .audienceNav a:focus { color: #BCE3FF; }
.audienceNav a:hover:after, .audienceNav a:focus:after { /*content: url("../images/circle-nav-arrow-hover.svg");*/ }
.audienceName { color: #fff; font-size: .95rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.infoNav { width: 100%; margin: 0 0 38px 0; padding: 0 35px; }
.infoNav li { font-size: .99rem; letter-spacing: .15em; text-transform: uppercase; font-weight: 600; margin: 0 0 16px 0; }
.infoNav a { color: #BCE3FF; transition: all 0.4s ease-in-out; }
.infoNav a:hover, .infoNav a:focus { color: #fff; }
.ctaNav { width: 100%; margin: 0 0 38px 0; padding: 0 35px; }
.ctaNav li { font-size: .98rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; margin: 0 0 16px 0; }
.ctaNav a { color: #BCE3FF; transition: all 0.4s ease-in-out; }
.ctaNav a:hover, .ctaNav a:focus { color: #fff; }
@media screen and (max-width:1440px) {
#mainMenu .parentMenu { width: 48%; }
#mainMenu .parentMenu .menuItem > a { font-size: 2rem; }
#mainMenu .parentMenu .subNav { width: 100%; }
}
@media screen and (min-width:1251px) {
/* Logo */
/* Main Menu Container */
.topNav, #toggleButtonClose.close ~ .topNav { max-width: 100%; width: 100%; height: 100%; top: 0; left: 0; right: 0; padding: 100px 0 0 0; }
.mobileWrapper { height: 89vh; }
.mainMenuWrapper { max-width: 1340px; margin: 4% auto 0 auto; }
/* Main Menu sub-navigation panel */
#mainMenu .parentMenu .subNav { position: absolute; top: 0; bottom: 0; left: 100%; padding: 40px 5px; }
.secondary.isMobile { display: none; }
.secondary.isDesktop { display: block; }
}
@media screen and (max-width:1250px) {
header { height: 82px; z-index: 99999; }
header > .wrapper { padding: 14px 3%; }
header a.logo img { max-width: 216px; }
/* Main Menu Container */
.topNavWrapper { display: block; max-width: 400px; width: 100%; padding: 0 20px; }
.topNav, #toggleButtonClose.close ~ .topNav { width: 100%; max-width: 400px; right: -400px; transition: all 0.8s ease-in-out; }
.topNav { top: 82px; z-index: 99999; }
.topNav.hideNav { opacity: 1; }
.eyebrow.open ~ .topNav { opacity: 1; left: auto; right: 0; }
/* Header Search */
header .eyebrow .searchToggle { padding-top: 16px; }
header .eyebrow .searchToggle button span:not(.icon) { display: none; }
header .eyebrow .searchToggle > button:hover span.icon:before, header .eyebrow .searchToggle > button:focus span.icon:before { content: url("../images/header-search-icon-hover.svg"); }
header .searchbox > .wrapper { padding: 14px 3.5%; }
header .searchbox input[type="search"] { font-size: 1rem; }
header .searchbox button:after { margin-right: 0; }
header .searchbox.open { padding: 0 0 5px 0; }
/* Main Menu Toggle Menu */
#skipToTopNav { margin: 2px 0 auto 18px; padding: 10px 14px; }
#skipToTopNav > .img { text-indent: -999999px; padding: 0 15px 0 0; }
#toggleButtonClose { margin: 2px 0 auto 18px; padding: 10px 16px; }
#toggleButtonClose > .menuText { text-indent: -99999px; padding: 0 12px 0 0; }
/* Main Menu */
.menuContainer { background-image: none; }
.mainMenuWrapper { display: block; }
.mobileWrapper { height: 91vh; }
#mainMenu .parentMenu { width: 100%; padding: 10px 0px; }
/* Main Nav top level navigation item */
#mainMenu .parentMenu .menuItem { position: relative; padding: 2px 5px; }
#mainMenu .parentMenu .menuItem > a { font-size: 1.7rem; opacity: 1; }
#mainMenu .parentMenu .menuItem > a:after { content: url("../images/header-parent-menu-sub-arrow.svg"); }
#mainMenu .parentMenu .menuItem > a.open:after { content: url("../images/header-menu-close.svg"); }
/* sub-navigation panel */
#mainMenu .parentMenu .subNav { width: 100%; height: 0; transition: all 0s ease-in-out; }
#mainMenu .parentMenu .subNav.open { transition: all 0.5s ease-in-out; }
#mainMenu .parentMenu .subNav li.parentItem { padding: 10px 5px 0px 10px; }
#mainMenu .parentMenu .subNav li.parentItem a { font-size: 1.4rem; }
/* Info Nav */
.headerInfo { display: block; width: 100%; margin: 0; padding-bottom: 90px; }
.audienceNav { width: 88%; margin: 20px 6%; }
.audienceNav li.audienceName { margin: 0; }
.audienceNav li { margin: 17px 0 0 0; }
.infoNav { margin: 32px 0 0 0; padding: 0 34px 0 64px; }
.infoNav li { font-size: .95rem; margin: 0 0 12px 0; }
.ctaNav { margin: 0 0 50px 0; padding: 0 34px 0 64px; }
.ctaNav li { font-size: .95rem; margin: 0 0 12px 0; }
.ctaNav li:last-child, .ctaNav li.noCaps { text-transform: none; }
/* Header Background Dim */
.dim { visibility: hidden; opacity: 0; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(216,217,219,1); transition: all 0.8s ease-in-out; z-index: -1; }
.dim.on { visibility: visible; opacity: .3; z-index: 998; }
.secondary.isMobile { display: block; }
.secondary.isDesktop { display: none; }
}
@media screen and (max-width:360px) {
header a.logo img { max-width: 175px; }
}
/* SLICK SLIDER */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: 100%; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide:not(.slick-active) a { visibility: hidden; will-change: transform; transform: translateZ(0); }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; background-color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev, .slick-next { font-size: 0; line-height: 0; z-index: 1; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; background: transparent; }
.slick-prev { left: -30px; background-image: url(../images/arrow-left.png); background-position: center center; background-repeat: no-repeat; }
.slick-prev:before { content: ""; padding-top: 0px; }
[dir='rtl'] .slick-prev { right: -30px; left: auto }
.slick-prev:before { content: ' '; color: #7BAFD4 }
[dir='rtl'] .slick-prev:before { content: ' '; color: #7BAFD4 }
.slick-next { right: -30px; background-image: url(../images/arrow-right.png); background-position: center center; background-repeat: no-repeat; }
.slick-next:before { content: ""; padding-top: 0px; }
[dir='rtl'] .slick-next { right: auto; left: 0px; }
.slick-next:before { content: ' '; color: #7BAFD4 }
[dir='rtl'] .slick-next:before { content: ' '; color: #7BAFD4; }
.slick-dotted.slick-slider { margin: 0 auto; }
ul.slick-dots { position: absolute; display: block; width: 100%; padding: 0; margin: 0; bottom: 2em; list-style: none; text-align: center; text-indent: 0; }
ul.slick-dots > li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; clear: none; border-radius: 50%; }
ul.slick-dots li:before { content: ''; }
ul.slick-dots > li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
ul.slick-dots li button:hover, ul.slick-dots li button:focus { outline: none; }
ul.slick-dots li button:hover:before, ul.slick-dots li button:focus:before { opacity: 1; }
.slick-sr-only { position: absolute; left: -999999px; font-size: 1rem; color: #231F20; }
ul.slick-dots > li button:before { font-family: 'Font Awesome 5 Free'; font-size: .75rem; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\f111'; text-align: center; color: #FFFFFF; }
ul.slick-dots > li.slick-active button:before { color: #CCCCCC; }
ul.slick-dots li:before { content: '' }
/* IMPACT AREA */
.impact { position: relative; height: 454px; width: 100%; overflow: hidden; margin-bottom: 30px; padding: 0 30px; }
.impact .impactWrap { position: relative; max-width: 1760px; margin: 0 auto; }
.impact .bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 82%; margin: 0; padding: 0; background: rgb(15,36,78); background: -moz-linear-gradient(top, rgba(15,36,78,1) 0%, rgba(29,55,108,1) 100%); background: -webkit-linear-gradient(top, rgba(15,36,78,1) 0%,rgba(29,55,108,1) 100%); background: linear-gradient(to bottom, rgba(15,36,78,1) 0%,rgba(29,55,108,1) 100%); z-index: 0; }
.impact .imageOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 2; background: -moz-linear-gradient(top, rgba(51,51,51,0.1) 0%, rgba(24,24,28,0.8) 100%); background: -webkit-linear-gradient(top, rgba(51,51,51,0.1) 0%,rgba(24,24,28,0.8) 100%); background: linear-gradient(to bottom, rgba(51,51,51,0.1) 0%,rgba(24,24,28,0.8) 100%); }
.impact img { position: relative; display: block; width: 100%; height: 454px; object-fit: cover; object-position: top; z-index: 1; }
.interior.impact img { height: 370px; }
.impact .text-overlay { position: absolute; width: 100%; max-width: 1330px; margin: 0 auto; padding: 0 40px; bottom: 40px; left: 0; right: 0; z-index: 3; }
.impact .sub-title { font-size: 1.15rem; line-height: 1.05; color: #fff; }
.impact h1.page-title { font-family: minion-pro, serif; font-weight: 400; font-size: 4.15rem; color: #fff; line-height: 1; }
.impact h1.page-title.white, .impact .sub-title.white { color: #fff; }
.impact h1.page-title.blue, .impact .sub-title.blue { color: #1D376C; }
.impact h1.page-title.black, .impact .sub-title.black { color: #000; }
.interior.impact { height: 370px; }
.impact.calendarHome, .impact.calendarHome img { height: 280px; }
@media screen and (max-width:1440px) {
.impact, .impact img { height: 370px; }
.impact.calendarHome, .impact.calendarHome img { height: 280px; }
.impact h1.page-title { font-size: 3.15rem; }
}
@media screen and (min-width:1061px) {
.impact.interior .text-overlay { bottom: 75px; }
}
@media screen and (max-width:1060px) {
.impact .bg { height: 80%; }
.impact .text-overlay { bottom: 55px; }
.impact .sub-title { font-size: .9rem; line-height: 1; }
.impact h1.page-title { font-size: 2.35rem; }
}
@media screen and (max-width:720px) {
.impact { padding: 0 15px; }
}
/* NO IMPACT */
.noImpact { position: relative; max-width: 1920px; height: auto; width: 100%; margin: 0 auto; padding: 60px 30px 0 30px; }
h1.noImpact { padding: 30px 0 0 0; }
.noImpact .impactWrap { position: relative; width: 100%; max-width: 1310px; margin: 0 auto; }
.noImpact.noLeft .impactWrap { max-width: 1270px; }
.noImpact h1.page-title, h1.page-title.noImpact { color: #1D376C; margin: 0; }
@media screen and (max-width:1440px) {
.noImpact h1.page-title, h1.page-title.noImpact { font-size: 3.15rem; }
}
@media screen and (max-width:1060px) {
.noImpact h1.page-title, h1.page-title.noImpact { font-size: 2.35rem; }
h1.noImpact { padding: 30px 30px 0 30px; }
}
@media screen and (max-width:720px) {
.noImpact { padding: 40px 15px 0 15px; }
h1.noImpact { padding: 30px 15px 0 15px; }
}
/* HOME IMPACT */
.home-impact { position: relative; width: 100%; margin: 0; padding: 0 30px; overflow: hidden; }
.home-impact .bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 90%; margin: 0; padding: 0; background: rgb(15,36,78); background: -moz-linear-gradient(top, rgba(15,36,78,1) 0%, rgba(29,55,108,1) 100%); background: -webkit-linear-gradient(top, rgba(15,36,78,1) 0%,rgba(29,55,108,1) 100%); background: linear-gradient(to bottom, rgba(15,36,78,1) 0%,rgba(29,55,108,1) 100%); z-index: 0; }
.home-impact .imageOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(top, rgba(51,51,51,0.1) 0%, rgba(24,24,28,0.8) 100%); background: -webkit-linear-gradient(top, rgba(51,51,51,0.1) 0%,rgba(24,24,28,0.8) 100%); background: linear-gradient(to bottom, rgba(51,51,51,0.1) 0%,rgba(24,24,28,0.8) 100%); }
.home-impact .slider-main, .home-impact .video.vimeo { position: relative; max-width: 1760px; margin: 0 auto; }
.home-impact .slick-slide { position: relative; background-color: #0F244E; }
.home-impact .slider-main.image-only:not(.slick-initialized) .slide-item:not(:first-child) { opacity: 0; }
.home-impact .caption { position: absolute; top: auto; bottom: 0; left: 0; right: 0; width: 100%; max-width: 100%; margin: 15px auto; padding: 0 11%; z-index: 2; }
.home-impact .caption .captionWrap { max-width: 695px; margin: 0 0 9% 0; }
.home-impact { max-height: 800px; }
.home-impact #slider .slide-item, .home-impact #slider .slide-item .video-texture, .home-impact .bgImg { height: 800px; }
/* Home Video */
.home-impact .video.vimeo .vimeoWrapper { position:relative; padding:56.25% 0 0 0; }
.school ~ .home-impact .video.vimeo .vimeoWrapper { padding:56.25% 0 0 0; }
.home-impact .video.vimeo .vimeoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.home-impact #slider .slide-item video { height: 100%; width: 100%; }
/*TOP*/
.home-impact .caption.top-left { margin-left: 0; }
.school .home-impact .caption.top-left { top: 10%; }
.home-impact .caption.top-right { text-align: right; margin-right: 0; }
.school .home-impact .caption.top-right { top: 10%; }
.home-impact .caption.top-right .captionWrap { float: right; }
.home-impact .caption.top-center { text-align: center; }
.school .home-impact .caption.top-center { top: 10%; }
.home-impact .caption.top-center .captionWrap { margin: 0 auto 9% auto; }
/*CENTER*/
.home-impact .caption.center-left { margin-left: 0; }
.school .home-impact .caption.center-left { top: 40%; }
.home-impact .caption.center-right { text-align: right; margin-right: 0; }
.school .home-impact .caption.center-right { top: 40%; }
.home-impact .caption.center-right .captionWrap { float: right; }
.home-impact .caption.center-center { text-align: center; }
.school .home-impact .caption.center-center { top: 40%; }
.home-impact .caption.center-center .captionWrap { margin: 0 auto 9% auto; }
/*BOTTOM*/
.home-impact .caption.bottom-left { top: auto; }
.school .home-impact .caption.bottom-left { bottom: 10%; }
.home-impact .caption.bottom-right { top: auto; text-align: right; }
.school .home-impact .caption.bottom-right { bottom: 10%; }
.home-impact .caption.bottom-right .captionWrap { float: right; }
.home-impact .caption.bottom-center { top: auto; text-align: center; }
.school .home-impact .caption.bottom-center { bottom: 10%; }
.home-impact .caption.bottom-center .captionWrap { margin: 0 auto 9% auto; }
.home-impact .caption h1.title, .home-impact .caption h2.title { font-family: minion-pro, serif; font-weight: 400; font-size: 4.85rem; color: #fff; margin-bottom: 12px; line-height: 5.5rem; }
.home-impact .caption h1.title.white, .home-impact .caption h2.title.white { color: #fff; }
.home-impact .caption h1.title.blue, .home-impact .caption h2.title.blue { color: #26345C; }
.home-impact .caption h1.title.black, .home-impact .caption h2.title.black { color: #000; }
.home-impact .caption p { font-family: open-sans, sans-serif; font-size: 1.1rem; color: #fff; line-height: 2.25; margin-bottom: 5px; }
.home-impact .caption a.btn-link { color: #fff; border-bottom: 1px solid rgba(255,255,255,.5); }
.home-impact .caption a.btn-link:hover, .home-impact .caption a.btn-link:focus { color: #fff; border-bottom: 1px solid rgba(255,255,255,1); }
.school .home-impact video { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
.home-impact video { display: block; object-fit: cover; overflow: hidden; max-height: 800px; min-width: 100%; }
.home-impact .video { position: relative; overflow: hidden; max-height: 800px; }
.home-impact .image-only .slick-slide img { display: inline-block; height: auto; max-height: 0; }
.home-impact img.placeholder { width: auto; height: auto; z-index: 0; position: relative; max-width: 100%; }
/* Slider Play/Pause Controls */
.sliderControl { position: relative; }
.playSlide, .pauseSlide { z-index: 2; position: absolute; bottom: 25px; left: 25px; cursor: pointer; background-color: transparent; border: 1px solid transparent; -webkit-appearance: none; -moz-appearance: none; }
.playSlide span, .pauseSlide span { color: #fff; display: block; position: absolute; text-indent: -999999px; }
.playSlide:after, .pauseSlide:after { color: #fff; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.playSlide:after { content: url("../images/play-circle.svg"); }
.pauseSlide:after { content: url("../images/pause-circle.svg"); }
.home-impact .slick-prev, .home-impact .slick-next { width: 36px; height: 36px; color: #fff; background-repeat: no-repeat; }
.home-impact .slick-prev:before, .home-impact .slick-next:before { color: #fff; }
.home-impact .slick-prev { left: 20px; background-image: url(../images/circle-nav-arrow-left.svg); }
.home-impact .slick-prev:hover { background-image: url(../images/circle-nav-arrow-left-hover.svg); }
.home-impact .slick-next { right: 20px; background-image: url(../images/circle-nav-arrow.svg); }
.home-impact .slick-next:hover { background-image: url(../images/circle-nav-arrow-hover.svg); }
.home-impact ul.slick-dots { bottom: 28px; }
.home-impact ul.slick-dots > li { width: auto; height: auto; margin: 0 7px; }
.home-impact ul.slick-dots > li button { color: #1D376C; border: 2px solid #ccc; background-color: rgba(255,255,255,0.0); border-radius: 50%; padding: 4px; line-height: 10px; width: 10px; height: 10px; }
.home-impact ul.slick-dots > li.slick-active button { background-color: rgba(255,255,255,0.7); }
.home-impact ul.slick-dots > li button:before { content:""; }
/* Pause Home Video */
#pauseVideo, #playVideo, .home-impact .slick-autoplay-toggle-button { position: absolute; top: auto; bottom: 26px; left: auto; right: 29px; width: 36px; padding: 0; margin: 0; z-index: 2; color: #fff; background-color: transparent; border: 1px solid transparent; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; }
.home-impact .slick-autoplay-toggle-button { width: 36px; height: 36px; margin: 0; padding: 0; }
.home-impact .playSlide, .home-impact .pauseSlide, .home-impact .slick-autoplay-toggle-button { position: absolute; bottom: 26px; right: 29px; left: auto; padding: 0; margin: 0; background-color: transparent; border: 1px solid transparent; -webkit-appearance: none; -moz-appearance: none; }
#playVideo { display: none; }
#pauseVideo:after, #playVideo:after { display: block; transition: all .4s ease-in-out; }
#pauseVideo:after, #pauseVideo.on.initial:after, .home-impact .slick-autoplay-toggle-button .slick-pause-icon:after { content: url("../images/pause-circle.svg"); }
#playVideo:after, #pauseVideo.on:after, #pauseVideo.initial:after, .home-impact .slick-autoplay-toggle-button .slick-play-icon:after { content: url("../images/play-circle.svg"); }
#pauseVideo span { display: block; position: absolute; left: -999999px; }
@media screen and (max-width:1440px) {
.home-impact, .home-impact .slick-slide, .home-impact .video, .home-impact #slider .slide-item .video-texture, .home-impact video { max-height: 490px; }
.home-impact #slider .slide-item, .home-impact #slider .slide-item .video-texture, .home-impact .bgImg { height: 490px; }
.home-impact .caption { padding: 0 8%; }
.home-impact .caption .captionWrap, .home-impact .caption.bottom-center .captionWrap, .home-impact .caption.top-center .captionWrap, .home-impact .caption.center-center .captionWrap { margin: 0 auto 3% auto; }
.home-impact .caption h1.title, .home-impact .caption h2.title { font-size: 3.85rem; line-height: 4rem; }
}
@media screen and (max-width:1060px) {
.home-impact .vidBg { height: auto; }
.home-impact .bg { height: 88%; }
.home-impact #slider .caption.top-right, .home-impact #slider .caption.center-right, .home-impact #slider .caption.bottom-right, .home-impact #slider .caption.top-left, .home-impact #slider .caption.center-left, .home-impact #slider .caption.bottom-left { max-width: 100%; }
.home-impact #slider .slide-item .video-texture img { height: 100%; }
.home-impact .caption { padding: 0 8%; }
.home-impact .caption h1.title, .home-impact .caption h2.title { font-size: 2.85rem; margin-bottom: 0; line-height: 1.15; transition: all .25s ease; }
.home-impact .caption p { display: none; }
#pauseVideo, #playVideo { bottom: 20px; right: 20px; }
.home-impact .playSlide, .home-impact .pauseSlide, .home-impact .slick-autoplay-toggle-button { bottom: 20px; right: 20px; }
}
@media screen and (max-width:720px) {
.home-impact { padding: 0 15px; }
.home-impact .caption { margin-bottom: 15px; }
body:not(.school) .home-impact .caption { top: auto; bottom: 40px; margin: 30px auto; padding: 0 40px; }
body:not(.school) .home-impact .caption.center-left { text-align: left; margin-left: auto; margin-right: auto; max-width: 100%; top: auto; }
body:not(.school) .home-impact .caption.center-right { text-align: left; margin-left: auto; margin-right: auto; padding-left: 0; max-width: 100%; top: auto; }
body:not(.school) .home-impact .caption.center-center { text-align: left; margin-left: auto; margin-right: auto; max-width: 100%; top: auto; }
body:not(.school) .home-impact .vimeo .caption.center-left, body:not(.school) .home-impact .vimeo .caption.center-right, body:not(.school) .home-impact .vimeo .caption.center-center { top: auto; bottom: 35px; }
.home-impact .caption h1.title, .home-impact .caption h2.title { margin-bottom: 8px; }
.home-impact, .home-impact .video.vimeo, .home-impact .video-texture, .home-impact #slider .slide-item video, .home-impact #slider .slide-item .video-texture { max-height: 650px; min-height: 650px; }
.school .home-impact, .school .home-impact .video.vimeo, .school .home-impact .video-texture, .school .home-impact #slider .slide-item video, .school .home-impact #slider .slide-item .video-texture { max-height: 490px; min-height: 490px; }
.home-impact .video.vimeo .vimeoWrapper, .home-impact .video-texture, .home-impact #slider .slide-item video { height: 695px; max-height: 650px; padding: 0; }
.school .home-impact .video.vimeo .vimeoWrapper, .school .home-impact .video-texture, .school .home-impact #slider .slide-item video { height: 490px; max-height: 490px; padding: 0; }
.home-impact .slick-slide, .home-impact #slider .slide-item, .home-impact #slider .slide-item .video-texture, .home-impact .bgImg { height: 650px; max-height: 650px; }
.school .home-impact .slick-slide, .school .home-impact #slider .slide-item, .school .home-impact #slider .slide-item .video-texture, .school .home-impact .bgImg { height: 490px; max-height: 490px; }
.home-impact .video.vimeo .vimeoWrapper iframe { width: 1224px; height: 650px; top: 0; left: -50%; right: 0; }
.school .home-impact .video.vimeo .vimeoWrapper iframe { height: 490px; }
#pauseVideo, #playVideo { right: 45px; bottom: 15px; }
.home-impact .playSlide, .home-impact .pauseSlide, .home-impact .slick-autoplay-toggle-button { bottom: 20px; right: 45px; }
.home-impact .slick-prev { top: 35%; left: 5px; }
.home-impact .slick-next { top: 35%; right: 5px; }
}
@media screen and (max-width:375px) {
.home-impact .caption { padding: 0 30px; }
#pauseVideo, #playVideo { right: 35px; }
.home-impact .playSlide, .home-impact .pauseSlide, .home-impact .slick-autoplay-toggle-button { right: 35px; }
}
/* HOME IMPACT HOVER BOXES */
.home-impact .hoverColumns { position: relative; display: flex; align-items: flex-end; width: 100%; padding: 20px 0 0 0; z-index: 2; }
.home-impact .hoverColumns .four { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.8rem; }
.home-impact .hoverColumns > .wrapper { position: relative; display: flex; flex-direction: column; max-width: 1380px; width: 100%; margin: 0 auto; padding: 0; }
.home-impact .hoverColumns .hoverBlock { position: relative; height: 100%; display: flex; flex-flow: column nowrap; }
.home-impact .hoverColumns .hoverBlock a { text-decoration: none; }
.home-impact .hoverColumns .hoverBlock .cardFront { position: relative; display: block; width: 100%; padding: 12px 0; color: #fff; text-align: left; text-decoration: none; border-top: 1px solid rgba(255,255,255,.5); z-index: 1; transition: all 0.4s ease-in-out; transform: translate(0, 0); }
.home-impact .hoverColumns .hoverBlock:hover .cardFront, .home-impact .hoverColumns .hoverBlock:focus .cardFront, .home-impact .hoverColumns .hoverBlock:focus-within .cardFront { border-top: 1px solid rgba(255,255,255,1); transform: translate(0, -28px); }
.home-impact .hoverColumns .hoverBlock .cardFront:after { opacity: 0; position: absolute; top: 14px; right: 10px; display: inline-block; content: url("../images/circle-nav-arrow.svg"); padding-left: 15px; transition: all 0.4s ease-in-out; }
.home-impact .hoverColumns .hoverBlock:hover .cardFront:after, .home-impact .hoverColumns .hoverBlock:focus .cardFront:after, .home-impact .hoverColumns .hoverBlock:focus-within .cardFront:after { opacity: 1; }
.home-impact .hoverColumns .hoverBlock .hoverTitle { display: block; font-family: minion-pro, serif; color: #fff; font-size: 1.32rem; font-weight: 500; padding: 0 45px 0 0; }
.home-impact .hoverColumns .hoverBlock:hover .hoverTitle, .home-impact .hoverColumns .hoverBlock:focus .hoverTitle, .home-impact .hoverColumns .hoverBlock:focus-within .hoverTitle { color: #fff; }
.home-impact .hoverColumns .hoverBlock .subtext { display: block; color: #fff; font-size: .95rem; font-weight: 400; margin: 3px 0 0 0; padding: 0 45px 0 0; opacity: .8; transition: all 0.4s ease-in-out; }
.home-impact .hoverColumns .hoverBlock:hover .subtext, .home-impact .hoverColumns .hoverBlock:focus .subtext, .home-impact .hoverColumns .hoverBlock:focus-within .subtext { opacity: 1; }
.home-impact .hoverColumns .hoverBlock .subtext p { margin-bottom: 0; }
.slick-slide:not(.slick-active) .hoverBlock { visibility: hidden; }
@media screen and (max-width: 1060px) {
.home-impact .hoverColumns .four { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 1.3rem; }
.home-impact .hoverColumns .hoverBlock:hover .cardFront, .home-impact .hoverColumns .hoverBlock:focus .cardFront, .home-impact .hoverColumns .hoverBlock:focus-within .cardFront { transform: translate(0, 0); }
.home-impact .hoverColumns .hoverBlock .subtext { display: none; }
}
@media screen and (max-width: 720px) {
.home-impact .hoverColumns .four { display: block; }
.home-impact .hoverColumns .hoverBlock { display: block; height: auto; margin: 0 0 18px 0; }
.home-impact .hoverColumns .hoverBlock:last-child { margin: 0; }
.home-impact .hoverColumns .hoverBlock .cardFront:after { opacity: 1; }
}
/* HOME SCROLL TEXT */
.scrollText { position: relative; display: block; width: 100%; }
.scrollText .wrapper { max-width: 1440px; width: 100%; margin: 0 auto; padding: 38px 30px 0 30px; text-align: center; }
.scrollText .wrapper div { font-family: open-sans, sans-serif; font-size: .92rem; font-weight: 700; color: #1D376C; letter-spacing: .05em; background-color: #fff; line-height: 1; text-transform: uppercase; }
.scrollText.anim { transition: all 1s ease-in-out; }
.scrollText .showText { opacity: 1; transition: all 0.5s ease-in-out; }
.scrollText .showText.notVisible { opacity: 0; }
/* HOME ABOUT SECTION */
.aboutSection { position: relative; display: block; width: 100%; background-color: #fff; }
.aboutSection .wrapper { display: flex; flex-direction: row; position: relative; max-width: 1440px; width: 100%; padding: 12px 30px; margin: 0 auto; background-color: #fff; }
.aboutSection .cell { width: 50%; }
.aboutSection .cell.quoteInfo { border-right: 1px solid #C9C9C9; padding: 30px 3.5% 30px 0; }
.aboutSection .cell .quote { font-family: minion-pro, serif; font-size: 1.88rem; color: #1D376C; font-style: italic; font-weight: 600; line-height: 1.4; }
.aboutSection .cell .quoteName { font-family: open-sans, sans-serif; font-size: 1.1rem; letter-spacing: .12em; color: #1D376C; font-weight: 500; text-transform: uppercase; text-align: right; line-height: 1.1; margin: 26px 0 0 0; }
.aboutSection .cell.quoteContent { font-size: .85rem; line-height: 2.4; padding: 30px 0 30px 3.5%; }
.aboutSection .cell.quoteContent p { font-size: .99rem; }
@media screen and (min-width:1061px) {
.aboutSection .cell.borderArea { display: none; }
}
@media screen and (max-width:1060px) {
.aboutSection .cell.borderArea.firstSection { display: block; }
.aboutSection .wrapper { flex-direction: column; }
.aboutSection .cell .borderLine { width: 1px; height: 96px; background-color: #C9C9C9; margin: 0 auto; }
.aboutSection .cell { width: 100%; }
.aboutSection .cell.quoteInfo { border-right: none; padding: 15px 5%; text-align: center; }
.aboutSection .cell .quoteName { text-align: center; }
.aboutSection .cell.quoteContent { padding: 0 3.5%; text-align: center; }
}
@media screen and (max-width:720px) {
.aboutSection .cell.quoteInfo { padding: 15px 0; }
.aboutSection .cell.quoteContent { padding: 0 0; }
}
/* HOME FEATURED CONTENT */
.featuredContent { position: relative; width: 100%; z-index: 1; }
.featuredContent { margin: 0; padding: 40px 30px; }
.featuredContent > .wrapper { position: relative; display: flex; flex-direction: row; max-width: 1390px; width: 100%; min-height: 708px; margin: 0 auto; padding: 0; }
.featuredContent .ctaRibbon { position: absolute; top: 40px; bottom: auto; left: 0; right: auto; z-index: 2; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.featuredContent .featureItem { display: flex; margin: auto 0 auto auto; }
.featuredContent .featureImg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 84%; min-height: 708px; object-fit: cover; z-index: 0; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.featuredContent .featureBlock { margin: 30px 0; padding: 0; z-index: 1; }
.featuredContent .featuredInfo { display: flex; flex-direction: column; align-items: start; width: 50%; height: 100%; line-height: 1.9; padding: 58px 40px; margin: 0 0 0 auto; background-color: rgba(255,255,255,1); box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.featuredContent h2 { font-size: 2.35rem; font-weight: 500; line-height: 1.2; color: #1D376C; margin-bottom: 8px; }
@media screen and (max-width: 1440px) {
.featuredContent h2 { font-size: 1.98rem; }
}
@media screen and (max-width: 1060px) {
.featuredContent { padding: 30px 0; }
.featuredContent > .wrapper { height: auto; min-height: auto; padding: 0; }
.featuredContent .featureItem { display: block; }
.featuredContent .featureImgWrap { display: block; width: 100%; height: auto; object-fit: unset; }
.featuredContent .featureImg { position: relative; display: block; width: 100%; height: auto; min-height: auto; }
.featuredContent .featureBlock { display: block; width: 100%; margin: 0; padding: 0; }
.featuredContent .featuredInfo { width: 100%; height: auto; padding: 54px 40px 60px 40px; box-shadow: none; }
}
/* HOME ACADEMICS PROGRAM FINDER SECTION */
.programFinder { position: relative; display: block; width: 100%; margin-top: -100px; margin-bottom: -80px; background-color: #0f244e; background: linear-gradient(to bottom, rgba(15,36,78,1) 0%,rgba(29,55,108,1) 100%); }
.programFinder .bgImg { background-image: url("../images/program-finder-bg.png"); background-repeat: no-repeat; background-position: bottom 0 left 0; }
.programFinder .wrapper { display: flex; flex-direction: row; justify-content: center; position: relative; max-width: 1355px; width: 100%; padding: 84px 30px; margin: 0 auto; }
.programFinder.noSearch .wrapper { align-items: center; }
/* Program Finder Left Section */
.programFinder .cell.programContent { width: 36%; color: #fff; padding: 30px 0; }
.programFinder .cell.programContent * { color: #fff; }
.programFinder h2 { font-size: 2.35rem; font-weight: 500; line-height: 1.2; margin-bottom: 5px; }
.programFinderNav li { margin: 20px 0 0 0; }
.programFinderNav a { position: relative; color: #fff; display: block; width: 100%; font-family: minion-pro, serif; font-size: 1.3rem; font-weight: 500; text-decoration: none; padding: 7px 0 0 0; border-top: 1px solid rgba(255,255,255,.38); transition: all 0.4s ease-in-out; }
.programFinderNav a:after { position: absolute; top: 12px; right: 0; display: inline-block; content: url("../images/circle-nav-arrow.svg"); padding-left: 15px; transition: all 0.4s ease-in-out; }
.programFinder .cell.programContent .programFinderNav a:hover, .programFinder .cell.programContent .programFinderNav a:focus { color: #BCE3FF; }
.programFinder .borderLine { border-right: 1px solid rgba(255,255,255,.3); padding: 0 11.5% 40px 0; }
.programFinder.noSearch .borderLine { border-left: 1px solid rgba(255,255,255,.3); border-right: none; padding: 10px 0 10px 11.5%; }
/* Program Finder Right Section */
.programFinder .cell.programSearchArea { width: 54%; padding: 8% 0 0 4%; }
.programFinder.noSearch .cell.programSearchArea { padding: 6% 0 6% 4%; }
.programFinder .btn-link { color: #fff; margin: 28px 0 0 0; border-bottom: 1px solid rgba(255,255,255,.5); }
.programFinder .btn-link:hover, .programFinder .btn-link:focus { border-bottom: 1px solid rgba(255,255,255,.8); }
.programFinder.noSearch .btn-link { margin: 28px 20px 0 0; }
@media screen and (max-width:1060px) {
.programFinder { margin-top: -74px; }
.programFinder .wrapper { flex-direction: column; padding: 84px 30px; }
/* Program Finder Left Section */
.programFinder .cell.programContent { width: 100%; padding: 15px 0; }
.programFinder h2 { font-size: 1.95rem; }
.programFinder .borderLine, .programFinder.noSearch .borderLine { padding: 0 0 40px 0; border-left: none; border-right: none; }
/* Program Finder Right Section */
.programFinder .cell.programSearchArea, .programFinder.noSearch .cell.programSearchArea { width: 100%; padding: 0; }
}
@media screen and (max-width:720px) {
.programFinder .wrapper { padding-left: 15px; padding-right: 15px; }
/* Program Finder Left Section */
.programFinder .cell.programContent { padding: 15px 0; }
/* Program Finder Right Section */
.programFinder .cell.programSearchArea, .programFinder.noSearch .cell.programSearchArea { padding: 0; }
}
/* Home Program Finder Form */
.programSearchArea .subName { display: block; font-size: 1rem; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: .1em; line-height: 1.2; margin: 0 0 10px 0; }
.programSearchArea .radio-group-label.subName { margin: 0 0 5px 0; }
.programSearchArea .programSearchIntro { font-family: minion-pro, serif; font-size: 1.9rem; font-weight: 500; line-height: 1.25; color: #fff; margin: 0 0 5px 0; }
.noSearch .programSearchArea .programSearchIntro { margin-bottom: 0; }
.programSearchArea p { color: #fff; margin-bottom: 20px; }
.programSearchInner { position: relative; width: 100%; }
.programSearchArea #filters { position: relative; margin: 0; z-index: 1; }
.programSearchArea .radio-group { display: inline-block; margin: 0 18px 18px 0; }
.programSearchArea .radio-label { font-family: open-sans, sans-serif; font-size: 1rem; color: #fff; line-height: 1.6; transition: all 0.4s ease-in-out; }
.programSearchArea .radio input:hover + .radio-label, .programSearchArea .radio input:focus + .radio-label { color: #BCE3FF; }
.programSearchArea .radio-label:before { display: inline-block; content: url("../images/program-radio-off.svg"); padding-right: 10px; vertical-align: middle; line-height: 1.2; }
.programSearchArea .radio input[type='radio']:checked + .radio-label:before, .programSearchArea .radio input[type='radio']:focus + .radio-label:before { content: url("../images/program-radio-on.svg"); }
.hideUndergraduate + .programsContainer .mix.undergraduate { display: none; }
.hideGraduate + .programsContainer > .mix.graduate { display: none; }
.programSearchArea .radio { position: relative; display: inline-block; margin: 0 20px 0 0; }
.programSearchArea .radio input { position: absolute; font-weight: 400; cursor: pointer; opacity: 0; width: 100%; height: 100%; }
.programSearchArea button[type='reset'] { display: inline-block; font-family: open-sans, sans-serif; font-size: 1rem; color: #fff; line-height: 1; background-color: transparent; border: 1px solid transparent; cursor: pointer; transition: all 0.4s ease-in-out; }
.programSearchArea button[type='reset']:hover, .programSearchArea button[type='reset']:focus { color: #BCE3FF; }
.programSearchArea input.searchBox {width: 100%; height: 48px; margin-bottom: 0; font-size: 1rem; padding: 23px 23px 23px 55px; border: 1px solid #7DC8FF; color: #fff; background: #193163 url("../images/program-search.svg") no-repeat; background-position: left 20px top 12px; }
.programSearchArea .searchBox::placeholder{ color: #fff; opacity: .7; }
.programSearchArea .searchBox::-webkit-input-placeholder { color: #fff; opacity: .7; }
.programSearchArea .searchBox::-moz-placeholder { color: #fff; opacity: .7; }
.programSearchArea .searchBox:-ms-input-placeholder { color: #fff; opacity: .7; }
.programSearchArea .searchBox:-moz-placeholder { color: #fff; opacity: .7;}
.programSearchArea .programsContainer { position: absolute; display: block; width: 100%; left: 0; right: 0; margin: 1px 0 0 0; background-color: #fff; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5); z-index: 100; }
.programSearchArea .programsContainer .mix a, .programSearchArea .programsContainer .fail-message { display: block; width: 100%; padding: 6px 25px; margin: 0; font-size: 1rem; text-decoration: none; color: #231F20; }
.programSearchArea .programsContainer .mix a { width: 95%; font-weight: 400; border-bottom: 1px solid #f1f1f1; padding: 6px; margin: 0 2.5%; }
.programSearchArea .programsContainer .mix a:hover, .programSearchArea .programsContainer .mix a:focus { color: #005694; }
@media screen and (max-width:1060px) {
.programSearchArea .programSearchIntro { font-size: 1.5rem; }
}
@media screen and (max-width:480px) {
.programSearchArea .radio-group { margin: 0 0 18px 0; }
.programSearchArea .radio { margin: 0 10px 0 0; }
.programSearchArea .radio-label, .programSearchArea button[type='reset'] { font-size: .9rem; }
}
@media screen and (max-width:375px) {
.programSearchArea .radio-group { display: block; margin: 0px 18px 10px 0; }
.programSearchArea .radio { display: block; margin: 0 20px 0 0; }
.programSearchArea button[type='reset'] { display: block; margin: 0 0 25px 20px; }
.programSearchArea .radio-label, .programSearchArea button[type='reset'] { font-size: 1rem; }
}
/* HOME TESTIMONIAL SECTION */
.testimonial { position: relative; display: block; width: 100%; padding: 20px 30px 60px 30px; z-index: 1; }
.testimonial .wrapper { position: relative; max-width: 1300px; width: 100%; padding: 0 30px; margin: 0 auto; }
.testimonial .testimonialBlock { position: relative; display: flex; flex-direction: row-reverse; justify-content: center; align-items: flex-end; }
.testimonial .cell.testimonialContent { width: 63%; padding: 30px 2% 0 0; margin-right: -6%; }
.testimonial .cell .quoteWrap { border: 5px solid rgba(125, 200, 255, .2); padding: 55px 35px; margin: auto 0 32px 0; }
.testimonial .cell .quote { width: 95%; font-family: minion-pro, serif; font-size: 1.75rem; color: #231F20; background-color: rgba(255, 255, 255, .01); font-style: italic; font-weight: 500; line-height: 1.5; }
.testimonial .cell .quote:before { display: block; content: url("../images/quote-icon.svg"); line-height: 1; }
.testimonial .cell .quoteName { font-family: open-sans, sans-serif; font-size: .9rem; letter-spacing: .1em; color: #1D376C; background-color: rgba(255, 255, 255, .01); font-weight: 600; text-transform: uppercase; text-align: right; line-height: 1.1; padding: 0 30px 0 0; margin: 22px 0 0 0; }
.testimonial .infographicBlock { color: #fff; background-color: #1D376C; padding: 26px 6%; margin: 0 9.5% 0 0; }
.testimonial .infographicBlock .stat { display: inline-block; min-height: 120px; font-family: minion-pro, serif; font-size: 5rem; font-weight: 500; line-height: 1.3; }
.testimonial .infographicBlock .statDescription { display: inline-block; font-size: 1.45rem; font-weight: 300; line-height: 1.25; padding: 0 0 0 10.5%; max-width: 69%; letter-spacing: .01em; }
.testimonial .cell.testimonialImg { position: relative; z-index: -1; }
.testimonial .cell.testimonialImg img { max-width: 100%; width: auto; height: auto; }
.testimonial .slick-autoplay-toggle-button { position: absolute; top: auto; bottom: 102px; left: auto; right: -16px; width: 36px; height: 36px; padding: 0; margin: 0; z-index: 2; color: #fff; background-color: #fff; border: 1px solid transparent; border-radius: 50%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; }
.testimonial .slick-autoplay-toggle-button .slick-pause-icon:after { content: url("../images/pause-circle-blue.svg"); }
.testimonial .slick-autoplay-toggle-button:hover .slick-pause-icon:after { content: url("../images/pause-circle-blue-hover.svg"); }
.testimonial .slick-autoplay-toggle-button .slick-play-icon:after { content: url("../images/play-circle-blue.svg"); }
.testimonial .slick-autoplay-toggle-button:hover .slick-play-icon:after { content: url("../images/play-circle-blue-hover.svg"); }
.testimonial .slick-prev, .testimonial .slick-next { width: 36px; height: 36px; top: auto; left: auto; right: -18px; color: #231F20; background-color: #fff; border-radius: 50%; }
.testimonial .slick-prev { bottom: 32px; background-image: url(../images/circle-nav-arrow-up.svg); }
.testimonial .slick-prev:hover { background-image: url(../images/circle-nav-arrow-up-hover.svg); }
.testimonial .slick-next { bottom: -17px; background-image: url(../images/circle-nav-arrow-down.svg); }
.testimonial .slick-next:hover { background-image: url(../images/circle-nav-arrow-down-hover.svg); }
@media screen and (max-width:1300px) {
.testimonial .wrapper { padding: 0 3.5%; }
.testimonial .slick-prev, .testimonial .slick-next { right: -45px; }
.testimonial .slick-autoplay-toggle-button { right: -45px; }
}
@media screen and (max-width:1060px) {
.testimonial { padding: 30px 30px 90px 30px; }
.testimonial .wrapper { display: block; padding: 0; }
.testimonial .testimonialBlock { display: block; padding: 0 0 26px 0; margin: 0; }
.testimonial .cell.testimonialContent { width: 100%; padding: 0; margin: 0 auto; }
.testimonial .cell .quoteWrap { padding: 52px 20px; }
.testimonial .cell .quote { font-size: 1.3rem; line-height: 1.4; }
.testimonial .cell .quote:before { margin: 0 0 5px 0; }
.testimonial .cell .quoteName { padding: 0; }
.testimonial .infographicBlock { margin: 0 auto; }
.testimonial .infographicBlock .stat { display: block; margin: 0 auto; text-align: center; }
.testimonial .infographicBlock .statDescription { display: block; padding: 0; max-width: 100%; margin: 0 auto; text-align: center; }
.testimonial .cell.testimonialImg img { margin: 0 auto; }
.testimonial .slick-autoplay-toggle-button { bottom: -32px; left: auto; right: 0; }
.testimonial .slick-prev, .testimonial .slick-next { bottom: -32px; margin: 0 auto; }
.testimonial .slick-prev { left: -48px; right: 0; transform: rotate(-90deg); }
.testimonial .slick-next { left: 0; right: -48px; transform: rotate(-90deg); }
}
@media screen and (max-width:720px) {
.testimonial { padding-left: 15px; padding-right: 15px; }
.testimonial .cell .quote { width: 100%; }
}
/* HOME SHARED NEWSFEED */
a.all { display: block; position: absolute; right: 1em; top: .25em; }
.sharedNews { position: relative; }
.featuredNews { display: flex; flex-direction: row; background-color: #fff; margin: 0 0 15px 0; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.featuredNews .featuredImg { width: 50%; }
.featuredNews .featuredArticle { width: 50%; padding: 56px 40px; }
.featuredNews .featuredArticle h2 { font-size: 2.35rem; line-height: 1.1; }
.featuredNews .btn-link { margin: 13px 0; }
.featuredArticle .btn-link { position: relative; }
.featuredArticle .btn-link > span { position: absolute; left: -99999px; }
.sharedNews { display: block; width: 100%; padding: 20px 30px; background-color: #f4f7fc; }
.sharedNews .wrapper { position: relative; max-width: 1400px; width: 100%; padding: 40px 0; margin: 0 auto; }
.sharedNews img { display: block; width: 100%; height: 100%; object-fit: cover; }
.newsIntro.intro { margin-bottom: 25px; }
.sharedNews .intro { position: relative; display: flex; width: 100%; margin: 0 0 25px 0; }
.sharedNews .intro a.ctaButton { margin-left: auto; color: #1D376C; background-color: #f4f7fc; }
.sharedNews .intro a.ctaButton:hover, .sharedNews .intro a.ctaButton:focus { color: #fff; background-color: #1D376C; }
.sharedNews .intro .sub-title { margin: 36px 20px 0 0; }
.sharedNews .col4 { padding: 8px 0 0 0; border-top: 1px solid rgba(201, 201, 201, .5); }
.sharedNews .titleLink { display: block; font-family: minion-pro, serif; font-size: 1.25rem; font-weight: 500; line-height: 1.45; color: #1D376C; text-decoration: none; margin: 0 0 5px 0; }
.sharedNews .date { display: block; font-size: .9rem; font-weight: 400; line-height: 1; color: #231F20; }
@media screen and (max-width:1060px) {
.sharedNews .wrapper { padding: 40px 0px; }
.featuredNews { flex-direction: column; }
.featuredNews .featuredImg { width: 100%; }
.featuredNews .featuredArticle { width: 100%; }
.featuredNews .featuredArticle h2 { font-size: 1.7rem; line-height: 1.4; }
.sharedNews .col4 { margin: 0 0 25px 0; }
.sharedNews .col4:last-child { margin: 0; }
}
@media screen and (max-width:720px) {
a.all { position: relative; right: auto; top: auto; }
.sharedNews { padding-left: 15px; padding-right: 15px; }
.sharedNews .intro { flex-direction: column; }
.sharedNews .intro .sub-title { margin: 10px 0 15px 0; width: 100%; }
.sharedNews .intro a.ctaButton { display: block; margin: 0 0 5px 0; }
}
/* WRAPPERS */
main.landing { width: 100%; margin: 2em auto 0 auto; }
.impact + main.landing, .home-impact ~ main.landing { margin: 0 auto; }
main.interior { width: 100%; max-width: 1310px; margin: 2em auto 0 auto; padding: 0 30px; }
.impact + main.interior { margin: 0 auto; }
main.interior.event, main.interior.article, main.interior.bio { margin-top: 4em; margin-bottom: 2em; }
main:after { clear: both; content: ""; display: block; }
@media screen and (max-width:1060px) {
main.interior { padding: 0; }
main.interior.event, main.interior.article, main.interior.bio { margin-top: 2em; }
}
/* HOME GRID */
.grid { margin: 3em 0; max-width: 100%; overflow: hidden; }
.grid:after { clear: both; content: ""; display: block; }
.grid .cell { position: relative; float: left; width: 20%; margin: 0; padding: 0; }
.interior .grid .cell { width: 25%; }
.grid .cell .caption { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 2em; z-index: 1; background-image: linear-gradient(to right, rgba(11, 27, 74, .65) 0%, rgba(38, 52, 92, .35) 100%); }
.grid .cell:not(.main) { text-align: center; }
.grid .cell .caption a.btn-link { margin-top: .5em; }
.grid .cell .caption p, .grid .cell .caption a.btn-link { color: #FFFFFF; max-height: none; }
.grid .cell img { position: relative; display: block; object-fit: cover; z-index: 1; width: 100%; }
.grid .cell .caption a:not(.btn-link) { position: absolute; top: 0; margin: auto; bottom: 0; height: 100px; display: inline-block; left: 0; width: 80%; right: 0; padding: 2em; text-decoration: none; color: #FFFFFF; font-family: open-sans, sans-serif; font-weight: 600; font-size: 0.875em; letter-spacing: .075em; text-transform: uppercase; }
.grid .cell:hover .caption, .grid .cell:focus .caption { z-index: 30; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(to right, rgba(11, 27, 74, .99) 0%, rgba(38, 52, 92, .95) 100%); }
.grid .cell:hover .caption a:not(.btn-link), .grid .cell:focus .caption a:not(.btn-link) { text-decoration: underline; }
@media screen and (max-width:1680px) {
.grid .cell { max-height: 320px; }
.grid .cell .caption { padding: 1em; }
.grid .cell .caption p { font-size: .875em; line-height: 1.5em; margin-bottom: .25em; }
.grid .cell .caption a.btn-link { font-size: .65em; }
}
@media screen and (max-width:1380px) {
.grid .cell { max-height: 250px; }
.grid .cell .heading { margin-bottom: 1em; }
.grid .cell .caption p { font-size: .75em; line-height: 1.25em; }
.grid .cell .caption a.btn-link { font-size: .65em; }
}
@media screen and (max-width:1140px) {
.grid .cell { width: 50%; max-height: 9999px; }
.interior .grid .cell { width: 50%; }
.grid .cell img { width: 100%; }
.grid .cell .caption { padding: 2em; }
}
@media screen and (max-width:720px) {
.grid .cell { width: 100%; max-height: 384px; }
.interior .grid .cell { width: 100%; }
.grid .cell:not(:first-child):hover .caption, .grid .cell:not(:first-child):focus .caption { width: 100%; height: 100%; top: 0; left: 0; }
}
/* HOME SOCIAL */
.social-mashup { width: 100%; max-width: 1470px; margin: 56px auto; padding: 0 30px; background-color: #fff; }
.social-mashup .intro:after { clear: both; content: ""; display: block; }
.social-mashup .heading { float: left; margin-bottom: 0; }
.social-mashup .heading .sub-title { display: block; font-family: open-sans, sans-serif; font-size: 0.95rem; font-weight: 600; line-height: 1.6; color: #231F20; text-transform: uppercase; letter-spacing: .06em; }
.social-mashup .social-icons { float: right; text-align: right; padding-top: 1em; }
strong.placeholder { font-family: open-sans, sans-serif; font-size: 1em; font-weight: 600; color: #21396E; display: block; padding: 2em; border: solid 1px #68B2E8; text-align: center; }
/* Juicer */
.juicer-feed .j-display-filters li.all, .juicer-feed .j-display-filters { color: #231F20 !important; background-color: #fff !important; }
.j-social-icon:not(.j-twitter-post-icon) { background-color: #fff !important; color: #231F20 !important; }
.j-twitter-post-icon { color: #000 !important; }
.juicer-feed .j-meta a.likes, .juicer-feed .j-meta .j-twitter-intents, .j-twitter.j-twitter-text.j-social.j-twitter-post-icon, .juicer-feed .j-meta .j-twitter-date { display: none !important; }
/*.juicer-feed.modern .j-message { display: none; }*/
.juicer-feed .j-paginate { font-family: open-sans, sans-serif !important; background: #fff !important; color: #1D376C !important; font-size: 1rem !important; font-weight: 400 !important; line-height: 1.4 !important; text-transform: none !important; padding-top: 8px !important; padding-bottom: 8px !important; border: 2px solid #1D376C !important; border-radius: 0 !important; transition: all 0.4s ease-in-out; }
.juicer-feed .j-paginate:hover { background: #1D376C !important; color: #fff !important; }
.juicer-feed .j-loading-wrapper, .juicer-feed .j-paginate { margin: 20px auto !important; }
.juicer-feed.modern li.feed-item { border-width: 1px !important; }
.juicer-feed .j-meta a { color: #555 !important; }
@media screen and (max-width:720px) {
.social-mashup { padding: 0 15px; }
}
@media screen and (max-width:500px) {
.social-mashup .intro { margin-bottom: 2em; }
.social-mashup .heading, .social-mashup .social-icons { float: none; text-align: left; padding-top: 0; }
}
/* WYSIWYG CONTENT */
.wysiwyg-content ul li { list-style: disc; margin-left: 2.5rem; }
.wysiwyg-content h3.callout { font-style: italic; font-family: minion-pro, serif; font-weight: 400; font-size: 1.563em; color: #231F20; text-transform: none; line-height: 2.75rem; }
.wysiwyg-content p + p, .wysiwyg-content p + h2, .wysiwyg-content p + h3, .wysiwyg-content p + h4, .wysiwyg-content p + h5, .wysiwyg-content p + h6, .wysiwyg-content h2 + h3, .wysiwyg-content h3 + h4, .wysiwyg-content h4 + h5, .wysiwyg-content h5 + h6 { margin-top: 16px; }
@media screen and (max-width:1060px) {
.wysiwyg-content { padding: 0 30px; }
}
@media screen and (max-width:720px) {
.wysiwyg-content { padding: 0 15px; }
}
/* CONTENT/WYSIWYG */
.content ul li { list-style: disc; margin-left: 2rem; }
.sidebar .content ul { margin: 0; padding: 0; }
.sidebar .content ul li { margin-left: 12px; }
nav .content ul li { list-style: none; margin-left: 0; }
/* COLUMNS */
.columns { position: relative; width: 100%; max-width: 1330px; margin: 0 auto; padding: 28px 30px; }
.columns.wysiwygContent { padding: 0px 30px 30px 30px; }
.columns .row { position: relative; display: flex; flex-flow: wrap; }
.heading h2 { font-size: 2.25rem; margin-top: 10px; }
.darkBlue-bg .heading h2 { color: #FFFFFF; }
.heading .sub-title, .sub-title { display: block; font-family: open-sans, sans-serif; font-size: 0.95rem; font-weight: 600; line-height: 1.6; color: #231F20; text-transform: uppercase; letter-spacing: .06em; }
.columns .content img + h3 { margin-top: 1rem; }
.columns .intro { position: relative; max-width: 1430px; width: 100%; margin-left: auto; margin-right: auto; }
.columns.bg .intro, .columns.bg > .row { padding-left: 2.5em; padding-right: 2.5em; }
.columns h2.center { margin-bottom: 2rem; }
.columns .col4 h2, .columns .content > img ~ h2, .columns .content > .youtube ~ h2, .columns.oneTwo h2, .oneTwo .content .sub-title + h2 { font-size: 1.45rem; }
.columns h3, .columns a.titleLink { font-family: minion-pro, serif; font-weight: 500; font-size: 1.45rem; color: #1D376C; display: block; text-decoration: none; margin: 8px 0; }
.columns.darkBlue-bg h2, .columns.darkBlue-bg h3, .columns.darkBlue-bg h4, .columns.darkBlue-bg h5, .columns.darkBlue-bg h6, .columns.darkBlue-bg .heading .sub-title { color: #ffffff; }
.columns a.titleLink { display: inline-block; width: 100%; line-height: 1.2; text-decoration: none; border: none; }
.columns a.titleLink:hover, .columns a.titleLink:hover { text-decoration: underline; }
.columns h3 a { text-decoration: none; color: #21396E; }
.columns h3 a:focus, .columns h3 a:hover { text-decoration: underline; }
.columns .heading .sub-title { display: block; font-family: open-sans, sans-serif; font-size: 0.95rem; font-weight: 600; line-height: 1.6; color: #231F20; text-transform: uppercase; letter-spacing: .06em; }
.columns .content .columnImg { display: block; margin-left: auto; margin-right: auto; width: 100%; max-height: 365px; object-fit: contain; object-position: top; }
.columns .date { font-family: open-sans, sans-serif; font-size: 0.9rem; font-weight: 500; color: #231F20; }
.sub-title + h2 { margin-top: 3px; }
.intro { margin-bottom: 8px; }
.columns.icons .intro h2, .intro h2, .hover-boxes .intro h2, .gallery .intro h2, .content .sub-title + h2, .columns.oneTwo .heading h2 { font-size: 2.25rem; color: #1D376C; font-weight: 500; margin-bottom: 5px; }
.content .sub-title + h2 { margin-bottom: 5px; padding-bottom: 0; }
.columns .content p + p, .columns .content p + h2, .columns .content p + h3, .columns .content p + h4, .columns .content p + h5, .columns .content p + h6, .columns .content h2 + h3, .columns .content h3 + h4, .columns .content h4 + h5, .columns .content h5 + h6 { margin-top: 16px; }
/* COLUMN BACKGROUNDS */
.columns.bg { max-width: 1440px; padding: 60px 80px 45px 80px; margin: 15px auto 45px auto; } /* All Columns */
.columns.bg .col6 { width: 47%; margin-right: 3%; }
.columns.bg .col6:last-child { margin-right: 0; }
.columns .bg { padding: 2.5em; } /* Inner Columns */
.columns .col4.bg { padding: 1.5em; }
.columns .bg h2 { font-family: minion-pro, serif; color: #231F20; margin-bottom: 1em; }
.columns .bg h2.heading { padding: .75rem; font-size: 2.5rem; }
.columns .bg.darkBlue-bg h2.heading, .columns .bg.darkBlue-bg .heading h2, .columns .bg.darkBlue-bg h2, .bg.darkBlue-bg .content { color: #fff; }
.columns .bg h3 { font-family: open-sans, sans-serif; font-weight: 600; font-size: 0.938em; }
.columns div.bg:not(.gray-bg) .content h3, .columns div.bg:not(.gray-bg) .content .sub-title { color: #A2CDEC; }
.columns div.bg:not(.gray-bg) .content li::marker { color: #fff; }
.columns div.bg.gray-bg .content h3 { color: #21396E; }
.columns div.bg:not(.gray-bg) .content p { color: #fff; }
.columns div.bg:not(.gray-bg) .content p a { color: #fff; border-bottom: 1px solid #fff; }
.columns div.bg:not(.gray-bg) .content a.btn-link { color: #fff; }
@media screen and (min-width:1061px) {
.interior .col9 .columns { padding-left: 0; padding-right: 0; }
}
@media screen and (min-width:720px) and (max-width:1060px) {
.columns .content img { display: block; width: 60%; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width:1060px) {
.columns.bg { padding: 60px 30px 45px 30px; }
.columns.bg .col6 { width: 100%; margin-right: 0; }
.columns .row { display: block; }
.columns .bg { padding: 1.5em; }
.columns .col4.bg, .columns .col6.bg, .columns .col12.bg { margin-bottom: 2em; }
.columns .col4.bg:last-child, .columns .col6.bg:last-child, .columns .col12.bg:last-child { margin-bottom: 0; }
.heading h2 { font-size: 1.98rem; line-height: 1.2; margin-top: 5px; }
.columns .col6, .columns .col4, .columns .col3 { margin-bottom: 15px; }
.columns.icons .intro h2, .intro h2, .hover-boxes .intro h2, .gallery .intro h2, .content .sub-title + h2, .columns.oneTwo .heading h2 { font-size: 1.98rem; }
.columns.darkBlue-bg .intro { padding-left: 1.5em; padding-right: 1.5em;}
}
@media screen and (max-width:720px) {
.columns { padding: 28px 15px; }
.columns.wysiwygContent { padding: 5px 15px; }
.columns.bg { padding: 60px 15px 45px 15px; }
.columns .col4 { margin-bottom: 15px; }
.columns .content img { width: 100%; }
.columns .content img + h3 { margin-top: 1rem; }
.columns .heading { margin-bottom: 0; }
}
@media screen and (max-width:500px) {
.columns a.all { display: inline-block; position: relative; right: auto; top: auto; }
}
/* COLUMNS ONETWO */
.columns.oneTwo .row { border-top: 1px solid rgba(201,201,201,.5); padding: 25px 0; }
.columns.oneTwo .row:first-child { border-top: 1px solid rgba(201,201,201,0); padding: 0 0 25px 0; }
.columns.oneTwo .row:last-child { padding: 25px 0 0 0; }
.columns.oneTwo .content img { display: block; }
.columns.oneTwo .content img { object-fit: unset; max-height: none; }
.columns.oneTwo .col4 { width: 31.5%; margin-right: 2%; }
.columns.oneTwo .col8 { padding-top: 15px; }
.columns.oneTwo .col8 .ctaButton:last-child, .columns.oneTwo .col8 .btn-link:last-child { margin-bottom: 0; }
.interior .columns.oneTwo .col8 { padding-top: 0; }
@media screen and (max-width:1060px) {
.columns.oneTwo .col4 { width: 100%; margin-right: 0; }
}
@media screen and (max-width:720px) {
.columns.oneTwo .col4 { margin-bottom: 0; }
.columns.oneTwo .col8 { padding-top: 10px; }
}
/* COLUMN BOX SHADOW */
.columns.boxShadow { max-width: 1490px; padding: 28px 30px; }
.columns.boxShadow .row { box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.columns.boxShadow .col6 { width: 50%; margin: 0; }
.columns.boxShadow .content { padding: 54px 40px; }
.columns.boxShadow .content.hasImage { display: flex; flex-direction: column; height: 100%; padding: 0; }
.columns.boxShadow .content img { display: block; object-fit: cover; width: 100%; max-width: none; height: 100%; max-height: 100%; }
@media screen and (max-width:1060px) {
.columns.boxShadow { padding-left: 0; padding-right: 0; }
.columns.boxShadow .row { box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.columns.boxShadow .col6 { width: 100%; }
}
/* COLUMN FULL WIDTH BG */
.columns.fullWidth { width: 100%; max-width: 100%; padding: 55px 30px 0 30px; margin: 0 auto 30px auto; }
.columns.fullWidth.darkBlue-bg { background: rgb(38,52,92); background: -moz-linear-gradient(top, rgba(38,52,92,1) 0%, rgba(38,52,92,1) 93%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(38,52,92,1) 0%,rgba(38,52,92,1) 93%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(38,52,92,1) 0%,rgba(38,52,92,1) 93%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
}
.columns.fullWidth.gray-bg { background: rgb(244,244,247); background: -moz-linear-gradient(top, rgba(244,244,247,1) 0%, rgba(244,244,247,1) 93%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(244,244,247,1) 0%,rgba(244,244,247,1) 93%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(244,244,247,1) 0%,rgba(244,244,247,1) 93%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
}
.columns.fullWidth.darkBlue-bg * { color: #fff; }
.columns.fullWidth.darkBlue-bg a:not(.btn-link):not(.ctaButton) { color: #fff; border-bottom: 1px solid #fff; }
.columns.fullWidth > .bgDrop { position: absolute; top: 0; bottom: 0; left: 0; right:0; height: 93%; }
.columns.fullWidth > .bgDrop > div { position: absolute; top: 0; bottom: 0; left: 0; right:0; }
.columns.fullWidth > .bgDrop .darkBlue-bg { background: -moz-linear-gradient(left, rgba(15,36,78,0.95) 0%, rgba(29,55,108,0.9) 100%); background: -webkit-linear-gradient(left, rgba(15,36,78,0.95) 0%,rgba(29,55,108,0.9) 100%); background: linear-gradient(to right, rgba(15,36,78,0.95) 0%,rgba(29,55,108,0.9) 100%); }
.columns.fullWidth > .bgDrop .gray-bg { background: -moz-linear-gradient(left, rgba(244,244,247,0.95) 0%, rgba(244,244,247,0.9) 100%); background: -webkit-linear-gradient(left, rgba(244,244,247,0.95) 0%,rgba(244,244,247,0.9) 100%); background: linear-gradient(to right, rgba(244,244,247,0.95) 0%,rgba(244,244,247,0.9) 100%); }
.columns.fullWidth > .row { max-width: 1430px; width: 100%; margin: 0 auto; }
.columns.fullWidth > .row > div:first-child .hasContent { padding: 30px 9% 105px 3%; }
.columns.fullWidth .hasContent { padding: 30px 3% 105px 9%; }
.columns.fullWidth > .row > div { width: 49%; margin-right: 0; }
@media screen and (max-width:1060px) {
.columns.fullWidth { margin-top: 30px; padding-bottom: 55px; }
.columns.fullWidth > .bgDrop { height: 100%; }
.columns.fullWidth .row > .noContent:first-child { margin-top: -90px; }
.columns.fullWidth > .row > div:last-child { margin-bottom: 0; }
.columns.fullWidth .row > div { width: 100%; }
.columns.fullWidth.darkBlue-bg { background: -moz-linear-gradient(top, rgba(38,52,92,1) 0%, rgba(38,52,92,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(38,52,92,1) 0%,rgba(38,52,92,1) 100%,rgba(255,255,255,1) 100%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(38,52,92,1) 0%,rgba(38,52,92,1) 100%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
}
.columns.fullWidth.gray-bg { background: -moz-linear-gradient(top, rgba(244,244,247,1) 0%, rgba(244,244,247,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(244,244,247,1) 0%,rgba(244,244,247,1) 100%,rgba(255,255,255,1) 100%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(244,244,247,1) 0%,rgba(244,244,247,1) 100%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
}
.columns.fullWidth .hasContent { padding: 30px 0; }
.columns.fullWidth > .row > div:first-child .hasContent { padding: 0 0 30px 0; }
.columns.fullWidth > .row > div:last-child .hasContent { padding: 15px 0 55px 0; }
}
@media screen and (max-width:720px) {
.columns.fullWidth { padding: 55px 15px 0 15px; }
}
/* LANDING INTERIOR FEATURED CONTENT */
.featuredSlider { position: relative; width: 100%; z-index: 1; }
.featuredSlider { margin: 0; padding: 40px 30px; }
.interior .featuredSlider { padding-top: 20px; padding-bottom: 20px; }
.featuredSlider > .wrapper { position: relative; display: flex; flex-direction: row; max-width: 1420px; width: 100%; min-height: 600px; margin: 0 auto; padding: 0; }
.featuredSlider .ctaRibbon { position: absolute; top: 40px; bottom: auto; left: 0; right: auto; z-index: 2; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.featuredSlider .featureItem { display: flex; margin: auto 0 auto auto; }
.featuredSlider .featureImg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 95%; min-height: 600px; object-fit: cover; z-index: 0; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.featuredSlider .featureBlock { position: relative; margin: 60px 0 30px 0; padding: 0; z-index: 1; }
.featuredSlider .featuredInfo { display: flex; flex-direction: column; align-items: start; width: 42%; height: 100%; line-height: 1.9; padding: 40px 40px; margin: 0 5px 0 auto; background-color: rgba(255,255,255,1); box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.featuredSlider h2 { font-size: 2.35rem; font-weight: 500; line-height: 1.2; color: #1D376C; margin-bottom: 8px; }
.featuredSlider .slick-autoplay-toggle-button { position: absolute; top: auto; bottom: 83px; left: auto; right: -5px; width: 36px; height: 36px; padding: 0; margin: 0; z-index: 2; color: #1D376C; background-color: #fff; border: 1px solid transparent; border-radius: 50%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; transition: all 0.4s ease-in-out; }
.featuredSlider .slick-autoplay-toggle-button .slick-pause-icon:after { content: url("../images/pause-circle-blue.svg"); }
.featuredSlider .slick-autoplay-toggle-button:hover .slick-pause-icon:after { content: url("../images/pause-circle-blue-hover.svg"); }
.featuredSlider .slick-autoplay-toggle-button .slick-play-icon:after { content: url("../images/play-circle-blue.svg"); }
.featuredSlider .slick-autoplay-toggle-button:hover .slick-play-icon:after { content: url("../images/play-circle-blue-hover.svg"); }
.featuredSlider .slick-prev, .featuredSlider .slick-next { width: 36px; height: 36px; top: auto; left: auto; right: -5px; background-color: #fff; border-radius: 50%; }
.featuredSlider .slick-prev { bottom: 20px; background-image: url(../images/circle-nav-arrow-up.svg); }
.featuredSlider .slick-prev:hover { background-image: url(../images/circle-nav-arrow-up-hover.svg); }
.featuredSlider .slick-next { bottom: -24px; background-image: url(../images/circle-nav-arrow-down.svg); }
.featuredSlider .slick-next:hover { background-image: url(../images/circle-nav-arrow-down-hover.svg); }
@media screen and (max-width: 1440px) {
.featuredSlider h2 { font-size: 1.98rem; }
}
@media screen and (min-width: 1061px) {
.interior .featuredSlider h2 { font-size: 2.25rem; }
.interior .featuredSlider { padding-left: 0; padding-right: 0; }
.interior .featuredSlider .featuredInfo { width: 52%; }
}
@media screen and (max-width: 1060px) {
.featuredSlider { padding: 30px 0 40px 0; }
.featuredSlider > .wrapper { height: auto; min-height: auto; padding: 0; }
.featuredSlider .featureItem { display: block; }
.featuredSlider .featureImgWrap { display: block; width: 100%; height: auto; }
.featuredSlider .featureImg { position: relative; display: block; width: 100%; height: auto; min-height: auto; object-fit: unset; }
.featuredSlider .featureBlock { display: block; width: 100%; margin: 0; padding: 0; }
.featuredSlider .featuredInfo { width: 100%; height: auto; padding: 44px 40px 60px 40px; margin: 0 auto 18px auto; }
.featuredSlider .slick-autoplay-toggle-button { bottom: -38px; left: auto; right: 30px; }
.featuredSlider .slick-prev, .featuredSlider .slick-next { bottom: -38px; margin: 0 auto; }
.featuredSlider .slick-prev { left: -48px; right: 0; transform: rotate(-90deg); }
.featuredSlider .slick-next { left: 0; right: -48px; transform: rotate(-90deg); }
}
@media screen and (max-width: 720px) {
.featuredSlider .slick-autoplay-toggle-button { right: 15px; }
}
/* ACCORDIONS*/
.accordion { position: relative; }
.accordion > .wrapper { width: 100%; max-width: 1130px; padding: 28px 30px; margin: 0 auto; }
.accordion .intro { margin-bottom: 18px; }
.accordion > h2 { margin-top: 20px; padding: 0; }
.accordion > .wrapper > h2, .accordion > .wrapper > h3, .accordion .wrapper > button { margin: 0; padding: 0 20px; border-top: 2px solid rgba(201,201,201,.5); }
.accordionTrigger { font-family: minion-pro, serif; background: none; color: #1D376C; display: block; font-size: 1.5rem; letter-spacing: 0; font-weight: 500; margin: 0; padding: 10px 0; position: relative; text-align: left; width: 100%; transition: all 0.4s ease-in-out; cursor: pointer; }
.accordionTrigger:hover { color: #2B54AB; }
.accordion button { border: none; padding-left: 20px; padding-right: 20px; }
.accordion button::-moz-focus-inner { border: 0; }
.accordionTitle { position: relative; display: block; pointer-events: none; border: transparent 2px solid; padding: 18px 65px 18px 0; }
.accordionTrigger:focus .accordionTitle { border-color: transparent; }
.accordionPanel { margin: 0; padding: 0 20px 20px 20px; }
.accordionPanel[hidden] { display: none; }
/* Accordion Expander Icon */
.accordion .accordionIcon { position: absolute; width: 28px; height: 28px; background-color: #fff; top: 10px; bottom: auto; left: auto; right: 12px; padding: 0; margin: 8px 0 8px 10px; cursor: pointer; z-index: 100; border: 2px solid #7DC8FF; border-radius: 50%; }
.accordion .accordionIcon:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1); height: 2px; width: 12px; background: #231F20; }
.accordion .accordionIcon:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1); height: 12px; width: 2px; background: #231F20; }
.accordion .accordionTrigger[aria-expanded="true"] .accordionIcon:before { transform: translate(-50%, -50%) rotate(180deg); width: 0; }
.accordion .accordionTrigger[aria-expanded="true"] .accordionIcon:after { transform: translate(-50%, -50%) rotate(180deg); }
.accordion .content ul li { list-style: disc; }
.accordion .content ul li:before { display: none; }
@media screen and (min-width: 1061px) {
.interior .accordion > .wrapper { padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 1060px) {
.accordion > .wrapper > h2, .accordion > .wrapper > h3, .accordion .wrapper > button { padding: 0; }
.accordionPanel { padding: 0 0 20px 0; }
}
@media screen and (max-width: 720px) {
.accordion > .wrapper { padding: 28px 15px; }
}
/* BANNER CTA */
.banner { position: relative; min-height: 260px; padding: 4em 0; margin: 3em 0; background-repeat: no-repeat !important; background-size: cover !important; }
.banner .wrapper { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 1em; text-align: center; z-index: 2; }
.banner p { font-family: minion-pro, serif; font-style: italic; font-size: 1.563em; color: #FFFFFF; margin-bottom: 0; }
.banner h2, .banner h3, .banner h4, .banner h5, .banner h6 { color: #fff; }
.banner a.btn-link, .banner .dark + .wrapper a { color: #fff; border-bottom: 1px solid #fff; }
.banner .dark + .wrapper a:hover, .banner .dark + .wrapper a:focus { border-bottom: 1px solid #fff; color: #fff; }
/* SLIDER */
.featured-slider { width: 100%; max-width: 1330px; margin: 2em auto 3em auto; padding: 0 30px; }
.featured-slider .intro { margin-bottom: 2em; padding-top: 3em; }
.featured-slider .heading { margin-bottom: 1.5em; }
.featured-slider .heading h2 { font-size: 2.25em; margin-top: 10px; padding-bottom: .25em; line-height: 1.2em; }
.featured-slider .heading .sub-title { display: block; font-family: open-sans, sans-serif; font-size: 0.95rem; font-weight: 600; line-height: 1.6; color: #231F20; text-transform: uppercase; letter-spacing: .06em; }
.featured-slider .slider { padding: 1em; }
.featured-slider .slider .slide { float: left; }
.featured-slider .slider .slide * { color: #FFFFFF; }
.featured-slider .slide img { height: auto; max-width: none; }
.featured-slider .slider .slide span.title { text-transform: uppercase; font-weight: 600; }
.featured-slider .slider .slide span.title a { text-decoration: none; }
.featured-slider .slider .slide p { visibility: hidden; max-height: 0; font-family: open-sans, sans-serif; font-weight: 400; font-size: .875em; margin-top: 1em; margin-bottom: 0; opacity: 0; transition: all .3s ease; }
.featured-slider .slider .slide .text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 3em; height: 102px; text-align: center; margin: auto auto; transition: all .3s ease; }
.featured-slider .slider .slide .overlay { top: 0; right: 0; bottom: 0; left: 0; opacity: .6; background: -moz-linear-gradient(left, rgba(11, 27, 74, .95) 0%, rgba(38, 52, 92, 0.85) 100%); background: -webkit-linear-gradient(left, rgba(11, 27, 74, .95) 0%, rgba(38, 52, 92, 0.85) 100%); background: linear-gradient(to right, rgba(11, 27, 74, .95) 0%, rgba(38, 52, 92, 0.85) 100%); }
.featured-slider .slider .slide:hover .overlay, .slider .slide:focus .overlay { transition: all .7s ease; opacity: 1; }
.featured-slider .slider .slide:hover .text, .slider .slide:focus .text { top: -10em; transition: all .3s ease; }
.featured-slider .slider .slide:hover p, .slider .slide:focus p { visibility: visible; max-height: 9999px; opacity: 1; transition: all .3s ease; }
.featured-slider .slider .slick-slide.slick-current.slick-active { transform: scale(1); transition: all .3s ease; }
.featured-slider .slider .slick-slide { position: relative; overflow: hidden; background: #000; transform: scale(.925); transition: all .3s ease; }
.featured-slider .previous, .featured-slider .next, .featured-slider .dots { float: left; }
.featured-slider .previous, .featured-slider .next { color: #767C88; margin: .3em 0.75em; cursor: pointer; }
.featured-slider .slider-nav { margin-top: 1em; }
.featured-slider .col5 { width: 35.5%; }
.featured-slider .col7 { width: 60.5%; }
.featured-slider ul.slick-dots { display: block; position: relative; width: 100%; padding: 0; bottom: auto; list-style: none; text-align: left }
.featured-slider ul.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer }
.featured-slider ul.slick-dots li button { font-size: 0.875em; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: #231F20; border: 0; outline: none; background: transparent }
.featured-slider ul.slick-dots li button:hover:before, .featured-slider ul.slick-dots li button:focus:before { opacity: 1 }
.featured-slider ul.slick-dots li button:before { display: none; }
.featured-slider ul.slick-dots li.slick-active button:before { opacity: .75; color: black }
.featured-slider ul.slick-dots li.slick-active button { background: #7DC8FF; }
/* IF INTERIOR PAGE */
main.interior .featured-slider .slider .slide img { max-width: 210px; }
main.interior .featured-slider .slider .slide .text { padding: 1em; }
main.interior .featured-slider .slider .slide span.title { font-size: .875em; }
main.interior .featured-slider .slider .slide p { font-size: .75em; }
main.interior .featured-slider .slider .slide:hover .text, .slider .slide:focus .text { top: -4em; }
@media screen and (max-width:1060px) {
.featured-slider .heading h2 { font-size: 1.98rem; margin-top: 5px; }
.featured-slider .slider .slide img { width: 100%; }
.featured-slider .col5 { width: 100%; }
.featured-slider .col7 { width: 100%; }
.featured-slider, .featured-slider .slider { margin-top: 3em; }
}
@media screen and (max-width:720px) {
.featured-slider { padding: 0 15px; }
.featured-slider .slick-list { margin-top: 2em; }
.featured-slider .slider { padding: 0; }
.featured-slider .slider .slide img { padding: 0; }
}
/* IMAGE GALLERY SLIDER */
.gallery { position: relative; background: #fff; overflow: hidden; width: 100%; min-height: 350px; margin: 35px auto; }
.gallery .slick-dotted.slick-slider { display: flex; flex: auto; margin-bottom: 0; overflow: hidden; }
.gallery .slick-track { width: 100%; }
.gallery .slick-list { min-height: 350px; margin-bottom: 45px; }
.gallery .slick-slide { position: relative; width: 100%; height: 100%; }
.gallery .slick-slide > div > div { height: 100%; }
.gallery .image-shadow { position: absolute; top: -10px; width: 100%; max-width: 440px; height: 350px; box-shadow: 2px 7px 7px -7px #000000; }
.gallery img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 440px; height: 350px; object-fit: cover; margin: 0; }
.gallery .caption { display: none; }
.gallery .slick-initialized .caption { display: flex; flex: auto; position: relative; width: 100%; max-width: 1268px; height: 100%; margin: 0 auto; padding: 15px 0 15px 15px; z-index: 1; }
.gallery .slick-initialized .caption .wrapper { display: flex; width: 100%; max-width: 1268px; height: 100%; justify-content: end; }
.gallery .slick-initialized .caption .wrapper .right { position: relative; max-width: 526px; width: 100%; height: 100%; padding: 44px 54px; background: rgb(0,23,58); background: -moz-linear-gradient(left, rgba(0,23,58,1) 0%, rgba(0,45,113,1) 100%); background: -webkit-linear-gradient(left, rgba(0,23,58,1) 0%,rgba(0,45,113,1) 100%); background: linear-gradient(to right, rgba(0,23,58,1) 0%,rgba(0,45,113,1) 100%); display: -ms-flexbox; display: flex; align-items: start; flex-direction: column; }
.gallery .slick-initialized .caption .wrapper h2 { font-size: 1.75rem; font-weight: 500; color: #fff; line-height: 1.3; margin-bottom: 26px; }
.gallery .slick-initialized .caption .wrapper .subtext, .gallery .slick-initialized .caption .wrapper .subtext * { font-size: 1rem; font-weight: 300; color: #fff; line-height: 1.5; margin-bottom: 10px; padding: 0 40px 0 0; }
.gallery a.btn-link { font-weight: 300; color: #fff; margin-left: auto; margin-right: auto; border-bottom: 1px solid rgba(255,255,255,.5); }
.gallery a.btn-link:hover, .gallery a.btn-link:focus { color: #fff; border-bottom: 1px solid rgba(255,255,255,.8); }
.gallery ul.slick-dots { max-width: 440px; width: 100%; bottom: 10px; left: 0; right: auto; margin: 0 auto; text-align: center; }
.gallery ul.slick-dots > li { position: relative; margin: 0px 8px; }
.wysiwyg-content .gallery ul li { margin-left: 20px; }
.gallery ul.slick-dots > li button { width: 12px; height: 12px; text-indent: -99999px; display: inline-block; padding: 0; margin: 0 5px 10px 0; color: #fff; background-color: #bfbfbf; border: 1px solid #bfbfbf; border-radius: 50%; transition: all 0.4s ease-in-out; }
.gallery ul.slick-dots > li:hover button, .gallery ul.slick-dots > li button:focus { background-color: #1F1F1F; }
.gallery ul.slick-dots > li button:before { position: relative; }
.gallery ul.slick-dots > li.slick-active button { background-color: #707070; }
.gallery ul.slick-dots > li:last-child { margin-right: 0; }
.gallery .slick-prev, .gallery .slick-next { color: #fff; top: 42%; bottom: auto; background-color: rgba(85, 85, 85, 0.0); background-size: 100%; background-repeat: no-repeat; width: 13px; height: 21px; }
.gallery .slick-prev { left: 30px;/*left: 36.5%;*/ right: auto; background-image: url(../images/slider-arrow-left.svg); }
.gallery .slick-next { left: auto; right: 30px; background-image: url(../images/slider-arrow-right.svg); }
.gallery .slick-prev:hover, .gallery .slick-prev:focus, .gallery .slick-next:hover, .gallery .slick-next:focus { opacity: .85; }
/* Gallery ADA Slider Play/Pause Controls */
.gallery .playSlide, .gallery .pauseSlide { bottom: 75px; left: 25px; }
.gallery .playSlide span, .gallery .pauseSlide span { color: #fff; }
.gallery .playSlide:after, .gallery .pauseSlide:after { color: #fff; }
.gallery .slick-autoplay-toggle-button { position: absolute; bottom: 77px; left: 29px; right: auto; width: 36px; height: 36px; margin: 0; padding: 0; margin: 0; background-color: transparent; border: 1px solid transparent; -webkit-appearance: none; -moz-appearance: none; z-index: 1; cursor: pointer; }
.gallery .slick-autoplay-toggle-button .slick-pause-icon:after { content: url("../images/pause-circle.svg"); }
.gallery .slick-autoplay-toggle-button .slick-play-icon:after { content: url("../images/play-circle.svg"); }
@media screen and (max-width:1440px){
.gallery .slick-initialized .caption .wrapper h2 { font-size: 1.8rem; }
}
@media screen and (min-width:1061px) and (max-width:1350px){
.landing .gallery { padding-left: 30px; padding-right: 30px; }
}
@media screen and (max-width:1060px){
.gallery { padding-left: 30px; padding-right: 30px; }
}
.landing#skipToContent .gallery { max-width: 1280px; }
@media screen and (min-width:1101px) {
.landing#skipToContent .gallery { min-height: 530px; }
.landing#skipToContent .gallery .slick-list { min-height: 530px; }
.landing#skipToContent .gallery .image-shadow { max-width: 670px; height: 530px; }
.landing#skipToContent .gallery img { max-width: 670px; height: 530px; }
.landing#skipToContent .gallery .slick-initialized .caption { padding: 60px 0 30px 30px; }
.landing#skipToContent .gallery .slick-initialized .caption .wrapper .right { max-width: 638px; padding: 50px 65px; }
.landing#skipToContent .gallery .slick-initialized .caption .wrapper h2 { font-size: 2.2rem; }
.landing#skipToContent .gallery .slick-initialized .caption .wrapper .subtext, .landing#skipToContent .gallery .slick-initialized .caption .wrapper .subtext * { font-size: 1.1rem; line-height: 1.75; }
.landing#skipToContent .gallery ul.slick-dots { max-width: 670px; }
.landing#skipToContent .gallery .slick-prev, .landing#skipToContent .gallery .slick-next { background-size: 100%; width: 23px; height: 38px; }
}
@media screen and (min-width:1101px) and (max-width:1200px) {
.landing#skipToContent .gallery { min-height: 500px; }
.landing#skipToContent .gallery .image-shadow { max-width: 630px; height: 500px; }
.landing#skipToContent .gallery img { max-width: 630px; height: 500px; }
.landing#skipToContent .gallery .slick-list { min-height: 500px; }
.landing#skipToContent .gallery ul.slick-dots { max-width: 630px; }
.landing#skipToContent .gallery .slick-initialized .caption .wrapper .right { max-width: 574px; }
.col9#skipToContent .gallery { min-height: 350px; }
.col9#skipToContent .gallery .image-shadow { max-width: 440px; height: 350px; }
.col9#skipToContent .gallery img { max-width: 440px; height: 350px; }
.col9#skipToContent .gallery .slick-list { min-height: 350px; }
.col9#skipToContent .gallery ul.slick-dots { max-width: 440px; }
}
@media screen and (min-width:961px) and (max-width:1100px) {
.landing#skipToContent .gallery { min-height: 420px; }
.landing#skipToContent .gallery .image-shadow { max-width: 530px; height: 420px; }
.landing#skipToContent .gallery img { max-width: 530px; height: 420px; }
.landing#skipToContent .gallery .slick-initialized .caption { padding: 45px 0 15px 15px; }
.landing#skipToContent .gallery .slick-list { min-height: 420px; }
.landing#skipToContent .gallery ul.slick-dots { max-width: 530px; }
.landing#skipToContent .gallery .slick-initialized .caption .wrapper .right { max-width: 530px; }
}
@media screen and (min-width:961px) and (max-width:1060px){
.col9#skipToContent .gallery { min-height: 420px; }
.col9#skipToContent .gallery .image-shadow { max-width: 530px; height: 420px; }
.col9#skipToContent .gallery img { max-width: 530px; height: 420px; }
.col9#skipToContent .gallery .slick-initialized .caption { padding: 45px 0 15px 15px; }
.col9#skipToContent .gallery .slick-list { min-height: 420px; }
.landing#skipToContent .gallery ul.slick-dots { max-width: 530px; }
}
@media screen and (max-width:960px){
.gallery { height: auto; min-height: 530px; background-color: transparent; margin: 25px auto; }
.gallery .image-shadow { max-width: 100%; height: 530px; }
.gallery img { max-width: 100%; height: 530px; min-height: 530px; max-height: 530px; }
.gallery .slick-list { min-height: 530px; }
.gallery .slick-initialized .caption, .interior .gallery .slick-initialized .caption { padding: 475px 30px 0 30px; }
.gallery .slick-initialized .caption .wrapper { margin: auto auto 0 auto; }
.gallery .slick-initialized .caption .wrapper .right { max-width: 1060px; min-height: 240px; padding: 12px 30px; }
.gallery .caption h2 { margin-left: auto; margin-right: auto; }
.gallery .slick-initialized .caption .wrapper .subtext { text-align: center; margin-left: auto; margin-right: auto; }
.gallery .slick-initialized .caption .wrapper .subtext, .gallery .slick-initialized .caption .wrapper .subtext * { padding: 0; }
.gallery ul.slick-dots { max-width: 1060px; }
.gallery .playSlide:after, .gallery .pauseSlide:after { color: #00173a; }
.gallery .playSlide, .gallery .pauseSlide { bottom: 20px; left: 5px; }
.gallery .slick-autoplay-toggle-button { left: 60px; }
}
@media screen and (max-width:720px){
.gallery { padding-left: 15px; padding-right: 15px; }
.gallery .slick-autoplay-toggle-button { left: 50px; }
}
@media screen and (max-width:580px){
.gallery { min-height: 420px; }
.gallery .image-shadow { height: 420px; }
.gallery img { height: 420px; min-height: 420px; max-height: 420px; }
.gallery .slick-list { min-height: 420px; }
.gallery .slick-initialized .caption, .interior .gallery .slick-initialized .caption { padding: 360px 30px 0 30px; }
.gallery .slick-initialized .caption .wrapper h2 { font-size: 1.4rem; }
}
/* COLUMNS WITH HOVER BOXES */
.hover-boxes { max-width: 1280px; margin: 30px auto; background-color: #fff; }
.hover-boxes .column { float: left; width: 33.3%; padding: 5px 15px 5px 5px; }
.hover-boxes .row > [class^="col"] { position: relative; }
.hover-boxes .container { position: relative; width: 100%; }
.hover-boxes .container:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: -moz-linear-gradient(left, rgba(11,27,74,0.65) 0%, rgba(38,52,92,0.35) 100%); background: -webkit-linear-gradient(left, rgba(11,27,74,0.65) 0%,rgba(38,52,92,0.35) 100%); background: linear-gradient(to right, rgba(11,27,74,0.65) 0%,rgba(38,52,92,0.35) 100%); opacity: 1; transition: all .5s ease-in-out; }
.hover-boxes .container:not(.blue):hover:after,.hover-boxes .container:not(.blue):focus:after, .hover-boxes .container:not(.blue):focus-within:after,
.hover-boxes .container:hover .card-front,.hover-boxes .container:focus .card-front, .hover-boxes .container:focus-within .card-front { opacity: 0; transition: opacity 0s ease-in-out; }
.hover-boxes .container.blue:hover:after,.hover-boxes .container.blue:focus:after, .hover-boxes .container.blue:focus-within:after { background: -moz-linear-gradient(left, rgba(0,45,114,1) 0%, rgba(0,45,114,0.35) 100%); background: -webkit-linear-gradient(left, rgba(0,45,114,1) 0%,rgba(0,45,114,1) 100%); background: linear-gradient(to right, rgba(0,45,114,1) 0%,rgba(0,45,114,1) 100%); }
.hover-boxes .blue { color: #fff; background-color: #002D72; }
.hover-boxes .border-box { position: absolute; top: 20px; bottom: 20px; left: 20px; right: 20px; border: 1px solid #002d72; z-index: 2; transition: opacity .5s ease-in-out; transition-delay: 200ms; opacity: 0; }
.interior .hover-boxes .border-box { top: 10px; bottom: 10px; left: 10px; right: 10px; }
.hover-boxes .blue .border-box { border: 1px solid #fff; }
.hover-boxes .hover-image { opacity: 1; display: block; width: 100%; height: auto; backface-visibility: hidden; transition: all .5s ease-in-out; transition-delay: 100ms; }
.hover-boxes .card-front { position: absolute; top: 50%; left: 50%; width: 100%; text-transform: uppercase; transform: translate(-50%, -50%); color: #fff; font-weight: 600; font-size: 1.5rem; text-align: center; letter-spacing: .05em; padding: 40px 30px; z-index: 2; transition: all .5s ease-in-out; transition-delay: 100ms; }
.hover-boxes .container.white { background-color: rgba(0, 45, 114, .5); }
.interior .hover-boxes .card-front { font-size: 1.1rem; line-height: 1.2; }
.hover-boxes .card-back { position: absolute; top: 50%; left: 50%; width: 100%; font-weight: 600; color: #002d72; text-align: center; transform: translate(-50%, -50%); opacity: 0; padding: 40px 30px; z-index: 2; transition: all .5s ease-in-out; transition-delay: 100ms; }
.hover-boxes .card-back .title { position: relative; color: #002d72; font-size: 1.5rem; opacity: 0; }
.interior .hover-boxes .card-back .title { font-size: 1.1rem; line-height: 1.2; }
.hover-boxes .blue .card-back .title { color: #fff; text-transform: uppercase; }
.hover-boxes .blue .card-back .text { position: relative; }
.hover-boxes .blue .card-back .text, .hover-boxes .blue .card-back .text > p { color: #fff; }
.interior .hover-boxes .card-back .text > p { line-height: 1.4; margin-bottom: 5px; }
.hover-boxes .blue .card-back a { margin-top: 20px; }
.interior .hover-boxes .blue .card-back a, .interior .hover-boxes .card-back a { margin-top: 0; }
.hover-boxes .container:not(.blue):hover, .hover-boxes .container:not(.blue):focus, .hover-boxes .container:not(.blue):focus-within { box-shadow: 0px 2px 6px 0px #ccc; background-color: #fff; }
.hover-boxes .container:hover .hover-image, .hover-boxes .container:focus .hover-image, .hover-boxes .container:focus-within .hover-image, .hover-boxes .border-box { opacity: 0; }
.hover-boxes .container .card-front { margin-top: 0; }
.hover-boxes .container:hover .card-front, .hover-boxes .container:focus .card-front, .hover-boxes .container:focus-within .card-front { margin-top: -30px; }
.hover-boxes .container:not(.blue):hover .card-front, .hover-boxes .container:not(.blue):focus .card-front, .hover-boxes .container.blue:not(.blue):focus-within .card-front { color: #002D72; }
.hover-boxes .container .card-back { margin-top: 30px; }
.hover-boxes .container:hover .card-back, .hover-boxes .container:focus .card-back, .hover-boxes .container:focus-within .card-back { margin-top: 0; }
.interior .hover-boxes .container:hover .card-back, .interior .hover-boxes .container:focus .card-back, .interior .hover-boxes .container:focus-within .card-back { margin-top: 5px; }
.hover-boxes .container:hover .card-back, .hover-boxes .container:focus .card-back, .hover-boxes .container:focus-within .card-back, .hover-boxes .container:hover .border-box, .hover-boxes .container:focus .border-box, .hover-boxes .container:focus-within .border-box,
.hover-boxes .container:hover .card-back .title, .hover-boxes .container:focus .card-back .title, .hover-boxes .container:focus-within .card-back .title { opacity: 1; }
.hover-boxes .blue .btn-link { color: #fff; border-bottom: 1px solid rgba(255,255,255,.5); }
.hover-boxes .blue .btn-link:hover, .hover-boxes .blue .btn-link:focus { border-bottom: 1px solid rgba(255,255,255,1); }
@media screen and (min-width:1061px) and (max-width:1350px){
.landing .hover-boxes { padding-left: 30px; padding-right: 30px; }
.hover-boxes .border-box { top: 5px; bottom: 5px; left: 5px; right: 5px; }
}
@media screen and (max-width:1060px){
.hover-boxes { padding-left: 30px; padding-right: 30px; }
.hover-boxes .row > div { margin-bottom: 30px; }
}
@media screen and (max-width:720px){
.hover-boxes { padding-left: 15px; padding-right: 15px; }
}
/* COLUMNS WITH SLIDE-UP HOVER BOXES */
.slideUpBoxes { max-width: 1280px; margin: 30px auto; }
.slideUpBoxes .column { float: left; width: 33.3%; padding: 5px 15px 5px 5px; }
.slideUpBoxes .row > [class^="col"] { position: relative; }
.slideUpBoxes .container { position: relative; width: 100%; }
.slideUpBoxes .container:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0;
background: -moz-linear-gradient(top, rgba(51,51,51,0.01) 0%, rgba(24,24,28,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(51,51,51,0.01) 0%,rgba(24,24,28,0.8) 100%);
background: linear-gradient(to bottom, rgba(51,51,51,0.01) 0%,rgba(24,24,28,0.8) 100%); opacity: .5; transition: all .4s ease-in-out; }
.slideUpBoxes .blue { color: #fff; background-color: #002D72; }
.slideUpBoxes .hoverImage { display: block; width: 100%; height: auto; }
.slideUpBoxes .hoverBlock .cardFront { position: absolute; top: auto; bottom: 0; left: 0; right: 0; display: block; width: 88%; padding: 10px 0 18px 0; margin: 0 6%; font-weight: 600; font-size: 1.5rem; color: #fff; letter-spacing: .05em; text-align: left; text-decoration: none; border-top: 1px solid rgba(255,255,255,.5); z-index: 2; transition: all 0.4s ease-in-out; }
.slideUpBoxes .hoverBlock:hover .cardFront, .slideUpBoxes .hoverBlock:focus .cardFront, .slideUpBoxes .hoverBlock:focus-within .cardFront { border-top: 1px solid rgba(255,255,255,.5); }
.slideUpBoxes .hoverBlock .cardFront:after { opacity: 0; position: absolute; top: 9px; right: 10px; display: inline-block; content: url("../images/circle-nav-arrow.svg"); padding-left: 15px; transition: all 0.4s ease-in-out; }
.slideUpBoxes .hoverBlock:hover .cardFront:after, .slideUpBoxes .hoverBlock:focus .cardFront:after, .slideUpBoxes .hoverBlock:focus-within .cardFront:after,
.slideUpBoxes .hoverBlock:hover .container:after, .slideUpBoxes .hoverBlock:focus .container:after, .slideUpBoxes .hoverBlock:focus-within .container:after { opacity: 1; }
.slideUpBoxes .hoverBlock .hoverTitle { display: block; font-family: minion-pro, serif; color: #fff; font-size: 1.16rem; font-weight: 500; letter-spacing: 0; line-height: 1; padding: 0 45px 0 0; }
.slideUpBoxes .hoverBlock:hover .hoverTitle, .slideUpBoxes .hoverBlock:focus .hoverTitle, .slideUpBoxes .hoverBlock:focus-within .hoverTitle { color: #fff; }
.slideUpBoxes .hoverBlock .subtext { display: block; color: #fff; font-size: .9rem; font-weight: 400; letter-spacing: 0; line-height: 0; margin: 0; padding: 0 45px 0 0; opacity: 0; transition: all 0.4s ease-in-out; }
.slideUpBoxes .hoverBlock:hover .subtext, .slideUpBoxes .hoverBlock:focus .subtext, .slideUpBoxes .hoverBlock:focus-within .subtext { line-height: 1; margin: 5px 0 9px 0; opacity: 1; }
.slideUpBoxes .hoverBlock .subtext p { margin-bottom: 0; }
.slideUpBoxes .hoverBlock a { text-decoration: none; }
@media screen and (min-width:1061px) and (max-width:1350px){
.landing .slideUpBoxes { padding-left: 30px; padding-right: 30px; }
}
@media screen and (max-width: 1060px) {
.slideUpBoxes { padding-left: 30px; padding-right: 30px; }
.slideUpBoxes .row > [class^="col"] { margin: 30px 0; }
.slideUpBoxes .row > [class^="col"]:first-child { margin-top: 0; }
.slideUpBoxes .hoverBlock .container:after { opacity: 1; }
.slideUpBoxes .hoverBlock .cardFront { width: 93%; margin: 0 3.5%; }
.slideUpBoxes .hoverBlock .cardFront:after { opacity: 1; }
.slideUpBoxes .hoverBlock .subtext, .slideUpBoxes .hoverBlock:hover .subtext, .slideUpBoxes .hoverBlock:focus .subtext, .slideUpBoxes .hoverBlock:focus-within .subtext { height: 100%; line-height: 1; margin: 5px 0 15px 0; opacity: 1; }
}
@media screen and (max-width: 720px) {
.slideUpBoxes { padding-left: 15px; padding-right: 15px; }
.slideUpBoxes .hoverBlock { display: block; height: auto; margin: 0 0 18px 0; }
.slideUpBoxes .hoverBlock:last-child { margin: 0; }
}
/* COLUMNS WITH ICONS */
.columns.icons { padding-top: 20px; padding-bottom: 20px; }
.columns.icons > .row { padding: 25px 0; border-top: 1px solid rgba(201,201,201,.5); border-bottom: 1px solid rgba(201,201,201,.5); }
.columns.icons .btn-link { margin-bottom: 0; }
.columns.icons .content { display: block; width: 100%; }
.columns.icons .icon-img { display: inline-block; max-width: 60px; width: 100%; margin: 0 20px 0 0; vertical-align: top; }
.columns.icons .content .columnImg { display: inline-block; max-width: 60px; max-height: none; }
.columns.icons .name { font-family: minion-pro, serif; font-size: 1.4rem; font-weight: 500; color: #002D72; letter-spacing: .05em; margin: 0 0 5px 0; }
.columns.icons .description { display: inline-block; width: 75%; line-height: 1.4; }
.columns.icons .description p { line-height: 1.4; }
@media screen and (min-width:1061px) and (max-width:1350px){
.landing .columns.icons { padding-left: 30px; padding-right: 30px; }
.columns.icons .icon-img { max-width: 55px; }
.columns.icons .content img { max-width: 55px; }
.columns.icons .description { width: 63%; }
}
@media screen and (max-width:1060px) {
.columns.icons { padding-left: 30px; padding-right: 30px; }
.columns.icons .row > div:last-child, .columns.icons .row > div:last-child .content, .columns.icons .row > div:last-child .btn-link { margin-bottom: 0; }
.columns.icons .intro h2 { width: 100%; text-align: center; }
.columns.icons .icon-img { display: block; max-width: 100%; margin: 0 auto; }
.columns.icons .content { text-align: center; margin: 0 auto 40px auto; }
.columns.icons .content img { display: block; max-width: 55px; max-height: none; text-align: center; margin: 0 auto 10px auto; }
.columns.icons .name { margin: 0 0 10px 0; }
.columns.icons .description { display: block; width: 60%; margin: 0 auto; }
}
@media screen and (max-width:768px) {
.columns.icons .description { width: 80%; }
}
@media screen and (max-width:720px) {
.columns.icons { padding-left: 15px; padding-right: 15px; }
}
@media screen and (max-width:580px) {
.columns.icons .intro h2 { font-size: 1.6rem; }
.columns.icons .description { width: 95%; }
}
/* INFOGRAPHICS */
.infographics { position: relative; margin-top: 2em; padding: 3em 0; }
.infographics .wrapper { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 10; }
.infographics .overlay { background: rgba(38, 52, 92, .98); }
.infographics .content { text-align: center; }
.infographics img { display: inline-block; margin-bottom: .5em; }
.infographics span.title { display: block; font-family: minion-pro, serif; font-weight: 600; font-size: 2.875em; color: #FFFFFF; margin-bottom: 1rem; }
.infographics span.subtitle { display: block; font-family: open-sans, sans-serif; font-weight: 400; font-size: .875em; color: #FFFFFF; }
.infographics div[class*="col"]:not(:last-child) { border-right: 1px solid rgba(255,255,255,.38); }
@media screen and (max-width:1060px) {
.infographics .col3:not(:last-child) { border-right: 0; }
.infographics .col3 .content { border-bottom: 1px solid rgba(255,255,255,.38); margin: 0 auto; padding: 2em 0; text-align: center; width: 50%; }
.infographics .col3:last-child .content { border-bottom: 0; }
}
/* VIDEO/MAGNIFIC STYLES */
.youtube { max-width: 100%; height: auto; position: relative; cursor: pointer; padding-bottom: 56.25%; }
.youtube, iframe[src*="youtube"], iframe[src*="youtu.be"] { max-width: 100%; width: 100%; height: auto; position: relative; cursor: pointer; aspect-ratio: 16 / 9; }
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100% !important; width: 100%; }
.youtubePlayer { position: relative; padding-bottom: 56.25%; height: auto; overflow: hidden; max-width: 100%; background: #000; margin: 0; }
.youtubePlayer iframe { position: absolute; top: 0; left: 0; max-width: 100% !important; width: 100%; height: 100%; z-index: 100; background: transparent; }
.youtubePlayer img { object-fit: cover; display: block; left: 0; bottom: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all; }
.youtubePlayer img:hover { -webkit-filter: brightness(75%); }
.youtubePlayer .play { height: 48px; width: 68px; top: 50%; left: 50%; margin-left: auto; margin-right: auto; position: absolute; background: url('../images/yt.png') no-repeat; cursor: pointer; }
.youtube + p { margin-top: 16px; }
@media screen and (max-width:580px) {
iframe[src*="youtube"], iframe[src*="youtu.be"] { width: 100%; }
}
.play { opacity: 1; background-size: 55%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.mfp-align-top .mfp-container:before { display: none }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto }
.mfp-ajax-cur { cursor: progress }
.mfp-zoom { cursor: pointer; }
.mfp-auto-cursor .mfp-content { cursor: auto }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.mfp-loading.mfp-figure { display: none }
.mfp-hide { display: none !important }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044 }
.mfp-preloader a { color: #CCC }
.mfp-preloader a:hover { color: #FFF }
.mfp-s-ready .mfp-preloader { display: none }
.mfp-s-error .mfp-content { display: none }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; -webkit-appearance: none; display: block; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none }
button::-moz-focus-inner { padding: 0; border: 0 }
.mfp-close { width: 44px; height: 43px; line-height: 43px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 1.750em; font-family: open-sans, sans-serif; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100% }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: .750em; line-height: 18px; white-space: nowrap }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent }
.mfp-arrow:active { margin-top: -54px }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7 }
.mfp-arrow-left { left: 0 }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F }
.mfp-arrow-right { right: 0 }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px }
.mfp-iframe-holder .mfp-close { top: -40px }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000 }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto }
.mfp-figure { line-height: 0 }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444 }
.mfp-figure small { color: #BDBDBD; display: block; font-size: .750em; line-height: 14px }
.mfp-figure figure { margin: 0 }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px }
.mfp-image-holder .mfp-content { max-width: 100% }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer }
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
.mfp-img-mobile img.mfp-img { padding: 0 }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0 }
}
@media screen and (max-width:900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75) }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% }
.mfp-container { padding-left: 6px; padding-right: 6px }
}
.mfp-ie7 .mfp-img { padding: 0 }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px }
.mfp-ie7 .mfp-container { padding: 0 }
.mfp-ie7 .mfp-content { padding-top: 44px }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 }
/* TABLE STYLES */
table { border: 0; background-color: #FFFFFF; width: 100%; text-align: left; border-collapse: collapse; }
table td, table th { border: 1px solid #E7E7EA; padding: 2px 2px; }
table tbody td { font-size: .875em; }
table tr:nth-child(even) { background: #F4F4F7; }
table thead { background: #21396E; border-bottom: 1px solid #F4F4F7; }
table thead th { font-size: .875em; font-weight: bold; color: #FFFFFF; border-left: 1px solid #F4F4F7; }
table thead th:first-child { border-left: none; }
table h2, table h3, table h4 { line-height: 1; }
.wysiwyg-content table { margin-top: 10px; margin-bottom: 10px; }
/* Tables - Tablesaw */
.tablesaw { width: 100%; max-width: 100%; empty-cells: show; border-collapse: collapse; border: 0; padding: 0; }
.tablesaw * { box-sizing: border-box; }
.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none; }
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
/* Show the table cells as a block level element */
.tablesaw-stack { clear: both; border-spacing: 0; border: 1px solid #E7E7EA; }
.tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; }
.tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { line-height: 1.5; }
.tablesaw-stack tr { clear: both; display: table-row; }
.tablesaw-stack td { vertical-align: top; }
/* Make the label elements a percentage width */
.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: inline-block; padding: 0 .6em 0 0; width: 30%; }
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
.tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: .4em 0; margin: .4em 0; }
.tablesaw-cell-label { display: block; }
/* Avoid double strokes when stacked */
.tablesaw-stack tbody th.group { margin-top: -1px; }
/* Avoid double strokes when stacked */
.tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; }
.tablesaw-stack tr:nth-child(even) { background-color: #F4F4F7; }
@media screen and (min-width: 721px) {
table.tablesaw-stack thead, table.tablesaw-stack th { background-color: #fff; color: #333; }
table.tablesaw-stack th { border: 1px solid #E7E7EA; }
table.tablesaw-stack tr { display: table-row; border: 1px solid #E7E7EA; }
/* Show the table header rows */
table.tablesaw-stack thead td, table.tablesaw-stack thead th { vertical-align: middle; }
table.tablesaw-stack td { border: 1px solid #E7E7EA; }
table.tablesaw-stack td, table.tablesaw-stack th, table.tablesaw-stack thead td, table.tablesaw-stack thead th { display: table-cell; margin: 0; padding: 12px 20px; }
table.tablesaw-stack td { padding: 5px 10px; }
/* Hide the labels in each cell */
table.tablesaw-stack td table.tablesaw-cell-label, table.tablesaw-stack th table.tablesaw-cell-label { display: none !important; }
}
@media screen and (max-width: 720px) {
table h2 { margin: 4px 0; }
table.tablesaw-stack { width: 100% !important; }
table.tablesaw-stack tbody tr, table.tablesaw-stack tr { display: inline-block; width: 100% !important; height: auto !important; padding: 5px 10px; }
table.tablesaw-stack td, table.tablesaw-stack th { border: none; }
table.tablesaw-stack thead td, table.tablesaw-stack thead th { display: none; width: auto !important; height: auto !important; }
table.tablesaw-stack tbody td, table.tablesaw-stack tbody th, table.tablesaw-stack td, table.tablesaw-stack th { display: block; float: left; clear: left; width: 100% !important; height: auto !important; }
table.tablesaw-cell-label { vertical-align: top; }
table.tablesaw-stack td .tablesaw-cell-label, table.tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0; width: 100%; color: #333; font-weight: 600; margin-bottom: 10px; }
table.tablesaw-cell-content { display: inline-block; max-width: 100%; margin-bottom: 16px; }
table.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
table.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content { display: block; width: 100%; max-width: 100%; padding: 0; }
table.tablesaw-stack td:empty, table.tablesaw-stack th:empty { display: none; }
}
/* BREADCRUMBS */
.breadcrumbs { padding: 5px 0 40px 0; max-width: 1280px; }
.breadcrumbs ol { list-style: none; margin: 0; }
.interior > .row > .breadcrumbs ol { margin: 0 0 15px 0; }
.impact + .interior > .row > .breadcrumbs ol { margin: 0; }
.breadcrumbs ol li { display:inline-block; font-size: .85rem; letter-spacing: .04em; text-decoration: none; color: #231F20;}
.breadcrumbs ol li:not(:last-child):after { color: #1D376C; content:"/"; margin: 0 0 0 4px; }
.breadcrumbs ol li a { font-weight: 600; text-decoration: none; color: #1D376C; }
.breadcrumbs ol li a:hover, .breadcrumbs ol li a:focus { text-decoration: underline; }
@media screen and (max-width:1060px) {
.breadcrumbs { display: none; }
}
/* SIDEBAR STYLES */
.sidebar { background-color: #fff; clear: both; }
.sidebar .leftnav .row > input, .sidebar .leftnav ul li.row > span.icon { display: none; }
.sidebar .row > .title, .sidebar .row > a.title { display: block; margin-bottom: 18px; font-family: minion-pro, serif; font-weight: 500; font-size: 1.35rem; color: #21396E; line-height: 1.4; padding: 0 10px 8px 10px; border-bottom: 1px solid #CED2D9; }
.sidebar .row > a.title { text-decoration: none; }
.sidebar .row > a.title:hover, .sidebar .row > a.title:focus { text-decoration: underline; }
.sidebar .leftnav ul { list-style: none; margin: 0; }
.sidebar .leftnav .content ul li { padding-left: .75em; }
.sidebar .leftnav .content ul li.active a { font-style: italic; color: #231F20; }
.sidebar .leftnav .content ul li a { display: block; margin: 18px 0; font-family: open-sans, sans-serif; font-weight: 500; font-size: 1rem; color: #26345C; line-height: 1.4; text-decoration: none; transition: all .4s ease-in-out; }
.sidebar .leftnav .content ul li a:hover, .sidebar .leftnav .content ul li a:focus { text-decoration: underline; }
@media screen and (min-width:1281px) {
.sidebar { margin-right: 5%; }
.interior > .col3 + .col9 { width: 71%; }
}
@media screen and (min-width:1061px) and (max-width:1280px) {
.sidebar { margin-right: 4%; }
.interior > .col3 + .col9 { width: 71%; }
}
@media screen and (min-width:1061px) {
.sidebar { width: 24%; }
.col3.sidebar { clear: none; }
.sidebar .sectionTitle { display: none; }
.impact + .interior > .sidebar { position: relative; margin-top: -70px; margin-bottom: 40px; z-index: 2; }
.interior > .sidebar { margin-bottom: 40px; }
.impact + .interior.progList > .sidebar, .impact + .interior.facultyList > .sidebar { margin-top: 0; }
.interior > .col3 + .col9 { float: right; margin-right: 0; }
.sidebar .leftnav#skipToLeftNav { padding: 30px 40px 20px 40px; margin-bottom: 40px; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); }
.interior.progList .sidebar .leftnav#skipToLeftNav, .interior.facultyList .sidebar .leftnav#skipToLeftNav { padding: 30px 30px 26px 30px; }
.sectionNav .content { display: block !important; }
.sidebar .leftnav #sectionNavMenu[aria-hidden="true"] { visibility: visible; }
}
@media screen and (max-width:1060px) {
.sidebar nav { position: relative; padding: 0 30px; }
.sidebar .leftnav > ul { margin-left: auto; margin-right: auto; margin-bottom: 18px; }
.sidebar .sectionTitle + .title { visibility: hidden; opacity: 0; line-height: 0; border-bottom: none; padding: 0 10px; margin-bottom: 0; transition: all .4s ease-in-out; }
.sidebar .sectionTitle.open + .title { visibility: visible; opacity: 1; line-height: 1; padding: 30px 10px 0 10px; }
.sidebar .leftnav ul li.row > span.icon { position: relative; border-bottom: 1px solid rgba(201,201,201,.5); display: block; font-family: minion-pro, serif; font-weight: 500; font-size: 1rem; padding: 1em; color: #1D376C; }
.sectionNav .sectionTitle { display:inline-block; width: 100%; font-family: minion-pro, serif; font-size: 1.35rem; font-weight: 500; color: #1D376C; background-color: #fff; border-top: 1px solid transparent; border-bottom: 1px solid #CED2D9; border-left: 1px solid transparent; border-right: 1px solid transparent; text-align: left; padding: 8px 10px; cursor: pointer; }
.sectionNav.open .sectionTitle { border-bottom: 1px solid #CED2D9; }
/* Section Nav Expander Icon */
.sectionNav .accordionIcon { position: absolute; width: 28px; height: 28px; background-color: #fff; top: 2px; bottom: auto; left: auto; right: 35px; padding: 0; margin: 4px 0 4px 10px; cursor: pointer; z-index: 100; border: 2px solid #7DC8FF; border-radius: 50%; }
.sectionNav .accordionIcon:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1); height: 2px; width: 12px; background: #231F20; }
.sectionNav .accordionIcon:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1); height: 12px; width: 2px; background: #231F20; }
.sectionNav.open .accordionIcon:before, .sectionTitle.open .accordionIcon:before { transform: translate(-50%, -50%) rotate(180deg); width: 0; }
.sectionNav.open .accordionIcon:after, .sectionTitle.open .accordionIcon:after { transform: translate(-50%, -50%) rotate(180deg); }
.sectionNav .content { display: none; width: 100%; padding: 0; }
#sectionNavMenu.open.content { display: block; }
.sidebar .leftnav .content ul li a { color: #26345C; }
.sidebar .leftnav ul li .title a { padding: 11px; }
.sidebar .leftnav .content > ul { padding-top: 7px; }
.sidebar .leftnav div.content { position: relative; overflow: hidden; opacity: 1; z-index: 2; width: 100%; }
.sidebar .leftnav div li::-moz-list-bullet { font-size: 0.750em; margin-right: 5px; }
#skipToContent.col9 + .sidebar .is-desktop, .sidebar .is-desktop { display: block; }
#skipToContent.col9 + .sidebar { margin: 0; padding: 0 1em; }
.sidebar .news-contact.is-desktop { display: block; }
}
@media screen and (max-width:720px) {
.sidebar nav { padding: 0 15px; }
}
/* WIDGETS SIDEBAR STYLES */
.widget-heading { margin-bottom: 1em; font-family: open-sans, sans-serif; font-weight: 600; font-size: .938em; line-height: 1.3; color: #1D376C; }
.news-contact { box-shadow: 1px 2px 7px 1px #ccc; padding: 35px 35px; margin: 40px 0; }
.news-contact.no-shadow { box-shadow: none; margin: 0; }
.news-contact.no-shadow.blue { margin: 40px 0; }
.news-contact.ctaButtonWidget { box-shadow: none; padding: 0; margin: 0; }
.news-contact > .content { color: #231F20; background-color: #fff; /* box-shadow: 1px 2px 7px 1px #ccc; padding: 35px 40px;*/ }
.news-contact > .content > .content, .news-contact > .title + .content { padding: 0 10px; line-height: 1.5; }
.news-contact > .title + .content > .content { padding: 0; }
.news-contact.blue .content { color: #fff; }
.news-contact.no-shadow .content, .news-contact.no-shadow > .title { box-shadow: none; /*padding: 0;*/ }
.news-contact span.title, .news-contact > .title { font-family: minion-pro, serif; font-size: 1.35rem; font-weight: 500; color: #1D376C; line-height: 1.4; padding: 0 10px 10px 10px; margin-bottom: 20px; border-bottom: 1px solid rgba(201,201,201,.5); }
.news-contact .content .title { font-family: open-sans, sans-serif; font-size: .95rem; font-weight: 600; padding: 0; margin-bottom: 0; border-bottom: none; }
.news-contact.blue span.title, .news-contact.blue > .title { color: #fff; }
/*.news-contact > .title { font-family: minion-pro, serif; font-size: 1.1rem; font-weight: 600; color: #fff; background-color: #002d72; text-align: center; padding: 10px 15px; margin-bottom: .5em; box-shadow: 1px 2px 7px 1px #ccc; }*/
.news-contact.blue { background-color: #1D376C; color: #fff; }
.news-contact.blue > .content { background-color: #1D376C; }
.news-contact span { font-size: 1rem; display: block; line-height: 1.95; }
.news-contact span.contact-title { /*font-style: italic;*/ }
.news-contact .name { font-size: 1em; font-weight: 600; display: block; line-height: 1.95; }
.news-contact span strong { font-weight: 600; }
.news-contact span a:not(.ctaButton), .news-contact .content a:not(.ctaButton) { color: #1D376C; }
.news-contact.blue span a, .news-contact.blue .content a { color: #fff; }
.news-contact .impact-font { font-size: 1.1rem; font-family: impact, sans-serif; color: #002d72; }
.in-the-news { margin: 40px 0; }
.in-the-news ul li { margin-bottom: 1em; }
.in-the-news ul li a { font-family: open-sans, sans-serif; font-size: 1rem; line-height: 1.5em; color: #26345C; }
.news-contact .button2 { display: block; width: 100%; font-family: open-sans, sans-serif; color: #002D72; background-color: #fff; font-size: 1.1rem; font-weight: 700; text-align: center; padding: 16px 32px; margin: 20px 0; border: 2px solid #002D72; box-shadow: 1px 2px 7px 1px #ccc; text-decoration: none; transition-duration: 0.4s; }
.belowSidebar .news-contact .button2:hover { background-color: #002D72; color: white; }
.landing .belowSidebar ol, .interior .belowSidebar ol, .interior .belowSidebar ul, .landing .belowSidebar ul { margin: 0; }
.belowSidebar .content ul li, .belowSidebar .content ol li { margin-left: 1rem; }
.news-contact .content a.ctaButton { width: 100%; }
.news-contact .content ul.noStyle li a { text-decoration: none; }
.news-contact .content ul.noStyle li a:hover, .news-contact .content ul.noStyle li a:focus { text-decoration: underline; }
@media screen and (min-width:1061px) {
.belowSidebar { width: 24%; margin-right: 7%; clear: left; }
.col3.sidebar > .belowSidebar { width: 100%; margin-right: 0; }
.col3.sidebar > .belowSidebar .news-contact:first-child { margin: 0 0 40px 0; }
}
@media screen and (max-width:1060px) {
.belowSidebar { padding: 0 30px; }
.belowSidebar .is-desktop { display: block; }
}
@media screen and (max-width:720px) {
.belowSidebar { padding: 0 15px; }
}
/* NEWSROOM */
/* Featured News */
.featuredNews.newsPage { display: flex; flex-direction: row; background-color: #fff; margin: 0 0 15px 0; box-shadow: none; border-bottom: 1px solid #D3D9E6; }
.featuredNews.newsPage .featuredImg { width: 40%; }
.featuredNews.newsPage .featuredArticle { width: 60%; padding: 15px 30px 30px 30px; }
.featuredNews.newsPage .featuredArticle h2 { font-size: 1.5rem; }
.featuredNews.newsPage .btn-link { margin: 13px 0; }
.featuredNews.newsPage a { display: flex; flex-direction: row; text-decoration: none; }
.featuredNews.newsPage a:focus .btn-link, .article a:focus .btn-link { border-bottom: 1px solid rgba(29,55,108,.8); }
.featuredNews.newsPage a:focus .btn-link:after, .article a:focus .btn-link:after { transform: translate(20px, 0%); }
@media screen and (max-width:1060px) {
.featuredNews.newsPage { padding: 25px 30px 0 30px; }
}
@media screen and (max-width:768px) {
.featuredNews.newsPage { flex-direction: column; }
.featuredNews.newsPage .featuredImg { width: auto; }
.featuredNews.newsPage .featuredImg img { width: auto; max-width: none; }
.featuredNews.newsPage .featuredArticle { width: 100%; padding: 25px 0 0 0; }
.featuredNews.newsPage .featuredArticle h2 { font-size: 1.5rem; }
.featuredNews.newsPage a { flex-direction: column; }
}
@media screen and (max-width:720px) {
.featuredNews.newsPage { padding: 25px 15px; }
}
@media screen and (max-width:580px) {
.featuredNews.newsPage .featuredImg img { width: 100%; }
}
.intro.newsMain { position: relative; margin-bottom: 1.5em; }
.intro.newsMain:after { clear: both; display: block; content: ""; }
.intro.newsMain .heading { float: left; }
.intro.newsMain input, .intro.newsMain input[type=checkbox]:checked + label + ul { display: none; }
.intro.newsMain select { float: right; font-size: 1rem; color: #231F20; padding: 10px 38px 10px 10px; border: 1px solid #CED2D9; margin: 15px 0 0 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; background-image: url(../images/dropdown-arrow.svg); background-repeat: no-repeat; background-position: right 15px center; }
.intro.newsMain input[type=checkbox]:checked + label:after { content: '\f0d7'; font-size: .813em; font-family: "Font Awesome 5 Free"; margin-left: 6px; }
.intro.newsMain input[type=checkbox] + label:after { content: '\f0d8'; font-size: .813em; font-family: "Font Awesome 5 Free"; margin-left: 6px; }
.intro.newsMain input[type=checkbox] + label + ul { display: block; position: absolute; right: 0; top: 45px; background: #fff; padding: 1em; box-shadow: -2px 1px 5px #eee0e0; }
.intro.newsMain input[type=checkbox] + label + ul li { margin-bottom: 1em; }
.intro.newsMain input[type=checkbox] + label + ul li a { font-family: open-sans, sans-serif; font-size: .813em; font-weight: 400; color: #21396E; text-decoration: none; }
.feed-listing .article { background: #F4F4F7; padding: 1em; margin-bottom: 1.5em; }
.feed-listing .article:after { clear: both; display: block; content: ""; }
.feed-listing .article img { display: block; max-width: 255px; height: 255px; width: 100%; object-fit: cover; }
.feed-listing a.title, .feed-listing .title { display: block; font-family: minion-pro, serif; font-size: 1.5rem; font-weight: 500; color: #21396E; line-height: 1.1; margin: 20px 0 10px 0; text-decoration: none; }
.feed-listing a.title:hover, .feed-listing a.title:focus { text-decoration: underline; }
.feed-listing p { margin-bottom: .125em; }
.feed-listing ul.pagination { margin: 2em auto; width: 100%; text-align: center; margin-bottom: 2em; }
.feed-listing ul.pagination li { display: inline-block; list-style: none; margin: 0 .5em; }
.feed-listing ul.pagination li.previous, .feed-listing ul.pagination li.next { color: #767C88; }
.feed-listing ul.pagination li a { font-family: open-sans, sans-serif; font-size: .875em; color: #231F20; text-decoration: none; padding: .25em .5em; }
.feed-listing ul.pagination li.current a { background: #7DC8FF; color: #231F20; }
.feed-listing ul.pagination li span em { visibility: hidden; width: 0; height: 0; position: absolute; }
.article-details .btn-link { position: relative; }
.article-details .btn-link > span { position: absolute; left: -99999px; }
@media screen and (max-width:1060px) {
.intro.newsMain, .feed-listing { padding: 30px 30px 0 30px; margin-bottom: 0; }
.intro.newsMain select { width: 100%; }
li.article .image.col4 { width: 31%; float: left; }
li.article .article-details.col8 { width: 65%; float: left; }
.feed-listing ul.pagination li { margin: 0 .125em; }
.intro.newsMain input[type=checkbox] + label + ul { right: 30px; top: 60px; }
}
@media screen and (max-width:1060px) {
.intro.newsMain, .feed-listing { padding: 30px 15px 0 15px; }
}
@media screen and (max-width:580px) {
.feed-listing .article img { max-width: 400px; }
li.article .image.col4, li.article .article-details.col8 { width: 100%; float: none; }
}
@media screen and (max-width:480px) {
.intro.newsMain label { float: none; margin-top: 5em; display: block; }
.intro.newsMain input[type=checkbox] + label + ul { top: 125px; right: auto; left: 1em; }
}
/* NEWS DETAIL/ARTICLE STYLES */
.blog-article { margin-bottom: 2em; }
.blog-article h1.article-title { font-size: 2.813em; margin-bottom: 1rem; }
.blog-article img.featured { display: block; margin-bottom: 2em; max-width: 100%; }
.blog-article .article { border-bottom: 1px solid #D3D9E6; padding-bottom: 2em; margin-bottom: 2em; }
.blog-article .article img { max-width: 100%; }
@media screen and (max-width:1060px) {
.blog-article { padding: 1em; }
.blog-article h1.article-title { font-size: 2.35rem; }
}
/* CALENDAR/EVENTS PAGE STYLES */
#month tbody .next .date, #month tbody .previous .date { color: #555 !important; }
.sidebar-widgets { margin-top: 2em; }
.sidebar-widgets table, .sidebar-widgets table.mini-cal td { border: 0; text-align: center; padding: .5em 0; }
.sidebar-widgets table select { border: 0; font-size: .85rem; color: #231F20; font-weight: 600; letter-spacing: .05em; }
.sidebar-widgets table tr.dow { background: #F4F4F7; }
.sidebar-widgets table tr:not(.dow):nth-child(even) { background: #FFFFFF; }
.sidebar-widgets table td { font-family: open-sans, sans-serif; font-weight: 400; font-size: .75em; color: #231F20; }
.sidebar-widgets table td a { color: #21396E; font-weight: 700; text-decoration: none; }
.sidebar-widgets table td.today, .sidebar-widgets table td.today a { background: #7DC8FF; }
.sidebar-widgets #hc_search input { margin-top: 3em; padding: 1em; width: 100%; font-family: open-sans, sans-serif; font-weight: 400; font-size: .813em; font-style: italic; color: #231F20; }
.sidebar-widgets #hc_search input:after { content: url('../images/keyword-search-icon.png'); display: block; }
.sidebar-widgets .subscribe-links { margin: 2em 0; }
.sidebar-widgets .subscribe-links ul li { margin: .5em 0; }
.sidebar-widgets .subscribe-links ul li a { display: inline-block; border-bottom: 1px solid #68B2E8; font-size: 0.875em; line-height: 1em; color: #21396E; text-decoration: none; }
.filters span.title { display: block; margin-bottom: 1em; font-family: open-sans, sans-serif; font-weight: 600; font-size: .938em; color: #21396E; text-transform: uppercase; }
.filters span.toggle a { font-family: open-sans, sans-serif; font-weight: 600; font-size: .938em; text-transform: none; text-decoration: none; color: #21396E; }
.filters .catCol label { display: block; font-family: open-sans, sans-serif; font-weight: 400; font-size: .875em; color: #26345C; }
.filters .catCol.control-group { padding: 1em.75em; }
.filters .control { font-family: arial; display: block; position: relative; padding-left: 1.5em; margin-bottom: 5px; padding-top: 3px; cursor: pointer; font-size: 1em; }
.filters .control input { position: absolute; z-index: -1; opacity: 0; }
.filters .control_indicator { display: block; position: absolute; top: 10px; left: 0; height: 12px; width: 12px; background: #ffffff; border: 1px solid #D3D9E6; }
.filters .control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator { background: #ffffff; }
.filters .control input:checked ~ .control_indicator { background: #ffffff; }
.filters .control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator { background: #ffffff; }
.filters .control input:disabled ~ .control_indicator { background: #ffffff; opacity: 0.6; pointer-events: none; }
.filters .control_indicator:after { box-sizing: unset; content: ''; position: absolute; display: none; }
.filters .control input:checked ~ .control_indicator:after { display: block; }
.filters .control-checkbox .control_indicator:after { left: 4px; top: 1px; width: 2px; height: 5px; border: solid #707070; border-width: 0 1px 1px 0; transform: rotate(45deg); }
.filters .control-checkbox input:disabled ~ .control_indicator:after { border-color: #ffffff; }
h2.event-list-heading { font-size: 1.563em; margin-bottom: 1em; padding: 0 0 1em 0; border-bottom: 1px solid #D3D9E6; }
section#events { position: relative; margin-top: 1em; padding: 2em 0; }
section#events .header { background: #F4F4F7; padding: 1em 1em; font-family: open-sans, sans-serif; font-weight: 600; font-size: .938em; margin-bottom: 0; color: #21396E; text-transform: none; }
section#events ul li { padding: 1.25em .75em; }
section#events ul li:not(:last-child) { border-bottom: 1px solid #D3D9E6; }
section#events ul li time { display: inline-block; width: 30%; margin-right: 2%; }
section#events ul li a { display: inline-block; width: 60%; font-family: open-sans, sans-serif; font-weight: 600; font-size: 1em; color: #21396E; text-decoration: none; }
section#events .events-nav { position: absolute; top: -.75em; right: 0; width: auto; height: 20px; }
section#events .events-nav.bottom { top: auto; bottom: 0; }
section#events .events-nav a { display: block; float: left; width: 16px; height: 16px; background-repeat: no-repeat; margin: 2px; }
section#events .events-nav .hc_weekly { background-image: url(../images/weekly.png); }
section#events .events-nav .hc_monthly { background-image: url(../images/monthly.png); }
section#events .events-nav .hc_filter { background-image: url(../images/filter.png); }
section#events .events-nav .hc_home { background-image: url(../images/home.png); }
section#events .events-nav .hc_left { background-image: url(../images/left.png); }
section#events .events-nav .hc_right { background-image: url(../images/right.png); }
section#events span.month-group { display: block; font-family: minion-pro, serif; font-size: 1.5em; letter-spacing: .4px; color: #231F20; margin-bottom: 1.5rem; }
.calendarDetails { padding: 35px 0 70px 0; }
.calendarDetails h1 { color: #1D376C; margin-bottom: 30px; }
.calendarDetails dl > dt { float: left; width: 20%; margin-bottom: 20px; font-size: .9rem; }
.calendarDetails dl > dd { float: left; width: 80%; margin-bottom: 20px; font-size: .9rem; }
.calendarDetails #page-content a, .calendarDetails .unstyled a { color: #21396E; }
.calendarDetails #page-content > dl { display: block; float: left; padding-bottom: 20px; border-bottom: 1px solid #dde1eb; }
.calendarDetails #page-content dd > span.label { padding: 1px 5px; border-radius: 3px; }
.calendarDetails .belowLinks .eventsLink { text-align: left; }
.calendarDetails .belowLinks .eventsLink .btn-link:after { display: none; }
.contactInfo { text-transform: uppercase; color: #21396E; font-weight: 600; font-size: .9rem; }
.calendarContact { text-indent: -9999px; }
@media screen and (max-width:1300px) {
.calendarDetails #content { padding: 10px 20px 70px 20px; }
}
@media screen and (max-width:1060px) {
h2.event-list-heading { margin: 0 1rem; }
section#events { padding: 2em 1em; }
section#events ul li time { width: 100%; margin-right: 0; }
section#events ul li a { width: 100%; }
section#events .events-nav { top: -.5em; right: 1em; }
.sidebar-widgets, .filters { padding: 0 1em; }
}
@media screen and (max-width:990px) {
.calendarDetails h1 { font-size: 2.2em; }
.calendarDetails dl > dt { width: 100%; margin-bottom: 0px; }
.calendarDetails dl > dt { width: 100%; margin-bottom: 7px; }
.calendarDetails dl > dd { margin-bottom: 13px; }
.calendarContact { margin-bottom: 0; height: 1px; }
.calendarDetails .belowLinks .eventsLink { text-align: left; }
.downloadLinks { display: none; }
}
/* EVENT DETAIL PAGE STYLES */
.event-info { margin-bottom: 2em; border-bottom: 1px solid #D3D9E6; padding-bottom: 1em; }
.event-info h1.page-title { font-size: 2.813em; margin-bottom: 3rem; }
.event-info span { display: block; color: #231F20; margin-top: 1em; }
.event-info strong { text-transform: uppercase; }
.event-save, .event-share { margin-top: 2em; }
@media screen and (max-width:1060px) {
.event-info h1.page-title { font-size: 2.35rem; }
.event-info, .event-content, .event-save, .event-share { margin: 1em; }
a.btn-link.back { margin: 2em 1em; }
}
/* FILTER OPTIONS PANEL */
#filterSelections { padding: 0 0 0 10px; }
.hiddenLabel { position: absolute; color: #231F20; left: -99999px; z-index: -1; }
#filterSelections .radioGroup { margin-top: 14px; }
#filterSelections .radioGroup legend { display:block; font-size: 1rem; color: #1D376C; padding: 3px 0; letter-spacing: 0; }
#filterSelections .radioGroup .radio { position: relative; }
#filterSelections .radioGroup .radio input { position: absolute; cursor: pointer; opacity: 0; width: 100%; height: 100%; margin: 0; }
#filterSelections .radioGroup .radio label { display:block; font-size: 1rem; color: #231F20; padding: 3px 0; cursor: pointer; }
#filterSelections .radioGroup .radio:hover label { color: #1D376C; text-decoration: underline; }
#filterSelections .radioGroup .radio input[type='radio'].focus label { text-decoration: none; }
#filterSelections .radioGroup .radio label:before { display: inline-block; content: url("../images/program-radio-off-blue.svg"); padding-right: 10px; vertical-align: middle; line-height: 1.2; }
#filterSelections .radioGroup .radio input[type='radio']:checked + label:before, #filterSelections .radioGroup .radio input[type='radio']:focus + label:before { content: url("../images/program-radio-on-blue.svg"); }
#filterSelections .categoryDropdown { width: 100%; font-size: 1rem; border: 1px solid transparent; color: #231F20; border-bottom: 1px solid #CED2D9; background-color: #fff; padding: 8px 38px 8px 8px; margin-left: -8px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/dropdown-arrow.svg); background-repeat: no-repeat; background-position: right 15px center; }
#filterSelections .reset { display: block; width: 100%; padding: 20px 0 0 0; margin: 5px 0 10px 0; text-align: right; }
#filterSelections button[type=reset] { font-size: .85rem; color: #1D376C; border: 1px solid transparent; background: transparent; width: auto; cursor: pointer; text-decoration: underline; }
#filterSelections button[type=reset]:hover, #filterSelections button[type=reset]:focus { color: #2B54AB; }
/* Search Filter */
#searchProgramsBox { margin-bottom: 37px; }
.filterSearch { margin-bottom: .75rem; text-align: right; }
.filterSearch .searchBox { position: relative; width: 100%; font-size: .9rem; text-transform: none; background: #fff; color: #231F20; border: 2px solid #E8E8E8; padding: 15px 30px 15px 50px; background-image: url(../images/search-filter.svg); background-repeat: no-repeat; background-position: left 18px center; }
.content .searchBox::placeholder { color: #6f6f6f; }
.content .searchBox::-webkit-input-placeholder { color: #6f6f6f; }
.content .searchBox::-moz-placeholder { color: #6f6f6f; }
.content .searchBox:-ms-input-placeholder { color: #6f6f6f; }
.content .searchBox:-moz-placeholder { color: #6f6f6f; }
.filterSearch button { color: #1D376C; font-size: .85rem; margin: 0; background: #fff; border: 1px solid transparent; text-decoration: underline; cursor: pointer; vertical-align: bottom; }
.filterSearch button:hover, .filterSearch button:focus { color: #2B54AB; }
.no-results { display: none; }
.mixitup-container-failed > .no-results { display: block; color: #2B54AB; font-weight: 600; }
/* FACULTY LISTING */
.columns.facultyIntro { padding: 0; }
/* Table Version */
.faculty-list { padding-bottom: 2em; }
.faculty-list .list-intro { margin-bottom: 2em; }
.faculty-list .dataTables_length { float: right; text-align: right; font-size: .75em; }
.faculty-list .dataTables_paginate { width: 100%; text-align: center; }
.faculty-list .dataTables_filter { width: 100%; }
.faculty-list .dataTables_wrapper .dataTables_filter input { margin-left: 0; margin-bottom: 2em; padding: 1em; width: 100%; color: #40444D; outline: 0; border: 1px solid #CED2D9; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0; font-size: 0.875em; font-family: open-sans, sans-serif; font-style: italic; text-decoration: none; }
.faculty-list .dataTables_wrapper .dataTables_filter { float: none; text-align: left; }
.faculty-list .dataTables_wrapper .dataTables_filter label { position: relative; }
.faculty-list .dataTables_wrapper .dataTables_filter label:after { content: url('../images/search-arrow.png'); position: absolute; right: 1em; top: 0; }
.faculty-list table.dataTable.no-footer { border-bottom: 0; }
.faculty-list table.dataTable tbody td { padding: 1em; }
.faculty-list table.dataTable thead th, .faculty-list table.dataTable.row-border tbody td, .faculty-list table.dataTable.display tbody th, .faculty-list table.dataTable.display tbody td { border: 0; }
.faculty-list table.dataTable thead th:first-child { background: #7DC8FF; color: #40444D; }
.faculty-list table.dataTable.display tbody tr.even>.sorting_1 { background-color: inherit; }
.faculty-list table.dataTable thead th:not(:last-child) { border-right: 5px solid #FFFFFF; }
.faculty-list table.dataTable a { font-family: open-sans, sans-serif; font-weight: 600; font-size: 1rem; text-decoration: none; color: #21396E; border-bottom: 1px solid #68B2E8; }
.faculty-list table.dataTable tbody tr td:first-child { font-family: open-sans, sans-serif; font-weight: 600; font-size: 1rem; color: #21396E; min-width: 170px; }
.faculty-list table.dataTable.display tbody tr.odd>.sorting_1, .faculty-list table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 { background-color: #F4F4F7; }
.faculty-list .dataTables_wrapper .dataTables_paginate .paginate_button.current, .faculty-list .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #40444D !important; border: 0; background: none; background-color: #7DC8FF; padding: 0 0.5em; }
.faculty-list .dataTables_wrapper .dataTables_paginate .paginate_button { font-size: 0.875em; display: inline-block; min-width: 0; padding: 0.25em; margin: 0 .5em; text-align: center; text-decoration: none !important; cursor: pointer; color: #40444D !important; border: 0; border-radius: 0; }
.faculty-list .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: none; background-color: #FFFFFF; }
.faculty-list .dataTables_wrapper .dataTables_info { font-size: .75em; }
.faculty-list input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; padding-right: 40px; }
@media all and (max-width:1060px) {
.columns.facultyIntro { padding: 0 30px; }
.faculty-list { padding: 0 1em 2em 1em; }
.faculty-list table, .faculty-list thead, .faculty-list tbody, .faculty-list th, .faculty-list td, .faculty-list tr { display: block; }
.faculty-list table.dataTable thead tr { position: absolute; top: -9999px; left: -9999px; }
.faculty-list .dataTables_length { float: none; text-align: right; margin-top: 1em; }
.faculty-list table.dataTable.display tr td { border: none; border-bottom: 2px solid #FFFFFF; position: relative; padding-left: 25%; }
.faculty-list table.dataTable tr td:before { position: absolute; top: .5rem; left: 1rem; width: 45%; padding-right: 1em; white-space: nowrap; font-family: open-sans, sans-serif; font-weight: 600; font-size: .938rem; color: #40444D; }
.faculty-list table.dataTable.hover tbody tr:hover, .faculty-list table.dataTable.display tbody tr:hover { background-color: inherit; }
.faculty-list table.dataTable tr td:nth-of-type(1):before { content: "Name"; }
.faculty-list table.dataTable tr td:nth-of-type(2):before { content: "Title"; }
.faculty-list table.dataTable tr td:nth-of-type(3):before { content: "Phone"; }
.faculty-list table.dataTable tr td:nth-of-type(4):before { content: "Office"; }
.faculty-list table.dataTable tr td:nth-of-type(5):before { content: "Email"; }
.faculty-list .dataTables_wrapper .dataTables_filter input { font-size: 1em; }
}
@media all and (max-width:767px) {
.faculty-list .dataTables_length { float: none; text-align: center; }
}
@media all and (max-width:720px) {
.columns.facultyIntro { padding: 0 15px; }
}
/* Faculty Boxes */
.facultyFilter.columns { padding-top: 0; padding-bottom: 0; }
.columns + .facultyFilter.columns { padding-top: 0; }
.facultyWrapper { position: relative; width: 100%; padding: 0; z-index: 1; }
.facultyContainer {display: -ms-flex; display: -moz-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; margin: 0 0 50px 0; }
.facultyWrapper .facultyLink { position: relative; display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; width: 100%; min-height: 148px; background: #fff; color: #1D376C; margin: 0 0 25px 0; padding: 0; border: 1px solid #E8E8E8; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); text-decoration: none; transition: all .5s ease; }
.facultyWrapper .facultyLink.is-empty { height: 0; min-height: 0; padding: 0; margin: 0; border: none; }
.facultyLink .facultyImg { max-width: 240px; width: 100%; }
.facultyLink .facultyImg img { display: block; max-width: 240px; width: 100%; height: auto /*250px*/; object-fit: cover; object-position: top; }
.facultyInfo { position: relative; width: 72%; height: 100%; padding: 25px 30px; }
.facultyInfo .facultyName { font-family: minion-pro, serif; color: #1D376C; font-size: 1.5rem; font-weight: 500; margin: 0 0 10px 0; padding: 0; }
.facultyInfo .facultyName a { color: #1D376C; text-decoration: none; border-bottom: 1px solid #1D376C; transition: all .4s ease-in-out; }
.facultyInfo .facultyName a:hover, .facultyInfo .facultyName a:focus { color: #2B54AB; border-bottom: 1px solid #2B54AB; }
.facultyInfo .facultyTitle { color: #231F20; font-size: 1.12rem; font-weight: 500; font-style: italic; line-height: 1.5; margin: 8px 0 0 0; }
.facultyInfo .facultyDetails { font-size: .95rem; color: #231F20; margin: 26px 0 0 0; }
.facultyInfo .facultyDetails a { color: #1D376C; }
.facultyInfo .facultyDetails a:hover, .facultyInfo .facultyDetails a:focus { color: #2B54AB; }
.facultyInfo .facultyDetails div { margin: 0 0 2px 0; }
@media screen and (max-width:1060px) {
.facultyWrapper { padding: 0 30px; }
.facultyFilter.columns { padding-top: 0; }
.facultyList .sidebar .title { display: none; }
}
@media screen and (max-width:720px) {
.facultyWrapper { padding: 0 15px; }
}
@media screen and (max-width:580px) {
.facultyLink .facultyImg { max-width: 150px; }
.facultyLink .facultyImg img { height: auto; max-height: 356px; }
}
@media screen and (max-width:480px) {
.facultyContainer { flex-flow: column; }
.facultyWrapper .facultyLink { flex-direction: column; -webkit-flex-direction: column; }
.facultyLink .facultyImg { max-width: 100%; width: 100%; margin: 0 auto; }
.facultyLink .facultyImg img { width: 100%; height: auto; max-height: 356px; padding: 0; }
.facultyInfo { width: 100%; }
}
@media screen and (max-width:375px) {
.facultyLink .facultyImg { max-width: 344px; }
.facultyLink .facultyImg img { height: auto; object-fit: unset; }
}
/* FACULTY BIO */
.faculty-bio:after, .faculty-bio .name:after { content: ""; clear: both; display: block; }
.faculty-bio .facultyImg { display: inline-block; max-width: 175px; width: 100%; padding: 0 30px 0 0; }
.faculty-bio .name { display: inline-block; width: 70%; vertical-align: top; }
.faculty-bio .name h1 { font-size: 2.813em; margin-bottom: 15px; }
.faculty-bio .name h2 { font-size: 1.188em; font-family: open-sans, sans-serif; font-weight: 400; font-style: italic; letter-spacing: .05em; padding-bottom: .75rem; color: #231F20; }
.faculty-bio .article { padding: 30px 0; border-bottom: 1px solid #D3D9E6; }
.faculty-bio .faculty-contact { float: right; padding: 15px 0; margin-right: 0; background-color: #fff; }
.faculty-bio .faculty-contact a { color: #1D376C; }
.faculty-bio .faculty-contact a:hover, .faculty-bio .faculty-contact a:focus { color: #2B54AB; }
.faculty-bio .faculty-contact img { display: block; max-height: 356px; margin-bottom: 1em; }
.faculty-bio .faculty-contact span { display: block; font-size: 1rem; color: #231F20; }
.faculty-bio .faculty-contact .title { margin-bottom: 1em; font-family: open-sans, sans-serif; font-weight: 600; font-size: 1rem; color: #21396E; text-transform: uppercase; }
@media screen and (max-width:1060px) {
.faculty-bio { padding-left: 30px; padding-right: 30px; }
.faculty-bio .facultyImg { width: 100%; padding: 0; }
.faculty-bio .name { width: 100%; padding: 0; }
.faculty-bio .faculty-contact { width: 100%; padding: 0; }
.faculty-bio .name h1 { font-size: 2.35rem; }
.faculty-bio .article { float: left; width: 69%; }
}
@media screen and (max-width:720px) {
.faculty-bio { padding-left: 15px; padding-right: 15px; }
.faculty-bio .facultyImg { width: 100%; padding: 0; }
.faculty-bio .name { width: 100%; padding: 0; }
.faculty-bio .faculty-contact { width: 100%; padding: 0; }
.faculty-bio .article { width: 100%; }
}
/* PROGRAM LISTING */
.columns.programIntro { padding: 0 0 28px 0; }
.columns.programIntro h2 { margin-top: 0; }
/* Program Boxes */
.mfp-bg.programs { opacity: 1; background: -moz-linear-gradient(top, rgba(15,36,78,0.97) 0%, rgba(29,55,108,0.97) 100%); background: -webkit-linear-gradient(top, rgba(15,36,78,0.97) 0%,rgba(29,55,108,0.97) 100%); background: linear-gradient(to bottom, rgba(15,36,78,0.97) 0%,rgba(29,55,108,0.97) 100%);
}
.programsFilter.columns { padding-top: 0; padding-bottom: 0; }
.programWrapper { position: relative; width: 100%; padding: 0; z-index: 1; }
.programContainer {display: -ms-flex; display: -moz-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; margin: 0 0 50px 0; }
.programWrapper a.programLink, .programWrapper .programLink { position: relative; display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; width: 48.5%; min-height: 148px; background: #fff; color: #1D376C; margin: 0 0 25px 0; padding: 25px; border: 1px solid #E8E8E8; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); text-decoration: none; transition: all .5s ease; }
.programWrapper a.programLink:hover, .programWrapper a.programLink:focus { box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.7); }
.programWrapper a.programLink.is-empty, .programWrapper .programLink.is-empty { height: 0; min-height: 0; padding: 0; margin: 0; border: none; }
.programInfo { height: 100%; position: relative; }
.programInfo .programTitle, .programWrapper a.programPop { font-family: minion-pro, serif; color: #1D376C; font-size: 1.25rem; font-weight: 500; margin: 0 0 2px 0; padding: 0; }
.programWrapper a.programPop { text-decoration: none; }
.programWrapper a.programPop:after { display: inline-block; content: "\203A"; font-size: 2rem; transform: translate(2px, 2px); padding: 0 0 0 2px; transition: all 0.3s ease-in-out; }
.programWrapper a.programPop:hover:after, .programWrapper a.programPop:focus:after { transform: translate(7px, 2px); }
.programInfo .collegeTitle, .programInfo a.programSchool { width: 100%; color: #1D376C; font-size: .95rem; font-weight: 500; line-height: 1.5; margin: 18px 0 0 0; text-decoration: underline; }
.programInfo .collegeDegree { font-size: 1rem; font-weight: 500; color: #231F20; }
@media screen and (max-width:1060px) {
.programWrapper { padding: 0 30px; }
.columns.programIntro { padding: 0 30px 28px 30px; }
}
@media screen and (max-width:720px) {
.programWrapper { padding: 0 15px; }
.programWrapper a.programLink, .programWrapper .programLink { width: 100%; }
.columns.programIntro { padding: 0 15px 28px 15px; }
}
/* Program Popup */
.programBox { float: left; margin: 0 auto; color:#231F20; background-color: #fff; width:100%; }
.programBox > .wrapper { display: flex; }
.programBox .programImg { display: block; float: left; position: relative; width: 43%; margin: 0; }
.programBox .programImg img { display: block; object-fit: cover; width: 100%; height: 100%; }
.programBox .programInfo { width: 100%; height: 100%; position: relative; }
.programSummary { position: relative; display: block; float: left; width: 56%; padding: 20px 40px; }
.programSummary.noImage { width: 80%; }
.programSummary .collegeTitle { font-size: 1.125rem; font-weight: 600; line-height: 1; letter-spacing: 0; margin: 0 0 .75rem 0; }
.programSummary .programTitle { display:block; font-family: minion-pro, serif; font-size: 2.28rem; font-weight:500; color: #1D376C; line-height: 1.2; margin: 30px 0 5px 0; }
.programSummary .programInfo .btn-link { margin: 10px 0; }
.programBox .programInfo .summary { max-height: 350px; margin-bottom: 20px; overflow-y:auto; scroll-behavior: smooth; }
.programBox .programInfo .summary::-webkit-scrollbar { width: 11px; height: 11px; }
.programBox .programInfo .summary::-webkit-scrollbar-button { width: 0px; height: 0px; }
.programBox .programInfo .summary::-webkit-scrollbar-thumb { background: #e6e6e6; border: 0px none #fff; border-radius: 79px; }
.programBox .programInfo .summary::-webkit-scrollbar-thumb:hover { background: #dedede; }
.programBox .programInfo .summary::-webkit-scrollbar-thumb:active { background: #dbdbdb; }
.programBox .programInfo .summary::-webkit-scrollbar-track { background: #fff; border: 0px dotted #fff; border-radius: 35px; }
.programBox .programInfo .summary::-webkit-scrollbar-track:hover { background: #fff; }
.programBox .programInfo .summary::-webkit-scrollbar-track:active { background: #fff; }
.programBox .programInfo .summary::-webkit-scrollbar-corner { background: transparent; }
.programs .mfp-container { max-width: 1440px; height: 100%; left: 0; right: 0; margin: auto; }
.programs .mfp-inline-holder .mfp-content { max-width: 1500px; width:100%; }
.programBox .mfp-close { position: absolute; top: -58px; right:0; background: transparent; border: 1px solid transparent; width: 100px; opacity: 1; font-size: 1.4rem; color: #BCE3FF; text-align: right; }
.programBox .mfp-close:before { content:"Close"; position: relative; font-size: 1rem; color: #fff; margin-right: .5rem; vertical-align: middle; text-transform: uppercase; transition: color .4s ease-in-out; }
.programBox .mfp-close:hover:before, .programBox .mfp-close:focus:before { color: #BCE3FF; }
.programs button.mfp-arrow { top: 50%; -webkit-transform: scale(1); transform: scale(1); }
.programs button.mfp-arrow-left, .programs button.mfp-arrow-right { width: 36px; height: 36px; border-radius: 50%; border: 1px solid transparent; background-repeat: no-repeat; opacity: 1; padding: 0; margin: 0; }
.programs button.mfp-arrow-left { background-image: url(../images/circle-nav-arrow-left-blue.svg); left: -40px; right: auto; }
.programs button.mfp-arrow-left:hover { background-image: url(../images/circle-nav-arrow-left-hover.svg); }
.programs button.mfp-arrow-right { background-image: url(../images/circle-nav-arrow-blue.svg); left: auto; right: -40px; }
.programs button.mfp-arrow-right:hover { background-image: url(../images/circle-nav-arrow-hover.svg); }
.programs button.mfp-arrow-left:before, .programs button.mfp-arrow-left:after, .programs button.mfp-arrow-right:before, .programs button.mfp-arrow-right:after { display: none; }
@media screen and (max-width:1500px) {
.programs .mfp-container { width: 90%; }
}
@media screen and (max-width:1060px) {
.programBox > .wrapper { display: block; }
.programSummary.noImage { width: 100%; }
.programBox .programImg { width: 100%; }
.programBox .programImg img { height: 293px; }
.programSummary { width: 100%; padding: 20px 40px; }
.programSummary .programTitle { font-size: 2rem; }
.programs .mfp-container { top:120px; width: 80%; }
.programs button.mfp-arrow-left { left: -35px; }
.programs button.mfp-arrow-right { right: -35px; }
}
@media screen and (max-width:580px) {
.programBox .programImg img { object-fit: unset; height: auto; }
}
/* GOOGLE SEARCH RESULTS */
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #ffffff !important; }
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #006da3 !important; word-wrap: break-word; }
.gs-result .gs-title, .gs-result .gs-title *, .gs-webResult.gs-result a.gs-title:link { color: #006da3 !important; text-transform: uppercase; margin-bottom: 1em; font-family: open-sans, sans-serif !important; font-weight: 600 !important; font-size: .9rem !important; text-decoration: underline; }
.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet { font-family: open-sans, sans-serif !important; font-weight: 400 !important; font-size: .8rem !important; line-height: 1.75em !important; color: #231F20 !important; letter-spacing: .05em !important; }
.gs-webResult div.gs-visibleUrl { color: #006da3 !important; }
.gs-result .gs-image, .gs-result .gs-promotion-image { border: 1px solid #ffffff !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-page { color: #231F20 !important; }
.gcsc-find-more-on-google { color: #006da3 !important; }
/* FOOTER CTA */
.footerCTA { margin-top: 20px; background: rgb(0,61,123); background: -moz-linear-gradient(left, rgba(0,61,123,1) 0%, rgba(8,75,145,1) 100%); background: -webkit-linear-gradient(left, rgba(0,61,123,1) 0%,rgba(8,75,145,1) 100%); background: linear-gradient(to right, rgba(0,61,123,1) 0%,rgba(8,75,145,1) 100%); }
.footerCTA .wrapper { display: flex; width: 100%; max-width: 1470px; margin: 0 auto; padding: 28px 40px; }
.footerCTA .ctaLeft { display: flex; flex-direction: column; max-width: 700px; }
.footerCTA .ctaLeft .subtitle { position: relative; font-family: open-sans, sans-serif; font-size: .95rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #fff; line-height: 1.2; margin: 0 0 7px 0; }
.footerCTA .ctaLeft .text { position: relative; bottom: auto; font-family: minion-pro, serif; font-size: 2.01rem; font-weight: 500; color: #fff; line-height: 1.2; padding: 0; }
.footerCTA .ctaRight { display: flex; flex-direction: row; justify-content: flex-end; max-width: 480px; width: 100%; margin: 0 0 0 auto; padding: 0 0 0 20px; }
.footerCTA .ctaButton { display: flex; align-items: center; text-align: center; justify-content: center; max-height: 54px; height: 100%; font-size: 1rem; border: 2px solid #fff; color: #fff; line-height: 1.1; background-color: #084B91; text-decoration: none; padding: 12px 32px; margin: 8px 12px; transition: all 0.4s ease-in-out; }
.footerCTA .ctaButton { min-width: 215px; }
.footerCTA .ctaButton:hover, .footerCTA .ctaButton:focus { color: #231F20; background-color: #fff; padding: 2% 32px; }
@media screen and (max-width:1060px) {
.footerCTA .ctaRight { flex-direction: column; max-width: 285px; }
.footerCTA .ctaButton { width: auto; height: auto; padding: 16px 40px; }
.footerCTA .ctaButton:hover, .footerCTA .ctaButton:focus { height: auto; padding: 16px 40px; }
.footerCTA .ctaButton { display: block; width: 100%; min-width: 0; max-height: none; }
}
@media screen and (max-width:580px) {
.footerCTA .wrapper { flex-direction: column; }
.footerCTA .ctaLeft { max-width: 100%; flex-direction: column; margin: 0 0 20px 0; }
.footerCTA .ctaRight { max-width: 100%; flex-direction: column; margin: 0; padding: 0; }
.footerCTA .ctaButton { width: 100%; font-size: .9rem; margin: 8px auto; }
}
/* FOOTER */
footer { background: #0F2941; padding: 100px 40px 0 40px; }
footer .wrapper { width: 100%; max-width: 1380px; margin: 0 auto; padding-bottom: 38px; }
footer .center { text-align: center; }
footer .footerLeft, footer .logo, footer .logo img { max-width: 320px; width: 100%; height: auto; }
footer .address { font-family: open-sans, sans-serif; font-weight: 400; font-size: 1rem; color: #CFD4D9; margin-top: 15px; line-height: 1.9; }
footer .address .phone { display: inline-block; line-height: 1; text-decoration: none; color: #CFD4D9; margin: 20px 0 0 0; border-bottom: 1px solid #CFD4D9; transition: all 0.4s ease-in-out; }
footer a.phone:hover, footer a.phone:focus { color: #BCE3FF; border-bottom: 1px solid #BCE3FF; }
footer .column-title { display: block; font-family: open-sans, sans-serif; font-weight: 600; font-size: 1rem; color: #CFD4D9; text-transform: uppercase; margin-bottom: 20px; }
footer ul li a { font-family: open-sans, sans-serif; font-weight: 400; font-size: 1rem; text-decoration: none; color: #CFD4D9; transition: all 0.4s ease-in-out; }
footer ul li a:focus, footer ul li a:hover { color: #BCE3FF; text-decoration: underline; }
footer .social-icons { margin-top: 1.5em; }
.social-icons span { font-size: 1.2rem; margin-right: 20px; padding: 10px 5px; }
.social-icons span.fab { border-radius: 50%; }
.social-icons span:not(.fab) { position: absolute; left: -999999px; }
.social-icons span.fa-facebook-f { /*background: #3B5998;*/ }
.social-icons span.fa-instagram { /*background: #517FA4;*/ }
.social-icons span.fa-instagram:before { margin-left: -3px; }
.social-icons span.fa-flickr { /*background: #FF0084;*/ }
.social-icons span.fa-flickr:before { margin-left: -2px; }
.social-icons span.fa-youtube { /*background: #c4302b;*/ }
.social-icons span.fa-youtube:before { margin-left: -4px; }
.social-icons .youtube { padding-bottom: 0; }
.social-icons span.fa-twitter { /*background-color: #1da1f2;*/ }
.social-icons span.fa-twitter:before { margin-left: -3px; }
.social-icons span.fa-x-twitter { /*background-color: #1da1f2;*/ }
.social-icons span.fa-x-twitter:before { margin-left: -3px; }
footer .social-icons a { color:#fff; transition: all 0.4s ease-in-out; }
footer .social-icons a:hover, footer .social-icons a:focus { color: #BCE3FF; }
footer .footerCol li { line-height: 1.3; margin: 0 0 20px 0; }
footer .copyright.wrapper { padding: 18px 0 40px 0; border-top: 1px solid #5D6E90; font-family: open-sans, sans-serif; font-weight: 400; font-size: .88rem; color: #CFD4D9; }
footer .copyright span { margin: 0 34px 0 0; }
footer .copyright span, footer .copyright a { font-family: open-sans, sans-serif; font-weight: 400; color: #CFD4D9; }
footer .copyright a { margin: 0 34px 0 0; text-decoration: underline; transition: all 0.4s ease-in-out; }
footer .copyright a:hover, footer .copyright a:focus { color: #BCE3FF; }
footer .copyright a.copyrightLink { text-decoration: none; margin: 0; }
footer .copyright a.copyrightLink:hover { text-decoration: underline; }
footer .copyright a:last-child { margin: 0; }
footer p { font-family: open-sans, sans-serif; color: #CFD4D9; }
footer .col6.left p a { color: #CFD4D9; }
footer .return { padding-bottom: 0; }
footer .return a.btn-link { color: #FFFFFF; }
.school footer .wrapper { padding-bottom: 1em; }
#virtual-advisor-open-button { right: 20px !important; bottom: 90px !important; }
@media screen and (min-width:1061px) {
footer .wrapper { display: flex; }
footer .footerLeft { display: flex; flex-direction: column; max-width: 400px; }
footer .footerCol { margin: 0 11% 0 0; }
footer .footerCol:last-child { margin: 0; }
footer .footerRight { display: flex; flex-direction: row; justify-content: flex-end; max-width: 770px; width: 100%; margin: 0 0 0 auto; padding: 0 0 0 20px; }
footer .footerRight.hasInfo { flex-direction: row; max-width: none; padding: 0 0 0 60px; }
footer .footerRight.hasInfo .footerCol { margin: 0 5% 0 0; }
footer .footerRight.hasInfo .col6 { width: 100%; }
}
@media screen and (max-width:1060px) {
footer { padding: 75px 40px 0 40px; }
footer .footerLeft { max-width: 100%; margin: 0 0 50px 0; }
footer .logo { margin: 0 auto; }
footer .footerCol { width: 100%; text-align: center; }
footer .footerCol:not(:first-child), footer .col6, footer .col4 { margin-top: 2em !important; }
footer .left { text-align: center; }
footer span.column-title { margin-bottom: 1em; }
footer a.logo img { display: block; margin: 0 auto; max-width: 250px; }
footer .address, footer .social-icons { text-align: center; }
footer .social-icons { margin-bottom: 15px; }
footer .return { text-align: center; }
footer .copyright.wrapper { text-align: center; }
footer .copyright span { display: block; margin: 0 auto 4px auto; }
footer .copyright a { margin: 0 10px; }
}
/* Ext Link Popup */
.extLinkPopup.open { display:block!important; position:fixed; top:0; left:0; right:0; bottom:0; text-align:center; width:475px; max-width: 90%; margin: auto auto; padding:3.5rem 2.5rem; height:250px; border-radius:10px; z-index:999999; box-shadow: 1px 1px 10px #636363; }
.extLinkPopup a { display:inline-block; margin: 1em 35px 1em 0; }