/* Implementation Skeleton v3 - 12/6/18 Add styles to overwrite customer CSS, USE WITH CAUTION. */ .promo-white{ background: white; } .promo-cream{ background: #f9f3cb; } .promo-navy{ background: #ccd3da; } .promo-red{ background: #990000; } .gradient-red-dark-light{ background: linear-gradient(180deg, #990000 -0.02%, #D52027 96.5%); } .gradient-blue-dark-light{ background: linear-gradient(180deg, #002244 -0.02%, #1791ad 96.5%); } .scrolling-promo-boxes-section .promo-title-white{ color: white; } /* New CSS for the Fast Facts Section */ .fast_facts_whiteBG { --bgColor: #fff; --titleColor: #990000; --subtitleColor: black; } .fast_facts_redBG { --bgColor: #990000; --titleColor: #fff; --subtitleColor: #fff; } /* Existing class @ _rankings.scss:57 */ .sb-rankings .rankings-wrapper .ranking-card .rank-value { color: var(--titleColor); /* modified */ font-family: "Bitter", serif; font-size: 3.125rem; font-weight: 600; font-style: normal; line-height: 0.9; margin-bottom: 1rem; } /* Existing class @ _rankings.scss:75 */ .sb-rankings .rankings-wrapper .ranking-card .rank-separator { width: 93px; border: 1px solid var(--subtitleColor); margin: 0 auto 1rem; opacity: 1; } /* Existing class @ _rankings.scss:105 */ @media (min-width: 992px) { .sb-rankings .rankings-wrapper .row > div:first-of-type .ranking-card { border-left: 1px solid var(--subtitleColor); } } /* Existing class @ _rankings.scss:99 */ @media (min-width: 992px) { .sb-rankings .rankings-wrapper .ranking-card { border-right: 1px solid var(--subtitleColor); } } /* Existing class @ _rankings.scss:161 */ .sb-rankings .rankings-wrapper .rankings-cta::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: var(--subtitleColor); z-index: 0; } /* Existing class @ _variables.scss:244 */ .sb-rankings .rankings-wrapper .rankings-cta .btn-link { position: relative; z-index: 1; display: inline-block; padding: 0 1rem; font-family: "Alumni Sans", sans-serif; font-weight: 600; font-size: 1.5625rem; font-style: normal; text-transform: uppercase; color: var(--titleColor); text-decoration: none; background-color: var(--bgColor); border-left: 1px solid var(--subtitleColor); border-right: 1px solid var(--subtitleColor); } /* Added classes */ .fast_facts { background-color: var(--bgColor); padding-top: 15px; padding-bottom: 20px; } .fast_facts_rank_title { margin: 0 0 2.25rem; color: var(--titleColor); text-transform: uppercase; font-weight: 600; line-height: 1.12; font-size: 4em; } .fast_facts_rank_subtitle { margin: 0 12% 50px; font-size: 1.5em; line-height: 1.2em; padding-bottom: 1em; color: var(--subtitleColor); } .rankings-wrapper { color: var(--subtitleColor); } /* Escape Button Exit */ #escapeButton { color: #ffffff; background-color: #900; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 5px solid #2c002c; margin-right: 5px; margin-left: 5px; text-align: center; padding: 0.4em; font-size: 1.4em; display: block; position: fixed; top: 0; right: 0; box-shadow: 0px 2px 15px #888888; z-index: 100000; transition: background-color 300ms ease-out; cursor: pointer; } #escapeButton:focus, #escapeButton:hover { border: 5px solid #000; background-color: #fde937; color: #000; } /* Ticket 254599 */ .section-content-wrapper::after { content: ""; display: block; clear: both; } /* CSS for Image Hero */ /*! ========================== HOMEPAGE HERO (IMAGE DESKTOP) ========================== */ .homepage-hero-image { position: relative; height: 1028px; margin-bottom: 116px; } @media (min-width: 992px) and (max-width: 1400px) { .homepage-hero-image { margin-bottom: clamp(0px, -282.04px + 28.4314vw, 116px); } } .homepage-hero-image .hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .homepage-hero-image .hero-background .image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); } .homepage-hero-image .hero-background .image-container img { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 1; pointer-events: none; } .homepage-hero-image .hero-background .image-container .hero-wrapper { position: relative; z-index: 2; height: 100%; pointer-events: auto; } .homepage-hero-image .hero-background .image-container .content-banner { display: flex; width: 495px; height: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-end; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: #002244; position: relative; flex-shrink: 0; } .homepage-hero-image .hero-background .image-container .content-banner .banner-content-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-top: 90px; position: relative; z-index: 3; } .homepage-hero-image .hero-background .image-container .content-banner .banner-content-wrapper .banner-content { padding: 52px 0 0 0; margin-right: 48px; margin-left: 52px; width: auto; border-top: 1px solid #FFFFFF; position: relative; z-index: 3; } .homepage-hero-image .hero-background .image-container .content-banner .banner-content-wrapper .change-life-btn { display: flex; width: 208px; height: 56px; justify-content: center; align-items: center; color: #FFFFFF !important; font-family: "Alumni Sans", sans-serif; font-size: 2.0625rem; font-weight: 600; line-height: 0.6; text-decoration: none; background-color: #990000 !important; border: 1px solid #990000 !important; transition: all 0.3s ease; margin-bottom: 56px; text-transform: uppercase; position: relative; z-index: 3; cursor: pointer; } .homepage-hero-image .hero-background .image-container .content-banner .banner-content-wrapper .change-life-btn:hover, .homepage-hero-image .hero-background .image-container .content-banner .banner-content-wrapper .change-life-btn:focus { color: #990000 !important; background-color: #FFFFFF !important; border-color: #990000 !important; } .homepage-hero-image .hero-background .image-container .content-banner .banner-content-wrapper .hero-title { font-family: "Alumni Sans", sans-serif; font-size: 6.125rem; font-weight: 700; line-height: 1.1; color: #FFFFFF; font-weight: 800; line-height: 0.75; text-transform: uppercase; margin-bottom: 16px; } .homepage-hero-image .hero-background .image-container .content-banner .banner-content-wrapper .hero-subtitle { color: #FFFFFF; font-family: "Bitter", serif; font-size: 1.375rem; font-style: italic; font-weight: 400; line-height: 1.55; margin-bottom: 48px; } .homepage-hero-image .hero-background .image-container .content-banner .keyline { width: 395px; height: 1px; background: #FFFFFF; margin: 0 0 45px 0; } .homepage-hero-image .hero-background .image-container .content-banner .bottom-links { position: relative; z-index: 2; margin-bottom: 56px; } /* A11y: ensure hero quick links render as semantic list without bullets/extra spacing */ .homepage-hero-image .hero-background .image-container .content-banner .bottom-links .bottom-links-list { list-style: none; margin: 0; padding: 0; } /* Video hero variant */ .homepage-hero .hero-background .video-container .content-banner .bottom-links .bottom-links-list { list-style: none; margin: 0; padding: 0; } /* Vimeo Video Embed */ .vimeo-video-container { width: 100%; max-width: 800px; aspect-ratio: 16 / 9; } .vimeo-video-container iframe { width: 100%; height: 100%; } /* Tablet hero variant */ .homepage-hero-tablet .hero-background .hero-wrapper .content-banner > .banner-content .bottom-links .bottom-links-list { list-style: none; margin: 0; padding: 0; } .homepage-hero-image .hero-background .image-container .content-banner .bottom-links a { color: #BCCF9D; font-family: "Barlow Semi Condensed", sans-serif; font-size: 1.375rem; font-weight: 400; line-height: 1.6; text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 37%; text-transform: uppercase; display: block; margin-bottom: 20px; } .homepage-hero-image .hero-background .image-container .content-banner .bottom-links a:hover { color: #FFFFFF; } .homepage-hero-image .hero-background .image-container .content-banner .bottom-links a:focus-visible { color: #FFFFFF; outline: 1px dashed #BCCF9D; outline-offset: 2px; } .homepage-hero-image .hero-background .image-container .content-banner > .prisms { position: absolute; bottom: 0; right: 0; width: 100%; height: auto; z-index: 1; } .homepage-hero-image .hero-background .bg-triangle { position: absolute; bottom: clamp(-160px, -160px + 100 * (1399px - 100vw) / 407, 0px); right: 0; width: 1500px; height: 500px; z-index: 1; transform-origin: bottom right; } .homepage-hero-image .hero-background .bg-triangle path { fill: #1791AD; } .homepage-hero-image .hero-wrapper { position: relative; z-index: 3; max-width: 1780px; height: 100%; margin: 0 auto; padding: 0 1.625rem; display: flex; justify-content: space-between; pointer-events: none; } .homepage-hero-image .hero-wrapper .action-buttons { position: absolute; right: 1.625rem; bottom: 30px; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2)); pointer-events: auto; background: #FFFFFF; padding: 1px; } /* A11y: normalize list semantics for CTA groups used across breakpoints */ .homepage-hero-image .hero-wrapper .action-buttons-list, .action-buttons-tablet .action-buttons-list, .mobile-action-buttons-container .action-buttons-list { list-style: none; margin: 0; padding: 0; } .homepage-hero-image .hero-wrapper .action-buttons-list > li, .action-buttons-tablet .action-buttons-list > li, .mobile-action-buttons-container .action-buttons-list > li { margin: 0; } /* Video hero CTA list */ .homepage-hero .hero-wrapper .action-buttons-list { list-style: none; margin: 0; padding: 0; } .homepage-hero .hero-wrapper .action-buttons-list > li { margin: 0; } /* Tablet hero: keep previous horizontal 3-up layout with new UL wrapper */ .homepage-hero-tablet .action-buttons-tablet .action-buttons-wrapper .action-buttons-list { display: flex; width: 100%; } .homepage-hero-tablet .action-buttons-tablet .action-buttons-wrapper .action-buttons-list > li { flex: 1 1 0; } .homepage-hero-tablet .action-buttons-tablet .action-buttons-wrapper .action-buttons-list > li > a.btn { width: 100%; } /* Mobile hero: replicate previous column layout with new UL wrapper */ .homepage-hero-mobile .mobile-action-buttons-container .action-buttons-wrapper .action-buttons-list { display: flex; flex-direction: column; align-items: center; gap: 1rem; } /* Sub-footer list semantics (visuals unchanged) */ .sb-sub-footer .sb-sub-footer-list { list-style: none; margin: 0; padding: 0; } .sb-sub-footer .sb-sub-footer-list li { display: inline; } .sb-sub-footer .sb-sub-footer-list li + li::before { content: " | "; } @media (max-width: 1199px) { .homepage-hero-image .hero-wrapper .action-buttons { bottom: 80px; } } .homepage-hero-image .hero-wrapper .action-buttons .btn { display: flex; height: 72px; padding: 18px 32px; justify-content: center; align-items: center; width: 346px; color: #FFFFFF; font-family: "Alumni Sans", sans-serif; font-size: 2.125rem; font-weight: 700; text-decoration: none; transition: all 0.3s ease; border-radius: 0; position: relative; overflow: hidden; } .homepage-hero-image .hero-wrapper .action-buttons .btn::after { content: "›"; position: absolute; left: 60px; opacity: 0; transform: translateX(-20px); transition: all 0.3s ease; } .homepage-hero-image .hero-wrapper .action-buttons .btn:hover { transform: none; } .homepage-hero-image .hero-wrapper .action-buttons .btn:hover::after { opacity: 1; transform: translateX(0); left: 15px; } .homepage-hero-image .hero-wrapper .action-buttons .btn:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; } .homepage-hero-image .hero-wrapper .action-buttons .btn-apply { border-top: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; border-left: 6px solid #FFFFFF; background: linear-gradient(270deg, #0166BA -0.02%, #00549A 45.99%, #002244 96.5%); text-transform: uppercase; } .homepage-hero-image .hero-wrapper .action-buttons .btn-apply:hover { background: linear-gradient(90deg, #0166BA -0.02%, #00549A 45.99%, #002244 96.5%); } .homepage-hero-image .hero-wrapper .action-buttons .btn-apply:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; } .homepage-hero-image .hero-wrapper .action-buttons .btn-tour { border-top: 3px solid #FFFFFF; border-right: 6px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; border-left: 6px solid #FFFFFF; background: linear-gradient(90deg, #1791AD 0%, #BCCF9D 100%); text-transform: uppercase; } .homepage-hero-image .hero-wrapper .action-buttons .btn-tour:hover { background: linear-gradient(-90deg, #1791AD 0%, #BCCF9D 100%); } .homepage-hero-image .hero-wrapper .action-buttons .btn-tour:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; } .homepage-hero-image .hero-wrapper .action-buttons .btn-info { border-top: 3px solid #FFFFFF; border-right: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; border-left: 6px solid #FFFFFF; background: linear-gradient(270deg, #D52027 -0.02%, #990000 45.99%, #6B000D 96.5%); text-transform: uppercase; } .homepage-hero-image .hero-wrapper .action-buttons .btn-info:hover { background: linear-gradient(90deg, #D52027 -0.02%, #990000 45.99%, #6B000D 96.5%); } .homepage-hero-image .hero-wrapper .action-buttons .btn-info:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; } .homepage-hero-image .banner-content { padding: 0; margin-right: 48px; margin-left: 52px; width: auto; } .homepage-hero-image::before { content: ""; display: none; --content-banner-left: 0px; } /* Component - 1_Cards – Three Column List Cards */ @media (min-width: 992px) { .homepage-hero-image::before { --content-banner-left: calc((100% - 495px) / 2); } } /* Social Media Table for Tori */ .social-media-list{ columns:2; } @media all and (max-width:600px){ .social-media-list{ columns:1; } } @media all and (max-width:950px) and (orientation: landscape){ .social-media-list .list-group-item h5{ font-size:.8rem; } } /* 260229 */ a[href^="mailto:"]{ line-break: auto; } @media (max-width: 675px) { h1, .heading--h1 { font-size: 2.75rem !important; } h2, .heading--h2 { font-size: 2.25rem !important; } } @media (max-width: 675px) { h3, .heading--h3 { font-size: 2rem !important; } } /* Component - 1_Hero - Department Hero */ .dept-hero { position: relative; overflow: hidden; } .dept-hero__media { position: absolute; inset: 0; z-index: 0; } .dept-hero__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .dept-hero__content { position: relative; z-index: 2; display: flex; align-items: center; min-height: 280px; max-width: 1790px; margin: 0 auto; width: 100%; } .dept-hero__content-inner { max-width: 620px; padding: 32px 40px; background: #002244; color: #FFFFFF; } .dept-hero__text { display: inline-block; } .dept-hero__subhead:empty { display: none; } .dept-hero__buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; } .dept-hero__heading { font-family: "Alumni Sans", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif; font-weight: 600; color: #FFFFFF; margin: 0 0 12px; } .dept-hero__subhead { font-family: "Bitter", "Times New Roman", serif; font-style: italic; font-weight: 400; color: #FFFFFF; margin: 0; } .dept-hero__button { font-family: "Alumni Sans", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif; font-weight: 600; } .dept-hero--short-left .dept-hero__content, .dept-hero--short-center .dept-hero__content { min-height: 240px; } .dept-hero--tall-left .dept-hero__content, .dept-hero--tall-center .dept-hero__content { min-height: 520px; } .dept-hero--short-left .dept-hero__content, .dept-hero--tall-left .dept-hero__content { justify-content: flex-start; } .dept-hero--short-center .dept-hero__content, .dept-hero--tall-center .dept-hero__content { justify-content: center; } .dept-hero--short-center .dept-hero__content-inner, .dept-hero--tall-center .dept-hero__content-inner { text-align: center; } .dept-hero__buttons a:empty, .dept-hero__buttons a[href=""], .dept-hero__buttons a[href="#"] { display: none; } @media (max-width: 991px) { .dept-hero__content { min-height: 0; padding: 24px; } .dept-hero__content-inner { width: 100%; max-width: none; } .dept-hero--style-5 .dept-hero__content-inner { border: none; } .dept-hero--tall-left .dept-hero__content { min-height: 420px; } } /* Variant styling — mapped to your 10 designs */ .dept-hero--style-1 .dept-hero__content-inner, .dept-hero--style-6 .dept-hero__content-inner { background: transparent; box-shadow: none; padding: 0; } .dept-hero--style-1 .dept-hero__text, .dept-hero--style-6 .dept-hero__text, .dept-hero--style-1 .dept-hero__buttons, .dept-hero--style-6 .dept-hero__buttons { display: none; } .dept-hero--style-2 .dept-hero__buttons, .dept-hero--style-3 .dept-hero__buttons, .dept-hero--style-5 .dept-hero__buttons, .dept-hero--style-4 .dept-hero__subhead, .dept-hero--style-4 .dept-hero__buttons { display: none; } .dept-hero--style-3 .dept-hero__subhead { display: none; } .dept-hero--style-1 .dept-hero__content-inner > *:not(.dept-hero__buttons) { margin: 0; } .dept-hero--style-1 .dept-hero__media img { object-position: center 50%; } .dept-hero--style-2 .dept-hero__heading, .dept-hero--style-3 .dept-hero__heading, .dept-hero--style-5 .dept-hero__heading, .dept-hero--style-8 .dept-hero__heading, .dept-hero--style-9 .dept-hero__heading, .dept-hero--style-10 .dept-hero__heading { font-size: 50px; line-height: 50px; } .dept-hero--style-2 .dept-hero__subhead, .dept-hero--style-5 .dept-hero__subhead, .dept-hero--style-8 .dept-hero__subhead, .dept-hero--style-9 .dept-hero__subhead { font-size: 20px; line-height: 28px; } .dept-hero--style-4 .dept-hero__heading { font-weight: 500; font-size: 50px; line-height: 40px; } .dept-hero--style-7 .dept-hero__heading { font-size: 70px; line-height: 66px; } .dept-hero--style-7 .dept-hero__subhead { font-size: 24px; line-height: 36px; } .dept-hero--style-8 .dept-hero__button, .dept-hero--style-7 .dept-hero__button, .dept-hero--style-9 .dept-hero__button { font-size: 24px; line-height: 40px; } .dept-hero--style-10 .dept-hero__subhead { font-size: 24px; line-height: 30px; } .dept-hero--style-10 .dept-hero__button { font-size: 22px; line-height: 40px; } @media (max-width: 576px) { .dept-hero--style-2 .dept-hero__heading, .dept-hero--style-3 .dept-hero__heading, .dept-hero--style-5 .dept-hero__heading, .dept-hero--style-8 .dept-hero__heading, .dept-hero--style-9 .dept-hero__heading, .dept-hero--style-10 .dept-hero__heading, .dept-hero--style-4 .dept-hero__heading { font-size: 40px; line-height: 40px; } .dept-hero--style-7 .dept-hero__heading { font-size: 56px; line-height: 53px; } .dept-hero--style-2 .dept-hero__subhead, .dept-hero--style-5 .dept-hero__subhead, .dept-hero--style-8 .dept-hero__subhead, .dept-hero--style-9 .dept-hero__subhead { font-size: 16px; line-height: 22px; } .dept-hero--style-7 .dept-hero__subhead { font-size: 19.2px; line-height: 28.8px; } .dept-hero--style-10 .dept-hero__subhead { font-size: 19.2px; line-height: 40px; } .dept-hero--style-8 .dept-hero__button, .dept-hero--style-7 .dept-hero__button, .dept-hero--style-9 .dept-hero__button { font-size: 19.2px; line-height: 32px; } .dept-hero--style-10 .dept-hero__button { font-size: 17.6px; line-height: 32px; } } .dept-hero--style-2 .dept-hero__content-inner, .dept-hero--style-3 .dept-hero__content-inner, .dept-hero--style-5 .dept-hero__content-inner, .dept-hero--style-7 .dept-hero__content-inner { background: #002244; border: 1px solid #FFFFFF; position: relative; } .dept-hero--style-2 .dept-hero__text, .dept-hero--style-3 .dept-hero__text { border-left: 4px solid #990000; padding-left: 20px; } .dept-hero--style-2 .dept-hero__content-inner { border: none; } .dept-hero--style-3 .dept-hero__content-inner { border: none; } .dept-hero--style-5 .dept-hero__content-inner { border-top: none; border-bottom: none; } .dept-hero--style-7 .dept-hero__content-inner { border: none; } @media (max-width: 991px) { .dept-hero--style-5 .dept-hero__content-inner { border: none; } } .dept-hero--style-2 .dept-hero__content, .dept-hero--style-3 .dept-hero__content, .dept-hero--style-5 .dept-hero__content, .dept-hero--style-7 .dept-hero__content { --hero-left-fill: 6rem; padding-left: 6rem; align-items: stretch; position: relative; } .dept-hero--style-8 .dept-hero__content { --hero-left-fill: 10rem; padding-left: 10rem; align-items: stretch; position: relative; } .dept-hero--style-9 .dept-hero__content { --hero-left-fill: 10rem; padding-left: 10rem; align-items: stretch; position: relative; } .dept-hero--style-2 .dept-hero__content-inner, .dept-hero--style-3 .dept-hero__content-inner, .dept-hero--style-5 .dept-hero__content-inner, .dept-hero--style-7 .dept-hero__content-inner { padding-left: 56px; display: flex; flex-direction: column; justify-content: center; align-self: stretch; } .dept-hero--style-2 .dept-hero__content::before, .dept-hero--style-3 .dept-hero__content::before { content: ""; position: absolute; left: calc(-1 * (50vw - 50%)); top: 0; bottom: 0; width: calc((50vw - 50%) + var(--hero-left-fill)); background-color: #002244; background-repeat: no-repeat; background-position: left center; background-size: cover; background-image: url('/_resources/images/dept-hero-prism-blue.png'); z-index: 0; } @media (max-width: 991px) { .dept-hero--style-2 .dept-hero__content, .dept-hero--style-3 .dept-hero__content, .dept-hero--style-5 .dept-hero__content, .dept-hero--style-7 .dept-hero__content { --hero-left-fill: 0; padding-left: 0; } .dept-hero--style-8 .dept-hero__content { --hero-left-fill: 0; padding-left: 0; } .dept-hero--style-9 .dept-hero__content { --hero-left-fill: 0; padding-left: 0; } .dept-hero--style-2 .dept-hero__content::before, .dept-hero--style-3 .dept-hero__content::before { display: none; } } .dept-hero--style-2 .dept-hero__content-inner, .dept-hero--style-3 .dept-hero__content-inner, .dept-hero--style-5 .dept-hero__content-inner, .dept-hero--style-7 .dept-hero__content-inner { position: relative; z-index: 1; } .dept-hero--style-2 .dept-hero__heading, .dept-hero--style-2 .dept-hero__subhead, .dept-hero--style-3 .dept-hero__heading, .dept-hero--style-5 .dept-hero__heading, .dept-hero--style-5 .dept-hero__subhead { max-width: 360px; } .dept-hero--style-5 .dept-hero__content::before, .dept-hero--style-7 .dept-hero__content::before { content: ""; position: absolute; left: calc(-1 * (50vw - 50%)); top: 0; bottom: 0; width: calc((50vw - 50%) + var(--hero-left-fill)); background-color: #002244; background-repeat: no-repeat; background-position: left center; background-size: cover; background-image: url('/_resources/images/dept-hero-prisms.jpg'); z-index: 0; } @media (max-width: 991px) { .dept-hero--style-5 .dept-hero__content::before, .dept-hero--style-7 .dept-hero__content::before { display: none; } } .dept-hero--style-4 .dept-hero__content-inner { background: #002244; border: 1px solid #FFFFFF; text-align: center; max-width: 720px; } .dept-hero--style-4 .dept-hero__content-inner { padding: 32px 40px 22px; } .dept-hero--style-7 .dept-hero__button, .dept-hero--style-8 .dept-hero__button, .dept-hero--style-9 .dept-hero__button, .dept-hero--style-10 .dept-hero__button { border: 1px solid #FFFFFF; } .dept-hero--style-7 .dept-hero__button:nth-child(n+2), .dept-hero--style-8 .dept-hero__button:nth-child(n+2), .dept-hero--style-9 .dept-hero__button:nth-child(n+2) { display: none; } .dept-hero--style-8 .dept-hero__content-inner { background: #002244; border: 1px solid #FFFFFF; max-width: 500px; margin: 80px 40px; padding: 40px 60px; } @media (max-width: 991px) { .dept-hero--style-8 .dept-hero__content-inner { margin: 80px 0; border-left: none; } } @media (max-width: 576px) { .dept-hero--style-8 .dept-hero__content-inner { margin: 20px 0; } } .dept-hero--style-7 .dept-hero__buttons, .dept-hero--style-8 .dept-hero__buttons, .dept-hero--style-9 .dept-hero__buttons, .dept-hero--style-10 .dept-hero__buttons { margin-top: 26px; } .dept-hero--style-7 .dept-hero__button, .dept-hero--style-8 .dept-hero__button, .dept-hero--style-9 .dept-hero__button, .dept-hero--style-10 .dept-hero__button { line-height: 24px; padding: 8px 22px; } .dept-hero--style-9 .dept-hero__content-inner { background: #FFFFFF; color: #000000; border: 1px solid #990000; max-width: 500px; margin: 80px 40px; padding: 40px 60px; } .dept-hero--style-9 .dept-hero__heading, .dept-hero--style-9 .dept-hero__subhead { color: #000000; } @media (max-width: 991px) { .dept-hero--style-9 .dept-hero__content-inner { margin: 80px 0; border-left: none; } } @media (max-width: 576px) { .dept-hero--style-9 .dept-hero__content-inner { margin: 20px 0; } } .dept-hero--style-10 .dept-hero__content-inner { background: transparent; text-align: center; max-width: 900px; } .dept-hero--style-10 .dept-hero__buttons { justify-content: center; gap: 30px; } .dept-hero--style-10 .dept-hero__media::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); } /* DS NEW RSS FEED TICKET START */ #row_1 { display: block; padding: 20px 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #row_1 .col { margin: 0 auto 46px; width: 100%; max-width: 620px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; clear: both; float: none; } #row_1 .col + .col { border-top: 1px solid #ccc; padding-top: 50px; } #row_1 .col .col_content { padding-bottom: 70px; position: relative; } #row_1 .col .col_content h1:first-child, #row_1 .col .col_content h2:first-child, #row_1 .col .col_content h3:first-child, #row_1 .col .col_content h4:first-child, #row_1 .col .col_content h5:first-child, #row_1 .col .col_content h6:first-child { margin-top: 15px; } #row_1 .col .video { display: block; width: 100%; margin: 15px 0; } #row_1 .col, #row_1 .col a, #row_1 .col em { } #row_1 .col strong, #row_1 .col .redBold { } #row_1 .col .sbu-outline-button { position: absolute; bottom: 0; left: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 18px; padding: 10px; } #row_1 .col p { line-height: 1.5em; } div.section_header { background: #900; background: url("../images/button-1.png") #900 0 0 no-repeat; background-size: cover; color: #fff; letter-spacing: 0.005em; font-size: 20px; font-weight: 400; position: relative; line-height: 1em; text-rendering: optimizeLegibility; font-family: "museo-slab"; padding: 16px 10px; text-align: center; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0 10px; } #row_1 .coltab-item a.btn-container { display: block; margin: 0 auto; float: none; width: 148px; } .dropdown_wrapper { margin-top: 15px; width: 248px; height: 60px; margin: auto; position: relative; z-index: 10; } .dropdown_header { color: #990000; font-family: arial; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-top: 10px; margin-left: 25px; display: block; } .buttons { margin-top: 30px; } .red_button { width: 235px; height: 35px; border: 1px solid #fff; background-color: rgba(153, 0, 0, 0.8); display: inline-block; color: #fff; text-align: left; padding: 5px; } .red_button:hover { background-color: rgba(0, 0, 0, 0.8); } .red_button_text { font-size: 15px; font-family: "Arial", "sans-serif"; font-weight: 100; letter-spacing: 1px; text-decoration: none; padding-top: 8px; color: #fff; display: block; width: 100%; height: 100%; } .red_button_text:hover { text-decoration: none; } .red_button_text:after { content: "\279C"; font-size: 16px; padding-left: 4px; opacity: 0.7; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #900; } /* Accessible Exit Snippet */ #escapeButton { color: #ffffff; background-color: #900; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 5px solid #2c002c; margin-right: 5px; margin-left: 5px; text-align: center; padding: 0.4em; font-size: 1.4em; display: block; position: fixed; top: 0; right: 0; box-shadow: 0px 2px 15px #888888; z-index: 100000; transition: background-color 300ms ease-out; cursor: pointer; } #escapeButton:focus, #escapeButton:hover { border: 5px solid #000; background-color: #fde937; color: #000; } @media only screen and (max-width: 1021px) { #row_1 .col .col_content { height: auto !important; padding-bottom: 24px; } div.section_header { text-align: left; } } @media only screen and (min-width: 960px) { #row_1 { padding: 80px 0; } #row_1 .col:first-child, #row_1 .col:nth-child(2), #row_1 .col + .col, #row_1 .col { margin: 0 auto; width: 33.333%; float: left; display: inline-block; padding: 0 15px; clear: none; border: 0 none; } #row_1 .col:first-child, #row_1 .col:nth-child(2) { padding-right: 18px; border-right: 1px solid #ccc; } #row_1 .news-feed { /* max-height: 340px; */ overflow: auto; } } .col_content img { max-width: 100%; height: auto; } /* Vertical Calendar */ .activities-and-calendar { font-size: 18px; } h3 + .activities-and-calendar, h4 + .activities-and-calendar, h5 + .activities-and-calendar { margin-top: 20px; } .activities-and-calendar .news-feed li { margin-bottom: 25px; list-style: none; } .activities-and-calendar .news-feed .date-marker { max-width: 80px; } .activities-and-calendar a:hover { text-decoration: none !important; } @media only screen and (min-width: 960px) { .activities-and-calendar .date-marker { width: 18%; margin: 0 10px 0 0; } } .wrapper { width: 1026px; max-width: calc(100vw - 48px); /* 1140px - 10% for margins */ margin: 0 auto; } @media only screen and (min-width: 1160px) { .no-pad-wrapper { margin: 0 auto; max-width: 1160px; } .wrapper { width: 1160px; margin: 0 auto; } } a.sbu-outline-button--red { color: #900 !important; border-color: #900 !important; background: #fff; } a.btn.btn-block { width: 100%; } /* Calendar Section */ .calendar-section__events-col--right { padding-bottom: 26px; } /* Event Feed */ .activities-and-calendar .news-feed, .activities-and-calendar .news-feed ul, .activities-and-calendar .news-feed .flex-list-1 { margin: 0; padding: 0; list-style: none; } .activities-and-calendar .news-feed li.clearfix { display: flex; align-items: flex-start; gap: 16px; margin: 0 0 28px; padding: 0; border: 0; } .activities-and-calendar .news-feed li a { text-decoration: none !important; } .activities-and-calendar .news-feed li:hover .event-title, .activities-and-calendar .news-feed li:focus-visible .event-title { text-decoration: underline !important; } .activities-and-calendar .news-feed .date-marker { flex: 0 0 64px; width: 64px; height: 64px; max-width: none; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid #c61f1f; background: #fff; text-align: center; text-decoration: none; padding: 4px 0; } .activities-and-calendar .news-feed .event-date { display: block; margin: 0; color: #b01c1c; font-family: "Barlow", sans-serif; font-size: 2.125rem; font-weight: 700; line-height: 0.9; } .activities-and-calendar .news-feed .event-month { display: block; margin-top: 2px; color: #b01c1c; font-family: "Barlow", sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1; text-transform: uppercase; } .activities-and-calendar .news-feed .event-details { flex: 1 1 auto; display: block; text-decoration: none; padding-top: 1px; } .activities-and-calendar .news-feed .event-title, .activities-and-calendar .news-feed .event-desc { display: block; } .activities-and-calendar .news-feed .event-title { margin: 0 0 4px; color: #b01c1c; font-family: "Barlow", sans-serif; font-size: 1.05rem; font-weight: 700; line-height: 1.1; } .activities-and-calendar .news-feed .event-desc { margin: 0; color: #333; font-family: "Barlow", sans-serif; font-size: 0.95rem; font-weight: 400; line-height: 1.45; } .activities-and-calendar .news-feed a:hover .event-title, .activities-and-calendar .news-feed a:focus .event-title { color: #8f1212; text-decoration: none; } .activities-and-calendar .news-feed a:hover.date-marker, .activities-and-calendar .news-feed a:focus.date-marker { background: #fafafa; text-decoration: none; } @media (max-width: 767px) { .activities-and-calendar .news-feed li.clearfix { gap: 12px; margin-bottom: 22px; } .activities-and-calendar .news-feed .date-marker { flex: 0 0 58px; width: 58px; height: 58px; } .activities-and-calendar .news-feed .event-date { font-size: 1.8rem; } .activities-and-calendar .news-feed .event-month { font-size: 0.95rem; } .activities-and-calendar .news-feed .event-title { font-size: 1rem; } .activities-and-calendar .news-feed .event-desc { font-size: 0.92rem; } } /* feedwind */ #row_1 .col_content .fw-block { height: 500px !important; overflow: hidden; } #row_1 .col_content .fw-iframe { height: 500px !important; } .calendar-events .calendar-events__description a { color: #fff; text-decoration-color: #fff; } .calendar-events .calendar-events__description a:hover, .calendar-events .calendar-events__description a:focus { color: #fff; } .calendar-events-light { background: #fff; background-image: none; color: #000; } .calendar-events-light .calendar-events__header h2, .calendar-events-light .calendar-events__date, .calendar-events-light .calendar-events__date .day, .calendar-events-light .calendar-events__date .month { color: #990000; } .calendar-events-light .calendar-events__header h3, .calendar-events-light .calendar-events__description, .calendar-events-light .calendar-events__description p { color: #000; } .calendar-events-light .calendar-events__date::before, .calendar-events-light .calendar-events__date::after { background-color: #990000; } .calendar-events-light .calendar-events__description a { color: #990000; text-decoration-color: #990000; } .calendar-events-light .calendar-events__description a:hover, .calendar-events-light .calendar-events__description a:focus { color: #990000; } .calendar-events-light .btn-global--white-transparent-black-hover { background-color: #fff; color: #990000; border-color: #990000; } .calendar-events-light .btn-global--white-transparent-black-hover:hover, .calendar-events-light .btn-global--white-transparent-black-hover:focus, .calendar-events-light .btn-global--white-transparent-black-hover:focus-visible { background-color: #990000; color: #fff !important; border-color: #990000; outline-color: #990000; } /* DS NEW RSS FEED TICKET END */ /* Ticket 268575 Start */ em{font-style:italic;} body{margin:0;padding:0;overflow-x:hidden;} img{border:none;} a{text-decoration: underline;} [id^="fw-container-"]{width:100%;margin:0;padding:0;font-family:"Barlow", sans-serif;font-size:16px;overflow:hidden;box-sizing:border-box;text-align: left;} [id^="fw-feed-items-scroll-area-"]{background-image:none; width: 1px; min-width: 100%; overflow:hidden;} [id^="fw-feed-items-"]{margin:0;padding:0; overflow:hidden;} .fw-feed-item{ margin:0;padding: 10px 0; clear:both; } .fw-feed-item:hover{ margin:0;padding: 10px 0; clear:both; } [id^="fw-feed-items-"] .fw-feed-item-url{display: block;overflow: hidden;} [id^="fw-feed-items-"] .fw-feed-item-url[onclick] { cursor: pointer;} .fw-feed-item-image-module{margin:0 0 0 5px; padding:0;float:left;} .fw-feed-title{font-weight: bold;margin:0 20px;padding:20px 0 15px 0;word-wrap:break-word;border-bottom:1px solid #dbdee1;} .fw-feed-item-image{margin:0; padding:0;width:110px;height:100px;overflow:hidden;cursor:auto;} .fw-feed-item-content-module{margin:0 0 0 5px;padding:0 0 0 5px;overflow:hidden; } .fw-feed-item-more-link{font-weight: 700;margin:0 2px 0 0;padding:0 2px 0 0;color:#990000;line-height:1.5;font-size:0.95rem;overflow:hidden;} .fw-feed-item-title{margin:0 2px 0 0;padding:0 2px 0 0;color:#990000;line-height:1.1;font-size:1.05rem;overflow:hidden;display:block;font-weight:700;} .fw-feed-item-description{font-weight: 400;font-family: "Barlow", sans-serif;margin:0 2px 0 0;padding:0 2px 0 0;color: #333;word-wrap:break-word;line-height:1.45;font-size: 0.95rem;overflow: hidden;display: block;} .fw-feed-item-description-date{cursor:auto;font-weight: 400;font-family: "Barlow", sans-serif;margin:0 2px 0 0;padding:0 2px 0 0;color: #333;word-wrap:break-word;line-height:1.45;font-size: 0.95rem;overflow: hidden;display: block;} .fw-feed-item-date{font-weight: 400;margin:5px 0 0 0;padding:0px;font-size: 0.95rem;color: #333;overflow:hidden;text-overflow:ellipsis;display:block} .fw-feed-item-link{font-weight: 400;margin:0;padding:0;font-size: 0.95rem;color: #000000 ;overflow:hidden;text-overflow:ellipsis;display:block;} .fw-feed-item-image img { width: 100%; height: 100%; } .fw-feed-more-posts-link { padding:10px; font-size:16px; background-color:#000000;text-align:right; } .fw-feed-more-posts-link a{ color:#000000; } .fw-feed-item-author-name {margin:0 2px 0 0;padding:0 2px 0 0;color:#333333;word-wrap:break-word;line-height:1.5;font-size:12px;overflow: hidden;display: block; } .fw-feed-item table { margin: 0 auto; display: table !important; } .fw-feed-item table td, .fw-feed-item table tr { height: 0px !important; } .fw-feed-item.ad { padding:0 !important; border: none !important; } .fw-feed-item table img { width:initial; height:auto; } .fw-feed-item-content-module a:hover{ color: #8f1212; } .fw-feed-item-description{ cursor: auto; } .listing-pages{ justify-content:center; } .listing-pages li{ list-style-type:none; padding-left: 10px; } .listing-pages .active a{ color:black; } .listing-pages a{ text-decoration:none !important; } .paginationjs a{ color: rgb(153, 0, 0); } .paginationjs { justify-content: center !important; margin-bottom: 1.5rem; margin-top:25px; } .paginationjs { display: flex; line-height: 1.6; font-family: Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif; font-size: 14px; box-sizing: initial } .paginationjs:after { display: table; content: " "; clear: both } .paginationjs .paginationjs-pages { float: left; margin-left: 10px } .paginationjs .paginationjs-pages ul { float: left; margin: 0; padding: 0 } .paginationjs .paginationjs-pages li { float: left; border: 1px solid #aaa; border-right: none; list-style: none } .paginationjs .paginationjs-pages li>a { min-width: 30px; height: 28px; line-height: 28px; display: block; background: #fff; font-size: 14px; text-decoration: none !important; text-align: center; cursor: pointer } .paginationjs .paginationjs-pages li>a:hover { background: #eee } .paginationjs .paginationjs-pages li.active { border: none } .paginationjs .paginationjs-pages li.active>a { height: 30px; line-height: 30px; background: #aaa; color: rgb(153, 0, 0); cursor: default } .paginationjs .paginationjs-pages li.disabled>a { opacity: .3; cursor: default } .paginationjs .paginationjs-pages li.disabled>a:hover { background: 0 0 } .paginationjs .paginationjs-pages li:first-child,.paginationjs .paginationjs-pages li:first-child>a { border-radius: 3px 0 0 3px } .paginationjs .paginationjs-pages li:last-child { border-right: 1px solid #aaa; border-radius: 0 3px 3px 0 } .paginationjs .paginationjs-pages li:last-child>a { border-radius: 0 3px 3px 0 } .paginationjs .paginationjs-pages li.paginationjs-next { border-right: 1px solid #aaa\9; } /* Ticket 268575 Start */ /* Ticket 279846 Start */ .timeline-alternating { width: 100%; display: flex; flex-direction: column; position: relative; overflow: hidden !important; } /* timeline spine */ .timeline-alternating:after { height: 100%; content: ""; width: 0.25rem; background-color: rgba(153, 0, 0, 0.33); position: absolute; left: 11%; transform: translateX(-11%); z-index: 1; } /* timeline spine markers */ .timeline-alternating .card.stacked-timeline-card:nth-child(even):before, .timeline-alternating .card.stacked-timeline-card:nth-child(odd):after { content: ""; position: absolute; left: -22.22%; top: 0; height: 100%; width: 22.22%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 504.93 599.72'%3E%3C!-- Generator: Adobe Illustrator 30.5.1, SVG Export Plug-In . SVG Version: 2.1.4 Build 3) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23991b1e; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M423.21,497.22L316.94,3.13c-4.45-.45-8.94-.72-13.42-1.06l89.28,525.29c10.75-9.36,20.91-19.44,30.41-30.13Z'/%3E%3Cpath class='st0' d='M504.42,305.82L381.73,13.87c-4.7-1.08-9.45-1.99-14.2-2.93l130.04,344.71c3.73-16.29,5.98-32.95,6.85-49.82h0Z'/%3E%3Cpath class='st0' d='M322.82,574.34c8.03-3.96,15.82-8.4,23.52-13.04L285.42.68c-4.79-.22-9.61-.2-14.44-.32l36.95,580.86c4.92-2.18,9.85-4.41,14.88-6.89h.01Z'/%3E%3Cpath class='st0' d='M478.06,413.01L348.78,7.4c-4.52-.74-9.07-1.31-13.59-1.93l122.52,445.63c7.62-12.23,14.44-24.95,20.35-38.09Z'/%3E%3Cpath class='st0' d='M504.93,62.5c-31.05-18.94-66.16-33.21-103.35-43.46l103.32,216.43.03-172.97Z'/%3E%3C/g%3E%3Cpath class='st0' d='M.03,62.5v225.28c-1.73,121.34,76.41,234.36,182.1,286.54,23.26,11.47,44.82,19.4,70.35,25.4V0C161.84.74,71.05,22.19.03,62.5ZM156.07,268.4l14.11,43.33-36.85-26.79-36.78,26.79,14.08-43.33-36.64-26.69h45.29l14.03-43.06,14.12,43.06h45.24l-36.61,26.69Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center 55px; background-size: 25%; z-index: 2; } /* */ /* timeline cards (mobile)*/ .card.stacked-timeline-card { width: 80%; margin-left: auto !important; margin-right: 0 !important; margin-bottom: 2rem; position: relative; border-radius: 4px; background: #f5f5f5; box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3); border: none; } .card.stacked-timeline-card .card-header { width: 100%; overflow: hidden; border: none; background: #f5f5f5; padding: 0; } /* set height for card header if it has an image */ .card.stacked-timeline-card .card-header:has(img) { height: 200px; } .card.stacked-timeline-card .card-header img { width: 100%; height: 100%; object-fit: cover; } .card.stacked-timeline-card .card-body { padding: 0 1rem 1rem 1rem; } .card.stacked-timeline-card .card-body h2.card-title { padding: 1rem 1rem 1.5rem 0; margin-top: 42px; margin-bottom: 12px; } /* */ /* alternating corner flags */ .card.stacked-timeline-card .corner-flag { width: 100%; display: flex; position: absolute; } .card.stacked-timeline-card .corner-flag .flag-content { background-color: #252525; color: white; padding: 0.5rem 1rem; font-size: 1rem; line-height: normal; } .timeline-alternating .card.stacked-timeline-card:nth-child(even) .corner-flag { justify-content: flex-start; } /* */ @media (min-width: 768px) { .timeline-alternating .card.stacked-timeline-card { width: 45%; } .timeline-alternating .card.stacked-timeline-card:nth-child(odd) { margin-left: 0 !important; margin-right: auto !important; } .timeline-alternating .card.stacked-timeline-card:nth-child(odd):after { left: unset; right: -22.22%; } .timeline-alternating:after { left: 50%; transform: translateX(-50%); } } /* Ticket 279846 End */ /* ticket 285323 - start */ .dropdown.news-dropdown { position: relative; } .dropdown.news-dropdown .dropdown-menu { left: 0; right: 0; width: auto; min-width: 0; box-sizing: border-box; border-radius: 0.375rem; border: 1px solid #6C757D; transform: translate(0px, 38px) !important; } .dropdown.news-dropdown .dropdown-toggle { position: relative; } .dropdown.news-dropdown .dropdown-toggle::after { position: absolute; right: 1rem; top: 50%; margin-left: 0; transform: translateY(-50%); } .apply-button{ line-height: 0.8 !important; } .left-margin{ margin-left:5px; } /* ticket 285323 - end */