/* ============================ GLOBAL ELEMENTS * ============================*/ html { -webkit-text-size-adjust: 100%; } html, body { height:100%; } 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, 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, caption, article, aside, canvas, details, embed, figure, figcaption, footer, .header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, .header, hgroup, menu, nav, section { display: block; } body { line-height: 1.9; font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 400; font-size: 1em; color: #202020; background: #fff; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } .mobileOnly { display: none !important; } .tabletOnly { display: none !important; } .desktopOnly { display: block !important; } .hidden { display: none; } .visuallyhidden, .slick-sr-only { position: absolute; left: -99999px; } .loadingContent { visibility: hidden; } input[type=submit], input[type=text], input[type=email], input[type=url], input[type=password] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } select { font-family: 'Montserrat', Helvetica, Arial, san-serif; padding: 5px; cursor: pointer; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; border: 2px solid #F9F9F9; } * { -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .screenreader { position: fixed; top: 0; z-index: 99999; } .screenreader a { position: absolute; width: 260px; padding: 10px; left: -100000px; background-color: #8a2432; color: #fff; font-weight: bold; text-decoration: none; line-height: 1.4; text-align: center; } .screenreader a:hover { text-decoration: underline; } .screenreader a:focus { left: 0; top: 0; } sup { vertical-align: super; font-size:.875em; } ol li { padding-left: 5px; } /* Global Headings */ h1, h2, h3, h4, h5, h6 { width: 100%; display: block; font-family: 'Montserrat', Helvetica, Arial, san-serif; } h1 { font-weight: 800; font-size: 2.2rem; color:#fff; line-height: 1.15; margin-bottom: 13px; } h2 { font-size: 1.9375rem; color:#8a2432; line-height: 1.3; margin-bottom: 13px; font-weight: 600; } h3 { font-size: 1.625rem; color: #202020; line-height: 1.3; font-weight: 500; margin-bottom: 11px; } .two h3:first-child { margin-bottom: 18px; } h4 { font-size: 1.2rem; color: #202020; line-height: 1.3; font-weight: 500; margin-bottom: 11px; } h5 { font-size: 1rem; color: #202020; line-height: 1.3; font-weight: 500; margin-bottom: 11px; } h6 { font-size: .9rem; color: #202020; line-height: 1.3; font-weight: 500; margin-bottom: 11px; } /* Global Content */ a { color: #8a2432; } /* Main Content HREF */ .wysiwygContent a, .columns .content a { color: #8a2432; font-weight: 600; word-wrap: break-word; transition: all 0.4s ease-in-out; } .wysiwygContent a:hover, .columns .content a:hover { color: #4a161d; } .red .wysiwygContent a, .columns.red .content a { color: #fff; font-weight: 600; } .red .wysiwygContent a:hover, .columns.red .content a:hover { color: #fff; } .blue .wysiwygContent a, .columns.blue .content a { color: #fff; font-weight: 600; } .blue .wysiwygContent a:hover, .columns.blue .content a:hover { color: #fff; } /* Callout Link Base */ a.callout, .wysiwygContent a.callout, .columns .content a.callout { font-size: 1.01rem; font-weight: 500; color: #202020; text-decoration: none; padding-bottom: 0; margin-right: 22px; transition: all 0.4s ease-in-out; } a.callout:hover, a.callout:focus, .wysiwygContent a.callout:hover, .wysiwygContent a.callout:focus, .columns .content a.callout:hover, .columns .content a.callout:focus { color: #202020; } a.callout:after, .wysiwygContent a.callout:after, .columns .content a.callout:after { display: inline-block; height: 30px; content: url(/_resources/images/link-circle-arrow-right.svg); padding-left: 8px; vertical-align: top; transition: all 0.3s ease-in-out; } a.callout:hover:after, .wysiwygContent a.callout:hover:after, .columns .content a.callout:hover:after, a.callout:focus:after, .wysiwygContent a.callout:focus:after, .columns .content a.callout:focus:after { padding-left: 15px; content: url(/_resources/images/link-circle-arrow-right.svg); } a.callout:before { display: inline-block; margin-top: 15px; } /* Callout Red Background */ .red a.callout, .wysiwygContent.red a.callout, .columns.red .content a.callout { color: #fff; } .red a.callout:hover, .red a.callout:focus, .wysiwygContent .red a.callout:hover, .wysiwygContent .red a.callout:focus, .columns .red .content a.callout:hover, .columns .red .content a.callout:focus, .columns.red .content a.callout:hover, .columns.red .content a.callout:focus { color: #fff; } .red a.callout:after, .wysiwygContent .red a.callout:after, .columns .red .content a.callout:after, .columns.red .content a.callout:after { color: #fff; content: url(/_resources/images/link-circle-arrow-right.svg); } .red a.callout:hover:after, .wysiwygContent .red a.callout:hover:after, .columns .red .content a.callout:hover:after, .red a.callout:focus:after, .wysiwygContent .red a.callout:focus:after, .columns .red .content a.callout:focus:after, .columns.red .content a.callout:hover:after, .columns.red .content a.callout:focus:after { content: url(/_resources/images/link-circle-arrow-right.svg); } /* Callout Blue Background */ .blue a.callout, .wysiwygContent.blue a.callout, .columns.blue .content a.callout { color: #fff; } .blue a.callout:hover, .blue a.callout:focus, .wysiwygContent .blue a.callout:hover, .wysiwygContent .blue a.callout:focus, .columns .blue .content a.callout:hover, .columns .blue .content a.callout:focus, .columns.blue .content a.callout:hover, .columns.blue .content a.callout:focus { color: #fff; } .blue a.callout:after, .wysiwygContent .blue a.callout:after, .columns .blue .content a.callout:after, .columns.blue .content a.callout:after { color: #fff; content: url(/_resources/images/link-circle-arrow-right.svg); } .blue a.callout:hover:after, .wysiwygContent .blue a.callout:hover:after, .columns .blue .content a.callout:hover:after, .blue a.callout:focus:after, .wysiwygContent .blue a.callout:focus:after, .columns .blue .content a.callout:focus:after, .columns.blue .content a.callout:hover:after, .columns.blue .content a.callout:focus:after { content: url(/_resources/images/link-circle-arrow-right.svg); } /* CTA Line Base */ a.ctaLine { font-size: .88rem; color: #202020; letter-spacing: .03em; font-weight: 400; text-decoration: none; padding-bottom: 4px; border-bottom: 1px solid #8A2432; box-shadow: inset 0 0 0 #8A2432; transition: all 0.4s ease-in-out; } a.ctaLine:hover, a.ctaLine:focus { box-shadow: inset 0 -1px 0 #8A2432; } .red a.ctaLine:hover, .red a.ctaLine:focus, .blue a.ctaLine:hover, .blue a.ctaLine:focus { box-shadow: inset 0 -1px 0 #fff; } .yellow a.ctaLine:hover, .yellow a.ctaLine:focus { box-shadow: inset 0 -1px 0 #000; } /* CTA Button Base */ a.ctaButton { display: inline-block; position: relative; font-size: .97rem; color: #fff; line-height: 1.5; background-color: #8a2432; border: 2px solid #8a2432; text-decoration: none; margin: 11px 0 0 12px; top: 0; left: 0; padding: 11px 25px; letter-spacing: .04em; transition: 0.25s; } .columns .content a.ctaButton { font-weight: 500; color: #fff; } a.ctaButton:after { display: inline-block; vertical-align: top; content: url(/_resources/images/cta-button-arrow.svg); padding: 2px 0 0 23px; } a.ctaButton:before { content: ""; position: absolute; width: 98.5%; height: 96%; top: -12px; bottom: 0; left: -12px; right: 0; background-color: transparent; border: 2px solid #FFB71C; transition: 0.25s; z-index: -1; } a.ctaButton:hover:before, a.ctaButton:focus:before { top: 0; left: 0; } a.ctaButton:hover, a.ctaButton:focus { color: #fff; top: -12px; left: -12px; } .wysiwygContent a.ctaButton:hover, .wysiwygContent a.ctaButton:focus, .columns .content a.ctaButton:hover, .columns .content a.ctaButton:focus { color: #fff; } /* CTA White Button Red BG Base */ .red a.ctaButton, .columns.red .content a.ctaButton { color: #8a2432; background-color: #fff; border: 2px solid #fff; } .red a.ctaButton:after { content: url(/_resources/images/cta-button-arrow-red.svg); } .red a.ctaButton:before { background-color: transparent; border: 2px solid #fff; z-index: 0; } .red a.ctaButton:hover, .red a.ctaButton:focus { color: #8a2432; } .red .wysiwygContent a.ctaButton:hover, .red .wysiwygContent a.ctaButton:focus, .columns.red .content a.ctaButton:hover, .columns.red .content a.ctaButton:focus { color: #8a2432; } /* CTA White Button Blue BG Base */ .blue a.ctaButton, .columns.blue .content a.ctaButton { color: #002F70; background-color: #fff; border: 2px solid #fff; } .blue a.ctaButton:after { content: url(/_resources/images/cta-button-arrow-blue.svg); } .blue a.ctaButton:before { background-color: transparent; border: 2px solid #fff; z-index: 0; } .blue a.ctaButton:hover, .blue a.ctaButton:focus { color: #002F70; } .blue .wysiwygContent a.ctaButton:hover, .blue .wysiwygContent a.ctaButton:focus, .columns.blue .content a.ctaButton:hover, .columns.blue .content a.ctaButton:focus { color: #002F70; } /* WYSIWYG Items */ p { margin-bottom: 22px; } p.subhead, .subhead, h2.subhead { display: block; font-weight: 800; font-size: 1.26rem; color: #202020; line-height: 1.8; text-transform: uppercase; } .wysiwygContent ul, .content ul, .wysiwygContent ol, .content ol { padding: 0 0 0 30px; } .wysiwygContent > ul, .content > ul, .wysiwygContent > ol, .content > ol { padding-bottom: 20px; } em {font-style: italic;} img { height: auto; max-width: 100%; } td img { max-width: none; } strong { font-weight: 700; } iframe { max-width: 100%; } input { border-radius: 0;-webkit-border-radius:0px; } button { font-family: 'Montserrat', Helvetica, Arial, san-serif; } /* Table */ table th, table td { padding: 5px 10px; vertical-align: baseline; } table.stripes { clear: both; border-spacing: 0; border: 1px solid #ccc; } table.stripes th { border: 1px solid #ccc; } table.stripes tr:nth-child(even) { background-color: #efefef; } table.stripes tr { display: table-row; border: 1px solid #ccc; } table.stripes thead td, table.stripes thead th { vertical-align: middle; } table.stripes td { border: 1px solid #ccc; } /* Figure Image */ figure { position: relative; } figure.align-right { float: right; } figure.align-left { float: left; } figure > figcaption { position: relative; color: #202020; font-size: .82rem; font-weight: 600; font-style: italic; line-height: 1.7; clear: both; } figure.align-left, figure.align-right { max-width: 272px; } /* WYSIWYG Image Positioning */ .center { text-align: center; } .align-left, img[align*="left"], img[style="text-align: left"] { float: left; margin: 0 30px 15px 0; } p > .align-left, span > .align-left { margin: 8px 30px 15px 0; } .align-right, img[align*="right"], img[style="text-align: right"] { float: right; margin: 0 0 15px 30px; } p > .align-right, span > .align-right { margin: 8px 0 15px 30px; } img[align*="center"], img[style="text-align: center"] { float: left; margin: 0 30px 15px 30px; } .align-center { text-align: center; display: block; } @media screen and (max-width: 960px) { /* Global */ .tabletOnly { display: block!important; } .desktopOnly { display: none!important; } input { font-size: 1rem; } /* WYSIWYG Items */ p.subhead, .subhead, h2.subhead { font-size: 1.1rem; } } @media screen and (max-width:580px) { .mobileOnly { display: block !important; } /* 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; } figure.align-right { float: left; width: 100%; max-width: 100%; clear: both; } figure.align-left { float: left; width: 100%; max-width: 100%; clear: both; } } /* ============================ GRID LAYOUT * ============================*/ .wrapper { max-width: 1440px; width: 100%; margin: 0 auto; } .landing .mainContent { max-width: 100%; } .interior .mainContent { display: grid; grid-area: 1 / 1 / 8 / 2; grid-template-columns: 1fr 3fr; padding: 20px 20px 0 20px; max-width: 1478px; } .interiorContent { display: grid; grid-area: 1 / 2 / 8 / 2; grid-template-rows: max-content; max-width: 952px; } .sectionNavColumn { display: grid; grid-area: 1 / 1 / 6 / 2; grid-template-columns: 100%; max-width: 404px; width: 100%; padding: 0 62px 0 0; } @media screen and (min-width: 961px) { .interiorContent { margin-top: -25px; } } @media screen and (max-width: 960px) { .interior .mainContent { grid-template-columns: 1fr; } .sectionNavColumn { grid-area: 1 / 1 / 3 / 2; grid-template-columns: 100%; max-width: 100%; margin: 0 0 50px 0; padding: 0; } .interiorContent { display: grid; grid-area: 3 / 1 / 8 / 2; } } @media screen and (max-width: 580px) { .sectionNavColumn { margin: 60px 0 50px 0; } .facultyBioDetail .sectionNavColumn { margin: 46px 0; } } /*Grid Columns*/ .columns { display: grid; position: relative; } .columns .cell.centered { display: flex; align-items: flex-start; justify-content: center; padding: 0 20px; } .columns .cell > img, .columns .cell > a > img, .columns .cell > div > a > img { display: inherit; max-width: 100%; width: 100%; } .columns .one { grid-template-columns: 1fr; } .columns .two { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } .columns .three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .columns .four { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } .columns .oneTwo { display: grid; grid-template-columns: 31% 1fr; gap: 2rem; margin-bottom: 20px; } @media screen and (max-width:960px){ .columns .two, .columns .three, .columns .oneTwo, .columns .four { grid-template-columns: 1fr; grid-column: auto; grid-row: auto; gap: 1.35em; } } /* ============================ HOME MAIN CONTENT * ============================*/ .home .mainContent { padding: 0; } .home .mainContent.wrapper { max-width: 100%; } .home .columns .wrapper { max-width: 1440px; padding: 20px 20px; } .landing .noImage ~ .mainContent .components .wrapper { max-width: 1474px; padding: 35px 20px; } /* ============================ HEADER * ============================*/ .header { position: fixed; width: 100%; background-color: rgba(135,40,55,0.91); border-top: 10px solid #002F70; padding: 0; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.66); z-index: 99999; } .header .wrapper { display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; max-width: 1690px; width: 100%; padding: 25px 20px; margin: 0 auto; z-index: 997; } /* Logo */ .logo { position: absolute; left: 0; right: 0; display: inline-block; max-width: 225px; padding: 0; margin: 0 auto; } .logo a { display: inline-block; color: #fff; } .logo img { max-width: 225px; width: 100%; } /* Header CTA Buttons */ #topNavÑÇÖÞÎÞÂë > .ctaButtons { display: inline-flex; } .header .ctaButtons { display: flex; padding: 0; margin: 0 0 0 auto; list-style-type: none; align-self: center; background-color: transparent; } .header .ctaButtons li { display: inline-block; padding: 0; margin: 0; } .header .ctaButtons li a { color: #fff; font-size: .98rem; font-weight: 500; line-height: 1; text-decoration: none; text-transform: uppercase; margin: 0 12px; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; transition-duration: .4s; transition-timing-function: ease; transition: all 0.4s ease-in-out; } .header .ctaButtons li a:hover, .header .ctaButtons li a:focus { color: #ebeced; padding-bottom: 1px; -webkit-box-shadow: inset 0 -1px 0 #ebeced; box-shadow: inset 0 -1px 0 #ebeced; } /* Main ÑÇÖÞÎÞÂë Toggle ÑÇÖÞÎÞÂë */ #skipToTopNav { display: inline-block; color: #fff; font-weight: 600; line-height: 1; height: 52px; padding: 10px 17px; margin: auto 0; border: 1px solid transparent; background-color: transparent; border-radius: 40px; cursor: pointer; transition: all 0.4s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } #skipToTopNav:hover, #skipToTopNav:focus { background-color: #741a26; color: #fff; } #skipToTopNav > .img { display: inline-block; width: auto; height: 30px; font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 500; font-size: .98rem; line-height: 1.5; text-transform: uppercase; padding: 4px 0 0 60px; background: url(/_resources/images/menu-open-icon.svg) no-repeat left center; } #toggleButtonClose { display: block; color: #fff; background: #8a2432; border: 1px solid #8a2432; border-radius: 40px; cursor: pointer; padding: 10px 17px 6px 17px; margin: 10px 13% 33px 13%; transition: all 0.4s ease-in-out; line-height: 1.4; } #toggleButtonClose:hover, #toggleButtonClose:focus { background-color: #751f2b; color: #ebeced; } #toggleButtonClose > .menuText { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-size: .9rem; font-weight: 600; } #toggleButtonClose > .menuText:before { display: inline-block; content: url(/_resources/images/menu-close-icon.svg); padding: 0 10px 0 0; vertical-align: middle; } /* Main ÑÇÖÞÎÞÂë Container */ #skipToTopNav ~ .topNav, #toggleButtonClose.close ~ .topNav { position: fixed; width: 100%; max-width: 1040px; height: 100%; top: 0; left: -1040px; visibility: hidden; background-color: #872a39; z-index: 99999; transition: all 0.8s ease-in-out; } #skipToTopNav.open ~ .topNav { visibility: visible; left: 0; overflow: auto; } .menuContainer { display:block; position: relative; float: left; width: 100%; height: 100%; color: #fff; background-color: #872a39; margin-top: 0; z-index: -1; overflow-x: hidden; right: 0; } .dim { visibility: hidden; opacity: 0; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.88); transition: all 0.8s ease-in-out; z-index: 2; } .dim.on { visibility: visible; opacity: 1; z-index: 998; } /* Main ÑÇÖÞÎÞÂë */ .mobileWrapper { overflow-y: auto; height: 100vh; margin-bottom: 0; flex:1; border-top: 10px solid #002F70; } .topNavWrapper { display: inline-block; width: 77%; height: auto; padding: 0 13% 0 15%; } #mainÑÇÖÞÎÞÂë { float: left; width: 100%; height: auto; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë { float: left; width: 100%; height: 100%; padding: 46px 0 14px 0px; list-style-type: none; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .navÑÇÖÞÎÞÂë { display: block; position: relative; list-style: none; margin: 0; padding: 0; } /* Main Nav top level navigation item */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem { position: relative; display: inline-block; width: 100%; border-bottom: 1px solid #964652; list-style: none; padding: 0 5px; margin: 0; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem:first-child { border-top: 1px solid #964652; } /* first descendant link within a top level navigation item */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem > a { position: relative; display: inline-block; width: auto; font-size: 2rem; color: #fff; font-weight: 500; line-height: 1.15; text-decoration: none; letter-spacing: .05em; padding: 19px 18px; z-index: 1; } /* focus/open states of first descendant link within a top level navigation item */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem > a:hover, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem > a:focus, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem > a.open { color: #fff; } /* open state of first descendant link within a top level navigation item */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem > a.open { color: #fff; } /* list of items within sub-navigation panel */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav ul { display: inline-block; vertical-align: top; margin: 0; padding: 0 0 10px 0; } /* list item within sub-navigation panel */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav li { display: block; list-style-type: none; line-height: 1.5; margin: 0 0 18px 0; padding: 0; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav li a { color: #fff; font-size: 1.1rem; font-weight: 400; padding: 5px 0; text-decoration: none; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav li a:hover, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav li a:focus { color: #fff; text-decoration: underline; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuExpand { display: block; cursor: pointer; position: absolute; left: auto; right: 0; top: 24px; padding: 17px 20px; z-index: 1; content: ' '; width: 24px; height: 19px; } /* Hide Panel With No SubÑÇÖÞÎÞÂë and work for Mega ÑÇÖÞÎÞÂë Keyboard*/ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem.noSub div.subNav, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem.noSub a:focus ~ div.subNav, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem.n:focus-within a ~ div.subNav { display: none !important; } /* Main Nav Expander */ .navSubButton { position: absolute; width: 100%; height: 60px; background-color: transparent; top: 14px; bottom: auto; left: auto; right: 40px; padding: 0; margin: 0; border: 1px solid transparent; z-index: 0; cursor: pointer; } .navSubButton:after { display: inline-block; float: right; content: url(/_resources/images/menu-sub-caret.svg); transform: translateY(0) rotate(0deg); transition: all 0.4s ease-in-out; } .navSubButton.clicked:after, .menuItem.sub > a:focus + .navSubButton:after, .menuItem.sub:focus-within > a+ .navSubButton:after { transform: translateY(0) rotate(-180deg); } /* Resources and Info For */ .menuMorePanel { display: inline-block; width: 75%; padding: 22px 17% 0 17%; } .menuMoreName { font-size: .88rem; font-weight: 500; text-transform: uppercase; color: #fff; letter-spacing: .09em; margin: 0 0 7px 0; } .menuMoreInfo { float: left; width: 50%; padding: 0 20px 0 0; } .menuMoreInfo > .wrapper { display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; max-width: 1460px; width: 100%; padding: 0 20px; margin: 0 auto; } .menuMoreInfo .infoÑÇÖÞÎÞÂë ul { display: block; list-style-type: none; padding: 0; margin: 0; } .menuMoreInfo .infoÑÇÖÞÎÞÂë ul li { line-height: 1.65; } .menuMoreInfo .infoÑÇÖÞÎÞÂë a { display: inline-block; font-size: .88rem; font-weight: 400; color: #fff; padding: 6px 15px 5px 0; text-decoration: none; transition: all 0.4s ease-in-out; } .menuMoreInfo .infoÑÇÖÞÎÞÂë a:hover, .menuMoreInfo .infoÑÇÖÞÎÞÂë a:focus { text-decoration: underline; } /* Search Bar and Input */ .searchIntro { font-size: .88rem; font-weight: 500; text-transform: uppercase; color: #fff; letter-spacing: .09em; margin: 0 0 12px 0; } .searchÑÇÖÞÎÞÂë #searchSubÑÇÖÞÎÞÂë { position: absolute; top: 100%; bottom: auto; left: auto; right: 0; width: 568px; padding: 5px 28px 28px 28px; margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; background-color: rgba(255,255,255,0.95); -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.55); box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.55); transition: all 0.4s ease-in-out; } #searchBox { position: relative; display: flex; padding: 0; } .searchBox[type=text] { display: inline; height: 65px; font-family: 'Montserrat', sans-serif; color: #fff; background-color: #741a26; -webkit-appearance: none; -moz-appearance: none; padding: 15px 30px; margin-bottom: 0; width: 100%; border: 1px solid #741a26; border-radius: 40px; font-size: 1.01rem; } .searchBox::placeholder{ color: #fff; } .searchBox::-webkit-input-placeholder { color: #fff; } .searchBox::-moz-placeholder { color: #fff; } .searchBox:-ms-input-placeholder { color: #fff; } .searchBox:-moz-placeholder { color: #fff; } .searchContainer input[type=search] { float: left; border: 0; padding: 10px 6px; width: 85%; font-size: 1rem; -webkit-appearance: none; margin: 0; font-style: normal; } .searchContainer button[type=submit] { position: absolute; top: 0; bottom: 0; left: auto; right: 18px; font-size: 1.125em; width: 52px; height: 52px; padding: 0; margin: auto 0; cursor: pointer; border: 1px solid #741a26; border-radius: 50%; background-color: #741a26; background-image: url(/_resources/images/search-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 27px; transition: all 0.4s ease-in-out; } .searchContainer button[type=submit]:hover, .searchContainer button[type=submit]:focus { background-color: #8a2432; } @media screen and (max-width: 1440px) and (min-width: 961px) { .header .wrapper { padding: 25px 20px 25px 10px; } /* Main ÑÇÖÞÎÞÂë Toggle ÑÇÖÞÎÞÂë */ #toggleButtonClose { margin: 10px 13% 33px 6%; } /* Main ÑÇÖÞÎÞÂë Container */ .topNavWrapper { padding: 0 13% 0 8%; } #skipToTopNav ~ .topNav, #toggleButtonClose.close ~ .topNav { max-width: 920px; } /* first descendant link within a top level navigation item */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem > a { font-size: 1.8rem; padding: 16px 18px; } /* list item within sub-navigation panel */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav li a { font-size: 1rem; } /* Resources and Info For */ .menuMorePanel { width: 65%; padding: 22px 11%; } } @media screen and (min-width: 961px) { .header > .wrapper { min-height: 118px; } /* ÑÇÖÞÎÞÂë Container */ .menuContainer .rightPanel { position: absolute; top: 0; bottom: 0; left: auto; right: 0; width: 31%; height: 100%; background-color: #751f2b; z-index: -1; } /* first descendant link within a top level navigation item */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë { position: relative; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë > .menuItem { position: unset; transition: all 0.4s ease-in-out; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem > a { display: inline-block; width: 95%; } .navSubButton { left: -999999px; } .navSubButton:after { display: none; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav { position: absolute; top: 0; bottom: 0; left: 100%; width: 64%; padding-top: 73px; padding-left: 21%; z-index: -1; opacity: 0; transition: opacity .7s ease-in-out; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë > .menuItem.sub:hover div.subNav.open, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë a.maintainHover ~ div.subNav { visibility: visible; opacity: 1; z-index: 1; transition: opacity .7s ease-in-out; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem.sub a:focus ~ div.subNav, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem.sub:focus-within a ~ div.subNav { display: block !important; visibility: visible; opacity: 1; z-index: 1; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë > .menuItem:hover, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë > .menuItem:focus-within { padding-left: 15px; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë > .menuItem.sub:hover:after, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë > .menuItem.sub.maintainHover:hover:after, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë > .menuItem.sub:focus-within:after { left: auto; right: 0; content: url(/_resources/images/menu-arrow-icon.svg); } } @media screen and (max-width: 960px) { .header { min-height: 74px; z-index: 9999; } body:not(.home) .mainBody { padding-top: 74px; } .header .wrapper { padding: 0 5px; } .logo { max-width: 124px; margin: 11px auto 0 auto; } .logo img { max-width: 124px; } .header .ctaButtons { display: none; } /* Main ÑÇÖÞÎÞÂë Toggle ÑÇÖÞÎÞÂë */ #skipToTopNav { margin: 6px 10px 0 4px; padding: 5px 14px; } #skipToTopNav ~ .topNav, #toggleButtonClose.close ~ .topNav { max-width: 480px; width: 100%; } #skipToTopNav > .img { background: url(/_resources/images/menu-open-icon-mobile.svg) no-repeat left center; text-indent: -999999px; } #toggleButtonClose { padding: 10px 14px 6px 14px; margin: 10px 20px 33px 4px; } /* Main ÑÇÖÞÎÞÂë Container */ .topNavWrapper { width: 100%; max-width: 480px; padding: 0 20px 9px 20px; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë { padding: 35px 0 14px 0px; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem > a { font-size: 1.55rem; padding: 16px 13px; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem > a.hover ~ div.subNav { display: none; } /* sub-navigation panel */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav { position: relative; display: none; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav ul { padding: 0 0 10px 13px; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë div.subNav li a { font-size: 1rem; } /* sub-navigation panel open state */ #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .navSubButton ~ div.subNav.open { transition: opacity .5s ease-in-out; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem a:focus ~ div.subNav, #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem:focus-within a ~ div.subNav { display: block !important; visibility: visible; opacity: 1; z-index: 1; } #mainÑÇÖÞÎÞÂë .parentÑÇÖÞÎÞÂë .menuItem.open div.subNav { display: block; height: auto; } /* Search ÑÇÖÞÎÞÂë */ #toggleSearch { width: 27px; height: 51px; padding: 17px 0; } .searchÑÇÖÞÎÞÂë { position: static; } .searchÑÇÖÞÎÞÂë #searchSubÑÇÖÞÎÞÂë { width: 100%; margin: 0; } .searchBox[type=text] { width: 100%; height: 55px; } /* Resources and Info For */ .menuMorePanel { width: 100%; padding: 0 24px; } .menuMoreInfo { padding: 16px 10px; } .menuMoreInfo.tabletOnly { width: 100%; border-top: 1px solid #964652; } } /* ============================ FOOTER * ============================*/ /* Footer */ .footer { position: relative; display: inline-block; float: left; width: 100%; color:#fff; background-color: #8A2432; padding: 0 20px; z-index: 0; } .footer .wrapper { display: flex; max-width: 1460px; } .footer .footerCenter { width: 33.3%; text-align: center; padding: 0 20px; margin: -56px 0 0 0; } .footerTriangle { display: block; position: relative; width: 100%; height: 73px; margin: -73px 0 0 0; z-index: 0; } .footerTriangle .triangleBg { float: right; width: 100%; height: 73px; background: url(/_resources/images/footer-blue-triangle.svg) no-repeat right top; } /* Footer Address */ .footer .footerLogo { max-width: 158px; width: 100%; } .footer .address { font-size: .99rem; font-weight: 300; margin: 0 0 14px 0; line-height: 1.7; } .footer .street { margin: 0 0 4px 0; } .footer .contactInfo a { color: #fff; margin: 0; text-decoration: none; } .footer .contactInfo a:hover { color: #fff; text-decoration: underline; } /* Footer Social */ .footer .socialTitle { display: inline-block; font-size: 1rem; margin: 0; } .footer .socialTitle:after { display: inline-block; content:""; width: 15px; height: 3px; background-color: #fff; margin: 0 14px; vertical-align: middle; } .footer .socialbar { display: block; margin: 34px auto; } .footer .socialbar a { display: inline-block; width: 36px; height: 36px; margin: 0 14px 14px 0; font-size: 1.15rem; color: #8A2432; text-align: center; background-color: #fff; border-radius: 50%; border: 2px solid #fff; transition: all 0.5s ease-in-out; } .footer .socialbar a:last-child { margin: 0; } .footer .socialbar a:hover, .footer .socialbar a:focus { color: #fff; background-color: #8A2432; } .footer .socialbar a span { position: absolute; left: -999999px; } .footer .socialbar a em { width: 100%; text-align: center; } /* Footer Columns */ .footer .footerlinks { width: 33.3%; padding: 30px 0; } .footer .footerlinks.right { text-align: right; } .footer .footerlinks ul { list-style: none; } .footer .footerlinks ul li { display: block; font-size: .88rem; font-weight: 300; line-height: 1.5; margin: 0 0 7px 0; } .footer .footerlinks a { font-size: .88rem; text-decoration: none; color: #fff; } .footer .footerlinks a:hover, .footer .footerlinks a:focus { text-decoration: underline; } .footer .subtitle { display: block; font-size: .88rem; font-weight: 500; color: #fff; text-transform: uppercase; margin: 28px 0 2px 0; letter-spacing: .09em; } /* Footer Subfooter */ .footer .subFooter { width: 100%; font-size: .88rem; font-weight: 300; } .footer .subFooter .wrapper { border-top: 1px solid #964652; padding: 16px 0; margin-top: 30px; justify-content: space-between; } .footer .subFooter a { color: #fff; font-weight: 400; text-decoration: none; } .footer .subFooter a:hover, .footer .subFooter a:focus { color: #fff; font-weight: 400; text-decoration: none; } .footer .subFooter p { margin-bottom: 0; } @media all and (max-width: 1180px) { .footer .socialTitle { display: block; } } @media all and (min-width: 961px) { /* Footer Columns */ .footer .footerCenter { order: 2; } .footer .footerlinks.left { order: 1; } .footer .footerlinks.right { order: 3; } } @media all and (max-width: 960px) { /* Footer */ .footer .wrapper { flex-direction: column; text-align: center; } .footerTriangle { height: 40px; margin: -40px 0 0 0; } .footerTriangle .triangleBg { height: 40px; } .footer .footerCenter { width: 100%; padding: 0; } /* Footer Address */ .footer .footerLogo { max-width: 125px; margin: 0 0 32px 0; } /* Footer Social */ .footer .socialTitle { display: inline-block; } .footer .socialbar { margin: 27px auto; } /* Footer Columns */ .footer .subtitle { color: #fff; margin-top: 0; } .footer .footerlinks { width: 100%; padding: 0; } .footer .footerlinks.right { width: 100%; text-align: center; } .footer .footerlinks ul { margin: 0 0 30px 0; } /* Footer Subfooter */ .footer .subFooter .wrapper { padding: 25px 0; } .footer .subFooter .wrapper .left { margin: 0 0 12px 0; } } @media all and (max-width: 480px) { .footer .address { max-width: 330px; margin: 0 auto; padding: 0 30px; } } @media all and (max-width: 374px) { .footer .socialTitle { display: block; } .footer .socialTitle:after { margin: 0 0 0 14px; } } /* ============================ HOME IMPACT * ============================*/ .impact { position: relative; background: #202020; overflow: hidden; width: 100%; height: 964px; margin: 0 auto; } .impact img, .impact video { position: relative; width: 100%; height: 964px; display: block; z-index: 0; padding: 0; margin: 0; object-fit: cover; } .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%); } .impact video::-webkit-media-controls { opacity: 0; } .impact .sliderMain .caption { display: none; } .impact .slick-initialized .caption, .impact .videoTexture + .caption { display: block; position: absolute; width: 100%; max-width: 1455px; margin: 0 auto; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; } .impact .caption .wrapper { max-width: 1400px; height: 100%; } .impact .caption.left .wrapper .captionContent { position: absolute; top: 3.5%; left: 90px; width: 53%; height: 100%; display: -ms-flexbox; display: flex; align-items: start; justify-content: center; flex-direction: column; } .impact .caption.right .wrapper .captionContent { position: absolute; top: 3.5%; right: 90px; width: 53%; height: 100%; display: -ms-flexbox; display: flex; text-align: right; align-items: end; justify-content: center; flex-direction: column; } .impact .caption.center .wrapper .captionContent { position: absolute; top: 3.5%; left: 0; right: 0; width: 53%; height: 100%; text-align: center; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: auto; } .impact .caption .wrapper h1, .impact .caption .wrapper h2 { color: #fff; letter-spacing: 0; line-height: 1.15; margin-bottom: 27px; } .impact .caption .smallText { display: block; font-size: 2.78rem; font-weight: 500; } .impact .caption .largeText { display: block; font-size: 4.68rem; font-weight: 600; font-style: italic; } .impact .caption .wrapper .subtext { font-size: 1.48rem; font-weight: 300; color: #fff; line-height: 1.2; margin-bottom: 25px; } .impact .caption.center .wrapper .subtext { margin-left: auto; margin-right: auto; } .impact .caption .wrapper .subtext p:last-of-type { margin-bottom: 0; } .impact a.ctaButton { background-color: #002f70; border: 2px solid #002f70; } .impact a.ctaButton:before { border: 2px solid #fff; } .impact .caption.center a.ctaButton { margin: 0 auto; } .impact .slick-slider { margin-bottom: 0; overflow:hidden; } .impact ul.slick-dots { bottom: 2%; text-align: right; right: 30px; } .impact ul.slick-dots > li { position: relative; } .impact ul.slick-dots > li button { text-indent: -99999px; display: inline-block; padding: 0; margin: 0 5px 10px 0; width: 40px; height: 5px; color: #fff; background-color: rgba(255, 255, 255, .75); border: none; transition: all 0.4s ease-in-out; } .impact ul.slick-dots > li:hover button, .impact ul.slick-dots > li button:focus { background-color: #872837; } .impact ul.slick-dots > li.slick-active button { background-color: #741a26; } .impact ul.slick-dots > li:last-child { margin-right: 0; } .impact .slick-prev, .impact .slick-next { color: #fff; top: 54%; bottom: auto; background-color: rgba(32, 32, 32, 0.90); width: 72px; height: 75px; } .impact .slick-prev { left: 0; right: auto; } .impact .slick-next { left: auto; right: 0; } .impact .slick-prev:before, .impact .slick-next:before { font-size: 1.4rem; } .impact .impactGradient { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(28,28,28,0.1) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(28,28,28,0.1) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(28,28,28,0.1) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); z-index: 0; } /* ADA Slider Play/Pause Controls */ .slick-autoplay-toggle-button { position: absolute; right: 6%; bottom: 53px; z-index: 10; background: none; border: 0; cursor: pointer; color: #741a26; } .slick-autoplay-toggle-button .slick-pause-icon, .slick-autoplay-toggle-button .slick-play-icon { display: block !important; width: 48px; height: 48px; background-repeat: no-repeat; background-position: center center; background-size: 100%; } .slick-autoplay-toggle-button .slick-pause-icon[style="display: none;"], .slick-autoplay-toggle-button .slick-play-icon[style="display: none;"] { display: none !important; } .slick-autoplay-toggle-button .slick-pause-icon { background-image: url(/_resources/images/pause-button.svg); } .slick-autoplay-toggle-button .slick-play-icon { background-image: url(/_resources/images/play-button.svg); } .impact .slick-autoplay-toggle-button { color: #741a26; } .impact .slick-pause-text, .impact .slick-play-text { color: #fff; } /* Video Play/Pause Controls */ #playButton { z-index: 2; position: absolute; top: auto; bottom: 45px; left: auto; right: 6%; width: 58px; height: 48px; cursor: pointer; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; } #playButton span { color: #fff; display: block; position: absolute; text-indent: -999999px; } #playButton:after { content: url(/_resources/images/pause-button.svg); color: #fff; } #playButton.on.initial:after { content: url(/_resources/images/pause-button.svg); } #playButton.on:after,#playButton.initial:after { content: url(/_resources/images/play-button.svg); } @media screen and (max-width:1840px){ .impact ul.slick-dots { bottom: 9%; } /* ADA Slider Play/Pause Controls */ .impact .slick-autoplay-toggle-button { bottom: 70px; } } @media screen and (max-width:1750px){ #playButton { right: 25px; } } @media screen and (max-width:1440px){ .impact, .impact img, .impact video { height: 632px; } .impact .caption.left .wrapper .captionContent { left: 120px; } .impact .caption.right .wrapper .captionContent { right: 120px; } .impact .caption.left .wrapper .captionContent, .impact .caption.right .wrapper .captionContent, .impact .caption.center .wrapper .captionContent { width: 75%; } .impact .caption .smallText { font-size: 2.2rem; } .impact .caption .largeText { font-size: 4.1rem; } .impact .caption .wrapper .subtext { font-size: 1.3rem; } } @media screen and (max-width:960px){ .impact .caption .wrapper { margin: auto; } .impact .caption.left .wrapper .captionContent, .impact .caption.right .wrapper .captionContent { width: 100%; left: 0; padding-left: 75px; padding-right: 75px; } .impact .caption.left .wrapper .captionContent { left: 0; } .impact .caption.right .wrapper .captionContent { right: 0; } .impact .caption.center .wrapper .captionContent { width: 74%; } .impact .caption .wrapper h1, .impact .caption .wrapper h2 { width: 100%; margin-bottom: 20px; } .impact .caption .smallText { font-size: 1.45rem; } .impact .caption .largeText { font-size: 2.45rem; } .impact .caption .wrapper .subtext { font-size: 1rem; } .impact .impactGradient { background: -moz-linear-gradient(top, rgba(28,28,28,0.24) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(28,28,28,0.24) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(28,28,28,0.24) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); } .impact .slick-prev, .impact .slick-next { width: 55px; height: 55px; background-size: 40%; } .impact ul.slick-dots { bottom: 9%; left: 0; right: 0; text-align: center; } /* ADA Slider Play/Pause Controls */ .impact .slick-autoplay-toggle-button { bottom: 9%; right: 10px; left: auto; } .impact .slick-autoplay-toggle-button .slick-pause-icon, .impact .slick-autoplay-toggle-button .slick-play-icon { width: 32px; height: 32px; } #playButton { bottom: 65px; } } /*@media screen and (max-width: 767px) { .impact video { display: none; } #playButton { display: none; } }*/ @media screen and (max-width:580px){ .impact .caption.left .wrapper .captionContent, .impact .caption.right .wrapper .captionContent { padding-left: 52px; padding-right: 50px; } .impact .slick-prev, .impact .slick-next { width: 42px; height: 42px; background-size: 40%; } } @media screen and (max-width:360px){ .impact .caption .wrapper h1, .impact .caption .wrapper h2 { font-size: 2rem; } } /* ============================ LANDING/INTERIOR IMPACT * ============================*/ .impactLanding { position: relative; height: auto; } .impactLanding img { width: 100%; height: 650px; display: block; z-index: 0; padding: 0; margin: 0; object-fit: cover; } .impactLanding .caption { position: relative; height: 100%; padding: 0 20px; z-index: 1; margin-top: -40px;} .impactLanding.landingLeft .caption { max-width: 1330px; width: 100%; } .impactLanding .caption .wrapper { display: flex; max-width: 1440px;} .impactLanding .caption h1, .impactLanding .caption .sectionName { display: flex; width: auto; align-self: flex-end; color: #fff; font-size: 2.8125rem; font-weight: 600; letter-spacing: .03em; line-height: 1.15; background-color: #872837; box-shadow: 3px 3px 6px rgb(0 0 0 / 26%); padding: 15px 37px; } .impactLanding.landingLeft .caption h1, .impactLanding.landingLeft .caption .sectionName {width: auto; } @media screen and (max-width:1440px){ .impactLanding img { height: 550px; } .impactLanding .caption h1, .impactLanding .caption .sectionName { font-size: 2.6rem; } } @media screen and (max-width:960px){ .impactLanding img { height: 450px; } .impactLanding .caption h1, .impactLanding .caption .sectionName { font-size: 2.3rem; text-align: center; padding: 20px 25px; } } @media screen and (max-width:580px){ .impactLanding img { height: 350px; } .impactLanding .caption h1, .impactLanding .caption .sectionName { text-align: center; padding: 20px 25px; margin: 0 auto; } } /* ============================== LANDING/INTERIOR IMPACT NO IMAGE * ==============================*/ .impactLanding.noImage { background-color: #f9f9f9; margin: 0 0 24px 0; } .impactLanding.noImage .caption { padding: 186px 20px 28px 20px; margin-top: 0; } .impactLanding.noImage .caption .wrapper { max-width: 1440px; } .impactLanding.noImage .caption h1, .impactLanding.noImage .caption .sectionName { width: 100%; font-size: 3.15rem; color: #872837; letter-spacing: .02em; line-height: 1.3; background-color: #f9f9f9; padding: 0; margin-bottom: 0; box-shadow: none; } @media screen and (max-width:960px){ .impactLanding.noImage .caption { padding: 38px 20px 28px 20px; margin-top: 0; } .impactLanding.noImage .caption h1, .impactLanding.noImage .caption .sectionName { font-size: 2.3rem; } .interior .impactLanding.noImage .caption { padding: 38px 70px 28px 20px;} } @media screen and (max-width:580px) { .interior .impactLanding.noImage .caption h1 { text-align: left;} } /* ============================ BREADCRUMBS * ============================*/ .breadcrumbs { display: grid; grid-area: 3 / 1 / 3 / 12; width: 100%; padding: 0; margin: 12px auto 50px auto; } .breadcrumbs ol { display: block; max-width: 1490px; width: 100%; padding: 0 57px; margin: 0 auto; list-style: none; } .noImage ~ .breadcrumbs ol { padding: 0 30px; } .breadcrumbs li { display: inline; color: #333; font-size: .99rem; font-weight: 400; padding: 0; } .breadcrumbs li a { color: #8a2432; font-weight: 600; text-decoration: none; } .breadcrumbs li a:hover, .breadcrumbs li a:focus { text-decoration: underline; } .breadcrumbs li + li::before { display: inline-block; margin: 0 12px 0 9px; vertical-align: top; content: url(/_resources/images/breadcrumb-divider.svg); } .landing .noImage ~ .breadcrumbs { margin: 12px auto 27px auto; } .landing .noImage ~ .breadcrumbs ol { max-width: 1474px; padding: 0 20px; } @media screen and (max-width:960px){ .breadcrumbs { margin: 12px auto 20px auto; } .landing .noImage ~ .breadcrumbs { margin: 12px auto 20px auto; } } @media screen and (max-width:580px){ .breadcrumbs { display: none; } } /* ============================ SECTION NAVIGATION * ============================*/ .sectionNav { display: flex; flex-direction: column; position: relative; margin-bottom: 20px; font-size: .98rem; background-color: #f9f9f9; border-top: 8px solid #872837; z-index: 3; width: 100%; } .sectionNav ul { margin: 0; padding: 0; text-indent: 0; list-style: none; } .sectionNav > ul { width: 100%; margin-bottom: 0; padding-bottom: 0; } .sectionNav a.sectionTitle { position: relative; font-size: 1.62rem; font-weight: 600; color: #872837; letter-spacing: .03em; line-height: 1.4; z-index: 1; } .sectionNav a.sectionTitle:hover, #mainWrapper .sectionNav a.sectionTitle:focus { color: #872837; text-decoration: underline; } .sectionNav ul li.row { padding: 28px 30px 20px 30px; } .sectionNav ul li { position: relative; font-size: 1rem; line-height: 1.4; padding: 11px 0; margin-bottom: 0; } .sectionNav ul li a { display: inline-block; color: #202020; text-decoration: none; } .sectionNav ul > li > a { font-weight: 400; } .sectionNav ul li::before { content: normal; } .sectionNav ul li.active ul { padding: 2px 0 20px 0; } .sectionNav ul li.active > a { color: #002F70; text-decoration: underline; } .sectionNav ul li.active.sub > a { padding-bottom: 10px; } .sectionNav .content > ul { padding: 9px 0 0 0; } .sectionNav .content ul li a { text-decoration: none; } .sectionNav .content ul li.active a { font-weight: 700; } .sectionNav .content ul li a:hover, .sectionNav .content ul li a:focus { color: #202020; text-decoration: underline; } .sectionNav .content ul > li > ul > li > a:before { float: left; content: '\f105'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #F96B07; font-style: normal; } .sectionNav .content li a:before { position: absolute; top: 10px; left: 22px; } /* Tier 2 */ .sectionNav .content ul > li > a span { padding-left: 0; } /* Tier 3 */ .sectionNav ul > li > ul > li { font-size: .9rem; padding: 10px 5px 10px 14px; } .sectionNav ul > li > ul > li a { text-transform: none; font-weight: 600; } .sectionNav .content ul > li > ul > li a span { display: block; padding-left: 20px; } .sectionNav ul > li > ul > li.active > a { color: #202020; } /* Tier 4 */ .sectionNav ul > li > ul > li.active ul { padding: 0 5px 0 24px; } .sectionNav ul > li > ul > li.active ul li { font-size: 0.85rem; } .sectionNav ul > li > ul > li.active ul li a { display: block; } .sectionNav ul > li > ul > li.active ul li.active > a { color: #202020; } /* Tier 5 */ .sectionNav ul > li > ul > li.active ul > li > ul > li { font-size: 0.8rem; } .sectionNav ul > li > ul > li.active ul > li > ul > li a { display: block; } .sectionNav ul > li > ul > li.active ul > li > ul > li.active > a { color: #202020; } @media screen and (min-width: 961px) { .sectionNav .content { display: block !important; } } @media screen and (max-width: 960px) { .sectionNav { width: 100%; margin-bottom: 0; } .noImage ~ .mainContent .sectionNav { border-top: 4px solid #872837; } .noImage ~ .mainContent .sectionNav a.sectionTitle { font-size: 1.3rem; font-weight: 500; color: #202020; } .sectionNav a.sectionTitle:hover, .sectionNav a.sectionTitle:focus { font-size: 1.3rem; } .noImage ~ .mainContent .sectionNav a.sectionTitle:hover, .noImage ~ .mainContent .sectionNav a.sectionTitle:focus { font-size: 1.3rem; font-weight: 500; color: #202020; } .sectionNav > ul { margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 0; } .sectionNav .navSectionExpander { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; font-size: 1rem; padding: 10px 12px; background-color: #f9f9f9; border: none; cursor: pointer; z-index: 0; } .sectionNav .navSectionExpander:before { position: absolute; top: 22px; right: 16px; width: 20px; height: 16px; content: url(/_resources/images/section-dropdown.svg); transform-origin: 50% 50%; transform: rotate(0deg); transition: all 0.4s ease-in-out; } .noImage ~ .mainContent .sectionNav .navSectionExpander:before { top: 25px; } .sectionNav.open .navSectionExpander:before { transform: rotate(-180deg); } .sectionNav ul li.row { max-width: 100%; padding: 12px 15px; } .noImage ~ .mainContent .sectionNav ul li.row { padding: 18px 15px; } .sectionNav .content { display: none; width: 100%; padding: 0 0 10px 0; } } @media screen and (max-width: 767px) { .sectionNav { width: 100% !important; margin: 0; } } /* ============================ SECTION SHOW/HIDE * ============================*/ .more button, .less button { font-size: 1rem; font-weight: 600; color: #8a2432; background-color: #f9f9f9; border: 1px #f9f9f9 solid; padding: 20px 0 10px 0; cursor: pointer; } @media screen and (max-width: 960px) { .sectionNav .content ul li.toggleable { display: block !important; } } /* ============================ SECTION SIDEBAR * ============================*/ .sideBar h2 { font-size: 1.5rem; color: #202020; line-height: 1.2; font-weight: 700; margin-bottom: 15px; } .interior .columns.sideBar .wrapper { padding-top: 20px; padding-bottom: 20px; } /* ============================ SCROLL DOWN BASE * ============================*/ .scrollDown { position: absolute; top: -45px; bottom: auto; left: 118px; right: auto; animation: bounceVertical 10s ease 0s infinite normal none; z-index: 1; } .scrollDown:hover, .scrollDown:focus { animation: none; } .scrollDown:before { content: url(/_resources/images/down-icon.svg); } @keyframes bounceVertical { 0%, 100% { transform: translateY(0); } 10%, 30%, 50%, 70% { transform: translateY(-8px); } 20%, 40%, 60% {transform: translateY(8px); } 80% { transform: translateY(6.4px); } 90% { transform: translateY(-6.4px); } } .paused { -webkit-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -o-animation-play-state: paused !important; animation-play-state: paused !important; } @media screen and (max-width:960px){ .scrollDown:before { content: url(/_resources/images/down-icon-mobile.svg); } } @media (prefers-reduced-motion) { .scrollDown { animation-name: dissolve; } } /* ============================ HOME PROGRAM FINDER * ============================*/ .programFinder { width: 100%; padding: 0; z-index: 2; } .programFinder > .wrapper { position: relative; display: grid; max-width: 1545px; width: 100%; margin: -30px auto 0 auto; padding: 0 30px 35px 0; z-index: 1; } img.programSearchBg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .programSearchArea .subName { font-size: .88rem; font-weight: 500; color: #fff; text-transform: uppercase; letter-spacing: .09em; margin: 0 0 7px 0; } .programSearchArea .programSearchIntro { font-size: 1.2rem; font-weight: 600; color: #fff; letter-spacing: .01em; margin: 0 0 12px 0; } .programSearchArea h2 { font-size: 1.62rem; font-weight: 500; color: #fff; letter-spacing: 0; line-height: 1.25; margin: 0 0 22px 0; } .programSearchArea p { font-size: 1rem; color: #fff; margin-bottom: 7px; text-align: right; } .programSearchArea a.ctaLine { color: #fff; border-bottom: 1px solid #fff; box-shadow: inset 0 0 0 #fff; } .programSearchArea a.ctaLine:hover, .programSearchArea a.ctaLine:focus { box-shadow: inset 0 -1px 0 #fff; } .programSearchArea { position: relative; width: 96%; max-width: 884px; padding: 83px 58px 40px 76px; margin: 0 0 0 4%; background-color: rgba(135,40,55,0.97); } .programSearchInner { position: relative; width: 100%; max-width: 446px; } .programSearchArea #filters { position: relative; margin: 0 0 20px 0; z-index: 1; } .programSearchArea #filters label .visuallyhidden { background-color: #fff; } .programSearchArea input.searchBox {width: 100%; height: 50px; margin-bottom: 0; font-size: 1rem; padding: 23px 70px 23px 25px; border: 1px solid #fff; color: #272727; background: #fff url(../images/search-filter-icon-home-programs.svg) no-repeat; background-position: right 24px top 10px; } .programSearchArea .searchBox::placeholder{ color: #272727; } .programSearchArea .searchBox::-webkit-input-placeholder { color: #272727; } .programSearchArea .searchBox::-moz-placeholder { color: #272727; } .programSearchArea .searchBox:-ms-input-placeholder { color: #272727; } .programSearchArea .searchBox:-moz-placeholder { color: #272727; } .programSearchArea .searchFilterButton { position: absolute; height: 50px; width: 40px; top: 0; bottom: 0; left: auto; right: 20px; color: #272727; background: #fff url(../images/search-filter-icon-home-programs.svg) no-repeat center; z-index: 1; } .programSearchArea .programsContainer { position: absolute; display: block; width: 100%; left: 0; right: 0; margin: -8px 0 0 0; background-color: #fff; border-radius: 10px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.66); z-index: 2; } .programSearchArea .programsContainer .mix a, .programSearchArea .programsContainer .fail-message { display: block; width: 100%; padding: 10px 25px; margin: 0; font-size: 1rem; text-decoration: none; color: #202020; } .programSearchArea .programsContainer .mix a { width: 95%; border-bottom: 1px solid #f1f1f1; padding: 10px; margin: 0 2.5%; } .programSearchArea .programsContainer .mix a:hover, .programSearchArea .programsContainer .mix a:focus { color: #8a2432; } @media screen and (max-width:1540px){ .programFinder .scrollDown { top: -26px; left: 50px; } .programSearchArea { width: 100%; padding: 83px 48px 40px 48px; margin: 0; } } @media screen and (min-width:1441px){ .programSearchArea { min-height: 494px; } } @media screen and (max-width:1440px){ .programSearchArea { max-width: 100%; width: 60%; } } @media screen and (max-width:1280px){ .programSearchInner { max-width: 420px; } .programSearchArea h2 { font-size: 1.5rem; line-height: 1.35; } } @media screen and (max-width:1100px){ .programSearchInner { max-width: 360px; } .programSearchArea h2 { font-size: 1.5rem; line-height: 1.35; } } @media screen and (min-width:961px){ .programSearchArea { grid-area: 1/5/1/1; } } @media screen and (max-width: 960px) { .programFinder { padding: 0; } .programFinder > .wrapper { display: block; padding: 0 0 30px 0; } .programSearchArea { width: 100%; padding: 83px 48px 102px 48px; } .programSearchInner { max-width: 100%; } } /* ============================ PROGRAMS GALLERY SLIDER * ============================*/ .programGallery { position: relative; overflow: hidden; width: 100%; max-width: 855px; margin: 85px 0 35px auto; box-shadow: 32px 32px 0 -16px #002F70; z-index: 1; } .programGallery .slick-slider { display: flex; flex: auto; margin-bottom: 0; overflow: hidden; } .programGallery .slick-track { display: flex; } .programGallery .slick-list { display: flex; min-height: 494px; color: #fff; background-color: #002f70; font-style: italic; } .programGallery .slick-slide { height: 100%; } .programGallery .slick-slide > div, .programGallery .slick-slide > div > div { height: 100%; } .programGallery .slick-slide > div > div > a { display: flex; text-decoration: none; } .programGallery .slick-slide > div > div > a p { display: inline; border-bottom: 1px solid transparent; box-shadow: inset 0 0 0 transparent; transition: all 0.4s ease-in-out; } .programGallery .slick-slide > div > div > a:hover p, .programGallery .slick-slide > div > div > a:focus p { box-shadow: inset 0 -1px 0 #fff; } .programGallery img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 100%; height: 100%; min-height: 494px; object-fit: cover; margin: 0 auto; } .programGallery .caption { display: none; flex: auto; position: relative; width: 100%; max-width: 1360px; height: auto; margin: auto auto 0 auto; padding: 18px; z-index: 1; } .programGallery .caption:before { display: block; position: absolute; top: 20px; bottom: auto; left: 22px; right: auto; width: 55px; height: 55px; content:""; background: url(/_resources/images/angled-arrow-icon.svg) no-repeat; } .programGallery .slick-initialized .caption { display: flex; } .programGallery .caption .wrapper { display: flex; max-width: 1400px; justify-content: end; } .programGallery .caption .wrapper .left { position: relative; max-width: 100%; width: 100%; height: 100%; padding: 15px 30px 15px 74px; display: -ms-flexbox; display: flex; align-items: start; flex-direction: column; } .programGallery .caption .wrapper .subtext { font-size: 1rem; font-weight: 400; color: #fff; line-height: 1.75; } .programGallery .subtext p:last-child { margin-bottom: 0; } .programGallery .slick-prev, .programGallery .slick-next { color: #fff; top: 48%; bottom: auto; width: 55px; height: 55px; background-size: 40%; } .programGallery .slick-prev { left: 0; right: auto; } .programGallery .slick-next { left: auto; right: 0; } .programGallery .slick-prev:hover, .programGallery .slick-next:hover { background-color: rgba(32, 32, 32, 1); } .programGallery .slick-prev:before, .programGallery .slick-next:before { font-size: 1.4rem; } .programGallery .captionGradient { position: absolute; top: auto; bottom: 0; right: 0; left: 0; width: 100%; height: 50%; background: -moz-linear-gradient(top, rgba(28,28,28,0.1) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(28,28,28,0.1) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(28,28,28,0.1) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); z-index: 0; } /* ADA Slider Play/Pause Controls */ .programGallery .slick-autoplay-toggle-button { color: #202020; bottom: 12px; left: auto; right: 9px; } .programGallery .slick-autoplay-toggle-button .slick-pause-icon, .programGallery .slick-autoplay-toggle-button .slick-play-icon { width: 32px; height: 32px; } @media screen and (max-width:1440px){ .programGallery { max-width: 100%; width: 65%; } .programGallery .slick-list, .programGallery img { min-height: 385px; } } @media screen and (max-width:1280px){ .programGallery .slick-list, .programGallery img { min-height: 340px; } } @media screen and (max-width:1100px){ .programGallery .slick-list, .programGallery img { min-height: 320px; } } @media screen and (min-width:961px){ .programGallery { grid-area: 1/5/3/4; } .programGallery .slick-slide > div > div { display: inline-flex !important; } } @media screen and (max-width:960px){ .programGallery { width: 100%; max-width: 100%; margin: -72px auto 35px auto; box-shadow: none; } .programGallery .slick-slide > div > div > a { flex-direction: column; } .programGallery .slick-list { margin: 0 20px; background-color: #202020; } .programGallery .caption:before { top: -20px; left: 30px; width: 37px; height: 37px; background-size: 37px 37px; } .programGallery .imageGradient { display: block; position: relative; } .programGallery .imageGradient:before { position: absolute; top: auto; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; content:""; background: -moz-linear-gradient(top, rgba(28,28,28,0.1) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(28,28,28,0.1) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(28,28,28,0.1) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); z-index: 1; } .programGallery img { position: relative; height: auto; min-height: 1px; max-height: 335px; } .programGallery .caption .wrapper .left { padding: 10px 30px 8px 5px; } .programGallery .slick-prev, .programGallery .slick-next { top: 42%; } .programGallery .slick-prev { left: 8px; } .programGallery .slick-next { right: 8px; } .programGallery .slick-autoplay-toggle-button { right: 26px; } } /* ============================ INFOGRAPHICS * ============================*/ .infographics { overflow-x: hidden; } .interior .infographics .material-symbols-outlined { padding: 0 10px; } .interior .infographics .infographic .infographicInner { padding: 0 10px; } .infographics .infographic:not(:last-child) .infographicInner { border-right: none; } .infographics .infographic:not(:last-child) { border-right: 1px solid #FF9E25; } @media screen and (max-width:1225px){ .infographics .infographic:not(:last-child) { border-right: none; } } /* ============================ HOME INFOGRAPHICS * ============================*/ .homeInfographics { width: 100%; padding: 64px 0; background-color: #F9F9F9; } .homeInfographics.columns > .wrapper { position: relative; display: flex; flex-direction: row; max-width: 1490px; width: 100%; margin: 0 auto; padding: 0; } .homeInfographics .infographic { position: relative; height: 100%; align-self: center; flex: 1 1 0; } .homeInfographics .material-symbols-outlined { display: block; width: 100%; font-size: 6rem; color: #002f70; padding: 0 25px; margin: 0 auto 15px auto; } .homeInfographics .infographicWrap { display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; text-align: center; line-height: 1; align-items: center; } .homeInfographics .infographic .infographicInner { display: flex; flex-direction: column; flex: auto; width: 100%; padding: 5px 20px 0 20px; } .homeInfographics .infographic:not(:last-child) .infographicInner { border-right: 1px solid #FF9E25; } .homeInfographics .infographic .infoStat { font-size: 2.4rem; color: #872837; font-weight: 600; letter-spacing: .03em; } .homeInfographics .infographic .infoText { font-size: 1.38rem; font-weight: 400; color: #202020; line-height: 1.4; padding: 0; margin: 15px 0 0 0; } @media screen and (max-width: 1023px) { .homeInfographics { padding: 17px 0; } .homeInfographics.columns > .wrapper { flex-direction: column; padding: 0 20px; } .homeInfographics .infographic:not(:last-child) .infographicInner { border-right: none; } .homeInfographics .infographic:last-child { padding-bottom: 10px; } .homeInfographics .infographic { width: 100%; max-width: 500px; padding: 20px 0; } .homeInfographics .infographic:not(:last-child) { border-bottom: 1px solid #FF9E25; } .homeInfographics .material-symbols-outlined { max-width: 112px; width: 100%; align-self: center; padding: 0 10px; margin: 0 auto; } .homeInfographics .infographicWrap { display: flex; flex-direction: row; height: 100%; align-items: center; } .homeInfographics .infographic .infographicInner { display: flex; flex-direction: column; position: relative; width: 100%; text-align: left; line-height: 1; padding: 0 18px; } } @media screen and (max-width: 580px) { .homeInfographics .material-symbols-outlined { font-size: 5rem; } .homeInfographics .infographic .infoStat { font-size: 2.5rem; } .homeInfographics .infographic .infoText { font-size: 1.15rem; margin: 0; } } /* ============================ HOVER BOXES * ============================*/ .hoverColumns { width: 100%; padding: 40px 70px; } .home .hoverColumns { padding: 66px 20px; } .interior .hoverColumns { padding: 25px 0; } .hoverColumns.columns > .wrapper { position: relative; display: flex; flex-direction: column; max-width: 1300px; width: 100%; min-height: 425px; margin: 0 auto; padding: 0; } .hoverColumns .subName { font-size: .88rem; font-weight: 500; color: #202020; letter-spacing: .09em; text-transform: uppercase; margin: 0 0 7px 0; } .hoverColumns .sectionNameGroup { display: flex; align-items: flex-start; justify-content: space-between; padding: 0 34px 0 0; } .hoverColumns .sectionName { display: inline-block; max-width: 920px; font-size: 1.65rem; font-weight: 400; letter-spacing: 0; line-height: 1.2; padding: 0 20px 0 0; margin: 0 0 38px 0; } .hoverColumns .sectionName .blue { color: #072F6D; } .hoverColumns .sectionName .red { color: #872837; } .hoverColumns .sectionNameGroup a.ctaButton { display: inline-block; min-width: 223px; margin-bottom: 42px; vertical-align: top; } .hoverColumns .hoverBlock { position: relative; min-height: 548px; background-color: #8a2432; } .landing .hoverColumns .hoverBlock, .interior .hoverColumns .hoverBlock { min-height: 398px; } .hoverColumns .hoverImg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; flex-basis: auto; overflow: hidden; } .hoverColumns .hoverImg img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; z-index: 0; } .hoverColumns .hoverBlock.cell { display: flex; flex-flow: column nowrap; } .hoverColumns .hoverBlock .hoverInner { display: flex; position: relative; width: 100%; flex-basis: auto; flex-grow: 1; opacity: 0; text-align: center; padding: 0; background-color: rgba(90,0,31,0.8); transition: all 0.4s ease-in-out; z-index: 1; } .hoverColumns .hoverBlock a.ctaLine { color: #fff; font-size: .88rem; font-weight: 500; border-bottom: 1px solid #fff; padding-bottom: 2px; } .hoverColumns .hoverBlock a.ctaLine:hover, .hoverColumns .hoverBlock a.ctaLine:focus { color: #fff; border-bottom: 2px solid #fff; padding-bottom: 2px; } .hoverColumns .hoverBlock:nth-child(3) a.ctaLine { color: #202020; border-bottom: 1px solid #202020; } .hoverColumns .hoverBlock:nth-child(3) a.ctaLine:hover, .hoverColumns .hoverBlock:nth-child(3) a.ctaLine:focus { color: #202020; border-bottom: 2px solid #202020; } .hoverColumns .hoverBlock:hover .hoverInner, .hoverColumns .hoverBlock:focus .hoverInner, .hoverColumns .hoverBlock:focus-within .hoverInner { flex-grow: 0; height: 0; } .hoverColumns .hoverBlock .cardFront { position: relative; width: 100%; padding: 24px 28px; color: #fff; background-color: rgba(135,40,55,0.81); z-index: 1; transition: all 0.4s ease-in-out; } .hoverColumns .hoverBlock:nth-child(2) { color: #fff; background-color: #072F6D; } .hoverColumns .hoverBlock:nth-child(2) .cardFront { color: #fff; background-color: rgba(7,47,109,0.81); } .hoverColumns .hoverBlock:nth-child(3) { color: #202020; background-color: #FFB71C; } .hoverColumns .hoverBlock:nth-child(3) .cardFront { color: #202020; background-color: rgba(255,183,28,0.81); } .hoverColumns .hoverBlock:hover .cardFront, .hoverColumns .hoverBlock:focus .cardFront, .hoverColumns .hoverBlock:focus-within .cardFront { flex-grow: 1; } .hoverColumns .hoverBlock .hoverTitle { font-size: 1.19rem; font-weight: 500; letter-spacing: .03em; line-height: 1.4; transition: all 0.4s ease-in-out; } .hoverColumns .hoverBlock .subtext { visibility: hidden; height: 0; display: block; font-size: 1.1rem; font-weight: 400; letter-spacing: 0; line-height: 0; opacity: 0; padding: 0; transition: all 0.4s ease-in-out; transform: scale(1,0); transform-origin: bottom; } .hoverColumns .hoverBlock:nth-child(3) .subtext { color: #202020; } .hoverColumns .hoverBlock .subtext p { margin-bottom: 0; } .hoverColumns .hoverBlock:hover .subtext, .hoverColumns .hoverBlock:focus .subtext, .hoverColumns .hoverBlock:focus-within .subtext { visibility: visible; height: auto; line-height: 1.6; opacity: 1; padding: 7px 0; transform: scale(1,1); } .hoverColumns .hoverBlock:hover .subtext p, .hoverColumns .hoverBlock:focus .subtext p, .hoverColumns .hoverBlock:focus-within .subtext p { margin-bottom: 18px; } @media screen and (min-width: 961px) { .hoverColumns .hoverBlock:hover .cardFront, .hoverColumns .hoverBlock:focus .cardFront, .hoverColumns .hoverBlock:focus-within .cardFront { padding-top: 30%; } .home .hoverColumns .hoverBlock:hover .cardFront, .home .hoverColumns .hoverBlock:focus .cardFront, .home .hoverColumns .hoverBlock:focus-within .cardFront { padding-top: 35%; } } @media screen and (max-width: 960px) { .hoverColumns { padding: 40px 25px; } .home .hoverColumns { padding: 40px 25px 15px 25px; } .hoverColumns .sectionNameGroup { display: block; padding: 0; } .hoverColumns .sectionName { font-size: 1.53rem; padding: 0; margin: 0 0 30px 0; } .hoverColumns .hoverBlock, .interior .hoverColumns .hoverBlock { min-height: 380px; } .hoverColumns.columns .three { grid-template-columns: 1fr 1fr 1fr; } .hoverColumns .hoverBlock .hoverInner { flex-grow: 0; height: 0; } .hoverColumns .hoverBlock .cardFront { flex-grow: 1; padding-top: 26px; padding-bottom: 26px; } .hoverColumns .hoverBlock .subtext { visibility: visible; height: auto; line-height: 1.6; opacity: 1; padding: 7px 0; transform: scale(1,1); } .hoverColumns .hoverBlock .subtext p { margin-bottom: 18px; } } @media screen and (min-width: 768px) { .home .hoverColumns .hoverBlock:nth-child(2) { margin-top: 27px; margin-bottom: -27px; } } @media screen and (max-width: 767px) { .hoverColumns.columns .three { grid-template-columns: 1fr; } } @media screen and (max-width: 580px) { .hoverColumns .hoverBlock, .interior .hoverColumns .hoverBlock { min-height: 254px; } } /* ============================ TESTIMONIALS MULTI IMAGE GALLERY SLIDER * ============================*/ .multiGallerySlides { visibility: hidden; } .multiGallerySlides.slick-initialized { visibility: visible; } .multiGallery { position: relative; background: #fff; overflow: hidden; width: 100%; min-height: 440px; margin: 35px auto 0 auto; } .multiGallery .sectionNameGroup { color: #fff; padding: 12px 20px; text-align: center; background: url(/_resources/images/multigallery-red-blue-triangle.svg) no-repeat 50% top; } .multiGallery .sectionName { display: inline-block; font-size: 1.05rem; font-weight: 500; color: #202020; line-height: 1.2; padding: 0; margin: 0 0 102px 0; } .multiGallery .sectionName:after { display: block; content: ""; position: absolute; left: 0; right: 0; width: 3px; height: 71px; font-size: .88rem; font-weight: 400; color: #202020; background-color: #FFB71C; margin: 15px auto 38px auto; } .multiGallery .sectionNameGroup .intro { width: 100%; background-color: #8a2432; max-width: 1260px; margin: 0 auto 12px auto; } .multiGallery .sectionNameGroup .intro, .multiGallery .sectionNameGroup .intro p { font-size: 1.63rem; font-weight: 500; color: #fff; line-height: 1.2; } .multiGallery .sectionNameGroup .intro p { margin-bottom: 12px; } .multiGallery .slick-slider { display: flex; flex: auto; margin-bottom: 0; overflow: hidden; } .multiGallery .slick-track { display: flex; } .multiGallery .slick-list { display: flex; min-height: 440px; margin-bottom: 45px; } .multiGallery .slick-slide > div, .multiGallery .slick-slide > div > div { position: relative; height: 100%; } .multiGallery img { margin: 0; } .multiGallery .caption { flex: auto; position: relative; width: 100%; max-width: 1360px; height: 100%; margin: 0 auto; padding: 0; z-index: 1; } .multiGallery .slick-initialized .caption { display: flex; } .multiGallery .slick-initialized .caption .wrapper .captionInner { position: relative; width: 100%; padding: 36px 36px 36px 36px; display: -ms-flexbox; display: flex; align-self: flex-end; flex-direction: column; } .multiGallery .slick-initialized .caption .wrapper .subtext { color: #fff; } .multiGallery .quoteMessage { display: block; position: relative; font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin: 0 0 16px 0; } .multiGallery .quoteMessage:before { display: block; position: absolute; top: -40px; bottom: auto; left: 0; right: auto; width: 32px; height: 22px; content: url(/_resources/images/testimonial-quotes.svg); } .multiGallery .quoteRole { display: block; font-size: 1rem; } .multiGallery .quoteRole span { display: block; line-height: 1.2; margin-bottom: 4px; } .multiGallery .subtext p:last-child { margin-bottom: 0; } .multiGallery a.callout { color: #fff; } .multiGallery a.callout:hover, .multiGallery a.callout:focus { color: #fff; } .multiGallery .slick-prev, .multiGallery .slick-next { color: #fff; top: 47%; bottom: auto; background-color: rgba(26, 26, 26, 0.75); width: 50px; height: 50px; } .multiGallery .slick-prev { left: 0; right: auto; } .multiGallery .slick-next { left: auto; right: 0; } .multiGallery .slick-prev:hover, .multiGallery .slick-next:hover { background-color: rgba(26, 26, 26, 1); } .multiGallery .slick-prev:before, .multiGallery .slick-next:before { font-size: 1.4rem; } /* ADA Slider Play/Pause Controls */ .multiGallery .slick-autoplay-toggle-button { bottom: 17px; left: auto; right: 10px; } .multiGallery .slick-autoplay-toggle-button:before { display: block; content:""; position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px; background-color: #202020; z-index: -1; } @media screen and (min-width:1281px){ .multiGallery .slick-slide:hover:not([aria-hidden="true"]), .multiGallery .slick-slide:focus-within { min-width: 9%; max-width: 9% !important; flex-grow: 2; } } @media screen and (min-width:1101px){ .multiGallery .slick-slide:hover:not([aria-hidden="true"]) { cursor: pointer; } } @media screen and (min-width:961px) and (max-width:1280px){ .multiGallery .slick-slide:hover:not([aria-hidden="true"]), .multiGallery .slick-slide:focus-within { min-width: 7%; max-width: 7% !important; flex-grow: 2; } } @media screen and (min-width:961px){ .multiGallerySlides:before { display: block; content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 84%; background-color: #872837; z-index: 0; } .multiGallerySlides:after { display: block; content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 16%; background-color: #f9f9f9; z-index: 0; } .multiGallery .slick-list { margin: 0 -8px; z-index: 1; } .multiGallery .slick-slide { display: flex; position: relative; flex: 1; transition: all 0.4s ease-in-out; transition-delay: .5s; min-width: 358px; max-width: 358px; margin: 0 8px; } .multiGallery img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 100%; height: 100%; min-height: 440px; object-fit: cover; object-position: left center; margin: 0 auto; } .multiGallery img.left { object-position: left center; } .multiGallery img.right { object-position: right center; } .multiGallery img.center { object-position: center center; } .multiGallery .slick-initialized .slick-slide .caption { visibility: hidden; opacity: 0; } .multiGallery .slick-initialized .caption.left .wrapper { display: flex; width: 100%; height: 100%; justify-content: start; background: -moz-linear-gradient(top, rgba(28,28,28,0.1) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(28,28,28,0.1) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(28,28,28,0.1) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.6) 100%); } .multiGallery .slick-initialized .slick-slide:not([aria-hidden="true"]) .subtext, .multiGallery .slick-initialized .slick-slide:not([aria-hidden="true"]) .subtext { opacity: 1; transition: opacity 0s ease-in; transition-delay: 0s; } .multiGallery .slick-initialized .slick-slide:hover:not([aria-hidden="true"]) .subtext, .multiGallery .slick-initialized .slick-slide:focus-within .subtext { opacity: 1; transition: opacity 1.2s ease-in; transition-delay: .5s; } .multiGallery .slick-initialized .slick-slide:hover:not([aria-hidden="true"]) .caption, .multiGallery .slick-initialized .slick-slide:focus .caption, .multiGallery .slick-initialized .slick-slide:focus-within .caption { visibility: visible; opacity: 1; transition: opacity 1.2s ease-in; transition-delay: .5s; } } @media screen and (max-width:960px){ .multiGallery { margin: 35px auto 0 auto; } .multiGallery .sectionNameGroup .intro { margin: 0 auto 38px auto; } .multiGallery .slick-slider { margin-top: -22px; } .multiGallery img { width: 92%; max-height: 441px; margin-left: 4%; margin-right: 4%; } .multiGallery .slick-list { min-height: 1px; margin-bottom: 0; } .multiGallery .slick-slide { height: 100%; } .multiGallery .slick-initialized .caption { height: auto; } .multiGallery .slick-initialized .caption .wrapper { background-color: #fff; } .multiGallery .slick-initialized .caption .wrapper .captionInner { max-width: 100%; padding: 58px 52px 20px 52px; } .multiGallery .slick-initialized .caption .wrapper .subtext { color: #202020; } .multiGallery a.callout { color: #202020; } .multiGallery a.callout:hover, .multiGallery a.callout:focus { color: #202020; } .multiGallery .slick-prev, .multiGallery .slick-next { top: 225px; width: 55px; height: 55px; background-size: 40%; } .multiGallery .slick-prev { left: 10px; } .multiGallery .slick-next { right: 10px; } .multiGallery .slick-autoplay-toggle-button { right: 15px; bottom: 20px; } } @media screen and (max-width:800px){ .multiGallery .slick-prev, .multiGallery .slick-next { top: 200px; } } @media screen and (max-width:768px){ .multiGallery .slick-prev, .multiGallery .slick-next { top: 175px; } } @media screen and (max-width:640px){ .multiGallery .slick-prev, .multiGallery .slick-next { top: 150px; } } @media screen and (max-width:580px){ .multiGallery .slick-prev, .multiGallery .slick-next { top: 125px; } .multiGallery .quoteMessage { font-size: 1.15rem; line-height: 1.4; margin: 0 0 8px 0; } .multiGallery .quoteRole { font-size: .88rem; } .multiGallery .quoteRole span { margin-bottom: 1px; } } @media screen and (max-width:480px){ .multiGallery .slick-prev, .multiGallery .slick-next { top: 100px; } .multiGallery img { width: 88%; margin-left: 6%; margin-right: 6%; } } @media screen and (max-width:375px){ .multiGallery .slick-prev, .multiGallery .slick-next { top: 85px; } } /* ============================ HOME TABS * ============================*/ .home .responsiveTabs { padding: 70px 20px 35px 20px; margin: 0 auto; background-color: #F9F9F9; } .home .responsiveTabs .wrapper { width: 100%; max-width: 1320px; padding: 0; margin: 0 auto; } .home .responsiveTabs .ghost { position: absolute; top: auto; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .home .responsiveTabs .standardTabs { display: flex; flex-flow: wrap; justify-content: center; width: auto; padding: 0 20px; margin: 0; text-align: center; } .home .responsiveTabs .standardTabs li { position: relative; display: inline-block; min-width: 222px; font-size: 1.05rem; font-weight: 500; text-transform: uppercase; vertical-align: middle; cursor: pointer; margin: 0; } .home .responsiveTabs .standardTabs li a { color: #202020; background: #fff; display: block; padding: 8px 23px; text-decoration: none; transition: all 0.4s ease-in-out; } .home .responsiveTabs .standardTabs li a:hover { color: #fff; background: #002F70; } .home .responsiveTabs .standardTabs .active { display: inline-block; } .home .responsiveTabs .standardTabs .active a, .home .responsiveTabs .standardTabs .active a:hover, .home .responsiveTabs .standardTabs .active a:focus { background-color: #002F70; color: #fff; } .home .responsiveTabs .tabContainer { clear: both; padding: 0; } .home .responsiveTabs .tabContent { padding: 18px 20px; display: none; } .home .responsiveTabs .tabContent.active { position: relative; display: block; z-index: 0; } .home .responsiveTabs .accordionHeading { display: none; font-size: 1rem; font-weight: 500; } @media screen and (max-width: 960px) { .home .responsiveTabs { padding: 50px 0 0 0; } } @media screen and (max-width: 767px) { .home .responsiveTabs .standardTabs li { flex: auto; min-width: 1px; font-size: .83rem; } .home .responsiveTabs .standardTabs li a { padding: 4px 20px; } } /* ============================ SHARED NEWS * ============================*/ .sharedNews { width: 100%; margin: 0; padding: 20px 20px 70px 20px; } .home .sharedNews { padding: 20px 0; margin: 0; } .sharedNews > .wrapper, .landing .columns .sharedNews > .wrapper, .interior .columns .sharedNews > .wrapper { position: relative; display: flex; flex-direction: column; max-width: 1280px; width: 100%; margin: 0 auto; padding: 0; } .landing .columns .sharedNews > .wrapper, .interior .columns .sharedNews > .wrapper { padding-top: 20px; } .sharedNews .subName { width: 100%; font-size: 1.5rem; color: #872837; font-weight: 500; line-height: 1.5; text-align: center; margin: 0; } .sharedNews .sectionName { width: auto; color: #872837; font-size: 2.5rem; font-weight: 600; font-style: italic; line-height: 1; text-align: center; margin: 0; } .sharedNews a.viewAll { color: #202020; font-size: 1rem; font-weight: 500; line-height: 1; padding-bottom: 1px; } /* Shared News Featured */ .sharedNews .newsFeatured { position: relative; display: flex; flex-direction: row; margin: 45px 0; } .sharedNews .newsFeatured .newsOverlay { position: absolute; top: 0; bottom: auto; left: 0; right: auto; color: #fff; font-size: .92rem; font-weight: 600; background-color: rgba(135,40,55,0.81); text-transform: uppercase; padding: 12px 28px; } .sharedNews .newsFeatured .newsThumb { width: 60%; height: 303px; } .sharedNews .newsFeatured .newsThumb img { max-width: 640px; width: 100%; height: 100%; object-fit: cover; } .sharedNews .newsFeatured .description { width: 64%; padding: 0 40px 0 0; } .sharedNews .newsFeatured .newsDate { font-size: 1rem; font-weight: 500; color: #202020; line-height: 1; letter-spacing: .09em; margin: 0 0 22px 0; } .sharedNews .newsFeatured .newsTitle a { display: block; font-size: 1.62rem; font-weight: 500; color: #872837; text-decoration: none; line-height: 1.4; margin: 0 0 20px 0; } .sharedNews .newsFeatured .newsTitle a:hover, .sharedNews .newsFeatured .newsTitle a:focus { text-decoration: underline; } .sharedNews .newsFeatured .newsSummary { font-size: 1rem; line-height: 1.85; } .sharedNews .newsFeatured .newsSummary p { margin-bottom: 15px; } /* Shared News Listing */ .sharedNews .newsListing { display: flex; background-color: #fff; padding: 24px 0; } .sharedNews .newsListing .cell { display: flex; flex-direction: row; flex: 1; } .sharedNews .newsListing .cell:not(:last-child) { border-right: 1px solid #FF9E25; } .sharedNews .newsListing .newsThumb { max-width: 109px; height: 86px; width: 100%; } .sharedNews .newsListing .newsThumb img { width: 109px; object-fit: cover; } .sharedNews .newsListing .description { padding: 0px 36px; } .sharedNews .newsListing .newsDate { font-size: .88rem; color: #872837; line-height: 1; letter-spacing: .09em; margin: 2px 0 8px 0; } .sharedNews .newsListing .newsTitle a { display: block; font-size: 1rem; font-weight: 500; color: #202020; text-decoration: none; line-height: 1.5; margin: 0; } .sharedNews .newsListing .newsTitle a:hover, .sharedNews .newsFeatured .newsTitle a:focus { text-decoration: underline; } @media screen and (min-width:961px){ .sharedNews a.viewAll { margin: -18px 0 0 0; align-self: flex-end; } /* Shared News Listing */ .sharedNews .newsListing .cell:first-child .description { padding: 0px 26px; } .sharedNews .newsListing .cell:not(:first-child) .newsThumb { margin: 0 0 0 26px; } } @media screen and (max-width:960px){ .home .sharedNews { padding: 0 0 20px 0; margin-top: 0; } .sharedNews { margin: 0; padding: 60px 20px 72px 20px; } /* Shared News Featured */ .sharedNews .newsFeatured { margin: 6px 0 18px 0; } .sharedNews .newsFeatured .description { padding: 0 30px 0 0; } .sharedNews a.viewAll { display: block; margin: 20px auto; } /* Shared News Listing */ .sharedNews .newsListing { flex-direction: column; padding: 3px 0; background-color: transparent; } .sharedNews .newsListing .cell { margin: 0 0 15px 0; background-color: #fff; border-bottom: none; } .sharedNews .newsListing .cell:not(:first-child) .newsThumb { margin: 0; } .sharedNews .newsListing .cell:not(:last-child) { border-right: none; } .sharedNews .newsListing .cell:last-child { margin: 0; padding: 0; } .sharedNews .newsListing .description { padding: 9px 10px; } } @media screen and (min-width:769px){ /* Shared News Featured */ .sharedNews .newsFeatured { flex-flow: row-reverse; } } @media screen and (max-width:768px){ /* Shared News Featured */ .sharedNews .newsFeatured { flex-direction: column; } .sharedNews .newsFeatured .newsThumb { width: 100%; height: auto; } .sharedNews .newsFeatured .newsThumb img { max-width: 100%; height: auto; } .sharedNews .newsFeatured .newsDate { margin: 0 0 18px 0; } .sharedNews .newsFeatured .description { width: 100%; padding: 15px 0; } } @media screen and (max-width:767px){ .sharedNews .subName { font-size: 1.12rem; margin: 0 0 3px 0; } .sharedNews .sectionName { font-size: 2rem; } /* Shared News Featured */ .sharedNews .newsFeatured { margin: 6px 0 3px 0; } .sharedNews .newsFeatured .newsTitle a { font-size: 1.12rem; line-height: 1.6; margin: 0 0 10px 0; } .sharedNews .newsFeatured .newsSummary { font-size: .88rem; line-height: 1.8; } .sharedNews .newsFeatured .newsSummary p { margin-bottom: 10px; } .sharedNews a.viewAll { font-size: .8rem; margin: 20px auto; } } /* ============================ SHARED EVENTS * ============================*/ .sharedNews .eventListing { display: flex; flex-direction: column; width: 100%; margin: 45px 0 0 0; } .sharedNews .eventListing.columns .four { gap: 1.7rem; } .sharedNews .eventListing .cell a { display: block; height: 100%; text-decoration: none; background-color: #fff; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.0); transition: all 0.4s ease-in-out; } .sharedNews .eventListing .cell a:hover { box-shadow: 6px 6px 8px -4px rgba(0, 0, 0, 0.3); } .sharedNews .eventListing .eventDate { position: relative; display: block; font-weight: 600; color: #872837; text-transform: uppercase; text-decoration: none; padding: 3px; transition: all 0.4s ease-in-out; } .sharedNews .eventListing .eventDate:before { content: ""; display: block; position: absolute; top: 0; bottom: auto; left: 0; right: 0; width: 100%; height: 52px; color: #fff; background-color: #872837; z-index: 0; } .sharedNews .eventListing .eventDate span { display: block; text-align: center; } .sharedNews .eventListing .eventDateCircle { position: relative; width: 100%; max-width: 73px; min-height: 73px; line-height: 1; padding: 12px; margin: 13px auto 0 auto; border: 1px solid #872837; border-radius: 50%; background-color: #fff; } .sharedNews .eventListing .eventDate .month { font-size: .88rem; font-weight: 400; } .sharedNews .eventListing .eventDate .day { font-size: 2.05rem; font-weight: 500; } .sharedNews .eventListing .eventTitle { display: block; font-size: 1.15rem; font-weight: 400; color: #202020; text-align: center; line-height: 1.3; padding: 20px 25px; } .sharedNews .eventListing .eventTime { font-size: .88rem; line-height: 1; } @media screen and (max-width:960px) { .sharedNews .cell { flex-direction: column; } .sharedNews .eventListing { width: 100%; margin: 20px 0; } .sharedNews .eventListing.columns .four { display: grid; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width:640px) { .sharedNews .eventListing.columns .four { grid-template-columns: 1fr; grid-column: auto; grid-row: auto; } } /* ============================ SOCIAL JUICER * ============================*/ .socialListing { margin: 40px 0 0 0; } /* CTA Juicer Button Base */ .socialListing .juicer-feed { text-align: center; } .socialListing .juicer-feed a.j-paginate.juicer-button { display: inline-block; position: relative; width: auto; font-family: 'Montserrat', Helvetica, Arial, san-serif; font-size: .97rem; color: #fff; font-weight: 500; line-height: 1.5; text-transform: none; background-color: #8a2432; border: 2px solid #8a2432; border-radius: 0; text-decoration: none; line-height: 1.5; margin: 11px 0 0 12px; top: 0; left: 0; padding: 11px 25px; letter-spacing: .04em; transition: 0.25s; } .socialListing .juicer-feed a.j-paginate.juicer-button:after { display: inline-block; vertical-align: top; content: url(/_resources/images/cta-button-arrow.svg); padding: 2px 0 0 23px; } .socialListing .juicer-feed a.j-paginate.juicer-button:before { content: ""; position: absolute; width: 98.5%; height: 96%; top: -12px; bottom: 0; left: -12px; right: 0; background-color: transparent; border: 2px solid #FFB71C; transition: 0.25s; z-index: -1; } .socialListing .juicer-feed a.j-paginate.juicer-button:hover:before, .socialListing .juicer-feed a.j-paginate.juicer-button:focus:before { top: 0; left: 0; } .socialListing .juicer-feed a.j-paginate.juicer-button:hover, .socialListing .juicer-feed a.j-paginate.juicer-button:focus { color: #fff; top: -12px; left: -12px; } .socialListing .juicer-feed a.j-paginate.juicer-button:hover, .socialListing .juicer-feed a.j-paginate.juicer-button:focus { color: #fff; } @media screen and (max-width:960px) { .socialListing { margin: 35px 0; } } /* ============================ FULL WIDTH CTA BANNER * ============================*/ .fullWidth.columns .cell > img.animatedImage, .animatedImage { max-width: 295px; margin: 0 0 0 auto; } .fullWidth.columns.bg.bgimg { position: relative; background-blend-mode: color; background-size: cover; background-position: 50%; } .fullWidth.columns.bg.bgimg > .white { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.92); z-index: 0; } .fullWidth.columns.bg.bgimg > .wrapper { max-width: 1424px; padding: 83px 20px 70px 20px; z-index: 1; } .fullWidth.columns .oneTwo {grid-template-columns: 25% 1fr; margin-bottom: 0; } .fullWidth.columns .content { padding: 0; margin-bottom: 5px; } .fullWidth .subtext { font-size: .88rem; font-weight: 500; letter-spacing: .09em; text-transform: uppercase; margin-bottom: 5px; } .fullWidth p.subhead, .fullWidth .subhead, .fullWidth h2.subhead { display: block; font-weight: 500; font-size: 1.75rem; color: #8a2432; line-height: 1.2; font-style: italic; text-transform: none; } @media screen and (max-width:960px) { .fullWidth.columns .oneTwo {grid-template-columns: 1fr; } .fullWidth.columns.bg.bgimg > .wrapper { padding: 83px 20px 118px 20px; } .fullWidth.columns .cell > img.animatedImage, .animatedImage { margin: 0 auto; } .fullWidth.columns .content { padding: 25px 0 0 0; } .fullWidth p.subhead, .fullWidth .subhead, .fullWidth h2.subhead { margin-bottom: 30px; } } /* ============================ NEWS LISTING * ============================*/ /* News Listing */ .newsListings { padding: 0 0 100px 0; } .newsListing.wrapper { display: flex; flex-direction: column; padding: 0 20px; max-width: 1320px; } .articleListing { display: flex; width: 100%; margin: 20px 0 0 0; } /* News Listing Thumbnail */ .articleListing .newsImage { position: relative; display: inline-block; width: 32%; height: 100%; margin-bottom: 10px; } .articleListing .newsThumb { display: block; width: 100%; max-width: 408px; max-height: 300px; } .articleListing .newsThumb img { width: 100%; max-height: 300px; object-fit: cover; object-position: top; } @media screen and (min-width: 1300px) { .newsListing.interior .articleListing .newsThumb img { min-height: 1300px; } } /* News Listing Article Content */ .articleListing .newsDescription { display: inline-block; width: 65.5%; vertical-align: top; padding: 10px 0 0 0; } .articleListing .wysiwygContent { width: 100%; margin-bottom: 0; } .articleListing .wysiwygContent p { font-size: 1rem; margin: 18px 0; } .articleListing .wysiwygContent .newsLink a { text-decoration: underline; font-size: .85rem; color: #8a2432; } .articleListing h2.newsTitle { font-size: 1.62rem; line-height: 1.4; margin-bottom: 18px; } .articleListing h2.newsTitle a { color: #8a2432; font-weight: 500; text-decoration: none; margin-bottom: 0; } .articleListing h2.newsTitle a:hover, .articleListing h2.newsTitle a:focus { color: #8a2432; text-decoration: underline; } .articleListing .newsDate { display:block; font-size: 1rem; font-weight: 500; letter-spacing: .09em; margin-bottom: 6px; text-transform: none; color: #202020; } /* News Listing Article Category Box */ .newsFilter { margin: 0 0 30px 0; } .newsFilter > h2 { text-transform: uppercase; margin-bottom: 8px; } .newsFilter > .wrapper { position: relative; display: flex; flex-direction: row; width: 100%; margin: 0 auto; padding: 20px 0 20px 0; background-color: #fff; } .newsFilter .catDrop { display: flex; width: 100%; } /* News Listing Category Bar */ .newsFilter .newsCategories { width: 71%; margin: 0 2.5% 0 0 } .newsFilter .newsCategories ul { display: flex; flex-flow: wrap; list-style: none; } .newsFilter .newsCategories li { display: flex; flex-direction: row; flex: auto; list-style: none; text-align: center; text-transform: uppercase; line-height: 1.4; letter-spacing: .06em; } .newsFilter .newsCategories li a { /*min-width: 218px;*/ width: 100%; color: #202020; padding: 13px 15px; background-color: #f9f9f9; text-decoration: none; transition: all 0.4s ease-in-out; } .newsFilter .newsCategories li a:hover { color: #fff; background-color: #002F70; } /*.newsFilter .newsCategories li a.active { color: #fff; background-color: #002F70; }*/ /* News Listing Article Search Box */ .newsSearch { width: 30%; } .newsSearch .inputGroup { position: relative; } .newsSearch .inputGroup input.search[type="text"] { border: 1px solid #f9f9f9; background-color: #f9f9f9; } .newsSearch .inputGroup input.search[type="text"]::placeholder { color: #2B2D34; font-size: 1rem; } .newsSearch .inputGroup input.search[type="text"]::-webkit-input-placeholder { color: #2B2D34; } .newsSearch .inputGroup input.search[type="text"]::-moz-placeholder { color: #2B2D34; } .newsSearch .inputGroup input.search[type="text"]:-ms-input-placeholder { color: #2B2D34; } .newsSearch .inputGroup input.search[type="text"]:-moz-placeholder { color: #2B2D34; } .newsSearch .inputGroup input.search { width: 100%; height: 49px; padding: 20px 55px 20px 12px; font-size: 1rem; font-weight: 400; letter-spacing: .02em; background-image: url(/_resources/images/search-filter-icon.svg); background-repeat: no-repeat; background-position: right 6px center; } .newsSearch .inputGroup button { display: inline-block; position: absolute; left: auto; right: 0; top: 0; width: 50px; height: 49px; text-indent: -99999px; border: none; background: url(/_resources/images/search-filter-icon.svg) no-repeat center center; background-color: #8a2432; color: #fff; text-transform: uppercase; font-size: 1rem; cursor: pointer; } /* Below News Listings WYSIWYG */ .news.landing .columns > .wrapper { padding: 0 20px 20px 20px; } @media screen and (max-width:960px) { /* News Listing Article Category Box */ .newsFilter { margin: 0 0 8px 0; } .newsFilter > h2 { margin-bottom: 3px; } .newsFilter .catDrop { flex-direction: column; } .newsFilter .newsCategories { width: 100%; margin: 0 0 25px 0; } .newsFilter .newsCategories li a { min-width: 1px; } .newsSearch { width: 100%; } /* News Listing Article Content */ .newsListings { padding: 0 0 80px 0; } .articleListing { margin: 40px 0 0 0; } .articleListing .newsDescription { padding: 15px 0 0 0; } .articleListing .newsDescription p:last-child { margin: 0 0 12px 0; } } @media screen and (min-width:581px) { /* News Listing */ .articleListing .newsImage { margin-right: 1.75%; } } @media screen and (max-width: 580px) { .newsListing.interior .sectionNavColumn { margin: 5px 0 50px 0; } /* News Listing Article Content */ .articleListing { display: flex; flex-flow: column wrap; } .articleListing h2.newsTitle { line-height: 1.5; margin-bottom: 16px; } .articleListing .newsDescription { display: flex; flex-flow: row wrap; width: 100%; padding: 0; } .articleListing .newsImage { width: 100%; max-width: 100%; height: 100%; float: none; display: flex; flex-flow: row wrap; } .articleListing .wysiwygContent p { line-height: 1.85; margin: 0 0 20px 0; } .articleListing .newsThumb { max-height: none; max-width: 100%; } .articleListing .newsThumb img { max-height: none; } } /* News Pagination */ .newsListings .pagination { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: baseline; max-width: 550px; width: 100%; margin: 20px auto 0 auto; padding: 20px 25px; } .newsListings .pagination p { margin: 5px 0; } .newsListings .pagination a { color: #8a2432; font-weight: 600; text-decoration: none; } .newsListings .pagination a:hover, .newsListings .pagination a:focus { text-decoration: underline; } .newsListings .pagination .third.lock.left a::before {content: url(/_resources/images/pagination-left.svg); vertical-align: middle; padding-right: 10px; } .newsListings .pagination .third.lock.right a::after {content: url(/_resources/images/pagination-right.svg); vertical-align: middle; padding-left: 10px; } .newsListings .pagination input { max-width: 40px; width: 100%; text-align: center; padding: 2px 5px; } @media screen and (max-width: 440px) { .newsListings .pagination { flex-flow: column; text-align: center; } .newsListings .third.lock { width: 100%; } } /* ============================ NEWS CATEGORY LISTING PAGE * ============================*/ .newsListing.interior .interiorContent { margin-top: 0; padding-top: 0; } .newsListing.interior .newsListing.wrapper { padding: 0; } .newsListing.interior .articleListing:first-child { margin: 0; } .newsListing.interior .articleListing .newsDescription { padding: 0; } .newsListing.interior .articleListing .newsImage { width: 31%; } .newsListing.interior .articleListing .newsThumb { max-height: 276px; } .newsListing.interior .articleListing .newsThumb img { max-height: 276px; } @media screen and (min-width: 1300px) { .newsListing.interior .articleListing .newsThumb img { min-height: 276px; } } @media screen and (min-width:581px) { .newsListing.interior .articleListing .newsImage { margin-right: 2.5%; } } @media screen and (max-width: 580px) { .newsListing.interior .newsListing.wrapper { padding: 10px 0 0 0; } .newsListing.interior .articleListing .newsImage { width: 100%; } .newsListing.interior .articleListing .newsThumb { max-height: none; max-width: 100%; } .newsListing.interior .articleListing .newsThumb img { max-height: none; } } /* ============================ NEWS FEATURED STORY * ============================*/ .newsFeaturedStory { position: relative; overflow: hidden; width: 100%; min-height: 402px; margin: 35px auto 70px auto; padding: 0; } .newsFeaturedStory > img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: auto; width: 50%; max-width: 50%; height: 100%; min-height: 402px; object-fit: cover; margin: 0; } .newsFeaturedStory .caption { display: flex; flex: auto; position: relative; width: 100%; max-width: 50%; height: 100%; background-color: #f9f9f9; margin: 0 0 0 auto; padding: 0; z-index: 1; } .newsFeaturedStory .caption .wrapper .right { position: relative; max-width: 100%; width: 100%; background: none; padding: 40px 25px; z-index: 1; display: -ms-flexbox; display: flex; align-items: start; flex-direction: column; } .newsFeaturedStory .caption .wrapper h2 { font-size: 1.63rem; font-weight: 500; color: #8a2432; line-height: 1.5; margin: 5px 0 15px 0; } .newsFeaturedStory .caption .wrapper .subtext { font-size: 1rem; font-weight: 400; color: #202020; line-height: 1.9; padding: 0 5px 0 0; margin-bottom: 13px; } .newsFeaturedStory .subtext p:last-child { margin-bottom: 0; } .newsFeaturedStory h2 a {color: #8a2432; text-decoration: none; font-weight: 500;} .newsFeaturedStory h2 a:hover {text-decoration: underline;} .newsOverlay { color: #fff; font-size: .8rem; font-weight: 500; background-color: #19437e; text-transform: uppercase; padding: 2px 15px; margin: 0 0 8px 0; } .newsFeaturedStory span.newsDate { font-size: 1.01rem; font-weight: 500; letter-spacing: .09em; } @media screen and (max-width:768px){ .newsFeaturedStory { height: auto; } .newsFeaturedStory > img { position: relative; max-width: 100%; width: 100%; height: auto; min-height: 0; max-height: none; } .newsFeaturedStory .caption { max-width: 100%; height: auto; padding: 40px 20px; margin: 0; } .newsFeaturedStory .caption .wrapper { margin: auto; } .newsFeaturedStory .caption .wrapper .right { padding: 0; } .newsFeaturedStory .caption .wrapper h2 { width: 100%; } .newsOverlay { padding: 2px 14px; } } @media screen and (max-width:580px){ .newsFeaturedStory .caption .wrapper .right { width: 100%; } .newsFeaturedStory .caption .wrapper h2 { font-size: 1.1rem; line-height: 1.65; margin: 3px 0 8px 0; } .newsFeaturedStory .caption .wrapper .subtext { font-size: 0.875rem; line-height: 1.75; } } /* ============================ NEWS DETAIL * ============================*/ .news.interior h1 { color: #8a2432; font-size: 2.5rem; font-weight: 600; line-height: 1.4; margin-bottom: 15px; } /* News Detail Date and Category */ .newsInformation { font-size: 1.02rem; font-weight: 500; letter-spacing: .09em; margin: 0 0 34px 0; } .newsInformation .spacer { padding: 0 5px; } .newsDetailAuthor { color: #002F70; font-weight: 600; } .newsDetailDate { color: #002F70; font-weight: 600; } .newsDetailLink, .newsDetailLink a, .newsDetailLink a:hover, .newsDetailLink a:focus { color: #002F70; font-weight: 600; } .newsContent { padding: 0 0 90px 0; } /* News Detail WYSIWYG Content*/ .newsContent p { margin-bottom: 29px; } @media screen and (min-width:961px){ .news .interiorContent { margin-top: 0; } } @media screen and (max-width:960px){ .news.interior h1 { font-size: 2.2rem; line-height: 1.3; margin-bottom: 30px; } } @media screen and (max-width:580px){ .news.interior .sectionNavColumn { margin: 25px 0 60px 0; } .newsContent { padding: 0 0 80px 0; } } /* ============================ CUSTOM RESUABLE MIX FILTERS * ============================*/ /* Program Dropdown */ select.categoryDropdown::-ms-expand { display: none; } select.categoryDropdown { font-size: 1rem; width: 100%; padding: 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/_resources/images/select-arrow.svg); background-repeat: no-repeat; background-position: right 20px center; } select.categoryDropdown { height: 50px; color: #2B2D34; background-color: #F9F9F9; border: 1px solid #F9F9F9; } select.categoryDropdown:focus { color:#2B2D34; background-color: #F9F9F9; border: 1px solid #2B2D34; } .categoryDropdown option { color:#2B2D34; text-transform: none; background-color: #F9F9F9; font-weight: normal; font-style: normal; } /* Program Search */ .columns .searchBoxWrap > form { background-color: #F9F9F9; } .searchBoxWrap .filterIcon { float: right; position: relative; width: 50px; height: 50px; padding: 0; margin: 0; color: #fff; background-color: #872837; background-image: url(/_resources/images/search-filter-icon.svg); background-repeat: no-repeat; background-position: center; transition: all 0.4s ease-in-out; } .searchBoxWrap .filterIcon .visuallyhidden { color: #fff; } input[type=text].searchFiltersBox { width: 80%; height: 50px; font-family: 'Montserrat', Helvetica, Arial, san-serif; font-size: 1rem; letter-spacing: .09em; color: #2B2D34; background-color: #F9F9F9; padding: 5px 15px; border: none; } input[type=text].searchFiltersBox::placeholder, input[type=text].searchFiltersBox::-webkit-input-placeholder, .input[type=text].searchFiltersBox::-moz-placeholder, input[type=text].searchFiltersBox:-ms-input-placeholder, input[type=text].searchFiltersBox:-moz-placeholder { color: #2B2D34; } .no-results { display: none; } .mixitup-container-failed > .no-results { display: block; color: #872837; font-weight: 600; } /* ============================ PROGRAMS LISTING * ============================*/ .programsListing.landing .intro { text-align: left; } .programsListing.landing .columns.intro .wrapper { padding-top: 57px; padding-bottom: 0; } /* Program Filters Box */ .programsFilter { padding: 0 0 36px 0; } .columns .three.programsFilter { gap: 1.75rem; } /* Program Card */ .columns .three.programContainer { gap: 1.75rem; } .programCard .programName { color: #872837; font-size: 1.5rem; font-weight: 600; line-height: 1.15; margin: 0 0 14px 0; } .programDetails { padding: 18px 18px; } .programCard { position: relative; display: flex; flex-flow: column wrap; border: 1px solid #D1D1D1; min-height: 160px; height: 100%; } .programCard img { width: 100%; height: 210px; object-fit: cover; } .programCard a { width: 100%; text-decoration: none; color: #201F20; line-height: 1.5rem; transition: all 0.4s ease-in-out; } .programCard:hover .programOverlay, .programCard:focus-within .programOverlay {opacity: 1;} .programCard .programDegreeIcon { display: block; margin: 0 0 8px 0; } .programCard .programDegreeIcon:before { display: inline-block; vertical-align: middle; content: ""; width: 20px; height: 16px; margin: -3px 5px 0 0; padding: 0; background: url(/_resources/images/g-icon-school.svg) left center no-repeat; background-size: 100%; } .programCard .programDepartmentIcon { display: block; } .programCard .programDepartmentIcon:before { display: inline-block; vertical-align: middle; content: ""; width: 20px; height: 16px; margin: -3px 5px 0 0; padding: 0; background: url(/_resources/images/g-icon-education.svg) left center no-repeat; background-size: 100%; } .programCard .dotSpacer:not(:last-of-type):after { content:", "; } .programOverlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; height: 210px; width: 100%; transition: all 0.4s ease-in-out; background-color: rgba(1, 33, 104, .91);} .programOverlay a {color: white; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); font-weight: 500; display: flex; justify-content: center; align-items: center; flex-flow: row wrap; text-align: center; padding: 0 15px;} .programOverlay a:hover, .programOverlay a:focus {color: white; text-decoration: none;} .programOverlay a.callout::after {vertical-align: middle;} .programsListing input[type=text].searchFiltersBox {letter-spacing: normal; } .programsListing input::placeholder {color: #2B2D34; opacity: 1;} @media screen and (max-width: 960px) { .columns .three.programsFilter { gap: 1.5rem; padding: 0 0 50px 0; } .columns .three.programContainer { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width:580px){ .columns .three.programContainer { grid-template-columns: 1fr; } } /* ============================ LANDING/INTERIOR MAIN CONTENT * ============================*/ .landing .intro { text-align: center; } .intro h2 { font-size: 1.65rem; color:#002F70; text-transform: uppercase; line-height: 1.3; margin-bottom: 20px; } .columns > .wrapper > h2, .accordion > .wrapper > h2 { text-transform: uppercase; margin-bottom: 30px; } .landing .columns.columnBg { margin: 35px auto; padding: 78px 25px; position: relative; } .landing .columns.columnBg h2 { font-weight: 500; } .landing .columns.columnBg > .wrapper > h2 { margin-bottom: 40px; } .interior .columns.columnBg > .wrapper > h2 { margin-bottom: 30px; font-weight: 500; } .landing .columns.columnBg .wrapper h3, .interior .columns.columnBg .wrapper h3 { margin-bottom: 25px; } .landing .columns .wrapper, .interior .columns .wrapper { max-width: 1330px; padding: 35px 20px; } .interior .columns .wrapper { padding: 35px 0; } .landing .columns.intro .wrapper { padding-top: 30px; padding-bottom:25px; } .landing .columns .twoColumn .wrapper { padding: 35px 20px 35px 20px; } .interior .columns.columnBg { padding: 40px 40px; margin-bottom: 35px; } .columns.columnBg { width: 100%; } .columns.red, .columns .cell.red { background-color: #872837; background-size: cover; background-position: 50% 32%;} .columns.blue, .columns .cell.blue { background-color: #002F70; background-size: cover; background-position: 50% 32%; } .columns.red.bgimg:before, .columns .cell.red.bgimg::before { background-color: #872837db; } .columns.blue.bgimg:before, .columns .cell.blue.bgimg::before { background-color: rgba(1, 33, 104, .91); } .columns.red:before, .columns .cell.red:before, .columns.blue:before, .columns .cell.blue:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; } .columns.red *, .columns .cell.red *, .columns.blue *, .columns .cell.blue *{ color: #fff; z-index: 0; } .columns.red > .wrapper, .columns.blue > .wrapper { padding-top: 0; padding-bottom: 0; } .columns .content { display: block; padding: 0; } .columns .cell.red .content, .columns .cell.blue .content { padding: 20px; } .columns .two .cell.bg .content, .columns .three .cell.bg .content { padding: 20px; } .columns .cell.red .content a.callout, .columns .cell.red .content, .columns .cell.red .content * { color: #fff; } .columns p:last-child { margin-bottom: 0; } .columns .wrapper > .oneTwo { margin-bottom: 35px; } .columns .wrapper .oneTwo + .columns .wrapper .oneTwo { margin-bottom: 25px; } .columns.oneTwoColumns .wrapper { padding-bottom: 0; } .columns.twoColumn .wrapper .two .content > p { margin-bottom: 22px; } .columns .imgZoom img { transition: all 0.4s ease-in-out; transform-origin: top left; } .columns .wrapper .cell .imgZoom { overflow: hidden; width: 100%; } .columns .wrapper .cell .imgZoom img:hover { transform: scale(1.1); } .columns .wrapper .cell .videoContent .imgZoom img, .columns .wrapper .cell .videoContent .imgZoom img:hover, .columns .wrapper .cell .imgZoom .videoContent img, .columns .wrapper .cell .imgZoom .videoContent img:hover { transition: none; transform: none; } .columns .wrapper .cell .imgZoom, .columns .wrapper .cell .imgZoom .videoContent { width: 100%; line-height: 1; margin-bottom: 0; display: block; } .columns .wrapper .cell .imgZoom img, .columns .wrapper .cell .imgZoom .videoContent a { width: 100%; object-fit: cover; display: block; } .columns .wrapper .three .content > p, .columns .wrapper .two .content > p { margin-bottom: 15px; } .columns .two .cell .content, .columns .three .cell .content { margin-top: 23px; } .twoColumn .wrapper .two .cell .content { margin-top: 30px; } .gallery.cell + .accordion > .wrapper, .gallery.cell + .columns.columnBg, .columns.columnBg + .gallery.cell, .columns.columnBg + .accordion > .wrapper, .accordion + .columns.columnBg, .columns.columnBg + .columns.columnBg, .gallery.cell + .gallery.cell, .accordion + .accordion > .wrapper, .accordion + .gallery.cell {margin: 70px 0 35px 0; } .twoColumn + .twoColumn .wrapper { padding-top: 0; } .twoColumn + .twoColumn + .twoColumn .wrapper { padding-top: 0; } .hoverColumns .three .cell { height: auto; } .components:last-child { padding-bottom: 70px; } @media screen and (max-width: 960px) { .columns.twoColumn .wrapper .cell .content {margin-top: 0;} .columns .wrapper .two .cell .imgZoom, .columns .wrapper .oneTwo .cell .imgZoom , .columns .wrapper .three .cell .imgZoom, .columns .wrapper .oneTwo .cell .imgZoom .videoContent, .columns .wrapper .two .cell .imgZoom .videoContent {max-height: none; max-width: none; height: auto; width: auto;} .columns .wrapper .two .cell .imgZoom img, .columns .wrapper .oneTwo .cell .imgZoom img, .columns .wrapper .three .cell .imgZoom img, .columns .wrapper .oneTwo .cell .imgZoom .videoContent a, .columns .wrapper .two .cell .imgZoom .videoContent a { width: 100%; max-height: none; max-width: none; } .columns .wrapper .cell .imgZoom img:hover { transform: none; } .components:last-child { padding-bottom: 52px; } } /* ============================ LANDING MAIN CONTENT * ============================*/ .landing .mainContent > div:first-child.hoverColumns { padding-top: 0; } /* ============================ INTERIOR MAIN CONTENT * ============================*/ .interior .mainContent { padding: 0 20px 0 20px; } @media screen and (min-width: 961px) { .interior .hoverColumns .hoverBlock:hover .cardFront, .interior .hoverColumns .hoverBlock:focus .cardFront, .interior .hoverColumns .hoverBlock:focus-within .cardFront {padding-top: 20%;} } @media screen and (max-width:960px){ .landing .columns.red > .wrapper, .landing .columns.blue > .wrapper { padding: 0; } .interior .columns.columnBg { padding: 25px 25px; } .interior .columns.columnBg .wrapper { padding: 25px 0; } .interior .columns.sideBar .wrapper { padding: 0; } .columns .two .content { padding-top: 0; } } /* ============================ VIDEO CONTENT OPTIONS * ============================*/ /* Video Options */ .videoContent { margin-bottom: 0; position: relative; } .videoContent a.popupVideo { display: block; } .videoContent .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 20px; height: 0; } .videoContent .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoContent .videoButton { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 65px; height: 65px; background-image: url(/_resources/images/video-play-button.svg); background-repeat: no-repeat; background-position: center; transition: all 0.4s ease-in-out; } @media all and (max-width: 960px) { /* Video Options */ .videoContent a.popupVideo img { max-width:100%; width: 100%; } } /* ============================ ACCORDIONS * ============================*/ /* Accordion */ .accordion { width: 100%; margin: 35px auto; } .landing .accordion { max-width: 1330px; padding-left: 20px; padding-right: 20px; } .accordion > .wrapper { width: 100%; max-width: 1330px; padding: 0; margin: 0 auto; border-bottom: 1px solid #AEAFB3; } .accordion > h2 { margin-top: 20px; padding: 0 20px; } .accordion > .wrapper > h3 { margin: 0; padding: 0; border-top: 1px solid #AEAFB3; } .accordion.focus { border-color: #333333; } .accordionTrigger { background: none; display: block; color: #872837; font-size: 1.5rem; font-weight: 500; margin: 0; padding: 10px; position: relative; text-align: left; width: 100%; transition: all 0.4s ease-in-out; cursor: pointer; } .accordionTrigger[aria-expanded="true"], .accordion button { border: none; } .accordion button::-moz-focus-inner { border: 0; } .accordionTitle { position: relative; display: block; pointer-events: none; border: transparent 2px solid; padding: 9px 0; } .accordionTrigger:focus .accordionTitle { border-color: transparent; } .accordionPanel { margin: 0; padding: 5px 25px 30px 12px; } .accordionPanel[hidden] { display: none; } /* Accordion Expander Icon */ .accordion .accordionIcon { position: absolute; width: 30px; height: 30px; top: 0; bottom: auto; left: auto; right: 0; padding: 0; margin: 8px 10px; cursor: pointer; z-index: 100; border: 1px solid transparent; } .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: 16px; background: #002F70 } .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: 16px; width: 2px; background: #002F70 } .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); } @media screen and (max-width: 960px) { .accordionTrigger { font-size: 1.1rem;} } /* ============================ INTERIOR INFOGRAPHICS * ============================*/ .infographics { width: 100%; padding: 35px 0 35px 0; } .infographics.columns > .wrapper { position: relative; display: flex; flex-direction: row; max-width: 1330px; width: 100%; margin: 0 auto; padding: 0; } .infographics .infographic { position: relative; height: 100%; align-self: center; flex: 1 1 0; } .infographics .material-symbols-outlined { max-width: 112px; width: 100%; align-self: center; font-size: 5rem; color: #002f70; padding: 0 30px; margin: 0 auto; } .infographics .infographicWrap { display: flex; flex-direction: row; position: relative; width: 100%; height: 100%; text-align: center; line-height: 1; align-items: center; } .infographics .infographic .infographicInner { display: flex; flex-direction: column; flex: auto; width: 100%; text-align: left; padding: 0 0 0 30px; } .infographics .infographic:not(:last-child) .infographicInner { border-right: 1px solid #FF9E25; } .infographics .infographic .infoStat { font-size: 2.2rem; color: #872837; font-weight: 600; } .infographics .infographic .infoText { font-size: 1rem; font-weight: 500; color: #202020; line-height: 2.2; padding: 0;} .interior .infographics .infographic .infoText {line-height: 1.4;} .interior .infographics .material-symbols-outlined { padding: 0 10px; } .interior .infographics .infographic .infographicInner { padding: 0 10px; } .infographics .infographic:not(:last-child) .infographicInner { border-right: none; } .infographics .infographic:not(:last-child) { border-right: 1px solid #FF9E25; } @media screen and (max-width:1225px){ .infographics .infographic:not(:last-child) { border-right: none; } } @media screen and (min-width: 1024px) { .infographics .material-symbols-outlined { max-width: 100px; padding: 0 0 0 20px; } .infographics .infographic .infoText { line-height: 1.4; } } @media screen and (max-width: 1225px) { .infographics { padding: 17px 0; display: flex; justify-content: center;} .infographics.columns > .wrapper { flex-direction: column; padding: 0 20px; } .infographics .infographic:not(:last-child) .infographicInner { border-right: none; } .infographics .infographic:last-child { padding-bottom: 10px; } .infographics .infographic { width: 70%; padding: 20px 0; flex: 0;} .infographics .infographic:not(:last-child) { border-bottom: 1px solid #FF9E25; } .infographics .material-symbols-outlined { max-width: 112px; width: 100%; align-self: center; padding: 0 10px; margin: 0 auto; } .infographics .infographicWrap { display: flex; flex-direction: row; height: 100%; align-items: center; } .infographics .infographic .infographicInner { display: flex; flex-direction: column; position: relative; width: 100%; line-height: 1; padding: 0 18px; } } @media screen and (max-width: 580px) { .infographics .material-symbols-outlined { font-size: 5rem; } .infographics .infographic { width: 100%; } .infographics .infographic .infoStat { font-size: 2.5rem; } .infographics .infographic .infoText { font-size: 1.15rem; margin: 0; } } /* ============================ INTERIOR HOVER BOXES ADD-ONS * ============================*/ .hoverColumns { padding: 0; } .interior .hoverColumns { padding: 0 0 35px 0;} .hoverColumns .wrapper .three a {text-decoration: none;} .hoverColumns span.subtext.link {color: #fff; font-size: .75rem; border-bottom: 1px solid #fff; width: fit-content; } .hoverColumns .hoverBlock:nth-child(3) span.subtext.link { border-bottom: 1px solid #333333;} @media screen and (max-width: 767px) { .hoverColumns .hoverBlock {min-height: 310px;} } /* ============================ SHARED NEWS WIDGET * ============================*/ .columns.news { background-color: #F9F9F9; margin-top: 70px;} .interior .columns.news {margin-top: 35px; } .columns .sharedNews h2.sectionName {color: #002F70; font-size: 1.625rem; text-transform: capitalize; font-style: normal; text-align: left; font-weight: 500;} .columns .sharedNews {padding:50px 20px 80px 20px;} .columns .sharedNews .newsFeatured {margin: 35px 0 30px 0;} @media screen and (max-width: 960px) { .columns .sharedNews a.viewAll { position: absolute; right: 0; margin: 8px 0; } .interior .columns.news {padding-bottom: 0; margin-bottom: 70px;} .interior .columns.news .sharedNews {padding-bottom: 50px;} } /* ============================ IMAGE GALLERY SLIDER * ============================*/ .gallery { position: relative; background: #fff; overflow: hidden; width: 100%; max-height: 577px; margin: 35px auto; } .gallery img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 100%; height: 100%; max-height: 577px; object-fit: cover; margin: 0 auto; object-position: 50% 40%; transform: scale(1);} .gallery .caption { display: none; } .gallery .slick-slider { display: flex; flex: auto; margin-bottom: 0; overflow: hidden; max-height: 577px;} .gallery .slick-track { display: flex; } .gallery .slick-list { display: flex; min-height: 645px; margin-bottom: 45px; } .gallery .slick-slide > div, .gallery .slick-slide > div > div { height: 100%; max-height: 577px; } .gallery .slick-initialized .caption { display: flex; flex: auto; position: relative; width: 100%; max-width: 1477px; height: 100%; margin: 0 auto; padding: 42px 20px; z-index: 1; max-height: 577px; } .gallery .slick-initialized .caption.left .wrapper { display: flex; max-width: 1400px; width: 100%; height: 100%; justify-content: start; } .gallery .slick-initialized .caption.right .wrapper { display: flex; max-width: 1400px; width: 100%; height: 100%; justify-content: end; } .gallery .slick-initialized .caption .wrapper.galleryCaption {max-width: 1450px; display: flex; align-items: center; max-height: 466px; } .gallery .slick-initialized .caption .wrapper .captionInner { position: relative; max-width: 530px; width: 100%; padding: 30px; height: 100%; background-color: #872837; opacity: 96%; display: -ms-flexbox; display: flex; align-items: start; flex-direction: column; } .gallery .slick-initialized .caption .wrapper h2 { font-family: 'Montserrat', sans-serif; font-size: 1.95rem; font-weight: 600; color: #fff; text-transform: uppercase; line-height: 1.3; margin-bottom: 26px; } .gallery .slick-initialized .caption .wrapper .subtext { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 400; color: #fff; line-height: 1.75; margin-bottom: 30px; } .gallery .subtext p:last-child { margin-bottom: 0; } .gallery ul.slick-dots { width: 100%; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } .gallery ul.slick-dots > li { position: relative; } .gallery ul.slick-dots > li button { text-indent: -99999px; display: inline-block; padding: 0; margin: 0 5px 10px 0; width: 40px; height: 5px; color: #fff; background-color: #e2e3e4; border: none; transition: all 0.4s ease-in-out; } .gallery ul.slick-dots > li:hover button, .gallery ul.slick-dots > li button:focus { background-color: #872837; } .gallery ul.slick-dots > li.slick-active button { background-color: #5A001F; } .gallery ul.slick-dots > li:last-child { margin-right: 0; } .gallery .slick-prev, .gallery .slick-next { color: #fff; top: 50%; background-color: rgba(26,26,26,.75); width: 65px; height: 65px; } .gallery .slick-prev { left: 0; right: auto; } .gallery .slick-next { left: auto; right: 0; } .gallery .slick-prev:hover, .gallery .slick-next:hover { background-color: rgba(26, 26, 26, 1); } .gallery .slick-prev:before, .gallery .slick-next:before { font-size: 1.4rem; } .gallery .slick-prev { background-image: url(/_resources/images/landing-arrow-prev.svg); } .gallery .slick-next{ background-image: url(/_resources/images/landing-arrow-next.svg); } .interior .gallery { max-height: 425px;} .interior .gallery .slick-slider { max-height: 425px;} .interior .gallery .slick-slide > div, .interior .gallery .slick-slide > div > div { height: 100%; max-height: 425px; } .interior .gallery .slick-initialized .caption { padding: 30px 70px;} .interior .gallery .slick-initialized .caption .wrapper.galleryCaption { max-height: 350px; } .interior .gallery .slick-initialized .caption .wrapper .captionInner { max-width: 306px; } .interior .gallery .slick-prev, .interior .gallery .slick-next {width: 52px; height: 52px;} /* News Gallery */ .interior.news .gallery { display: grid; max-width: 100%; max-height: none; overflow: hidden; } .interior.news .gallery .slick-slider { max-height: none; } .interior.news .gallery .slick-list { min-height: 1px; margin-bottom: 20px; } .interior.news .gallery img { position: relative; width: 100%; max-width: 100%; height: auto; max-height: none; object-fit: unset; object-position: unset; margin: 0 auto; transform: none; top: auto; bottom: auto; left: auto; right: auto; } .interior.news .gallery .slick-initialized .caption { display: flex; flex: auto; position: relative; width: 100%; max-width: 1477px; height: auto; margin: 0 auto; padding: 0; z-index: 1; max-height: none; clear: both; } .interior.news .gallery .slick-initialized .caption .wrapper.galleryCaption { max-height: none; } .interior.news .gallery .slick-initialized .caption .wrapper .captionInner { max-width: 100%; } .interior.news .gallery .slick-slide > div, .interior.news .gallery .slick-slide > div > div { height: auto; max-height: none; } .interior.news .gallery .slick-initialized .caption .wrapper .captionInner { max-width: 100%; padding: 15px 0; background-color: #fff; color: #202020; opacity: 100%; } .interior.news .gallery .slick-initialized .caption .wrapper h2 { color: #202020; } .interior.news .gallery .slick-initialized .caption .wrapper .subtext { font-weight: 500; font-style: italic; color: #202020; margin-bottom: 0; } /* ADA Slider Play/Pause Controls */ .gallery .slick-autoplay-toggle-button { right: 55px; left: auto; bottom: 30px; } .news .gallery .slick-autoplay-toggle-button { right: 25px; top: 75%; bottom: auto; } .news .gallery .slick-autoplay-toggle-button .slick-pause-icon { width: 40px; height: 40px; background-image: url(/_resources/images/pause-button.svg); } .news .gallery .slick-autoplay-toggle-button .slick-play-icon { width: 40px; height: 40px; background-image: url(/_resources/images/play-button.svg); } @media screen and (max-width: 1530px) { .gallery .slick-initialized .caption .wrapper.galleryCaption, .interior .gallery .slick-initialized .caption .wrapper.galleryCaption { max-width: 1330px;} } @media screen and (min-width: 1400px) and (max-width:1500px){ .gallery .slick-autoplay-toggle-button { right: 120px; } } @media screen and (max-width:1440px){ .gallery .slick-initialized .caption .wrapper h2 { font-size: 1.8rem; } .gallery .slick-initialized .caption .wrapper.galleryCaption, .interior .gallery .slick-initialized .caption .wrapper.galleryCaption { max-width: 1230px;} .gallery .slick-prev, .gallery .slick-next, .interior .gallery .slick-prev, .interior .gallery .slick-next { width: 50px; height: 50px; } .gallery .slick-initialized .caption .wrapper.galleryCaption, .interior .gallery .slick-initialized .caption .wrapper.galleryCaption { max-width: 1230px;} } @media screen and (max-width: 1280px) { .gallery .slick-prev, .gallery .slick-next, .interior .gallery .slick-prev, .interior .gallery .slick-next { width: 45px; height: 45px;} .gallery .slick-initialized .caption .wrapper.galleryCaption, .interior .gallery .slick-initialized .caption .wrapper.galleryCaption { max-width: 1030px; } .interior.news .gallery .slick-initialized .caption .wrapper.galleryCaption, .interior .gallery .slick-initialized .caption .wrapper.galleryCaption { max-width: 100%; } } @media screen and (max-width: 1150px) { /* ADA Slider Play/Pause Controls */ .news .gallery .slick-autoplay-toggle-button { right: 10px; top: 72%; } } @media screen and (max-width:960px){ .gallery, .interior .gallery { min-height: 409px; background-color: transparent; max-height: 100%; margin-bottom: 0;} .gallery .slick-slider, .interior .gallery .slick-slider {max-height: 100%;} .gallery img, .gallery .impactGradient { height: 409px; min-height: 409px; max-height: 409px; } .news .gallery img { height: auto; min-height: 1px; max-height: none; } .gallery .slick-list { margin-bottom: 35px; } .gallery .slick-initialized .caption, .interior .gallery .slick-initialized .caption { padding: 364px 10px 20px 10px; max-height: 100%;} .gallery .slick-slide > div, .gallery .slick-slide > div > div, .interior .gallery .slick-slide > div, .interior .gallery .slick-slide > div > div { max-height:100%; } .gallery .slick-initialized .caption .wrapper .captionInner, .interior .gallery .slick-initialized .caption .wrapper .captionInner { max-width: 100%; padding: 35px 30px; } .gallery .slick-initialized .caption .wrapper h2 { width: 100%; } .gallery ul.slick-dots { bottom: 20px; } .gallery .slick-autoplay-toggle-button { right: 25px; top: auto; bottom: 80px; } .gallery .slick-autoplay-toggle-button .slick-pause-icon, .gallery .slick-autoplay-toggle-button .slick-play-icon { height: 30px; width: 30px;} .gallery .slick-prev, .gallery .slick-next, .interior .gallery .slick-prev, .interior .gallery .slick-next { top: 200px; width: 55px; height: 55px; } .news .gallery .slick-prev, .news .gallery .slick-next, .interior.news .gallery .slick-prev, .interior.news .gallery .slick-next { top: 45%; } } @media screen and (max-width: 768px) { /* ADA Slider Play/Pause Controls */ .news .gallery .slick-autoplay-toggle-button { top: 68%; } } @media screen and (max-width: 674px) { /* ADA Slider Play/Pause Controls */ .news .gallery .slick-autoplay-toggle-button { top: 62%; } } @media screen and (max-width:580px){ .gallery .slick-initialized .caption .wrapper .captionInner, .interior .gallery .slick-initialized .caption .wrapper .captionInner { width: 100%; } .gallery .slick-initialized .caption .wrapper.galleryCaption, .interior .gallery .slick-initialized .caption .wrapper.galleryCaption {max-height: fit-content; height: 100%;} .news .gallery .slick-prev, .news .gallery .slick-next, .interior.news .gallery .slick-prev, .interior.news .gallery .slick-next { top: 40%; } /* ADA Slider Play/Pause Controls */ .news .gallery .slick-autoplay-toggle-button { top: 58%; } } @media screen and (max-width:480px){ .news .gallery .slick-prev, .news .gallery .slick-next, .interior.news .gallery .slick-prev, .interior.news .gallery .slick-next { top: 35%; } /* ADA Slider Play/Pause Controls */ .news .gallery .slick-autoplay-toggle-button { top: 45%; } } @media screen and (max-width:420px){ /* ADA Slider Play/Pause Controls */ .news .gallery .slick-autoplay-toggle-button { top: 41%; } } @media screen and (max-width:380px){ .news .gallery .slick-prev, .news .gallery .slick-next, .interior.news .gallery .slick-prev, .interior.news .gallery .slick-next { top: 30%; } /* ADA Slider Play/Pause Controls */ .news .gallery .slick-autoplay-toggle-button { top: 38%; } } @media screen and (max-width:360px){ .gallery .slick-initialized .caption .wrapper h2 { font-size: 2rem; } } /* CTA White Button Gallery BG Base */ .gallery a.ctaButton { color: #872837; background-color: #fff; border: 2px solid #fff; } .gallery a.ctaButton:after { content: url(/_resources/images/cta-button-arrow-red.svg); } .gallery a.ctaButton:before { background-color: transparent; border: 2px solid #fff; z-index: 0; } .gallery a.ctaButton:hover, .gallery a.ctaButton:focus { color: #872837; } /* CTA Red Button Gallery BG Base */ .news .gallery a.ctaButton { color: #fff; background-color: #872837; border: 2px solid #872837; } .news .gallery a.ctaButton:after { content: url(/_resources/images/cta-button-arrow.svg); } .news .gallery a.ctaButton:before { background-color: transparent; border: 2px solid #872837; z-index: 0; } .news .gallery a.ctaButton:hover, .news .gallery a.ctaButton:focus { color: #fff; } /* ============================ FACULTY LISTING * ============================*/ .facultyListing.landing .intro { text-align: left; } .facultyListing.landing .columns.intro .wrapper { padding-top: 57px; padding-bottom: 0; } /* Program Filters Box */ .facultyFilter { padding: 0 0 36px 0; } .columns .two.facultyFilter { gap: 1.75rem; } .facultyListing input[type=text].searchFiltersBox {letter-spacing: normal; width: 88%; } .facultyListing input::placeholder {color: #2B2D34; opacity: 1;} /* Program Card */ .columns .two.facultyContainer { gap: 1.75rem; } .facultyCard { position: relative; display: flex; border: 1px solid #D1D1D1; min-height: 160px; height: 100%; } .faculty.columns .facultyCard img { width: 192px; height: 214px; object-fit: cover; max-width: 192px; height: 100%;} .facultyCard .facultyName { color: #872837; font-size: 1.5rem; font-weight: 600; line-height: 1.15; margin: 0 0 5px 0; } .facultyCard .facultyName a { text-decoration: none; } .facultyCard .facultyName a:hover, .facultyCard .facultyName a:focus { text-decoration: underline; } .facultyDetails { padding: 12px 28px; } .facultyDetails span { display: block; margin: 0 0 1px 0; } .facultyDetails .email a { color: #002F70; } .facultyDetails .email:before { display: inline-block; vertical-align: middle; content: ""; width: 20px; height: 16px; margin: -3px 5px 0 0; padding: 0; background: url(/_resources/images/g-icon-email.svg) left center no-repeat; background-size: 100%; } .facultyDetails .phone a { color: #002F70; } .facultyDetails .phone:before { display: inline-block; vertical-align: middle; content: ""; width: 20px; height: 16px; margin: -3px 5px 0 0; padding: 0; background: url(/_resources/images/g-icon-phone.svg) left center no-repeat; background-size: 100%; } .facultyCard .dotSpacer:not(:last-of-type):after { content:", "; } .facultyListing .two.facultyContainer {padding-bottom: 35px;} @media screen and (max-width: 960px) { .columns .two.facultyFilter { gap: 1.5rem; padding: 0 0 50px 0; } .columns .two.facultyContainer { grid-template-columns: 1fr; } } @media screen and (max-width: 580px) { .facultyCard {flex-flow: column wrap;} .faculty.columns .facultyCard img { width: 100%; max-width: 100%; } .facultyListing input[type=text].searchFiltersBox { width: 85%; } } @media screen and (max-width: 400px) { .facultyListing input[type=text].searchFiltersBox, .facultyListing select.categoryDropdown { font-size: .9rem; } } /* ============================ FACULTY DETAIL * ============================*/ .facultyBioDetail.interior .facultyDetails { padding: 0; } .facultyBioDetail.interior .columns .wrapper {padding: 20px 0;} .facultyBioDetail.interior .columns:last-child {margin-bottom: 50px;} .facultyBioDetail.interior .facultyDetails img {max-height: 350px; max-width: 286px; height: 100%; width: 100%; object-fit: cover; object-position: top; } /* Faculty Bio */ .facultyBioDetail.interior h1 { font-size: 1.9375rem; color:#8a2432; line-height: 1.3; margin-bottom: 10px; font-weight: 600; } .facultyBioDetail.interior h2 { font-size: 1.625rem; color:#202020; line-height: 1.3; margin-bottom: 10px; font-weight: 500; } .facultyBioDetail.interior .content > ul > li:not(:last-child) {padding-bottom: 10px;} @media screen and (max-width: 960px) { .facultyBioDetail.interior .sectionNavColumn {margin-bottom: 8px;} .facultyBioDetail.interior .facultyDetails img { height: auto; } } /* ============================ PLUGINS * ============================*/ /* 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 #ccc; } .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: #efefef; } @media screen and (min-width: 721px) { .tablesaw-stack thead, .tablesaw-stack th { background-color: #efefef; color: #333; } .tablesaw-stack th { border: 1px solid #ccc; } .tablesaw-stack tr { display: table-row; border: 1px solid #ccc; } /* Show the table header rows */ .tablesaw-stack thead td, .tablesaw-stack thead th { vertical-align: middle; } .tablesaw-stack td { border: 1px solid #ccc; } .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; margin: 0; padding: 12px 20px; } .tablesaw-stack td { padding: 15px 20px; } /* Hide the labels in each cell */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; } } @media screen and (max-width: 720px) { .tablesaw-stack tbody tr { display: inline-block; width: 100%; padding: 12px 20px; } .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; } .tablesaw-stack tbody td, .tablesaw-stack tbody th { display: block; float: left; clear: left; width: 100%; } .tablesaw-cell-label { vertical-align: top; } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0; width: 100%; color: #333; font-weight: 600; margin-bottom: 10px; } .tablesaw-stack td:last-of-type { margin-bottom: 20px; } .tablesaw-cell-content { display: inline-block; max-width: 100%; margin-bottom: 16px; } .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label, .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content { display: block; width: 100%; max-width: 100%; padding: 0; } .tablesaw-stack td:empty, .tablesaw-stack th:empty { display: none; } } /* Slick Slider Default */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative;display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .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: auto; min-height: 1px; } .slick-slide:not(.slick-active) a { display: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: 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; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: 20px; display: block; width: 65px; height: 65px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; z-index: 2; background-color: rgba(32, 32, 32, 0.9); transition: background-color 0.4s ease-in-out; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: rgba(32, 32, 32, 1); } .slick-prev { left: 10px; background-image: url(/_resources/images/impact-arrow-left.svg); background-repeat: no-repeat; background-position: center center; } .slick-next { right: 10px; background-image: url(/_resources/images/impact-arrow-right.svg); background-repeat: no-repeat; background-position: center center; } /* Dots */ .slick-dots, [class^="content col"] ul.slick-dots { position: absolute; bottom: -40px; display: block; padding: 0; margin: 0; width: 100%; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { display: block; height: 20px; width: 20px; margin-top: -4px; margin-left: -4px; line-height: 0; font-size: 0; color: transparent; border: 0; background: 0 0; cursor: pointer; } .slick-dots li button:focus .slick-dot-icon, .slick-dots li button:hover .slick-dot-icon { opacity: 1; } .slick-dots li button:focus .slick-dot-icon:before { color: orange; } .slick-dots li button .slick-dot-icon { color: #000; opacity: 0.25; } .slick-dots li button .slick-dot-icon:before { position: absolute; top: 0; left: 0; content: "•"; font-family: slick; font-size: 26px; line-height: 1; text-align: center; transition: all 0.05s linear; } .slick-dots li.slick-active button:focus .slick-dot-icon { color: orange; opacity: 1; } .slick-dots li.slick-active button .slick-dot-icon { color: #fff; opacity: 1; } .slick-dots li.slick-active button .slick-dot-icon:before { margin-top: 0; margin-left: 0; font-size: 26px; } /* ============================ MAGNIFIC POPUP * ============================*/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; overflow: hidden; position: fixed; background: rgba(10, 10, 10, .95); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; position: fixed; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-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-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-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, .closeButton { overflow: visible; cursor: pointer; border: 1px solid transparent; color: #fff; background-color: #8a2432; -webkit-appearance: none; display: block; padding: 8px 5px; z-index: 999999; -webkit-box-shadow: none; box-shadow: none; transition: all 0.4s ease-in-out; cursor: pointer; } button.mfp-arrow { position: absolute; bottom: 32px; display: block; width: 35px; height: 35px; padding: 0; cursor: pointer; border: none; z-index: 2; background-color: #8a2432; border: 2px solid #8a2432; transition: all 0.4s ease-in-out; } .mfp-arrow-left .mfp-arrow-right { width: 44px; height: 44px; color: #fff; } .mfp-arrow-left { right: 72px; background-image: url(/_resources/images/arrow-left-white.svg); background-position: center center; background-repeat: no-repeat; } .mfp-arrow-right { right: 38px; background-image: url(/_resources/images/arrow-right-white.svg); background-position: center center; background-repeat: no-repeat; } .mfp-arrow-left:hover, .mfp-arrow-right:hover, .mfp-arrow-left:focus, .mfp-arrow-right:focus { background-color: #F96B07; border: 2px solid #F96B07; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close, .closeButton, button.mfp-close { width: auto; height: 42px; position: absolute; right: 0; top: 0; color: #fff; text-indent: -999999px; background-color: #8a2432; font-family: 'Montserrat', Helvetica, Arial, san-serif; font-size: .8rem; font-weight: 500; text-decoration: none; text-align: right; line-height: 1; color: #fff; top: -42px; max-width: 86px; width: 100%; transition: all 0.4s ease-in-out; } .mfp-close:before { position: absolute; top: 12px; left: 0; right: 0; display: inline-block; width: 30px; font-size: 1.05rem; font-weight: 600; content: url(/_resources/images/close-popup.svg); margin: 0; padding: 0 10px 0 0; vertical-align: middle; background-color: #8a2432; transition: all 0.4s ease-in-out; } .mfp-close:hover, .mfp-close:focus { background-color: #8a2432; top: -42px; } .mfp-close:hover:before, .mfp-close:focus:before { background-color: #8a2432; } .mfp-close:active { top: -42px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; text-align: right; max-width: 45px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .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: -42px; } .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%; /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); */background: rgba(10, 10, 10, .95); } /* Magnific Fade In and Out */ .white-popup-block { animation: magnificOpen .4s; } .mfp-removing { animation: magnificClose .4s; } @keyframes magnificOpen { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes magnificClose { 0% {opacity: 1;} 100% {opacity: 0;} } @media (prefers-reduced-motion) { .white-popup-block, .mfp-removing { animation-name: dissolve; } } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .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; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #202020; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; 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(10, 10, 10, .95); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-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(10, 10, 10, .95); position: fixed; text-align: center; padding: 0; } } @media screen and (max-width:900px) { .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 25px; padding-right: 25px; } } .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; } /* ============================ ALERT BANNER * ============================*/ /* Alert Message Button and Icons */ .mfp-wrap { outline: none; } .alertActive.mfp-bg { background: none; top: 20%; } .alertActive ~ .alertBanner { opacity: 0; visibility: hidden; } .alertBanner { position: absolute; top: 20%; bottom: auto; left: auto; right: 0; width: 100px; z-index: 9; opacity: 1; transition: all 0.3s ease-in-out; } .alertBanner > .wrapper { max-width: 1620px; width: 100%; padding: 20px 20px; } .toggleAlertBtn { display: block; width: 72px; height: 62px; color: #fff; text-decoration: none; background: url(/_resources/images/alert-warning-icon-white.svg) no-repeat; } .alertBanner.yellow .toggleAlertBtn{ background: url(/_resources/images/alert-warning-icon-black.svg) no-repeat;} .toggleAlertBtn .alertTitle { display: inline; font-size: 1.09rem; } .toggleAlertBtn .details { font-size: .9rem; text-decoration: underline; } /* Alert Message Area */ .alertActive .mfp-container { padding: 0; top: 20%; height: 0%; } .alert { position: relative; z-index: 99; width: 100%; max-width: 600px; margin: 0 0 0 auto; } .alert .alertTitle { display: flex; font-size: 1.5rem; font-weight: 600; line-height: 1.5; padding: 35px 100px 25px 44px; text-transform: uppercase;} .alert .alertTitle div + div { padding: 4px 0 0 0; } .alert .summary { float: left; width: 100%; font-size: 1.5rem; font-weight: 400; line-height: 1.5; padding: 0 100px 35px 44px; } .alertMessage { position: relative; width: 100%; margin-top: 1px; } .alert .summary > a { color: #fff; font-size: 1rem; font-weight: 400; line-height: 1.1; text-decoration: none; } .alert .summary > a.ctaLine { border-bottom: 1px solid #fff; } .alert .mfp-close { top: 0; right: 0; text-indent: -999999px; color: #fff; } .alert .mfp-close:hover, .alert .mfp-close:focus { text-decoration: underline; } .alert .mfp-close:before { position: absolute; background-color: transparent; top: 36px; content: url(/_resources/images/close-popup.svg); right: 30px; left: auto; } .mfp-close:before { background-color: transparent; top: 6px; left: 6px; } .alert.yellow .mfp-close:before { content: url(/_resources/images/close-popup-black.svg); } .alert .mfp-close:hover:before, .alert .mfp-close:focus:before { background-color: transparent; } @media screen and (max-width: 1440px) { .alertBanner { width: 80px; height: 80px; } .alert .alertTitle { font-size: 1.25rem; } .alert .summary { font-size: 1.25rem; } .toggleAlertBtn, .alertBanner.yellow .toggleAlertBtn { width: 52px; height: 52px; background-size: 90%; } } @media screen and (max-width: 960px) { .alertBanner { width: 60px; height: 60px; top: 17%; } .alertBanner > .wrapper { padding: 0; } .toggleAlertBtn, .alertBanner.yellow .toggleAlertBtn { background-position: 14px 13px; background-size: 70%; } .alert .summary { padding: 0 50px 35px 44px; } .alert .summary { font-size: 1rem; } .alert .alertTitle { font-size: 1rem; } .alertActive .mfp-container { top: 17%; } .alert .mfp-close:before { width: 20px; right: 15px; top: 33px; } } /* Alert Message Colors */ .alertBanner.red, .alert.red .summary, .alert.red .alertTitle { background-color: rgba(135,40,55,0.93); color: #fff; } #alertMessage .alert.red > button.mfp-close, #alertMessage.alert.red > .mfp-close { background-color: rgba(135,40,55,0.07); color: #fff;} .alertBanner.blue, .alert.blue .summary, .alert.blue .alertTitle { background-color: rgba(0,47,112,0.93); color: #fff; } #alertMessage .alert.blue > button.mfp-close, #alertMessage.alert.blue > .mfp-close { background-color: rgba(0,47,112,0.07); color: #fff;} .alertBanner.yellow, .alert.yellow .summary, .alert.yellow .alertTitle { background-color: rgba(255,158,37,0.95); color: #000; } #alertMessage .alert.yellow > button.mfp-close, #alertMessage.alert.yellow > .mfp-close { background-color: rgba(255,158,37,0.05); color: #000;} .alert.yellow .summary > a.ctaLine { border-bottom: 1px solid #000;} .alert.yellow .summary > a { color: #000; text-decoration: none; } @media screen and (max-width: 767px) { .alert { padding: 0 0 0 25px;} } /* ============================ GOOGLE CUSTOM SEARCH * ============================*/ .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { font-family: 'Montserrat', Helvetica, Arial, san-serif !important; color: #8a2432 !important; word-wrap: break-word; } .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 { font-family: 'Montserrat', Helvetica, Arial, san-serif !important; color: #8a2432 !important; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover { text-decoration: underline; } .gsc-control-cse { padding: 0 !important; } .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 1.1rem !important; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: #8a2432 !important; background-color: #fff; color: #8a2432 !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page { border-color: #8a2432 !important; background-color: #fff; color: #8a2432 !important; } a.gs-title { border-bottom: none !important; display: inline; } .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding-left: 0 !important; padding-right: 0 !important; } .gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl { color: #555 !important; } .gsc-search-button-v2 { border: 1px solid #8a2432 !important; border-radius: 0 !important; border-color: #8a2432 !important; background-color: #8a2432 !important; transition: all 0.4s ease-in-out; } .gsc-search-button-v2:hover, .gsc-search-button-v2:focus { border: 1px solid #8a2432 !important; border-radius: 0 !important; border-color: #8a2432 !important; background-color: #8a2432 !important; cursor: pointer; } /* ============================ PRINT * ============================*/ @media print { #topLink { display: none !important; } .header { position: relative !important; } .grid { grid-template-columns: repeat(1, 1fr); } .sectionNavColumn { grid-area: 3 / 1 / 3 / 12; width: 100%; min-width: 0; max-width: 100%; padding: 20px 0 16px 0; } .interior .columns.sideBar { grid-area: 8 / 1 / 8 / 12; width: 100%; padding-left: 0; margin-left: 0; } .mainContent { grid-area: 3 / 1 / 8 / 12; } .sectionNavColumn + .interiorContent { grid-area: 5 / 1 / 8 / 12; } }