/* Primary Secondary Accent Error Status //** Background color for ``. $body-bg: #fff !default; //** Global text color on ``. $text-color: $gray-dark !default; //** Global textual link color. $link-color: $brand-primary !default; //** Link hover color set via `darken()` function. $link-hover-color: darken($link-color, 15%) !default; //** Link hover decoration. $link-hover-decoration: underline !default; */ .lc--layout-container h1, .lc--layout-container h2, .lc--layout-container h3, .lc--layout-container h4, .lc--layout-container h5, .cc--carousel-block .image-swiper .swiper-controls .swiper-counter, .cc--chaptered-menu .c--chaptered-menu .sidebar-header, .cc--event-card .c--event-card .f--cta-title, .cc--event-teaser-row .c--event-teaser-row .text-container .f--cta-title h3, .cc--featured-program .c--featured-program .text-container .f--cta-title h3, .cc--filter-form .c--filter-form h2, .cc--gu-hero-carousel .text-container .f--section-title h2, .cc--hero-share .c--hero-share .text-container .f--page-title h1, .cc--intro p, .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--richtext p, .cc--menu-article-teaser .c--menu-article-teaser .f--cta-title a, .cc--people-story .c--people-story .f--richtext, .cc--program-row .program-row-header .title-container .f--cta-title h3, .cc--promo-block .swiper-container .swiper-controls .swiper-counter, .cc--promo-text-only .c--promo-text-only .f--section-title h2, .cc--q-and-a-carousel .swiper-controls.tablet .swiper-counter, .cc--q-and-a-carousel .swiper-controls.desktop .swiper-counter, .cc--stat-block .f--stat .stat, .cc--wysiwyg-cta .c--wysiwyg-cta .f--wysiwyg p, .tc--event .content-main .f--page-title h1, .tc--sfs-chaptered-page .chaptered-page-chapter .f--section-title h2, .tc--chaptered-page .chaptered-page-chapter .f--section-title h2 { font-family: 'adobe-caslon-pro', Times, serif; font-style: normal; font-weight: 400; } .lc--layout-container h1, .lc--layout-container .f--section-title h2, .cc--footer-gu .c--footer-gu .row .address, .cc--footer-gu .c--footer-gu .cc--footer-copyright .c--footer-copyright .f--richtext, .cc--footer .c--footer .cc--footer-copyright .c--footer-copyright .f--richtext, .cc--carousel-block .image-swiper .swiper-controls .swiper-counter .separator, .cc--hero-share .c--hero-share .text-container .timeline-date, .cc--promo-block .swiper-container .swiper-controls .swiper-counter .separator, .cc--pull-quote .c--pull-quote .f--richtext p, .cc--q-and-a-carousel .swiper-controls.tablet .swiper-counter .separator, .cc--q-and-a-carousel .swiper-controls.desktop .swiper-counter .separator, .cc--quick-link .f--button-link a, .cc--search-form-404 form label, .cc--search-form form label, .cc--sfs-sidebar-menu .sfs-sidebar-menu-header a, .cc--sfs-sidebar-menu .sfs-sidebar-menu-header span, .cc--sfs-timeline .c--sfs-timeline .years h2, .cc--sfs-timeline .c--sfs-timeline .events .date, .cc--stat-block .f--stat .stat-description, .tc--single-article .cc--stats-block .f--richtext, .tc--sfs-article .cc--stats-block .f--richtext, .tc--sfs-timeline-detail .cc--stats-block .f--richtext, .cc--testimonial .c--testimonial .text-container .f--richtext p { font-family: 'adobe-caslon-pro', Times, serif; font-style: italic; font-weight: 400; } body .lc--layout-container, .lc--layout-container.sfs .f--wysiwyg h2, .lc--layout-container.sfs .f--richtext h2, .lc--layout-container.sfs h3, .lc--layout-container.sfs h4, .lc--layout-container.sfs h5, .fi--form-item input[type='date'], .fi--form-item input[type='datetime-local'], .fi--form-item input[type='email'], .fi--form-item input[type='month'], .fi--form-item input[type='number'], .fi--form-item input[type='password'], .fi--form-item input[type='search'], .fi--form-item input[type='tel'], .fi--form-item input[type='text'], .fi--form-item input[type='time'], .fi--form-item input[type='url'], .fi--form-item input[type='week'], .submit-an-event-form .acf-field input[type='text'], .submit-an-event-form .acf-field input[type='password'], .submit-an-event-form .acf-field input[type='number'], .submit-an-event-form .acf-field input[type='search'], .submit-an-event-form .acf-field input[type='email'], .submit-an-event-form .acf-field input[type='url'], .submit-an-event-form .acf-field textarea, .submit-an-event-form .acf-field select, .checkbox-wrapper label, .fi--form-item .radio-wrapper label, .fi--form-item .select-wrap select, .f--date-string, .f--event-location, .f--tags ul li a, .f--time-string, .cc--carousel-block .text-swiper p, .cc--degree-info ul li span, .cc--degree-info ul li p, .cc--event-card .c--event-card .f--event-location, .cc--event-card .c--event-card .f--time-string, .sfs .cc--event-teaser-row .c--event-teaser-row .text-container .f--cta-title h3, .cc--faculty-listing ul li a, .cc--featured-program .c--featured-program .text-container .specs-container .type-of-program li, .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .menu-item-text, .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text, .cc--hero-share .c--hero-share .text-container .info-container > div, .sfs .cc--intro p, .sfs .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--richtext p, .cc--news-card .c--news-card .f--date, .sfs .cc--people-story .c--people-story .f--richtext, .cc--program-row .program-row-header .info-container .specs-container .type-of-program li, .cc--publication-row li .text-container .f--cta-title a, .cc--search-form-404 form input[type='search'], .cc--search-form form input[type='search'], .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .menu-item-text, .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text, .cc--sfs-sidebar-menu .sidebar-header-mobile, .cc--sfs-sidebar-menu .sfs-sidebar-menu li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu li span, .cc--video-row li .text-container .f--cta-title a, .tc--event .content-sidebar .text-fields li .f--field, .sfs .tc--sfs-chaptered-page .chaptered-page-chapter .f--section-title h2, .sfs .tc--chaptered-page .chaptered-page-chapter .f--section-title h2, .tc--sfs-profile .mobile-title .f--richtext p, .tc--sfs-profile .content-sidebar .text-container .f--button-link .button-link, .tc--sfs-profile .desktop-title .f--richtext p, .tc--sfs-profile .content-main .f--section-title h2, .tc--sfs-profile .content-main h2, .tc--sfs-program-details .content-main .f--page-title h1, .tc--sfs-program-details .content-main .f--section-title h2, .tc--sfs-program-details .content-main .f--text-and-image .f--cta-title h3, .tc--sfs-program-details .content-main .f--text-and-image .f--cta-title a { font-family: 'futura-pt', Arial, sans-serif; font-style: normal; font-weight: 400; } .lc--layout-container i, .cc--related-content .f--wysiwyg p { font-family: 'futura-pt', Arial, sans-serif; font-style: italic; font-weight: 400; } .button, .button.secondary, .fi--form-item label, .fi--form-item .acf-label label, .acf-field label, .acf-field .acf-label label, fieldset legend, .fi--form-item [type='button'], .fi--form-item .secondary[type='button'], .checkbox-wrapper input[type='checkbox']:checked + label, .fi--form-item .radio-wrapper input[type='radio']:checked + .state label, .fi--form-item input[type='submit'], .f--button-link .button-link, .f--button .button, .f--date, .cc--breadcrumb ol li, html[data-whatintent='mouse'] .cc--chaptered-menu .c--chaptered-menu ul a:hover, .cc--chaptered-menu .c--chaptered-menu ul a.is-active, .cc--chaptered-menu .c--chaptered-menu ul a:hover, .cc--checkbox-group .fieldset-header .fields-selected, .cc--emergency-banner .c--emergency-banner .text-container p, .cc--event-card .c--event-card .f--date, .cc--events-block .c--events-block .event-heading .text-container .f--button-link .button-link, .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--date, .events-tt-list .events-inner .cc--event-card .f--date, .cc--featured-program .c--featured-program .text-container .school, .cc--featured-program .c--featured-program .text-container .specs-container .type-of-degree li, .cc--georgetown-main-menu nav > ul > li .menu-item-text, .cc--georgetown-secondary-menu nav > ul > li .menu-item-text, .cc--hero-share .c--hero-share .text-container .back-to-timeline, .cc--news-events-block.events-landing .featured-card .f--date, .cc--news-events-block.events-landing .event-cards .f--date, .cc--program-row .program-row-header .info-container .school, .cc--program-row .program-row-header .info-container .specs-container .type-of-degree li, .cc--program-row .program-row-header .view-more, .cc--promo-block .text-container .f--button-link a, .cc--pull-quote .c--pull-quote .f--attribution, .cc--q-and-a-carousel .text-container .more-info .more-info-text-container p span, .cc--q-and-a-carousel .text-container .f--button-link a, .cc--related-content-manual .f--button-link a, .cc--related-story-manual .f--button-link a, .cc--search-form-404 form input[type='submit'], .cc--search-form form input[type='submit'], .cc--sfs-main-menu nav > ul > li .menu-item-text, .cc--sfs-secondary-menu nav > ul > li .menu-item-text, .cc--sfs-sidebar-menu .sfs-sidebar-menu > li > a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .current-menu-item > span, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-paginate, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-instagram h3, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-instagram .j-twitter-screen-name, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-facebook h3, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-facebook .j-twitter-screen-name, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-twitter-poster h3, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-twitter-poster .j-twitter-screen-name, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-message p, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-date, .cc--social-media-grid .c--social-media-grid .juicer-feed .heart, .cc--social-media-grid .c--social-media-grid .juicer-feed .comments, .cc--stat-block .f--stat .stat-subtitle, .tc--event .content-sidebar .text-fields li .fl--field-label, .tc--event .content-sidebar .link-fields li a, .tc--sfs-chaptered-page .chaptered-page-chapter a.back-to-top, .tc--chaptered-page .chaptered-page-chapter a.back-to-top, .submit-an-event-form .fi--form-item label, .submit-an-event-form .fi--form-item .acf-label label, .submit-an-event-form .acf-field label, .submit-an-event-form .acf-field .acf-label label { font-family: 'futura-pt', Arial, sans-serif; font-style: normal; font-weight: 500; } .lc--layout-container b, .lc--layout-container strong, .f--eyebrow span, .f--tags > span, .cc--featured-program .c--featured-program .text-container .label, .cc--quick-links .c--quick-links .header-container .f--section-title h2, .tc--sfs-profile .content-sidebar .text-container .label, .tc--sfs-profile .content-main h3, .tc--sfs-program-details .content-main h3, .submit-an-event-form fieldset legend { font-family: 'futura-pt', Arial, sans-serif; font-style: normal; font-weight: 600; } .tc--chaptered-page .cc--intro .c--intro .text-container p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 400; } .fi--form-item textarea, .lity .lity-wrap .lity-container h3 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 500; } .f--topics ul > li, .tc--events-calendar #views-exposed-form-events-calendar-page-1 .form-wrapper .fieldset-legend, .tc--sfs-events-calendar #views-exposed-form-events-calendar-page-1 .form-wrapper .fieldset-legend { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-style: normal; font-weight: 700; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 20px 20px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 1; } .hamburger.is-active:hover { opacity: 1; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #FFFFFF; } .hamburger-box { width: 23px; height: 16px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 23px; height: 2px; background-color: #FFFFFF; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -7px; } .hamburger-inner::after { bottom: -7px; } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* Centering an element within its parent element * * @param {Axis} $axis - x: centers horizontally, y: centers vertically, null: centers both axis * * Example Usage: * * // Center on both x and y axis * .container { * .link { * @include centered; * } * } * * // Center on the X axis * .container { * .link { * @include centered(x); * } * } * * // Center on the Y axis * .container { * .link { * @include centered(y); * } * } * */ /* Centering within an flex container * * @param {Display} $display - inline: display set to inline-flex, else display set to flex * * * Example Usage: * * .container { * @include vertical-align-flex; * } * */ /* Chevron mixin for creating chevrons * * @param {Size} $size - the size of the chevron * @param {Thickness} $thickness - thickness * @param {Color} $color - color * @param {Direction} $direction - direction chevron faces * * Example Usage: * * .chevron { * @include chevron(12px, 12px, #000, 'down'); * } * */ /* Clearfix for clearing floats within a container * * No Params * * Example Usage: * * .container { * @include clearfix; * * .link { * float: left; * } * } * */ /* Set font-size and optionally leading * * @param {Font Size} $fontSize - Unit-less font size * @param {Leading} $leading - (default: null) - Optional- Unit-less leading from Photoshop or Sketch * * Example Usage: * * p { * @include font-size(12,14); * } * */ /* Hide browser scrollbars * * No Params * * Example Usage: * * .container { * @include hide-scrollbars; * } * */ /** * Hide Text */ /* Hover mixin for hover states * * Note: This mixin has a dependency on what-intent plugin which detects the current input method * https://github.com/ten1seven/what-input * * @param {Transition Duration} $transition-duration - the duration of transitions on hover states * * Example Usage: * * a { * @include hover() { * background-color: red * } * } * */ /** * Returns a percentage width based on the number and total number of columns * * @param int $num Number of columns (e.g. 4) * @param int $total Total number of columns (e.g. 24) * @return float Total width (%) */ /* Unitless line-height * * @param {Font Size} $fontSize - Unit-less font size * @param {Leading} $leading - Unit-less leading from Photoshop or Sketch * * Example Usage: * * @include line-height(16, 20); * */ /* Remove List Styles * * No Params * * Example Usage: * * ul { * @include no-bullet; * } * */ /* Maintain ratio mixin. @param {List} [$ratio] Ratio the element needs to maintain. A 16:9 ratio would look like this: .element { @include maintain-ratio(16 9); } */ /* Media Query Mixin * * @param {Media Query} $mq - Media query in single quotes: eg. 'screen and (min-width: 480px)' * * Example Usage: * * .selector { * property: value; * * @include mq($bp768) { * property: value; * } * } * */ /* Overflow Scroll * Allows you to set overflow scrolling on the x and y axis * * @param {axix} $axis - the axis on which to set scroll */ /* Placeholder Mixin * * No Params * * Example Usage: * * input[placeholder] { * @include placeholder { * color: red; * } * } * */ /* PX to REM Conversion * * @param {Pixel} $px - Unitless pixel value to be converted into rems. * * Example Usage: * * margin-bottom: rem(20); * */ /* Triangle helper mixin * * @param {Direction} $direction - Triangle direction, either `top`, `right`, `bottom` or `left` * @param {Color} $color [currentcolor] - Triangle color * @param {Length} $size [1em] - Triangle size * */ /* Visually hide text within an element * Used mostly for accessibility reasonse * * No Params * * Example Usage: * * button { * span { * @include visuallyhidden; * } * } * */ .cc--article-body-text, .cc--article-sidebar, .cc--article-tags, .cc--pull-quote, .cc--related-content, .tc--single-article .cc--stats-block, .tc--sfs-article .cc--stats-block, .tc--sfs-timeline-detail .cc--stats-block, .single-post .cc--video-full-width, .single-timeline .cc--video-full-width { max-width: 1800px; margin: 0 auto; padding-right: 6.25%; padding-left: 6.25%; margin-bottom: 3.125rem; } @media screen and (min-width: 768px) { .cc--article-body-text, .cc--article-sidebar, .cc--article-tags, .cc--pull-quote, .cc--related-content, .tc--single-article .cc--stats-block, .tc--sfs-article .cc--stats-block, .tc--sfs-timeline-detail .cc--stats-block, .single-post .cc--video-full-width, .single-timeline .cc--video-full-width { padding-right: 8.33333%; padding-left: 8.33333%; margin-bottom: 2.1875rem; } } @media screen and (min-width: 1024px) { .cc--article-body-text, .cc--article-sidebar, .cc--article-tags, .cc--pull-quote, .cc--related-content, .tc--single-article .cc--stats-block, .tc--sfs-article .cc--stats-block, .tc--sfs-timeline-detail .cc--stats-block, .single-post .cc--video-full-width, .single-timeline .cc--video-full-width { padding-right: 12.5%; padding-left: 12.5%; } } @media screen and (min-width: 1024px) { .cc--article-body-text > .c--component, .cc--article-sidebar > .c--component, .cc--article-tags > .c--component, .cc--pull-quote > .c--component, .cc--related-content > .c--component, .tc--single-article .cc--stats-block > .c--component, .tc--sfs-article .cc--stats-block > .c--component, .tc--sfs-timeline-detail .cc--stats-block > .c--component, .single-post .cc--video-full-width > .c--component, .single-timeline .cc--video-full-width > .c--component { padding-right: 13.88889%; padding-left: 13.88889%; } } @media screen and (min-width: 1024px) { .tc--areas-of-study .content-sidebar-main-wrapper-inner, .tc--events-calendar .content-sidebar-main-wrapper-inner, .tc--news .content-sidebar-main-wrapper-inner, .tc--sfs-events-calendar .content-sidebar-main-wrapper-inner, .tc--sfs-faculty .content-sidebar-main-wrapper-inner, .tc--sfs-media-gallery-publications .content-sidebar-main-wrapper-inner, .tc--sfs-media-gallery-videos .content-sidebar-main-wrapper-inner { padding-right: 6.25%; padding-left: 6.25%; } } @media screen and (min-width: 1024px) { .tc--areas-of-study .content-sidebar-container, .tc--events-calendar .content-sidebar-container, .tc--news .content-sidebar-container, .tc--sfs-events-calendar .content-sidebar-container, .tc--sfs-faculty .content-sidebar-container, .tc--sfs-media-gallery-publications .content-sidebar-container, .tc--sfs-media-gallery-videos .content-sidebar-container { padding-top: 4.6875rem; } } @media screen and (min-width: 1024px) { .tc--areas-of-study .content-sidebar, .tc--events-calendar .content-sidebar, .tc--news .content-sidebar, .tc--sfs-events-calendar .content-sidebar, .tc--sfs-faculty .content-sidebar, .tc--sfs-media-gallery-publications .content-sidebar, .tc--sfs-media-gallery-videos .content-sidebar { -ms-flex-preferred-size: 38.09524%; flex-basis: 38.09524%; } } .tc--areas-of-study .content-sidebar .cc--filter-form, .tc--events-calendar .content-sidebar .cc--filter-form, .tc--news .content-sidebar .cc--filter-form, .tc--sfs-events-calendar .content-sidebar .cc--filter-form, .tc--sfs-faculty .content-sidebar .cc--filter-form, .tc--sfs-media-gallery-publications .content-sidebar .cc--filter-form, .tc--sfs-media-gallery-videos .content-sidebar .cc--filter-form { margin-right: 6.25%; margin-bottom: 1.875rem; margin-left: 6.25%; border-bottom: 0.0625rem solid #CCC; } @media screen and (min-width: 768px) { .tc--areas-of-study .content-sidebar .cc--filter-form, .tc--events-calendar .content-sidebar .cc--filter-form, .tc--news .content-sidebar .cc--filter-form, .tc--sfs-events-calendar .content-sidebar .cc--filter-form, .tc--sfs-faculty .content-sidebar .cc--filter-form, .tc--sfs-media-gallery-publications .content-sidebar .cc--filter-form, .tc--sfs-media-gallery-videos .content-sidebar .cc--filter-form { margin-right: 8.33333%; margin-bottom: 3.125rem; margin-left: 8.33333%; } } @media screen and (min-width: 1024px) { .tc--areas-of-study .content-sidebar .cc--filter-form, .tc--events-calendar .content-sidebar .cc--filter-form, .tc--news .content-sidebar .cc--filter-form, .tc--sfs-events-calendar .content-sidebar .cc--filter-form, .tc--sfs-faculty .content-sidebar .cc--filter-form, .tc--sfs-media-gallery-publications .content-sidebar .cc--filter-form, .tc--sfs-media-gallery-videos .content-sidebar .cc--filter-form { margin-right: 25%; margin-bottom: 3.125rem; margin-left: 0; border-bottom: 0; } } @media screen and (min-width: 1024px) { .tc--areas-of-study .content-main, .tc--events-calendar .content-main, .tc--news .content-main, .tc--sfs-events-calendar .content-main, .tc--sfs-faculty .content-main, .tc--sfs-media-gallery-publications .content-main, .tc--sfs-media-gallery-videos .content-main { -ms-flex-preferred-size: 61.90476%; flex-basis: 61.90476%; } } .tc--areas-of-study .no-results, .tc--events-calendar .no-results, .tc--news .no-results, .tc--sfs-events-calendar .no-results, .tc--sfs-faculty .no-results, .tc--sfs-media-gallery-publications .no-results, .tc--sfs-media-gallery-videos .no-results { font-size: 1.25rem; line-height: 1.7; color: #4A4A4A; } .lc--two-column .content-sidebar-main-wrapper { max-width: 1800px; margin: 0 auto; } @media screen and (min-width: 1024px) { .lc--two-column .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } } body { margin: 0; } body:not(.admin-bar):not(.mce-content-body):not(.editor-styles-wrapper) { padding-top: 4.0625rem; } @media screen and (min-width: 768px) { body:not(.admin-bar):not(.mce-content-body):not(.editor-styles-wrapper) { padding-top: 7.5rem; } } @media screen and (min-width: 1024px) { body:not(.admin-bar):not(.mce-content-body):not(.editor-styles-wrapper) { padding-top: 11.875rem; } } body:not(.admin-bar):not(.mce-content-body):not(.editor-styles-wrapper):not(.emergency-alert-active).header-transparent { padding-top: 0; } @media screen and (min-width: 768px) { body:not(.admin-bar):not(.mce-content-body):not(.editor-styles-wrapper):not(.emergency-alert-active).header-condensed { padding-top: 5rem; } } @media screen and (min-width: 1024px) { body:not(.admin-bar):not(.mce-content-body):not(.editor-styles-wrapper):not(.emergency-alert-active).header-condensed { padding-top: 8.75rem; } } body.no-scroll { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; overflow: hidden; } body.no-scroll.admin-bar { top: 2.875rem; } @media screen and (min-width: 768px) { body.no-scroll.admin-bar { top: 2rem; } } body > img { height: 1px; width: 1px; } *:focus { outline: 3px solid #00B5E2; } html[data-whatinput='keyboard'] a:focus { text-decoration: underline; } .visually-hidden, .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; white-space: nowrap; } .skip-link { font-size: 1rem; position: absolute; top: 0; left: 0; background-color: #041E42; color: #FFF; } .skip-link:not(:focus) { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; white-space: nowrap; } .sfs .skip-link { background-color: #FFF; color: #041E42; z-index: 101; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: transparent; } body { line-height: 1.5; } h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1.1; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } ul, ol { margin-top: 0; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } img { display: block; width: 100%; height: auto; } svg path, svg polygon, svg line, svg rect, svg ellipse, svg circle { -webkit-transition: fill 0.1s ease-in-out; transition: fill 0.1s ease-in-out; } html[data-whatintent='mouse'] svg path, html[data-whatintent='mouse'] svg polygon, html[data-whatintent='mouse'] svg line, html[data-whatintent='mouse'] svg rect, html[data-whatintent='mouse'] svg ellipse, html[data-whatintent='mouse'] svg circle { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] svg path:hover, html[data-whatintent='mouse'] svg polygon:hover, html[data-whatintent='mouse'] svg line:hover, html[data-whatintent='mouse'] svg rect:hover, html[data-whatintent='mouse'] svg ellipse:hover, html[data-whatintent='mouse'] svg circle:hover { -webkit-transition: fill 0.1s ease-in-out; transition: fill 0.1s ease-in-out; } nav ul, nav ol { margin: 0; padding: 0; list-style: none; } dl { margin-top: 0; } dd { margin: 0; } figure { margin-top: 0; margin-right: 0; margin-bottom: 2.1875rem; margin-left: 0; } @media screen and (min-width: 1024px) { figure { margin-top: 0; margin-right: 0; margin-bottom: 1.875rem; margin-left: 0; } } figure img { width: 100%; } figure figcaption { margin-top: 0.9375rem; font-size: 1rem; line-height: 1.625; color: #4A4A4A; } @media screen and (min-width: 768px) { figure.left { margin-top: 0; margin-right: 4.16667%; margin-bottom: 1.25rem; margin-left: -10.41667%; width: 60%; float: left; } } @media screen and (min-width: 768px) { figure.right { margin-top: 0; margin-right: -10.41667%; margin-bottom: 1.25rem; margin-left: 4.16667%; width: 60%; float: right; } } address { font-style: normal; } form { margin: 0; } fieldset { margin: 0; padding: 0; border: 0; } textarea { resize: vertical; } button { padding: 0; border: 0; background-color: transparent; } button, [type='button'], [type='reset'], [type='submit'], .button-reset { cursor: pointer; } [disabled] { cursor: default; } iframe { border: 0; } section.two-cols { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { section.two-cols { -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } section.two-cols img { margin-bottom: 0.9375rem; float: left; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } table tr td, table tr th { padding-top: 0.625rem; padding-right: 0.625rem; padding-bottom: 0.625rem; font-size: 1rem; line-height: 1.625; text-align: left; vertical-align: top; } table tr td:first-child, table tr th:first-child { color: #000; } table.two-col { border-top: 1px solid #CCC; } table.two-col tr th:nth-child(1) { width: 40%; font-weight: 600; } table.two-col tr td:nth-child(2) { color: #000; } th, td { padding: 0; } th { font-weight: normal; } [tabindex='-1']:focus { outline: none !important; } /* ========================================================================== Print styles. https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css ========================================================================== */ @media print { *, *::before, *::after { background: transparent !important; color: #000 !important; text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^='#']::after, a[href^='javascript:']::after { content: ''; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .sg-colors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none !important; padding: 0 !important; margin: 0 !important; } .sg-colors li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding: .3em; margin: 0 .5em .5em 0; min-width: 5em; max-width: 14em; border: 1px solid #ddd; border-radius: 8px; } .sg-swatch { display: block; height: 4em; margin-bottom: .3em; border-radius: 5px; } .sg-label { font-size: 90%; line-height: 1; } ul li, ol li { font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { ul li, ol li { font-size: 1.25rem; line-height: 1.7; } } body .lc--layout-container { color: #4A4A4A; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lc--layout-container p { font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { .lc--layout-container p { font-size: 1.25rem; line-height: 1.7; } } .lc--layout-container.sfs .f--wysiwyg h2, .lc--layout-container.sfs .f--richtext h2, .lc--layout-container.sfs h3, .lc--layout-container.sfs h4, .lc--layout-container.sfs h5 { color: #366FAC; } .lc--layout-container.sfs .f--wysiwyg h2 { margin-bottom: 0.9375rem; } .lc--layout-container h1, .lc--layout-container .f--section-title h2 { font-size: 2.25rem; line-height: 1.2778; color: #041E42; } @media screen and (min-width: 768px) { .lc--layout-container h1, .lc--layout-container .f--section-title h2 { font-size: 2.875rem; line-height: 1.2174; } } @media screen and (min-width: 1024px) { .lc--layout-container h1, .lc--layout-container .f--section-title h2 { font-size: 3.125rem; line-height: 1.2; } } .lc--layout-container h2, .cc--news-events-block .c--news-events-block .featured-card .f--cta-title h3, .cc--news-events-block.news-landing .featured-card .f--cta-title h3, .cc--news-events-block.events-landing .featured-card .f--cta-title h3, .cc--promo-block .text-container h3, .cc--q-and-a-carousel .text-container h3, .cc--video-block .c--video-block .text-container h3 { font-size: 1.625rem; line-height: 1.3847; color: #041E42; } @media screen and (min-width: 768px) { .lc--layout-container h2, .cc--news-events-block .c--news-events-block .featured-card .f--cta-title h3, .cc--news-events-block.news-landing .featured-card .f--cta-title h3, .cc--news-events-block.events-landing .featured-card .f--cta-title h3, .cc--promo-block .text-container h3, .cc--q-and-a-carousel .text-container h3, .cc--video-block .c--video-block .text-container h3 { font-size: 2rem; line-height: 1.3125; } } @media screen and (min-width: 1024px) { .lc--layout-container h2, .cc--news-events-block .c--news-events-block .featured-card .f--cta-title h3, .cc--news-events-block.news-landing .featured-card .f--cta-title h3, .cc--news-events-block.events-landing .featured-card .f--cta-title h3, .cc--promo-block .text-container h3, .cc--q-and-a-carousel .text-container h3, .cc--video-block .c--video-block .text-container h3 { font-size: 2.375rem; line-height: 1.2632; } } .lc--layout-container h3 { font-size: 1.5rem; line-height: 1.4167; color: #041E42; } @media screen and (min-width: 768px) { .lc--layout-container h3 { font-size: 2.125rem; line-height: 1; } } @media screen and (min-width: 1024px) { .lc--layout-container h3 { font-size: 1.75rem; line-height: 1.3572; } } .lc--layout-container h4, .cc--menu-article-teaser .c--menu-article-teaser .f--cta-title a, .cc--news-card .c--news-card .f--cta-title h3 { font-size: 1.375rem; line-height: 1.4546; color: #041E42; } @media screen and (min-width: 768px) { .lc--layout-container h4, .cc--menu-article-teaser .c--menu-article-teaser .f--cta-title a, .cc--news-card .c--news-card .f--cta-title h3 { font-size: 1.5rem; line-height: 1.4167; } } .lc--layout-container h5 { font-size: 1.375rem; line-height: 1.4546; color: #041E42; } .f--additional-logo a { display: block; max-width: 14.1875rem; height: auto; } @media screen and (max-width: 767px) { .f--additional-logo a { margin-right: auto; margin-left: auto; } } @media screen and (min-width: 768px) { .f--additional-logo a { max-width: 15rem; } } @media screen and (min-width: 1024px) { .f--additional-logo a { max-width: 19.375rem; } } .f--back-to-top-button button { display: block; position: fixed; right: 0.9375rem; bottom: 0.9375rem; width: 3.125rem; z-index: 1000; } @media screen and (min-width: 768px) { .f--back-to-top-button button { display: none; } } .f--back-to-top-button button svg { display: block; width: 100%; } .button { font-size: 1.125rem; line-height: 1.2223; padding-right: 2rem; padding-left: 2rem; position: relative; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: center; color: #041E42; height: 3.4375rem; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; border: 0.0625rem solid #041E42; border-radius: 0; white-space: normal; } html[data-whatintent='mouse'] .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .button:hover { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } html[data-whatintent='touch'] .button:active { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } .button:focus { outline: 3px solid #00B5E2; } .button.secondary { font-size: 1.125rem; line-height: 1.2223; padding-right: 2rem; padding-left: 2rem; position: relative; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: center; color: #041E42; height: 3.4375rem; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; border: 0.0625rem solid #041E42; border-radius: 0; white-space: normal; color: #63666A; border: 0.0625rem solid #63666A; background: #FFF; } html[data-whatintent='mouse'] .button.secondary { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .button.secondary:hover { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } html[data-whatintent='touch'] .button.secondary:active { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } .button.secondary:focus { outline: 3px solid #00B5E2; } html[data-whatintent='mouse'] .button.secondary { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .button.secondary:hover { color: #FFF; background: #041E42; border: 0.0625rem solid #63666A; } html[data-whatintent='touch'] .button.secondary:active { color: #FFF; background: #041E42; border: 0.0625rem solid #63666A; } .icon-close { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .ec--entity-container { background-position: center center; background-size: cover; } .fi--form-item input[type='date'], .fi--form-item input[type='datetime-local'], .fi--form-item input[type='email'], .fi--form-item input[type='month'], .fi--form-item input[type='number'], .fi--form-item input[type='password'], .fi--form-item input[type='search'], .fi--form-item input[type='tel'], .fi--form-item input[type='text'], .fi--form-item input[type='time'], .fi--form-item input[type='url'], .fi--form-item input[type='week'], .submit-an-event-form .acf-field input[type='text'], .submit-an-event-form .acf-field input[type='password'], .submit-an-event-form .acf-field input[type='number'], .submit-an-event-form .acf-field input[type='search'], .submit-an-event-form .acf-field input[type='email'], .submit-an-event-form .acf-field input[type='url'], .submit-an-event-form .acf-field textarea, .submit-an-event-form .acf-field select { padding-right: 1.5625rem; padding-left: 1.5625rem; font-size: 1rem; line-height: 4.0625; position: relative; width: 100%; height: 4.0625rem; border: 1px solid #CCC; border-radius: 0; background-color: #FFF; color: #4A4A4A; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .fi--form-item:not(:last-child), .acf-field:not(:last-child) { margin-bottom: 1.5625rem; } .fi--form-item label, .fi--form-item .acf-label label, .acf-field label, .acf-field .acf-label label { font-size: 1rem; line-height: 1.375; margin-bottom: 0.3125rem; display: block; color: #041E42; } .fi--form-item.indented, .acf-field.indented { margin-left: 2.1875rem; } fieldset { margin-top: 2.1875rem; margin-bottom: 1.25rem; padding-top: 2.1875rem; border-top: 0.125rem solid #CCC; } fieldset::after { display: block; clear: both; content: ''; } fieldset legend { font-size: 1rem; line-height: 1.375; margin-bottom: 0.3125rem; float: left; color: #041E42; } .fi--form-item [type='button'] { padding-right: 1.5625rem; padding-left: 1.5625rem; font-size: 1.125rem; line-height: 1.2223; padding-right: 2rem; padding-left: 2rem; position: relative; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: center; color: #041E42; height: 3.4375rem; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; border: 0.0625rem solid #041E42; border-radius: 0; white-space: normal; width: 100%; -webkit-appearance: none; } html[data-whatintent='mouse'] .fi--form-item [type='button'] { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .fi--form-item [type='button']:hover { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } html[data-whatintent='touch'] .fi--form-item [type='button']:active { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } .fi--form-item [type='button']:focus { outline: 3px solid #00B5E2; } .fi--form-item [type='button'].secondary { font-size: 1.125rem; line-height: 1.2223; padding-right: 2rem; padding-left: 2rem; position: relative; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: center; color: #041E42; height: 3.4375rem; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; border: 0.0625rem solid #041E42; border-radius: 0; white-space: normal; color: #63666A; border: 0.0625rem solid #63666A; background: #FFF; border: 0.0625rem solid #CCC; } html[data-whatintent='mouse'] .fi--form-item [type='button'].secondary { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .fi--form-item [type='button'].secondary:hover { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } html[data-whatintent='touch'] .fi--form-item [type='button'].secondary:active { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } .fi--form-item [type='button'].secondary:focus { outline: 3px solid #00B5E2; } html[data-whatintent='mouse'] .fi--form-item [type='button'].secondary { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .fi--form-item [type='button'].secondary:hover { color: #FFF; background: #041E42; border: 0.0625rem solid #63666A; } html[data-whatintent='touch'] .fi--form-item [type='button'].secondary:active { color: #FFF; background: #041E42; border: 0.0625rem solid #63666A; } .checkbox-wrapper { padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 2.1875rem; position: relative; text-align: left; } .checkbox-wrapper input[type='checkbox'] { position: absolute; top: 0; left: -9999px; } .checkbox-wrapper input[type='checkbox']:focus + label::before { outline: 3px solid #00B5E2; } .checkbox-wrapper input[type='checkbox']:checked + label { color: #041E42; } .checkbox-wrapper input[type='checkbox']:checked + label::before { border: 1px solid #041E42; } .checkbox-wrapper input[type='checkbox']:checked + label::after { opacity: 1; } .checkbox-wrapper label { font-size: 1rem; line-height: 1.625; margin-bottom: 0; color: #4A4A4A; font-weight: 400; cursor: pointer; } .checkbox-wrapper label::before, .checkbox-wrapper label::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .checkbox-wrapper label::before { left: 1px; width: 1.25rem; height: 1.25rem; border: 1px solid #4A4A4A; background-color: #FFF; } .checkbox-wrapper label::after { left: 0.375rem; width: 0.625rem; height: 0.625rem; background: #041E42; opacity: 0; } .fi--form-item input[type='date'] { padding-right: 3.75rem; } .fi--form-item { clear: left; } .fi--form-item .radio-wrapper { padding-top: 0.625rem; padding-bottom: 0.125rem; padding-left: 2.5rem; margin-bottom: 0.3125rem; position: relative; text-align: left; overflow: hidden; } .fi--form-item .radio-wrapper input[type='radio'] { position: absolute; top: 0; left: -9999px; } .fi--form-item .radio-wrapper input[type='radio']:focus + .state label::before { outline: 3px solid #00B5E2; } .fi--form-item .radio-wrapper input[type='radio']:checked + .state label { color: #041E42; } .fi--form-item .radio-wrapper input[type='radio']:checked + .state label::before { border: 0.125rem solid #041E42; background-color: #FFF; } .fi--form-item .radio-wrapper input[type='radio']:checked + .state label::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .fi--form-item .radio-wrapper label { margin-bottom: 0; color: #949494; cursor: pointer; } .fi--form-item .radio-wrapper label::before, .fi--form-item .radio-wrapper label::after { position: absolute; top: 50%; content: ''; } .fi--form-item .radio-wrapper label::before { top: 1.5rem; left: 0.1875rem; width: 1.375rem; height: 1.375rem; margin: -15px 0 0; border: 1px solid #949494; border-radius: 50%; background-color: #FFF; } .fi--form-item .radio-wrapper label::after { top: 0.875rem; left: 0.5rem; width: 0.75rem; height: 0.75rem; -webkit-transform: translate3d(-2.5rem, 0, 0) scale(0.5); transform: translate3d(-2.5rem, 0, 0) scale(0.5); border-radius: 50%; background-color: #041E42; opacity: 0; } .fi--form-item .select-wrap { position: relative; border: 1px solid #CCC; background-color: #FFF; } .fi--form-item .select-wrap select { padding-right: 1.5625rem; padding-left: 1.5625rem; font-size: 1rem; line-height: 4.0625; width: 100%; height: 4.0625rem; border: 0; background: transparent; background-image: none; color: #4A4A4A; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .fi--form-item .select-wrap select::-ms-expand { display: none; } .fi--form-item .select-wrap svg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.5625rem; width: 0.75rem; height: 0.4375rem; pointer-events: none; } .fi--form-item .select-wrap svg polygon { fill: #041E42; } .fi--form-item input[type='submit'] { padding-right: 1.5625rem; padding-left: 1.5625rem; font-size: 1.125rem; line-height: 1.2223; padding-right: 2rem; padding-left: 2rem; position: relative; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: center; color: #041E42; height: 3.4375rem; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; border: 0.0625rem solid #041E42; border-radius: 0; white-space: normal; width: 100%; height: 3.4375rem; } html[data-whatintent='mouse'] .fi--form-item input[type='submit'] { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .fi--form-item input[type='submit']:hover { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } html[data-whatintent='touch'] .fi--form-item input[type='submit']:active { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } .fi--form-item input[type='submit']:focus { outline: 3px solid #00B5E2; } .fi--form-item input[type='text'].search { padding-right: 3.75rem; background-image: url("../images/icons/icon-search.svg"); background-repeat: no-repeat; background-position: right 1.25rem center; background-size: 1.5rem; } .fi--form-item textarea { width: 100%; border: 1px solid #CCC; background-color: #FFF; } .f--georgetown-logo-stacked { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f--georgetown-logo-stacked svg { width: 100%; } .f--georgetown-logo-stacked a { display: block; width: 100%; height: auto; } .f--georgetown-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f--georgetown-logo svg { display: block; width: 100%; height: auto; } .f--georgetown-program-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f--georgetown-program-logo svg { width: 100%; height: 100%; } a { color: #041E42; text-decoration: underline; } html[data-whatintent='mouse'] a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] a:hover { color: #003DA5; text-decoration: underline; } .link { color: #041E42; } .f--search-button button { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; width: 2.1875rem; height: 2.1875rem; background-image: url("../images/icons/icon-search-white.svg"); background-repeat: no-repeat; } .f--sfs-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f--sfs-logo svg { display: block; width: 100%; height: auto; } .f--sfs-program-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f--sfs-program-logo svg { display: block; width: 100%; height: auto; } .f--ambient-video { width: 100%; } .f--ambient-video video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 1024px) and (-ms-high-contrast: none) { .f--ambient-video video { height: auto; -o-object-fit: none; object-fit: none; } } @media screen and (min-width: 1024px) { @supports (-ms-ime-align: auto) { .f--ambient-video video { height: auto; -o-object-fit: none; object-fit: none; } } } .f--button-link .button-link { font-size: 1.125rem; line-height: 1.2223; position: relative; color: #041E42; letter-spacing: .5px; text-decoration: none; } html[data-whatintent='mouse'] .f--button-link .button-link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .f--button-link .button-link:hover { color: #003DA5; text-decoration: underline; } html[data-whatintent='mouse'] .f--button-link .button-link:hover svg polygon { fill: #003DA5; } .f--button-link .button-link svg { display: inline-block; position: relative; top: 0.5625rem; width: 1.875rem; height: 1.875rem; } .f--button-link .button-link svg polygon { fill: #041E42; } .f--button .button { font-size: 1.125rem; line-height: 1.2223; padding-right: 2rem; padding-left: 2rem; position: relative; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: center; color: #041E42; height: 3.4375rem; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; border: 0.0625rem solid #041E42; border-radius: 0; white-space: normal; } html[data-whatintent='mouse'] .f--button .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .f--button .button:hover { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } html[data-whatintent='touch'] .f--button .button:active { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } .f--button .button:focus { outline: 3px solid #00B5E2; } .f--cta-description p { font-size: 1rem; line-height: 1.625; color: #4A4A4A; } .f--cta-title { margin-bottom: 0.625rem; } .f--cta-title h3 { font-size: 1.25rem; line-height: 1.5; } .sfs .f--cta-title h3 { color: #366FAC; } @media screen and (min-width: 768px) { .f--cta-title h3 { font-size: 1.5rem; line-height: 1.4167; } } @media screen and (min-width: 1024px) { .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; } } .f--cta-title a { text-decoration: none; } .sfs .f--cta-title a { color: #366FAC; } html[data-whatintent='mouse'] .f--cta-title a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .f--cta-title a:hover { text-decoration: underline; } .f--date-string { font-size: 1rem; line-height: 1.625; color: #4A4A4A; } .f--date { font-size: 1.25rem; line-height: 1.5; margin-bottom: 0.625rem; color: #63666A; letter-spacing: 0.125rem; } @media screen and (min-width: 768px) { .f--date { font-size: 1.375rem; line-height: 1.4546; } } .f--description { color: #4A4A4A; } .f--description p { color: #4A4A4A; } .f--event-location { font-size: 1rem; line-height: 1.625; color: #4A4A4A; } @media screen and (min-width: 768px) { .f--event-location { font-size: 1.125rem; line-height: 1.5556; } } .f--eyebrow { margin-bottom: 0.625rem; } .f--eyebrow span { font-size: 1rem; line-height: 1.125; color: #63666A; } .f--image-srcset img { display: block; } .f--image.is-video .image-field-wrapper { position: relative; } .f--image.is-video .image-field-wrapper::after { content: ''; display: block; width: 1.5625rem; height: 1.5625rem; outline: 0.1875rem solid #FFF; position: absolute; bottom: -0.75rem; right: 1.25rem; background: url("../images/icons/btn-play.svg") no-repeat center center; background-size: cover; } @media screen and (min-width: 768px) { .f--image.is-video .image-field-wrapper { position: relative; } .f--image.is-video .image-field-wrapper::after { content: ''; display: block; width: 1.875rem; height: 1.875rem; outline: 0.1875rem solid #FFF; position: absolute; bottom: -0.9375rem; right: 1.875rem; background: url("../images/icons/btn-play.svg") no-repeat center center; background-size: cover; } } .f--map iframe { width: 100%; } .f--richtext { margin-bottom: 0.9375rem; } .lc--layout-container .f--section-title h2 { margin-bottom: 1.25rem; color: #041E42; } @media screen and (min-width: 1024px) { .lc--layout-container .f--section-title h2 { margin-bottom: 1.5625rem; } } .f--tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .f--tags > span { font-size: 1rem; line-height: 1.125; margin-right: 1.25rem; color: #63666A; } .f--tags ul { padding-left: 0; margin-bottom: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f--tags ul li { margin-right: 0.3125rem; font-size: 1.125rem; line-height: 1.5556; list-style: none; } .f--tags ul li a { font-size: 1.125rem; line-height: 1.5556; color: #041E42; } .f--text-and-image { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .f--text-and-image { margin-bottom: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .f--text-and-image { margin-bottom: 3.125rem; } } .f--text-and-image .image-container { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .f--text-and-image .image-container { margin-bottom: 0; -ms-flex-preferred-size: 40%; flex-basis: 40%; } } @media screen and (min-width: 1024px) { .f--text-and-image .image-container { -ms-flex-preferred-size: 38.46154%; flex-basis: 38.46154%; } } @media screen and (min-width: 768px) { .f--text-and-image .text-container { padding-left: 5%; -ms-flex-preferred-size: 60%; flex-basis: 60%; } } @media screen and (min-width: 1024px) { .f--text-and-image .text-container { padding-left: 7.69231%; -ms-flex-preferred-size: 61.53846%; flex-basis: 61.53846%; } } .f--time-string { font-size: 1rem; line-height: 1.625; color: #4A4A4A; } @media screen and (min-width: 768px) { .f--time-string { font-size: 1.125rem; line-height: 1.5556; } } .f--topics ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .f--topics ul > li { color: #63666A; } .f--youtube-embed { position: relative; padding-top: 56.25%; } .f--youtube-embed .f--image { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } .f--youtube-embed .youtube-video-container { opacity: 0; } .f--youtube-embed .youtube-video-container iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .f--youtube-embed .youtube-play-button { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; display: block; position: absolute; bottom: -1.4375rem; left: 6.25%; width: 50px; height: 50px; outline: 0.1875rem solid #FFF; background: url("../images/icons/btn-play.svg") no-repeat center center; background-size: cover; z-index: 2; } @media screen and (min-width: 768px) { .f--youtube-embed .youtube-play-button { left: 4.54545%; } } @media screen and (min-width: 1024px) { .f--youtube-embed .youtube-play-button { left: 3.57143%; } } @media screen and (min-width: 1024px) { .image-left .f--youtube-embed .youtube-play-button { right: 3.57143%; left: auto; } } .f--youtube-embed .youtube-play-button:focus { outline: 0.1875rem solid #00B5E2; } html[data-whatintent='mouse'] .f--youtube-embed .youtube-play-button:focus { outline: 0; } html[data-whatintent='mouse'] .f--youtube-embed .youtube-play-button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .f--youtube-embed .youtube-play-button:hover { background-image: url("../images/icons/btn-play-hover.svg"); } .cc--footer-gu { background-color: #041E42; } .cc--footer-gu .c--footer-gu { max-width: 1800px; margin: 0 auto; } .cc--footer-gu .c--footer-gu .footer-container { padding-top: 2.5rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--footer-gu .c--footer-gu .footer-container { padding-top: 3.125rem; padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--footer-gu .c--footer-gu .footer-container { padding-top: 4.8125rem; padding-bottom: 3.5625rem; background-image: url("../images/icons/seal.svg"); background-repeat: no-repeat; background-position: right -3.125rem; } } .cc--footer-gu .c--footer-gu a { color: #FFF; text-decoration: none; } html[data-whatintent='mouse'] .cc--footer-gu .c--footer-gu a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--footer-gu .c--footer-gu a:hover { color: #FFF; text-decoration: underline; } .cc--footer-gu .c--footer-gu .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .cc--footer-gu .c--footer-gu .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--footer-gu .c--footer-gu .row.row-menus { margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--footer-gu .c--footer-gu .row.row-menus { margin-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--footer-gu .c--footer-gu .row.row-menus { margin-bottom: 5rem; } } .cc--footer-gu .c--footer-gu .row.row-logo { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .cc--footer-gu .c--footer-gu .row .footer-menu { margin-right: 7.14286%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 40.47619%; flex: 0 0 40.47619%; } } @media screen and (max-width: 767px) { .cc--footer-gu .c--footer-gu .row .footer-menu { margin-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .cc--footer-gu .c--footer-gu .row .cc--footer-social-menu-gu { margin-right: 2.38095%; -webkit-box-flex: 1; -ms-flex: 1 0 19.04762%; flex: 1 0 19.04762%; } } @media screen and (max-width: 767px) { .cc--footer-gu .c--footer-gu .row .cc--footer-social-menu-gu { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .cc--footer-gu .c--footer-gu .row .address { -webkit-box-flex: 1; -ms-flex: 1 0 30.95238%; flex: 1 0 30.95238%; margin-left: auto; } } .cc--footer-gu .c--footer-gu .row .address .f--richtext { margin: 0; } .cc--footer-gu .c--footer-gu .f--georgetown-logo-stacked { max-width: 15.625rem; } @media screen and (max-width: 767px) { .cc--footer-gu .c--footer-gu .f--georgetown-logo-stacked { margin-right: auto; margin-bottom: 2.5rem; margin-left: auto; } } @media screen and (max-width: 767px) { .cc--footer-gu .c--footer-gu .f--georgetown-logo-stacked a { margin: 0 auto; } } .cc--footer-gu .c--footer-gu .cc--footer-copyright { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cc--footer-gu .c--footer-gu .cc--footer-copyright .c--footer-copyright .f--richtext { font-size: 1rem; line-height: 1.625; margin: 0; color: #CCC; text-align: center; } @media screen and (min-width: 768px) { .cc--footer-gu .c--footer-gu .cc--footer-copyright .c--footer-copyright .f--richtext { text-align: right; } } .cc--footer { background-color: #041E42; } .cc--footer .c--footer { max-width: 1800px; margin: 0 auto; } .cc--footer .c--footer .footer-container { padding-top: 2.5rem; padding-right: 6.25%; padding-bottom: 2.5rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--footer .c--footer .footer-container { padding-top: 3.125rem; padding-bottom: 3.875rem; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .footer-container { padding-top: 4.375rem; padding-right: 4.16667%; padding-bottom: 3.125rem; padding-left: 4.16667%; background-image: url("../images/icons/seal.svg"); background-repeat: no-repeat; background-position: right -3.125rem; } } .cc--footer .c--footer a { color: #FFF; text-decoration: none; } html[data-whatintent='mouse'] .cc--footer .c--footer a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--footer .c--footer a:hover { color: #FFF; text-decoration: underline; } .cc--footer .c--footer .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .cc--footer .c--footer .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--footer .c--footer .row .logos { -webkit-box-flex: 1; -ms-flex: 1 0 31.81818%; flex: 1 0 31.81818%; } @media screen and (max-width: 767px) { .cc--footer .c--footer .row .logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .row .logos { padding-right: 9.09091%; } } .cc--footer .c--footer .row .footer-menu { -webkit-box-flex: 1; -ms-flex: 1 0 18.18182%; flex: 1 0 18.18182%; } @media screen and (max-width: 767px) { .cc--footer .c--footer .row .footer-menu { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cc--footer .c--footer .row .address { -webkit-box-flex: 1; -ms-flex: 1 0 36.36364%; flex: 1 0 36.36364%; } @media screen and (max-width: 767px) { .cc--footer .c--footer .row .address { margin-bottom: 2.5rem; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .cc--footer .c--footer .row .address .f--richtext { margin: 0; } @media screen and (max-width: 767px) { .cc--footer .c--footer .f--georgetown-logo { margin-bottom: 2.5rem; text-align: center; } } @media screen and (max-width: 1023px) { .cc--footer .c--footer .f--georgetown-logo { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media screen and (max-width: 767px) { .cc--footer .c--footer .f--georgetown-logo a { margin: 0 auto; } } html[data-whatinput='keyboard'] .cc--footer .c--footer .f--georgetown-logo a:focus { opacity: 0.6; } .cc--footer .c--footer .f--georgetown-logo svg { max-width: 12.625rem; } @media screen and (min-width: 768px) { .cc--footer .c--footer .f--georgetown-logo svg { max-width: 14.1875rem; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .f--georgetown-logo svg { max-width: 19.375rem; } } @media screen and (max-width: 767px) { .cc--footer .c--footer .f--sfs-logo { margin-bottom: 1.5625rem; padding-bottom: 1.375rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-bottom: 0.0625rem solid #1D3B63; text-align: center; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .f--sfs-logo { margin-bottom: 2.5rem; } } @media screen and (max-width: 767px) { .cc--footer .c--footer .f--sfs-logo a { margin: 0 auto; } } html[data-whatinput='keyboard'] .cc--footer .c--footer .f--sfs-logo a:focus { opacity: 0.6; } .cc--footer .c--footer .f--sfs-logo svg { max-width: 15.625rem; } @media screen and (min-width: 768px) { .cc--footer .c--footer .f--sfs-logo svg { max-width: 16.125rem; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .f--sfs-logo svg { max-width: 19.375rem; } } .cc--footer .c--footer .f--additional-logo { margin-bottom: 2.1875rem; } @media screen and (max-width: 767px) { .cc--footer .c--footer .f--additional-logo { text-align: center; } } @media screen and (max-width: 1023px) { .cc--footer .c--footer .f--additional-logo { margin-bottom: 2.5rem; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } html[data-whatinput='keyboard'] .cc--footer .c--footer .f--additional-logo a:focus { opacity: 0.6; } .cc--footer .c--footer .f--additional-logo svg { max-width: 14.1875rem; } @media screen and (min-width: 768px) { .cc--footer .c--footer .f--additional-logo svg { max-width: 15rem; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .f--additional-logo svg { max-width: 19.375rem; } } .cc--footer .c--footer .cc--footer-copyright { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cc--footer .c--footer .cc--footer-copyright .c--footer-copyright .f--richtext { font-size: 1rem; line-height: 1.625; margin: 0; color: #FFF; text-align: center; } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-copyright .c--footer-copyright .f--richtext { text-align: right; } } .cc--article-body-text .c--article-body-text::after { display: block; clear: both; content: ''; } .cc--article-body-text .c--article-body-text h3 { margin-bottom: 0.9375rem; } .cc--article-body-text .c--article-body-text .f--image, .cc--article-body-text .c--article-body-text figure, .cc--article-body-text .c--article-body-text img { width: auto; max-width: 100%; } @media screen and (min-width: 768px) { .cc--article-body-text .c--article-body-text .f--image.alignright, .cc--article-body-text .c--article-body-text figure.alignright, .cc--article-body-text .c--article-body-text img.alignright { margin-left: 5%; float: right; } } @media screen and (min-width: 1024px) { .cc--article-body-text .c--article-body-text .f--image.alignright, .cc--article-body-text .c--article-body-text figure.alignright, .cc--article-body-text .c--article-body-text img.alignright { margin-right: -34.61538%; margin-left: 7.69231%; } } @media screen and (min-width: 768px) { .cc--article-body-text .c--article-body-text .f--image.alignleft, .cc--article-body-text .c--article-body-text figure.alignleft, .cc--article-body-text .c--article-body-text img.alignleft { margin-right: 5%; float: left; } } @media screen and (min-width: 1024px) { .cc--article-body-text .c--article-body-text .f--image.alignleft, .cc--article-body-text .c--article-body-text figure.alignleft, .cc--article-body-text .c--article-body-text img.alignleft { margin-right: 7.69231%; margin-left: -34.61538%; } } @media screen and (min-width: 768px) { .cc--article-body-text .c--article-body-text .f--image.aligncenter, .cc--article-body-text .c--article-body-text figure.aligncenter, .cc--article-body-text .c--article-body-text img.aligncenter { margin-right: auto; margin-left: auto; } } @media screen and (min-width: 1024px) { .cc--article-sidebar { padding-right: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar { padding-right: 0; padding-left: 12.5%; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar .text-container { padding-right: 5.71429%; padding-left: 0; -ms-flex-preferred-size: 80%; flex-basis: 80%; } } .cc--article-sidebar .c--article-sidebar .cc--related-stories { display: none; } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar .cc--related-stories { display: block; -ms-flex-preferred-size: 20%; flex-basis: 20%; } } .cc--article-sidebar .c--article-sidebar .f--image.alignright, .cc--article-sidebar .c--article-sidebar figure.alignright, .cc--article-sidebar .c--article-sidebar img.alignright { width: 100% !important; } @media screen and (min-width: 768px) { .cc--article-sidebar .c--article-sidebar .f--image.alignright, .cc--article-sidebar .c--article-sidebar figure.alignright, .cc--article-sidebar .c--article-sidebar img.alignright { margin-left: 5%; width: auto; max-width: 31.25rem; float: right; } } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar .f--image.alignright, .cc--article-sidebar .c--article-sidebar figure.alignright, .cc--article-sidebar .c--article-sidebar img.alignright { margin-right: -34.61538%; margin-left: 7.69231%; } } .cc--article-sidebar .c--article-sidebar .f--image.alignleft, .cc--article-sidebar .c--article-sidebar figure.alignleft, .cc--article-sidebar .c--article-sidebar img.alignleft { width: 100% !important; } @media screen and (min-width: 768px) { .cc--article-sidebar .c--article-sidebar .f--image.alignleft, .cc--article-sidebar .c--article-sidebar figure.alignleft, .cc--article-sidebar .c--article-sidebar img.alignleft { margin-right: 5%; width: auto; max-width: 31.25rem; float: left; } } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar .f--image.alignleft, .cc--article-sidebar .c--article-sidebar figure.alignleft, .cc--article-sidebar .c--article-sidebar img.alignleft { margin-right: 7.69231%; margin-left: -34.61538%; } } .cc--article-sidebar .c--article-sidebar .f--image.aligncenter, .cc--article-sidebar .c--article-sidebar figure.aligncenter, .cc--article-sidebar .c--article-sidebar img.aligncenter { width: 100%; } @media screen and (min-width: 768px) { .cc--article-sidebar .c--article-sidebar .f--image.aligncenter, .cc--article-sidebar .c--article-sidebar figure.aligncenter, .cc--article-sidebar .c--article-sidebar img.aligncenter { margin-right: auto; margin-left: auto; width: auto; } } .cc--article-sidebar .c--article-sidebar .f--image.alignnone, .cc--article-sidebar .c--article-sidebar figure.alignnone, .cc--article-sidebar .c--article-sidebar img.alignnone { width: 100%; } @media screen and (min-width: 768px) { .cc--article-sidebar .c--article-sidebar .f--image.alignnone, .cc--article-sidebar .c--article-sidebar figure.alignnone, .cc--article-sidebar .c--article-sidebar img.alignnone { width: auto; max-width: 100%; } } @media screen and (max-width: 1023px) { .cc--article-tags { margin-top: nul; margin-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--article-tags { margin-bottom: 6.25rem; } } .cc--article-teaser-row { padding-bottom: 1.875rem; margin-bottom: 1.875rem; border-bottom: 0.0625rem solid #CCC; } @media screen and (min-width: 768px) { .cc--article-teaser-row { padding-bottom: 2.1875rem; margin-bottom: 2.1875rem; } } @media screen and (min-width: 1024px) { .cc--article-teaser-row:last-child { margin-bottom: 3.4375rem; } } @media screen and (min-width: 768px) { .cc--article-teaser-row .c--article-teaser-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .cc--article-teaser-row .c--article-teaser-row .image-container { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--article-teaser-row .c--article-teaser-row .image-container { margin-bottom: 0; padding-left: 10%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media screen and (min-width: 1024px) { .cc--article-teaser-row .c--article-teaser-row .image-container { padding-left: 7.69231%; -ms-flex-preferred-size: 53.84615%; flex-basis: 53.84615%; } } @media screen and (min-width: 768px) { .cc--article-teaser-row .c--article-teaser-row .text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .cc--article-teaser-row .c--article-teaser-row .text-container .f--date-string { margin-top: 0.9375rem; } .cc--article-teaser-row.publication-row .image-container { max-width: 14.375rem; } .cc--articles { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--articles { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--articles { padding-right: 0; padding-left: 0; } } .cc--articles .c--articles .load-more { margin-right: auto; margin-left: auto; display: block; } @media screen and (min-width: 768px) { .cc--articles .c--articles .load-more { margin-right: 0; margin-left: 0; } } .cc--articles .c--articles .load-more:disabled { opacity: 0.5; } .cc--basic-text-wysiwyg .c--basic-text-wysiwyg { padding-right: 6.25%; padding-left: 6.25%; } .cc--basic-text-wysiwyg .c--basic-text-wysiwyg::after { display: block; clear: both; content: ''; } @media screen and (min-width: 768px) { .cc--basic-text-wysiwyg .c--basic-text-wysiwyg { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--basic-text-wysiwyg .c--basic-text-wysiwyg { padding-right: 16.66667%; padding-left: 16.66667%; } } .page-template-default .cc--basic-text-wysiwyg .c--basic-text-wysiwyg, .page-template-page_parent-child .cc--basic-text-wysiwyg .c--basic-text-wysiwyg { padding-top: 1.5625rem; padding-right: 0; padding-bottom: 1.5625rem; padding-left: 0; } @media screen and (min-width: 768px) { .page-template-default .cc--basic-text-wysiwyg .c--basic-text-wysiwyg, .page-template-page_parent-child .cc--basic-text-wysiwyg .c--basic-text-wysiwyg { padding-top: 2.1875rem; padding-right: 0; padding-bottom: 2.1875rem; padding-left: 0; } } .cc--basic-text-wysiwyg .c--basic-text-wysiwyg .f--image, .cc--basic-text-wysiwyg .c--basic-text-wysiwyg figure, .cc--basic-text-wysiwyg .c--basic-text-wysiwyg img { width: auto; max-width: 100%; } .cc--basic-text-wysiwyg .c--basic-text-wysiwyg .f--image.alignright, .cc--basic-text-wysiwyg .c--basic-text-wysiwyg figure.alignright, .cc--basic-text-wysiwyg .c--basic-text-wysiwyg img.alignright { padding-left: 1.25rem; float: right; } .cc--basic-text-wysiwyg .c--basic-text-wysiwyg .f--image.alignleft, .cc--basic-text-wysiwyg .c--basic-text-wysiwyg figure.alignleft, .cc--basic-text-wysiwyg .c--basic-text-wysiwyg img.alignleft { padding-right: 1.25rem; float: left; } .cc--basic-text-wysiwyg .c--basic-text-wysiwyg .f--image.aligncenter, .cc--basic-text-wysiwyg .c--basic-text-wysiwyg figure.aligncenter, .cc--basic-text-wysiwyg .c--basic-text-wysiwyg img.aligncenter { margin-right: auto; margin-left: auto; } .cc--breadcrumb { margin-bottom: 2.5rem; } @media screen and (max-width: 1023px) { .cc--breadcrumb { display: none; } } .cc--breadcrumb ol { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--breadcrumb ol li { font-size: 1rem; line-height: 1.625; color: #4A4A4A; } .cc--breadcrumb ol li:not(:last-child)::after { content: '\00a0/\00a0'; } .cc--breadcrumb ol li a { color: #4A4A4A; text-decoration: none; } html[data-whatintent='mouse'] .cc--breadcrumb ol li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--breadcrumb ol li a:hover { text-decoration: underline; } .cc--calendar { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--calendar { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--calendar { padding-right: 0; padding-left: 0; } } .cc--calendar .c--calendar .load-more { margin-right: auto; margin-left: auto; display: block; } @media screen and (min-width: 768px) { .cc--calendar .c--calendar .load-more { margin-right: 0; margin-left: 0; } } .cc--calendar .c--calendar .load-more:disabled { opacity: 0.5; } .cc--carousel-block.swiper-disabled .c--carousel-block .swiper-container .swiper-controls { display: none; } .cc--carousel-block .c--carousel-block { max-width: 1800px; margin: 0 auto; } .cc--carousel-block .image-swiper { position: relative; } .cc--carousel-block .image-swiper .swiper-wrapper { margin-bottom: 1.5625rem; } .cc--carousel-block .image-swiper .swiper-controls { z-index: 1; position: absolute; bottom: 0.1875rem; outline: 0.1875rem solid #FFF; background-color: #041E42; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; right: 6.25%; } @media screen and (min-width: 768px) { .cc--carousel-block .image-swiper .swiper-controls { right: 8.33333%; } } .cc--carousel-block .image-swiper .swiper-controls .swiper-button-prev, .cc--carousel-block .image-swiper .swiper-controls .swiper-button-next, .cc--carousel-block .image-swiper .swiper-controls .swiper-prev, .cc--carousel-block .image-swiper .swiper-controls .swiper-next { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 3.125rem; height: 3.125rem; display: block; position: static; background-color: #041E42; } html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-button-prev, html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-button-next, html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-prev, html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-button-prev:hover, html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-button-next:hover, html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-prev:hover, html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-next:hover { background-color: #003DA5; } html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-button-prev:focus, html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-button-next:focus, html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-prev:focus, html[data-whatintent='mouse'] .cc--carousel-block .image-swiper .swiper-controls .swiper-next:focus { outline: 0; } .cc--carousel-block .image-swiper .swiper-controls .swiper-button-prev, .cc--carousel-block .image-swiper .swiper-controls .swiper-prev { background-image: url("../images/icons/icon-swiper-arrow-left.svg"); background-size: 1.5625rem; background-position: center center; background-repeat: no-repeat; } .cc--carousel-block .image-swiper .swiper-controls .swiper-button-next, .cc--carousel-block .image-swiper .swiper-controls .swiper-next { background-image: url("../images/icons/icon-swiper-arrow-right.svg"); background-size: 1.5625rem; background-position: center center; background-repeat: no-repeat; } .cc--carousel-block .image-swiper .swiper-controls .swiper-counter { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0.9375rem; line-height: 1; padding-top: 0.4375rem; padding-right: 0.5rem; padding-bottom: 0.3125rem; padding-left: 0.5rem; display: none; position: absolute; color: #4A4A4A; bottom: calc(100% + 0.9375rem); background: rgba(255, 255, 255, 0.6); border-radius: 1rem; text-align: center; font-variant: oldstyle-nums; white-space: nowrap; } @media screen and (min-width: 1024px) { .cc--carousel-block .image-swiper .swiper-controls .swiper-counter { display: block; } } .cc--carousel-block .image-swiper .swiper-controls .swiper-counter .separator { margin-right: 0.125rem; margin-left: 0.125rem; } @media screen and (min-width: 1024px) { .cc--carousel-block .image-swiper .swiper-controls { right: 4.16667%; } } .cc--carousel-block .text-swiper { padding-top: 0.9375rem; padding-right: 6.25%; padding-left: 6.25%; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--carousel-block .text-swiper { padding-top: 0; padding-right: 25%; padding-left: 8.33333%; margin-top: -0.625rem; margin-bottom: 2.1875rem; } } @media screen and (min-width: 1024px) { .cc--carousel-block .text-swiper { padding-right: 22.91667%; padding-left: 22.91667%; margin-bottom: 3.125rem; } } .cc--carousel-block .text-swiper p { font-size: 1rem; line-height: 1.625; color: #4A4A4A; } .cc--chaptered-menu { padding-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--chaptered-menu { padding-bottom: 2.1875rem; } } @media screen and (min-width: 1024px) { .cc--chaptered-menu { padding-bottom: 3.125rem; } } .cc--chaptered-menu .c--chaptered-menu .sidebar-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 4.6875rem; border-bottom: 0.0625rem solid #CCC; } @media screen and (min-width: 1024px) { .cc--chaptered-menu .c--chaptered-menu .sidebar-header { display: none; } } .cc--chaptered-menu .c--chaptered-menu .sidebar-header span { font-size: 1.625rem; line-height: 1.3847; color: #041E42; } @media screen and (min-width: 768px) { .cc--chaptered-menu .c--chaptered-menu .sidebar-header span { font-size: 2rem; line-height: 1.3125; } } .cc--chaptered-menu .c--chaptered-menu .sidebar-header button { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; width: 3.125rem; height: 3.125rem; border-radius: 50%; background-color: #041E42; background-image: url("../images/icons/icon-chapters-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.25rem 2.25rem; } .cc--chaptered-menu .c--chaptered-menu ul { list-style: none; padding: 0; margin: 0; } @media screen and (max-width: 1023px) { .cc--chaptered-menu .c--chaptered-menu ul { display: none; border-bottom: 0.3125rem solid #CCC; } } @media screen and (min-width: 1024px) { .cc--chaptered-menu .c--chaptered-menu ul { padding-bottom: 6.25rem; } } .cc--chaptered-menu .c--chaptered-menu ul li { position: relative; line-height: 5.25rem; } .cc--chaptered-menu .c--chaptered-menu ul a { font-size: 1.25rem; line-height: 1.7; padding-left: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 5.125rem; min-height: 5.25rem; text-decoration: none; } @media screen and (min-width: 1024px) { .cc--chaptered-menu .c--chaptered-menu ul a { padding-right: 16.66667%; padding-left: 16.66667%; } } html[data-whatintent='mouse'] .cc--chaptered-menu .c--chaptered-menu ul a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--chaptered-menu .c--chaptered-menu ul a.is-active, html[data-whatintent='mouse'] .cc--chaptered-menu .c--chaptered-menu ul a:hover { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--chaptered-menu .c--chaptered-menu ul a.is-active:hover, html[data-whatintent='mouse'] .cc--chaptered-menu .c--chaptered-menu ul a:hover:hover { color: #041E42; } .cc--chaptered-menu .c--chaptered-menu ul a.is-active::before, .cc--chaptered-menu .c--chaptered-menu ul a:hover::before { position: absolute; top: 0; left: 0; width: 0.375rem; height: 100%; background-color: #BBBCBC; content: ''; } .cc--chaptered-menu.is-open .c--chaptered-menu ul { display: block; } .cc--chaptered-menu.is-open .c--chaptered-menu .sidebar-header button { background-image: url("../images/icons/icon-close-white.svg"); } .cc--chaptered-page-link-list { padding-top: 1.875rem; } .cc--chaptered-page-link-list ul { list-style: none; padding: 0; margin: 0; } .cc--chaptered-page-link-list ul li { line-height: 1; } .cc--chaptered-page-link-list ul li:not(:last-child) { margin-bottom: 1.25rem; } .cc--chaptered-page-teaser-list { padding-top: 1.875rem; } .cc--chaptered-page-teaser-list ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .cc--chaptered-page-teaser-list ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cc--chaptered-page-teaser-list ul li { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--chaptered-page-teaser-list ul li { -ms-flex-preferred-size: auto; flex-basis: auto; width: 30.76923%; } } @media screen and (min-width: 768px) { .cc--chaptered-page-teaser-list ul li:not(:nth-child(3n)) { margin-right: 3.84615%; } } .cc--chaptered-page-teaser-list ul li .f--image.is-video .image-field-wrapper { position: relative; } .cc--chaptered-page-teaser-list ul li .f--image.is-video .image-field-wrapper::after { content: ''; display: block; width: 1.5625rem; height: 1.5625rem; outline: 0.1875rem solid #FFF; position: absolute; bottom: -0.9375rem; right: 1.5625rem; background: url("../images/icons/btn-play.svg") no-repeat center center; background-size: cover; } .cc--chaptered-page-teaser-list ul li .f--image.is-video .image-field-wrapper::after { right: auto; bottom: 0.9375rem; left: 0.9375rem; } .cc--checkbox-group { margin-bottom: 1.5625rem; } .cc--checkbox-group .fieldset-header { margin-bottom: 0.625rem; padding-right: 8.4375rem; position: relative; } .cc--checkbox-group .fieldset-header button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; right: 0; width: 1.875rem; height: 1.875rem; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.875rem; } .cc--checkbox-group .fieldset-header button.open { background-image: url("../images/icons/icon-arrow-up.svg"); } .cc--checkbox-group .fieldset-header .fields-selected { font-size: 0.875rem; line-height: 1.2858; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-top: 0.3125rem; padding-right: 0.9375rem; padding-bottom: 0.3125rem; padding-left: 0.9375rem; display: none; right: 2.1875rem; border-radius: 0.8125rem; background: #F0F0F0; color: #041E42; } .cc--checkbox-group .fieldset-header .fields-selected.visible { display: block; } .cc--checkbox-group .fieldset-header legend { margin-bottom: 0; float: none; } .cc--checkbox-group .fieldset-body { display: none; } .cc--checkbox-group .fieldset-body .fi--form-item { margin-bottom: 0; } .cc--degree-info { margin-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .cc--degree-info { margin-bottom: 3.125rem; } } .cc--degree-info ul { list-style: none; padding: 0; margin: 0; padding-top: 1.875rem; padding-bottom: 0.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } @media screen and (min-width: 768px) { .cc--degree-info ul { padding-top: 1.875rem; padding-bottom: 1.875rem; } } .cc--degree-info ul li { padding-right: 3.84615%; margin-bottom: 1.25rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media screen and (min-width: 768px) { .cc--degree-info ul li { margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .cc--degree-info ul li span { margin-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.2858; display: block; color: #505050; } .cc--degree-info ul li p { font-size: 1.125rem; line-height: 1.3889; color: #041E42; } @media screen and (min-width: 768px) { .cc--degree-info ul li p { font-size: 1.25rem; line-height: 1.35; } } .cc--emergency-banner { background-color: #D50032; } .cc--emergency-banner .c--emergency-banner { max-width: 1800px; margin: 0 auto; padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 1.875rem; padding-left: 20.83333%; position: relative; color: #FFF; } @media screen and (min-width: 768px) { .cc--emergency-banner .c--emergency-banner { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 1.875rem; padding-left: 12.5%; } } @media screen and (min-width: 1024px) { .cc--emergency-banner .c--emergency-banner { padding-top: 1.875rem; padding-right: 4.16667%; padding-bottom: 1.875rem; padding-left: 8.33333%; } } .cc--emergency-banner .c--emergency-banner .f--raw { position: absolute; left: 6.25%; } @media screen and (min-width: 768px) { .cc--emergency-banner .c--emergency-banner .f--raw { left: 4.16667%; } } .cc--emergency-banner .c--emergency-banner .f--raw svg { width: 1.5625rem; height: 1.4375rem; } @media screen and (min-width: 1024px) { .cc--emergency-banner .c--emergency-banner .text-container { text-align: center; } } .cc--emergency-banner .c--emergency-banner .text-container p { font-size: 1.375rem; line-height: 1.3182; } @media screen and (min-width: 1024px) { .cc--emergency-banner .c--emergency-banner .f--richtext { margin-top: 0; margin-right: 1.25rem; margin-bottom: 0; margin-left: 0; display: inline-block; } } @media screen and (min-width: 1024px) { .cc--emergency-banner .c--emergency-banner .f--button-link { display: inline-block; } } .cc--emergency-banner .c--emergency-banner .f--button-link a { color: #FFF; } html[data-whatintent='mouse'] .cc--emergency-banner .c--emergency-banner .f--button-link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--emergency-banner .c--emergency-banner .f--button-link a:hover { color: #FFF; } html[data-whatintent='mouse'] .cc--emergency-banner .c--emergency-banner .f--button-link a:hover svg polygon { fill: #FFF; } .cc--emergency-banner .c--emergency-banner .f--button-link svg polygon { fill: #FFF; } .cc--event-card { position: relative; color: #FFF; text-align: center; } @media screen and (max-width: 767px) { .cc--event-card { padding-top: 1.875rem; padding-bottom: 1.875rem; } .cc--event-card:last-child { padding-bottom: 3.125rem; } .cc--event-card:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } } @media screen and (min-width: 768px) { .cc--event-card { -ms-flex-preferred-size: 30.43478%; flex-basis: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--event-card { -ms-flex-preferred-size: 28.57143%; flex-basis: 28.57143%; } } .cc--event-card .c--event-card .f--date { margin-bottom: 1.25rem; font-size: 1.375rem; line-height: 1.3637; letter-spacing: 2px; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .f--date { margin-bottom: 0.875rem; font-size: 1.25rem; line-height: 1.5; } } @media screen and (min-width: 1024px) { .cc--event-card .c--event-card .f--date { margin-bottom: 1.375rem; font-size: 1.375rem; line-height: 1.3637; } } .cc--event-card .c--event-card .f--cta-title { margin-bottom: 0.5625rem; font-size: 1.5rem; line-height: 1.4167; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .f--cta-title { margin-bottom: 0.375rem; } } @media screen and (min-width: 1024px) { .cc--event-card .c--event-card .f--cta-title { font-size: 1.75rem; line-height: 1.3572; margin-bottom: 0.8125rem; } } .cc--event-card .c--event-card .f--event-location { margin-bottom: 0.3125rem; font-size: 1.125rem; line-height: 1.5556; } .cc--event-card .c--event-card .f--time-string { font-size: 1.125rem; line-height: 1.5556; } .cc--event-teaser-row { padding-bottom: 1.875rem; margin-bottom: 1.875rem; border-bottom: 0.0625rem solid #CCC; } @media screen and (min-width: 768px) { .cc--event-teaser-row { padding-bottom: 2.1875rem; margin-bottom: 2.1875rem; } } @media screen and (min-width: 1024px) { .cc--event-teaser-row:last-child { margin-bottom: 3.4375rem; } } @media screen and (min-width: 768px) { .cc--event-teaser-row .c--event-teaser-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .cc--event-teaser-row .c--event-teaser-row .image-container { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--event-teaser-row .c--event-teaser-row .image-container { margin-bottom: 0; padding-left: 10%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media screen and (min-width: 1024px) { .cc--event-teaser-row .c--event-teaser-row .image-container { padding-left: 7.69231%; -ms-flex-preferred-size: 53.84615%; flex-basis: 53.84615%; } } @media screen and (min-width: 768px) { .cc--event-teaser-row .c--event-teaser-row .text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .cc--event-teaser-row .c--event-teaser-row .text-container .f--cta-title { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--event-teaser-row .c--event-teaser-row .text-container .f--cta-title { margin-bottom: 0.9375rem; } } .cc--event-teaser-row .c--event-teaser-row .text-container .f--cta-title h3 { font-size: 1.25rem; line-height: 1.5; color: #041E42; } @media screen and (min-width: 768px) { .cc--event-teaser-row .c--event-teaser-row .text-container .f--cta-title h3 { font-size: 1.5rem; line-height: 1.4167; } } @media screen and (min-width: 768px) { .cc--event-teaser-row .c--event-teaser-row .text-container .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; } } @media screen and (min-width: 768px) { .cc--event-teaser-row .c--event-teaser-row .text-container .f--event-location { margin-bottom: 0.3125rem; } } .cc--events-block { max-width: 1800px; margin: 0 auto; } @media screen and (max-width: 767px) { .cc--events-block .c--events-block .f--section-title h2 { margin-bottom: 0.9375rem; } } .cc--events-block .c--events-block .event-text-center { text-align: center !important; } .cc--events-block .c--events-block .no-events { margin: 0 auto; font-size: 1.5rem; line-height: 1.25; } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .event-heading { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--events-block .c--events-block .event-heading .text-container { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 0.9375rem; padding-left: 6.25%; background-color: #000; color: #FFF; } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .event-heading .text-container { padding-top: 3.125rem; padding-right: 0; padding-left: 4.16667%; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 33.33333%; } } @media screen and (min-width: 1024px) { .cc--events-block .c--events-block .event-heading .text-container { padding-top: 4.6875rem; padding-bottom: 1.875rem; padding-left: 6.25%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 25%; } } .cc--events-block .c--events-block .event-heading .text-container .f--section-title h2 { color: #FFF; } .cc--events-block .c--events-block .event-heading .text-container .f--button-link .button-link { color: #FFF; } .cc--events-block .c--events-block .event-heading .text-container .f--button-link .button-link polygon { fill: #FFF; } .cc--events-block .c--events-block .event-heading .text-container .f--richtext { font-size: 1rem; line-height: 1.625; margin-top: auto; color: #CCC; } @media screen and (max-width: 1023px) { .cc--events-block .c--events-block .event-heading .text-container .f--richtext { display: none; } } .cc--events-block .c--events-block .image-container { position: relative; } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .image-container { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; width: 66.66667%; } } @media screen and (min-width: 1024px) { .cc--events-block .c--events-block .image-container { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; width: 75%; } } .cc--events-block .c--events-block .image-container::after { position: absolute; top: 0; left: 0; width: 100%; height: 1.875rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background-image: linear-gradient(to bottom, #000, transparent); content: ''; } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .image-container::after { width: 33.33333%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent)); background-image: linear-gradient(to right, #000, transparent); } } .cc--events-block .c--events-block .f--events-wrapper { padding-right: 6.25%; padding-left: 6.25%; max-width: 1800px; margin: 0 auto; margin-top: -1.5625rem; position: relative; } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .f--events-wrapper { padding-right: 2.08333%; padding-left: 2.08333%; } } @media screen and (min-width: 1024px) { .cc--events-block .c--events-block .f--events-wrapper { padding-right: 6.25%; padding-left: 6.25%; } } .cc--events-block .c--events-block .f--events-wrapper .events-inner { background-color: #FFF; } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner { padding-top: 2.8125rem; padding-bottom: 3.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1024px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner { padding-top: 2.8125rem; padding-bottom: 5rem; } } .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card { padding-top: 1.875rem; padding-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card { padding-top: 1.5625rem; padding-right: 2.17391%; padding-bottom: 1.5625rem; padding-left: 2.17391%; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media screen and (min-width: 1024px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card { padding-right: 2.38095%; padding-left: 2.38095%; } } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card:not(:last-child)::before { display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #CCC; content: ''; } } @media screen and (max-width: 767px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card:not(:last-child) { border-bottom: 1px solid #CCC; } } .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--date { font-size: 1.375rem; line-height: 1.3637; margin-bottom: 0.9375rem; color: #041E42; letter-spacing: 2px; } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--date { font-size: 1.25rem; line-height: 1.5; margin-bottom: 0.625rem; } } @media screen and (min-width: 1024px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--date { font-size: 1.375rem; line-height: 1.3637; margin-bottom: 1.375rem; } } .sfs .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--date { color: #366FAC; } .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--cta-title { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--cta-title { margin-bottom: 0.625rem; } } @media screen and (min-width: 1024px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--cta-title { margin-bottom: 0.75rem; } } .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--cta-title h3 { font-size: 1.5rem; line-height: 1.4167; } @media screen and (min-width: 1024px) and (min-width: 1024px) { .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; } } .sfs .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--cta-title h3 a { color: #366FAC; } .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--event-location, .cc--events-block .c--events-block .f--events-wrapper .events-inner .cc--event-card .f--time-string { font-size: 1.125rem; line-height: 1.5556; color: #4A4A4A; } .cc--events-more { max-width: 1800px; margin: 0 auto; background-color: #63666A; } .cc--events-more .c--events-more { padding-top: 3.125rem; padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--events-more .c--events-more { padding-right: 2.08333%; padding-bottom: 4.6875rem; padding-left: 2.08333%; } } @media screen and (min-width: 1024px) { .cc--events-more .c--events-more { padding-top: 4.6875rem; padding-right: 6.25%; padding-left: 6.25%; } } .cc--events-more .c--events-more .header-container { padding-right: 6.25%; padding-left: 6.25%; text-align: center; } @media screen and (min-width: 768px) { .cc--events-more .c--events-more .header-container { padding-right: 2.08333%; padding-left: 2.08333%; } } .cc--events-more .c--events-more .header-container .f--section-title h2 { color: #FFF; } @media screen and (min-width: 768px) { .cc--events-more .c--events-more .f--more-events { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cc--events-more .c--events-more .f--more-events .cc--event-card { position: relative; } @media screen and (min-width: 768px) { .cc--events-more .c--events-more .f--more-events .cc--event-card:not(:last-child) { margin-right: 7.14286%; } .cc--events-more .c--events-more .f--more-events .cc--event-card:not(:last-child)::after { position: absolute; top: 0; right: -7.14286%; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2); content: ''; } } @media screen and (min-width: 1024px) { .cc--events-more .c--events-more .f--more-events .cc--event-card:not(:last-child)::after { right: -12.5%; } } .cc--events-more .c--events-more .f--more-events .cc--event-card .c--event-card .text-container { padding-top: 1.5625rem; padding-bottom: 1.5625rem; } .cc--events-more .c--events-more .f--date, .cc--events-more .c--events-more .f--cta-title h3, .cc--events-more .c--events-more .f--cta-title h3 a, .cc--events-more .c--events-more .f--event-location, .cc--events-more .c--events-more .f--time-string { color: #FFF; } /** * Events TT Block. * * Styles for the new Top Tier Events block. The styles are largely inspired * by the CSS for the original Events block in this pattern library. */ .cc--events-tt-block { max-width: 1800px; margin: 0 auto; } .events-tt { /** * Variables for reused sizes. */ /** * Block heading. */ /** * Heading text container (title and more link) when the parent block has * a background image. */ /** * The actual events listing. */ } .events-tt-heading { position: relative; padding-bottom: 10rem; background-color: #041E42; background-position: center; background-size: cover; } @media screen and (min-width: 768px) { .events-tt-heading { padding-bottom: 0; } } .background-image .events-tt-heading-text { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 0.9375rem; padding-left: 6.25%; background-color: #000; } @media screen and (min-width: 768px) { .background-image .events-tt-heading-text { width: 25%; padding-bottom: 10rem; } } .background-image .events-tt-heading-text::after { content: ''; display: block; position: absolute; right: 0; left: 0; width: 100%; height: 1.875rem; margin-top: 0.9375rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background-image: linear-gradient(to bottom, #000, transparent); } @media screen and (min-width: 768px) { .background-image .events-tt-heading-text::after { top: 0; bottom: 0; left: 25%; width: 33.333%; height: 100%; margin-top: 0; background-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent)); background-image: linear-gradient(to right, #000, transparent); } } .no-background-image .events-tt-heading-text { padding-top: 0.9375rem; padding-right: 6.25%; padding-bottom: 5rem; padding-left: 6.25%; background-color: #041E42; } .events-tt-heading-text h2 { margin-top: 0.9375rem; margin-bottom: 1.875rem; font-size: 2.25rem; line-height: 1.6667; color: #FFF; font-style: italic; overflow-wrap: inherit; } @media screen and (min-width: 768px) { .events-tt-heading-text h2 { font-size: 3.125rem; line-height: 1.2; margin-top: 1.875rem; } } .events-tt-heading-text a.button-link { color: #FFF; white-space: nowrap; } .events-tt-heading-text a.button-link svg polygon { fill: #FFF; } .events-tt-heading-text a.button-link:hover, .events-tt-heading-text a.button-link:focus { color: #FFF !important; } .events-tt-heading-text a.button-link:hover svg polygon, .events-tt-heading-text a.button-link:focus svg polygon { fill: #FFF !important; } .events-tt-list { padding-right: 6.25%; padding-left: 6.25%; max-width: 1800px; margin: 0 auto; margin-top: -1.5625rem; position: relative; } @media screen and (min-width: 768px) { .events-tt-list { padding-right: 2.08333%; padding-left: 2.08333%; } } @media screen and (min-width: 1024px) { .events-tt-list { padding-right: 6.25%; padding-left: 6.25%; } } .events-tt-list .events-inner { background-color: #FFF; } @media screen and (min-width: 768px) { .events-tt-list .events-inner { padding-top: 2.8125rem; padding-bottom: 3.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1024px) { .events-tt-list .events-inner { padding-top: 2.8125rem; padding-bottom: 5rem; } } .events-tt-list .events-inner .cc--event-card { padding-top: 1.875rem; padding-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .events-tt-list .events-inner .cc--event-card { padding-top: 1.5625rem; padding-right: 2.17391%; padding-bottom: 1.5625rem; padding-left: 2.17391%; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media screen and (min-width: 1024px) { .events-tt-list .events-inner .cc--event-card { padding-right: 2.38095%; padding-left: 2.38095%; } } @media screen and (min-width: 768px) { .events-tt-list .events-inner .cc--event-card:not(:last-child)::before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #CCC; } } @media screen and (max-width: 767px) { .events-tt-list .events-inner .cc--event-card:not(:last-child) { border-bottom: 1px solid #CCC; } } .events-tt-list .events-inner .cc--event-card .f--date { font-size: 1.375rem; line-height: 1.3637; margin-bottom: 0.9375rem; color: #041E42; letter-spacing: 2px; } @media screen and (min-width: 768px) { .events-tt-list .events-inner .cc--event-card .f--date { font-size: 1.25rem; line-height: 1.5; margin-bottom: 0.625rem; } } @media screen and (min-width: 1024px) { .events-tt-list .events-inner .cc--event-card .f--date { font-size: 1.375rem; line-height: 1.3637; margin-bottom: 1.375rem; } } .sfs .events-tt-list .events-inner .cc--event-card .f--date { color: #366FAC; } .events-tt-list .events-inner .cc--event-card .f--cta-title { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .events-tt-list .events-inner .cc--event-card .f--cta-title { margin-bottom: 0.625rem; } } @media screen and (min-width: 1024px) { .events-tt-list .events-inner .cc--event-card .f--cta-title { margin-bottom: 0.75rem; } } .events-tt-list .events-inner .cc--event-card .f--cta-title h3 { font-size: 1.5rem; line-height: 1.4167; } @media screen and (min-width: 1024px) { .events-tt-list .events-inner .cc--event-card .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; } } .sfs .events-tt-list .events-inner .cc--event-card .f--cta-title h3 a { color: #366FAC; } .events-tt-list .events-inner .cc--event-card .f--event-location, .events-tt-list .events-inner .cc--event-card .f--time-string { font-size: 1.125rem; line-height: 1.5556; color: #4A4A4A; } .cc--explore-card { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } html[data-whatintent='mouse'] .cc--explore-card { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--explore-card:hover .background-image { -webkit-transform: scale(1.1); transform: scale(1.1); } .cc--explore-card .c--explore-card { position: relative; overflow: hidden; } .cc--explore-card .c--explore-card .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; background-position: center center; background-size: cover; } .cc--explore-card .c--explore-card .f--cta-title { margin-bottom: 0; } .cc--explore-card .c--explore-card .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; color: #041E42; } @media screen and (min-width: 768px) { .cc--explore-card .c--explore-card .f--cta-title h3 { font-size: 2rem; line-height: 1.3125; } } @media screen and (min-width: 1024px) { .cc--explore-card .c--explore-card .f--cta-title h3 { font-size: 2.375rem; line-height: 1.2632; } } .cc--explore-card .c--explore-card a { padding-right: 6.25%; padding-left: 6.25%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 20rem; color: #FFF; text-align: center; z-index: 1; } @media screen and (min-width: 768px) { .cc--explore-card .c--explore-card a { height: 16rem; } } @media screen and (min-width: 1024px) { .cc--explore-card .c--explore-card a { height: 25rem; } } html[data-whatintent='mouse'] .cc--explore-card .c--explore-card a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--explore-card .c--explore-card a:hover { color: #FFF; text-decoration: none; } .cc--explore-card .c--explore-card a:focus { border: 3px solid #00B5E2; } .cc--explore-card .c--explore-card a span { position: relative; } .cc--explore-card .c--explore-card a span::before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; position: absolute; top: -1.25rem; width: 4.6875rem; height: 0.125rem; background-color: rgba(255, 255, 255, 0.4); content: ''; } .cc--explore-card .c--explore-card a span::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; position: absolute; bottom: -0.9375rem; width: 4.6875rem; height: 0.125rem; background-color: rgba(255, 255, 255, 0.4); content: ''; } .cc--explore-more-block { max-width: 1800px; margin: 0 auto; background-color: #041E42; } .cc--explore-more-block .c--explore-more-block ul { list-style: none; padding: 0; margin: 0; width: 100%; } @media screen and (min-width: 768px) { .cc--explore-more-block .c--explore-more-block ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--faculty-listing { padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--faculty-listing { padding-right: 8.33333%; padding-bottom: 6.25rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--faculty-listing { padding-right: 0; padding-left: 0; } } .cc--faculty-listing ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cc--faculty-listing ul li { margin-bottom: 2.1875rem; } @media screen and (min-width: 768px) { .cc--faculty-listing ul li { margin-right: 2.5%; -ms-flex-preferred-size: 30%; flex-basis: 30%; } } @media screen and (min-width: 1024px) { .cc--faculty-listing ul li { margin-right: 3.84615%; margin-bottom: 3.125rem; -ms-flex-preferred-size: 30.76923%; flex-basis: 30.76923%; } .cc--faculty-listing ul li:nth-child(3n + 3) { margin-right: 0; } } .cc--faculty-listing ul li .f--image { margin-bottom: 1.25rem; } @media screen and (min-width: 1024px) { .cc--faculty-listing ul li .f--image { margin-bottom: 1.5625rem; } } .cc--faculty-listing ul li a { margin-bottom: 0.3125rem; font-size: 1.5rem; line-height: 1.4167; display: block; color: #366FAC; text-align: center; text-decoration: none; } html[data-whatintent='mouse'] .cc--faculty-listing ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--faculty-listing ul li a:hover { text-decoration: underline; } .cc--faculty-listing ul li p { font-size: 1.125rem; line-height: 1.5556; color: #4A4A4A; text-align: center; } @media screen and (min-width: 1024px) { .cc--faculty-listing ul li p { font-size: 1.25rem; line-height: 1.7; } } .cc--faculty-listing .load-more { margin-right: auto; margin-left: auto; display: block; } .cc--faculty-listing .load-more:disabled { opacity: 0.5; } .cc--featured-program { max-width: 1800px; margin: 0 auto; margin-bottom: 3.125rem; } @media screen and (min-width: 768px) { .cc--featured-program { margin-bottom: 4.6875rem; } } @media screen and (min-width: 1024px) { .cc--featured-program { margin-bottom: 0; } } .cc--featured-program .c--featured-program { padding-right: 6.25%; padding-left: 6.25%; display: block; } @media screen and (min-width: 768px) { .cc--featured-program .c--featured-program { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--featured-program .c--featured-program { padding-right: 6.25%; padding-left: 6.25%; } } .cc--featured-program .c--featured-program .featured-program-wrapper { border: 1px solid #CCC; } @media screen and (min-width: 1024px) { .cc--featured-program .c--featured-program .featured-program-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--featured-program .c--featured-program .text-container { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 1.875rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--featured-program .c--featured-program .text-container { padding-top: 2.1875rem; padding-right: 8.33333%; padding-bottom: 2.1875rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--featured-program .c--featured-program .text-container { padding-top: 3.125rem; padding-right: 4.7619%; padding-bottom: 3.125rem; padding-left: 4.7619%; position: relative; -ms-flex-preferred-size: auto; flex-basis: auto; width: 38.09524%; } } .cc--featured-program .c--featured-program .text-container .label { font-size: 1rem; line-height: 1.125; margin-bottom: 0.9375rem; display: block; color: #63666A; } @media screen and (min-width: 768px) { .cc--featured-program .c--featured-program .text-container .label { margin-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--featured-program .c--featured-program .text-container .label { margin-bottom: 0; padding-right: 6.25%; padding-left: 6.25%; position: absolute; top: -0.625rem; left: 6.25%; background: #FFF; } } .cc--featured-program .c--featured-program .text-container .f--cta-title { margin-bottom: 0.9375rem; } .cc--featured-program .c--featured-program .text-container .f--cta-title h3 { font-size: 1.5rem; line-height: 1.4167; margin-bottom: 0; color: #041E42; } @media screen and (min-width: 768px) { .cc--featured-program .c--featured-program .text-container .f--cta-title h3 { font-size: 2rem; line-height: 1.3125; } } @media screen and (min-width: 1024px) { .cc--featured-program .c--featured-program .text-container .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; } } .cc--featured-program .c--featured-program .text-container .school { font-size: 1.125rem; line-height: 1.5556; margin-bottom: 0.625rem; color: #041E42; } @media screen and (min-width: 768px) { .cc--featured-program .c--featured-program .text-container .school { margin-bottom: 0.9375rem; } } .cc--featured-program .c--featured-program .text-container .specs-container > ul { list-style: none; padding: 0; margin: 0; } .cc--featured-program .c--featured-program .text-container .specs-container > ul > li { font-size: 1rem; line-height: 2; display: inline; color: #4A4A4A; } .cc--featured-program .c--featured-program .text-container .specs-container > ul > li:not(:last-child)::after { content: ', '; } .cc--featured-program .c--featured-program .text-container .specs-container .type-of-program { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--featured-program .c--featured-program .text-container .specs-container .type-of-program { margin-bottom: 1.5625rem; } } @media screen and (min-width: 1024px) { .cc--featured-program .c--featured-program .image-container { -ms-flex-preferred-size: auto; flex-basis: auto; width: 61.90476%; } } .cc--filter-form .c--filter-form { max-width: 1800px; margin: 0 auto; } .cc--filter-form .c--filter-form .filter-form-header { padding-top: 1.25rem; padding-right: 3.125rem; padding-bottom: 1.25rem; position: relative; } @media screen and (min-width: 1024px) { .cc--filter-form .c--filter-form .filter-form-header { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } } .cc--filter-form .c--filter-form .filter-form-header button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; right: 0; width: 3.125rem; height: 3.125rem; border-radius: 50%; background-color: #041E42; background-image: url("../images/icons/icon-filter-toggle.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.1875rem; } .cc--filter-form .c--filter-form .filter-form-header button.open { background-image: url("../images/icons/icon-filter-toggle-close.svg"); } @media screen and (min-width: 1024px) { .cc--filter-form .c--filter-form .filter-form-header button { display: none; } } .cc--filter-form .c--filter-form h2 { font-size: 1.625rem; line-height: 1; padding-right: 1.25rem; } @media screen and (min-width: 768px) { .cc--filter-form .c--filter-form h2 { font-size: 2rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--filter-form .c--filter-form h2 { padding-right: 0; font-size: 1.75rem; line-height: 1.3572; margin-bottom: 2.1875rem; } } .cc--filter-form .c--filter-form .button { width: 100%; } .cc--filter-form .c--filter-form .form-filter-content { padding-bottom: 1.875rem; display: none; border-bottom: 0.3125rem solid #CCC; } @media screen and (min-width: 768px) { .cc--filter-form .c--filter-form .form-filter-content { padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--filter-form .c--filter-form .form-filter-content { padding-bottom: 0; display: block; border-bottom: 0; } } .cc--filter-form .c--filter-form .form-filter-content > fieldset { margin: 0; padding: 0; border: 0; } .cc--filter-form .c--filter-form .form-filter-content > fieldset > legend { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; white-space: nowrap; } .cc--filter-form .c--filter-form .form-filter-content .fields-container { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--filter-form .c--filter-form .form-filter-content .button-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--filter-form .c--filter-form .form-filter-content .button-container .fi--form-item { margin-right: 0.625rem; margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cc--filter-form .c--filter-form .form-filter-content .button-container .fi--form-item:last-child { margin-right: 0; } } @media screen and (min-width: 1024px) { .cc--filter-form .c--filter-form .form-filter-content .button-container { display: block; } .cc--filter-form .c--filter-form .form-filter-content .button-container .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0.625rem; margin-left: 0; } } .cc--filter-form .c--filter-form .submit-an-event { margin-top: 3.125rem; padding-top: 2.5rem; border-top: 0.125rem solid #CCC; } .cc--filter-form .c--filter-form .submit-an-event h2 { margin-bottom: 0.9375rem; } .cc--filter-form .c--filter-form button .dots { display: inline-block; width: 3px; height: 3px; border-radius: 50%; margin-top: 10px; margin-right: 0; margin-left: 5px; background: #041E42; -webkit-animation: dots 1.3s linear infinite; animation: dots 1.3s linear infinite; } .cc--filter-form .c--filter-form button.secondary .dots { background-color: #63666A; } .cc--filter-form .c--filter-form button:hover .dots { background-color: #FFF; } .cc--filter-form .c--filter-form button .dot-2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .cc--filter-form .c--filter-form button .dot-3 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes dots { 0% { -webkit-transform: initial; transform: initial; } 30% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 60% { -webkit-transform: initial; transform: initial; } 100% { -webkit-transform: initial; transform: initial; } } @keyframes dots { 0% { -webkit-transform: initial; transform: initial; } 30% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 60% { -webkit-transform: initial; transform: initial; } 100% { -webkit-transform: initial; transform: initial; } } .cc--footer-address .c--footer-address { color: #FFF; } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--footer-address .c--footer-address { text-align: right; } } .cc--footer-address .c--footer-address p { font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 1024px) { .cc--footer-address .c--footer-address p { font-size: 1.25rem; line-height: 1.5; } } .cc--footer-address .c--footer-address p a { text-decoration: underline; } html[data-whatintent='mouse'] .cc--footer-address .c--footer-address p a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--footer-address .c--footer-address p a:hover { text-decoration: none; } .cc--footer-menu-gu { margin-bottom: 1.25rem; width: 100%; } .cc--footer-menu-gu .c--footer-menu-gu .mc--menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cc--footer-menu-gu .c--footer-menu-gu ul { list-style: none; padding: 0; margin: 0; -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media screen and (min-width: 768px) { .cc--footer-menu-gu .c--footer-menu-gu ul { -ms-flex-preferred-size: 35%; flex-basis: 35%; } } .cc--footer-menu-gu .c--footer-menu-gu ul li:not(:last-child) { margin-bottom: 1.25rem; } @media screen and (max-width: 767px) { .cc--footer-menu-gu .c--footer-menu-gu ul li { padding-right: 1.25rem; } } .cc--footer-menu-gu .c--footer-menu-gu ul a { font-size: 1.125rem; line-height: 1.5556; } .cc--footer-menu { margin-bottom: 1.25rem; } .cc--footer-menu .c--footer-menu ul { list-style: none; padding: 0; margin: 0; } @media screen and (max-width: 767px) { .cc--footer-menu .c--footer-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc--footer-menu .c--footer-menu ul li { margin-bottom: 1.25rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media screen and (max-width: 767px) { .cc--footer-menu .c--footer-menu ul li { padding-right: 1.25rem; } } .cc--footer-menu .c--footer-menu ul a { font-size: 1.125rem; line-height: 1.5556; } .cc--footer-social-menu-gu .c--footer-social-menu-gu ul { list-style: none; padding: 0; margin: 0; } @media screen and (max-width: 767px) { .cc--footer-social-menu-gu .c--footer-social-menu-gu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .cc--footer-social-menu-gu .c--footer-social-menu-gu ul li { margin-bottom: 0.9375rem; } } @media screen and (min-width: 768px) { .cc--footer-social-menu-gu .c--footer-social-menu-gu ul li a { font-size: 1.125rem; line-height: 1.5556; } } @media screen and (max-width: 767px) { .cc--footer-social-menu-gu .c--footer-social-menu-gu ul li a { display: block; } } .cc--footer-social-menu-gu .c--footer-social-menu-gu ul li a svg { display: inline-block; width: 1.875rem; height: 1.875rem; vertical-align: middle; } @media screen and (min-width: 768px) { .cc--footer-social-menu-gu .c--footer-social-menu-gu ul li a svg { margin-right: 0.9375rem; } } @media screen and (max-width: 767px) { .cc--footer-social-menu-gu .c--footer-social-menu-gu ul li a span { display: none; } } .cc--footer-social-menu { margin-bottom: 2.5rem; } @media screen and (max-width: 1023px) { .cc--footer-social-menu { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cc--footer-social-menu .c--footer-social-menu ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .cc--footer-social-menu .c--footer-social-menu ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cc--footer-social-menu .c--footer-social-menu ul li { -webkit-box-flex: 0; -ms-flex: 0 0 1.875rem; flex: 0 0 1.875rem; } .cc--footer-social-menu .c--footer-social-menu ul li:not(:last-child) { margin-right: 2rem; } @media screen and (min-width: 768px) { .cc--footer-social-menu .c--footer-social-menu ul li:not(:last-child) { margin-right: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--footer-social-menu .c--footer-social-menu ul li:not(:last-child) { margin-right: 0.9375rem; } } .cc--footer-social-menu .c--footer-social-menu ul li a { display: block; width: 1.875rem; height: 1.875rem; } html[data-whatintent='mouse'] .cc--footer-social-menu .c--footer-social-menu ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--footer-social-menu .c--footer-social-menu ul li a:hover { opacity: 0.6; } html[data-whatinput='keyboard'] .cc--footer-social-menu .c--footer-social-menu ul li a:focus { opacity: 0.6; } .cc--footer-social-menu .c--footer-social-menu svg { width: 1.875rem; height: 1.875rem; } .cc--footer-terms-menu { margin-bottom: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cc--footer-terms-menu .c--footer-terms-menu ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } @media screen and (min-width: 768px) { .cc--footer-terms-menu .c--footer-terms-menu ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 768px) { .cc--footer-terms-menu .c--footer-terms-menu ul li:not(:last-child) { margin-right: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--footer-terms-menu .c--footer-terms-menu ul li:not(:last-child) { margin-right: 1.875rem; } } .cc--footer-terms-menu .c--footer-terms-menu ul a { font-size: 0.875rem; line-height: 1.2858; color: #CCC; } @media screen and (min-width: 1024px) { .cc--footer-terms-menu .c--footer-terms-menu ul a { font-size: 0.9375rem; line-height: 1.3334; } } .cc--georgetown-header-mobile { display: block; width: 100vw; } body:not(.admin-bar) .cc--georgetown-header-mobile { position: fixed; top: 0; left: 0; z-index: 100; } @media screen and (min-width: 1024px) { .cc--georgetown-header-mobile { display: none; } } .cc--georgetown-header-mobile.program .header-top { background: #012169; } .cc--georgetown-header-mobile .header-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 4.0625rem; background: #041E42; } @media screen and (min-width: 768px) { .cc--georgetown-header-mobile .header-top { height: 7.5rem; } } .cc--georgetown-header-mobile .header-top .hamburger { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; -ms-flex-preferred-size: 4.0625rem; flex-basis: 4.0625rem; height: 100%; background-image: url("../images/icons/icon-hamburger-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.1875rem; } @media screen and (min-width: 768px) { .cc--georgetown-header-mobile .header-top .hamburger { -ms-flex-preferred-size: 7.5rem; flex-basis: 7.5rem; -ms-flex-item-align: start; align-self: start; background-position: center 1.25rem; background-size: 2.8125rem; } } .cc--georgetown-header-mobile .header-top .hamburger.is-active { background-color: #FFF; background-image: url("../images/icons/icon-close.svg"); } .cc--georgetown-header-mobile .header-top .f--georgetown-logo-stacked { position: relative; -ms-flex-preferred-size: 10.625rem; flex-basis: 10.625rem; height: 100%; } @media screen and (min-width: 768px) { .cc--georgetown-header-mobile .header-top .f--georgetown-logo-stacked { margin-right: auto; margin-left: auto; -ms-flex-preferred-size: 19.0625rem; flex-basis: 19.0625rem; } } @media screen and (min-width: 1024px) { .cc--georgetown-header-mobile .header-top .f--georgetown-logo-stacked { max-width: 19.375rem; } } .cc--georgetown-header-mobile .header-top .f--georgetown-logo-stacked .georgetown-logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0.9375rem; width: 100%; -webkit-transition: unset; transition: unset; z-index: 100; } @media screen and (min-width: 768px) { .cc--georgetown-header-mobile .header-top .f--georgetown-logo-stacked .georgetown-logo { top: 1.875rem; } } .cc--georgetown-header-mobile .header-top .f--search-button { -ms-flex-preferred-size: 3.75rem; flex-basis: 3.75rem; height: 100%; } @media screen and (min-width: 768px) { .cc--georgetown-header-mobile .header-top .f--search-button { -ms-flex-preferred-size: 7.1875rem; flex-basis: 7.1875rem; -ms-flex-item-align: start; align-self: start; } } .cc--georgetown-header-mobile .header-top .f--search-button .c--search { width: 100%; height: 100%; } .cc--georgetown-header-mobile .header-top .f--search-button button { width: 100%; height: 100%; background-position: center center; background-size: 2.1875rem; } @media screen and (min-width: 768px) { .cc--georgetown-header-mobile .header-top .f--search-button button { background-position: center 1.25rem; background-size: 2.8125rem; } } .cc--georgetown-header-mobile #mobile-menu { display: none; position: fixed; top: 4.0625rem; width: 100vw; height: calc(100% - 4.0625rem); background: #FFF; z-index: 150; overflow-y: scroll; -webkit-overflow-scrolling: touch; } @media screen and (min-width: 768px) { .cc--georgetown-header-mobile #mobile-menu { top: 7.5rem; height: calc(100% - 7.5rem); } } body.admin-bar .cc--georgetown-header-mobile #mobile-menu { top: 7.5rem; } @media screen and (min-width: 768px) { .header-condensed:not(.mobile-menu-open) .cc--georgetown-header-mobile #mobile-menu { top: 5rem; height: calc(100% - 5rem); } } body:not(.admin-bar).header-transparent:not(.slim-nav-visible):not(.emergency-alert-active) .cc--georgetown-header-mobile { position: absolute; top: 0; right: 0; left: 0; z-index: 100; } body:not(.admin-bar).header-transparent:not(.slim-nav-visible):not(.emergency-alert-active) .cc--georgetown-header-mobile .header-top { background: transparent; } body:not(.admin-bar).header-transparent:not(.slim-nav-visible):not(.emergency-alert-active) .cc--georgetown-header-mobile .c--georgetown-header-mobile::after { position: absolute; top: 0; left: 0; width: 100%; height: 7.5rem; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: linear-gradient(to bottom, #000, transparent); content: ''; opacity: 0.8; z-index: -1; } @media screen and (min-width: 768px) { body:not(.admin-bar).header-transparent:not(.slim-nav-visible):not(.emergency-alert-active) .cc--georgetown-header-mobile .c--georgetown-header-mobile::after { height: 12.5rem; } } body:not(.admin-bar).header-transparent.mobile-menu-open:not(.slim-nav-visible):not(.emergency-alert-active) .cc--georgetown-header-mobile .header-top { background-color: #041E42; } @media screen and (min-width: 768px) { body:not(.admin-bar):not(.emergency-alert-active).header-condensed:not(.slim-nav-visible) .cc--georgetown-header-mobile .header-top { height: 5rem; } } @media screen and (min-width: 768px) { body:not(.admin-bar):not(.emergency-alert-active).header-condensed:not(.slim-nav-visible) .cc--georgetown-header-mobile .header-top .hamburger, body:not(.admin-bar):not(.emergency-alert-active).header-condensed:not(.slim-nav-visible) .cc--georgetown-header-mobile .header-top .f--search-button button { background-position: center center; } } @media screen and (min-width: 768px) { body:not(.admin-bar):not(.emergency-alert-active).header-condensed:not(.slim-nav-visible) .cc--georgetown-header-mobile .c--georgetown-header-mobile::after { position: absolute; top: 100%; left: 0; width: 100%; height: 3.125rem; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: linear-gradient(to bottom, #000, transparent); content: ''; opacity: 0.5; z-index: 1; } } @media screen and (min-width: 768px) { body:not(.admin-bar):not(.emergency-alert-active).header-condensed.mobile-menu-open:not(.slim-nav-visible) .cc--georgetown-header-mobile .header-top { height: 7.5rem; } } .cc--georgetown-header { display: none; width: 100vw; height: 11.875rem; } @media screen and (min-width: 1024px) { .cc--georgetown-header { display: block; } body:not(.admin-bar) .cc--georgetown-header { position: fixed; top: 0; left: 0; z-index: 100; } } .cc--georgetown-header .header-top { padding-right: 4.16667%; padding-left: 4.16667%; background: #041E42; } .cc--georgetown-header .header-top .header-top-inner { max-width: 1800px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 5rem; } .cc--georgetown-header .header-top .nav-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cc--georgetown-header .header-top .nav-container .f--georgetown-logo { display: none; width: 16.875rem; } .cc--georgetown-header .header-top .cc--georgetown-main-menu { margin-right: 1.25rem; } .cc--georgetown-header .header-top .right-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .cc--georgetown-header .header-bottom { padding-right: 4.16667%; padding-left: 4.16667%; background: #041E42; } .cc--georgetown-header .header-bottom .header-bottom-inner { max-width: 1800px; margin: 0 auto; position: relative; height: 6.875rem; } .cc--georgetown-header .header-bottom .f--georgetown-logo-stacked { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; z-index: 100; } .cc--georgetown-header .header-bottom .f--georgetown-logo-stacked .georgetown-logo { width: 21.875rem; } .cc--georgetown-header .header-bottom .cc--sfs-main-menu { -ms-flex-preferred-size: 68.18182%; flex-basis: 68.18182%; } body:not(.admin-bar).header-transparent:not(.emergency-alert-active):not(.slim-nav-visible) .cc--georgetown-header { position: fixed; top: 0; right: 0; left: 0; z-index: 100; } body:not(.admin-bar).header-transparent:not(.emergency-alert-active):not(.slim-nav-visible) .cc--georgetown-header .header-top, body:not(.admin-bar).header-transparent:not(.emergency-alert-active):not(.slim-nav-visible) .cc--georgetown-header .header-bottom { background: transparent; } body:not(.admin-bar).header-transparent:not(.slim-nav-visible) .cc--georgetown-header .c--georgetown-header::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: linear-gradient(to bottom, #000, transparent); content: ''; opacity: 0.8; z-index: -1; } body:not(.admin-bar).header-condensed:not(.emergency-alert-active) .cc--georgetown-header { height: 8.75rem; } body:not(.admin-bar).header-condensed:not(.emergency-alert-active) .cc--georgetown-header .header-bottom .header-bottom-inner { height: 3.75rem; } body:not(.admin-bar).header-condensed:not(.slim-nav-visible):not(.emergency-alert-active) .cc--georgetown-header .c--georgetown-header::after { position: absolute; top: 100%; left: 0; width: 100%; height: 8.75rem; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background: linear-gradient(to bottom, #000, transparent); content: ''; opacity: 0.5; z-index: 1; } body:not(.admin-bar).slim-nav-visible .cc--georgetown-header { position: fixed !important; top: 0; right: 0; left: 0; height: 5rem; -webkit-transition: 500ms top ease-in; transition: 500ms top ease-in; z-index: 100; } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu { height: 100%; } } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu > div { height: 100%; } } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav { position: relative; height: 100%; } } @media screen and (max-width: 1023px) { .cc--georgetown-main-menu nav .current-menu-item span { display: inline-block; position: relative; width: auto; padding-top: 1.875rem; padding-bottom: 1.875rem; } .cc--georgetown-main-menu nav .current-menu-item span::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3125rem; background: #041E42; content: ''; } } .cc--georgetown-main-menu nav li { background-color: #FFF; } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav li { background-color: transparent; } } .cc--georgetown-main-menu nav > ul { list-style: none; padding: 0; margin: 0; height: 100%; } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .cc--georgetown-main-menu nav > ul li .menu-item-text { display: none; } .cc--georgetown-main-menu nav > ul li.active .submenu[aria-hidden=false] > ul > li > .menu-item-container .menu-item-text { display: block; } @media screen and (max-width: 1023px) { .cc--georgetown-main-menu nav > ul li.current-menu-item, .cc--georgetown-main-menu nav > ul li.current-page-ancestor { position: relative; } .cc--georgetown-main-menu nav > ul li.current-menu-item > .menu-item-container > .menu-item-text::before, .cc--georgetown-main-menu nav > ul li.current-page-ancestor > .menu-item-container > .menu-item-text::before { display: block; position: absolute; left: 1.875rem; bottom: 0; width: 7.5rem; height: 0.375rem; background: #041E42; content: ''; } } @media screen and (max-width: 1023px) and (min-width: 768px) { .cc--georgetown-main-menu nav > ul li.current-menu-item > .menu-item-container > .menu-item-text::before, .cc--georgetown-main-menu nav > ul li.current-page-ancestor > .menu-item-container > .menu-item-text::before { left: 3.75rem; } } @media screen and (max-width: 1023px) { .cc--georgetown-main-menu nav > ul li li.current-menu-item > .menu-item-container::before { left: 0; } } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li { margin-right: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .cc--georgetown-main-menu nav > ul > li:last-child { margin-right: 0; } .cc--georgetown-main-menu nav > ul > li:nth-last-child(-n+3) .submenu li.active > .submenu { right: 100%; left: auto; } .cc--georgetown-main-menu nav > ul > li.active > .menu-item-container::after, .cc--georgetown-main-menu nav > ul > li.current-menu-item > .menu-item-container::after { display: block; position: absolute; left: 0; width: 100%; height: 0.375rem; background: #BBBCBC; content: ''; } .cc--georgetown-main-menu nav > ul > li.active > .menu-item-container::after, .cc--georgetown-main-menu nav > ul > li.current-menu-item > .menu-item-container::after { top: 0; } .cc--georgetown-main-menu nav > ul > li.active > .submenu { padding-top: 0.78125rem; padding-bottom: 0.78125rem; display: block; height: auto; right: 0; overflow: visible; -webkit-box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.2); width: 21.875rem; } .cc--georgetown-main-menu nav > ul > li.active > .submenu > ul > li > .menu-item-container .menu-item-text, .cc--georgetown-main-menu nav > ul > li.active > .submenu > ul > li > .menu-item-container button.toggle { display: block; } } .cc--georgetown-main-menu nav > ul > li .menu-item-container { position: relative; height: 100%; border-bottom: 1px solid #CCC; } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li .menu-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; } } .cc--georgetown-main-menu nav > ul > li .menu-item-text { padding-top: 0.625rem; padding-bottom: 0.625rem; display: block; width: 100%; color: #041E42; text-align: left; text-decoration: none; letter-spacing: 0.0625rem; padding-top: 1.875rem; padding-right: 5rem; padding-bottom: 1.875rem; padding-left: 1.875rem; font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { .cc--georgetown-main-menu nav > ul > li .menu-item-text { font-size: 1.25rem; line-height: 1.4; padding-right: 6.875rem; padding-left: 3.75rem; font-size: 1.25rem; line-height: 1.4; } } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li .menu-item-text { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; color: #FFF; font-size: 1.125rem; line-height: 1.2778; } html[data-whatintent='mouse'] .cc--georgetown-main-menu nav > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--georgetown-main-menu nav > ul > li .menu-item-text:hover { color: #FFF; text-decoration: none; } } .cc--georgetown-main-menu nav > ul > li .accordion { padding-top: 0; padding-bottom: 0; } .cc--georgetown-main-menu nav > ul > li .accordion span { padding-top: 1.875rem; padding-bottom: 1.875rem; display: inline-block; position: relative; padding-top: 1.875rem; padding-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li .accordion span { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } } .cc--georgetown-main-menu nav > ul > li .accordion::after { display: block; position: absolute; top: 0; right: 0; width: 5rem; height: 100%; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.875rem; content: ''; } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li .accordion::after { display: none; } } .cc--georgetown-main-menu nav > ul > li .accordion.is-open::after { background-image: url("../images/icons/icon-arrow-up.svg"); } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li .accordion.is-open::after { background-image: url("../images/icons/icon-arrow-up-white.svg"); } } .cc--georgetown-main-menu nav > ul > li .toggle { position: absolute; top: 0; right: 0; width: 5rem; height: 100%; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.5625rem; } .cc--georgetown-main-menu nav > ul > li .toggle.is-open { background-image: url("../images/icons/icon-arrow-up.svg"); } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li .toggle { margin-left: 0.3125rem; position: static; width: 1.5625rem; height: 1.5625rem; background-image: url("../images/icons/icon-arrow-down-white.svg"); width: 0; height: 0; } .cc--georgetown-main-menu nav > ul > li .toggle.is-open { background-image: url("../images/icons/icon-arrow-up-white.svg"); } .cc--georgetown-main-menu nav > ul > li .toggle.keyboard-focus { width: 1.5625rem; height: 1.5625rem; } } .cc--georgetown-main-menu nav > ul > li > .submenu { display: none; } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li > .submenu { display: none; position: absolute; top: 100%; width: 0; height: 0; background: #FFF; overflow: hidden; z-index: 200; } .cc--georgetown-main-menu nav > ul > li > .submenu::after { display: block; clear: both; content: ''; } } .cc--georgetown-main-menu nav > ul > li > .submenu li { position: relative; } .cc--georgetown-main-menu nav > ul > li > .submenu li.active > .submenu > ul > li > .menu-item-container .menu-item-text { display: block; } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li > .submenu ul { float: left; width: 100%; height: 100%; } .cc--georgetown-main-menu nav > ul > li > .submenu ul .menu-item-container { padding-right: 2.5rem; padding-left: 2.5rem; } .cc--georgetown-main-menu nav > ul > li > .submenu ul .menu-item-container .menu-item-container { padding-left: 0; } .cc--georgetown-main-menu nav > ul > li > .submenu ul .submenu { display: block; position: absolute; top: 0; right: 0; width: 100%; } .cc--georgetown-main-menu nav > ul > li > .submenu ul .submenu ul { width: 100%; height: 100%; background: #F0F0F0; } .cc--georgetown-main-menu nav > ul > li > .submenu ul .submenu ul .menu-item-container { padding-right: 0; padding-left: 0; } .cc--georgetown-main-menu nav > ul > li > .submenu ul .submenu ul .menu-item-text { padding-right: 2.5rem; padding-left: 2.5rem; width: 100%; } html[data-whatintent='mouse'] .cc--georgetown-main-menu nav > ul > li > .submenu ul .submenu ul .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--georgetown-main-menu nav > ul > li > .submenu ul .submenu ul .menu-item-text:hover { background: #CCC; } } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li > .submenu .toggle { width: 2.8125rem; height: 2.8125rem; background-image: url("../images/icons/icon-arrow-right.svg"); background-size: 1.875rem; width: 1.5625rem; height: 1.5625rem; } } .cc--georgetown-main-menu nav > ul > li > .submenu .menu-item-container { margin-right: 1.875rem; margin-left: 1.875rem; } @media screen and (min-width: 768px) { .cc--georgetown-main-menu nav > ul > li > .submenu .menu-item-container { margin-right: 3.75rem; margin-left: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li > .submenu .menu-item-container { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li.active { background: #F0F0F0; } .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li.active > .submenu { position: absolute; left: 100%; width: 18.75rem; height: auto; background: #FFF; overflow: visible; z-index: 200; } } .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li button.toggle { display: none; } .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-right: 3.75rem; padding-left: 0; display: none; color: #4A4A4A; text-decoration: none; font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-right: 6.875rem; padding-left: 0; font-size: 1.25rem; line-height: 1.4; } } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .menu-item-text { color: #041E42; font-weight: 500; padding-top: 0.78125rem; padding-right: 0; padding-bottom: 0.78125rem; padding-left: 0; font-size: 1.125rem; line-height: 1.5556; width: auto; } html[data-whatintent='mouse'] .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .menu-item-text:hover { color: #003DA5; } } html[data-whatintent='mouse'] .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .menu-item-text:hover { color: #003DA5; text-decoration: underline; } .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .menu-item-text .external-link { display: inline-block; width: 1.5625rem; height: 1.5625rem; vertical-align: bottom; } .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li button { right: -1.875rem; } @media screen and (min-width: 768px) { .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li button { right: -3.75rem; } } .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .submenu { display: none; } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .submenu { display: block; width: 0; height: 0; border: 0; overflow: hidden; } } .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 1.875rem; margin-left: 3.125rem; } @media screen and (min-width: 768px) { .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 3.75rem; margin-left: 7.5rem; } } @media screen and (min-width: 1024px) { .cc--georgetown-main-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu { height: 100%; } } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu > div { height: 100%; } } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav { position: relative; height: 100%; } } @media screen and (max-width: 1023px) { .cc--georgetown-secondary-menu nav .current-menu-item span { display: inline-block; position: relative; width: auto; padding-top: 1.25rem; padding-bottom: 1.25rem; } .cc--georgetown-secondary-menu nav .current-menu-item span::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3125rem; background: #041E42; content: ''; } } .cc--georgetown-secondary-menu nav li { background-color: #F0F0F0; } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav li { background-color: transparent; } } .cc--georgetown-secondary-menu nav > ul { list-style: none; padding: 0; margin: 0; height: 100%; } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .cc--georgetown-secondary-menu nav > ul li .menu-item-text { display: none; } .cc--georgetown-secondary-menu nav > ul li.active .submenu[aria-hidden=false] > ul > li > .menu-item-container .menu-item-text { display: block; } @media screen and (max-width: 1023px) { .cc--georgetown-secondary-menu nav > ul li { position: relative; } .cc--georgetown-secondary-menu nav > ul li.current-menu-item, .cc--georgetown-secondary-menu nav > ul li.current-page-ancestor { position: relative; } .cc--georgetown-secondary-menu nav > ul li.current-menu-item > .menu-item-container > .menu-item-text::before, .cc--georgetown-secondary-menu nav > ul li.current-page-ancestor > .menu-item-container > .menu-item-text::before { display: block; position: absolute; left: 1.875rem; bottom: 0; width: 7.5rem; height: 0.375rem; background: #041E42; content: ''; } } @media screen and (max-width: 1023px) and (min-width: 768px) { .cc--georgetown-secondary-menu nav > ul li.current-menu-item > .menu-item-container > .menu-item-text::before, .cc--georgetown-secondary-menu nav > ul li.current-page-ancestor > .menu-item-container > .menu-item-text::before { left: 3.75rem; } } @media screen and (max-width: 1023px) { .cc--georgetown-secondary-menu nav > ul li li.current-menu-item > .menu-item-container::before { left: 0; } } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li { margin-right: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; position: relative; } .cc--georgetown-secondary-menu nav > ul > li:last-child { margin-right: 0; } .cc--georgetown-secondary-menu nav > ul > li:nth-last-child(-n+3) .submenu li.active > .submenu { right: 100%; left: auto; } .cc--georgetown-secondary-menu nav > ul > li.active > .menu-item-container::after, .cc--georgetown-secondary-menu nav > ul > li.current-menu-item > .menu-item-container::after { display: block; position: absolute; left: 0; width: 100%; height: 0.375rem; background: #BBBCBC; content: ''; } .cc--georgetown-secondary-menu nav > ul > li.active > .menu-item-container::after, .cc--georgetown-secondary-menu nav > ul > li.current-menu-item > .menu-item-container::after { top: 0; } .cc--georgetown-secondary-menu nav > ul > li.active > .submenu { padding-top: 0.78125rem; padding-bottom: 0.78125rem; display: block; height: auto; right: 0; overflow: visible; -webkit-box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.2); width: 9.375rem; } .cc--georgetown-secondary-menu nav > ul > li.active > .submenu > ul > li > .menu-item-container .menu-item-text, .cc--georgetown-secondary-menu nav > ul > li.active > .submenu > ul > li > .menu-item-container button.toggle { display: block; } } .cc--georgetown-secondary-menu nav > ul > li .menu-item-container { position: relative; height: 100%; border-bottom: 1px solid #CCC; } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li .menu-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; } } .cc--georgetown-secondary-menu nav > ul > li .menu-item-text { padding-top: 0.625rem; padding-bottom: 0.625rem; display: block; width: 100%; color: #4A4A4A; text-align: left; text-decoration: none; letter-spacing: 0.0625rem; padding-top: 1.25rem; padding-right: 5rem; padding-bottom: 1.25rem; padding-left: 1.875rem; font-size: 1rem; line-height: 1.625; } @media screen and (min-width: 768px) { .cc--georgetown-secondary-menu nav > ul > li .menu-item-text { font-size: 1.25rem; line-height: 1.4; padding-right: 6.875rem; padding-left: 3.75rem; font-size: 1.25rem; line-height: 1.3; } } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li .menu-item-text { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; color: #FFF; font-size: 1rem; line-height: 1.75; } .sfs .cc--georgetown-secondary-menu nav > ul > li .menu-item-text { font-weight: 400; } html[data-whatintent='mouse'] .cc--georgetown-secondary-menu nav > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--georgetown-secondary-menu nav > ul > li .menu-item-text:hover { color: #FFF; text-decoration: none; } } .cc--georgetown-secondary-menu nav > ul > li .accordion { padding-top: 0; padding-bottom: 0; } .cc--georgetown-secondary-menu nav > ul > li .accordion span { padding-top: 1.875rem; padding-bottom: 1.875rem; display: inline-block; position: relative; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li .accordion span { padding-top: 0; padding-right: 1.875rem; padding-bottom: 0; padding-left: 0; } } .cc--georgetown-secondary-menu nav > ul > li .accordion::after { display: block; position: absolute; top: 0; right: 0; width: 5rem; height: 100%; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.875rem; content: ''; } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li .accordion::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5625rem; height: 1.5625rem; background-image: url("../images/icons/icon-arrow-down-white.svg"); background-size: 1.5625rem; } } .cc--georgetown-secondary-menu nav > ul > li .accordion.is-open::after { background-image: url("../images/icons/icon-arrow-up.svg"); } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li .accordion.is-open::after { background-image: url("../images/icons/icon-arrow-up-white.svg"); } } .cc--georgetown-secondary-menu nav > ul > li .toggle { position: absolute; top: 0; right: 0; width: 5rem; height: 100%; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.5625rem; } .cc--georgetown-secondary-menu nav > ul > li .toggle.is-open { background-image: url("../images/icons/icon-arrow-up.svg"); } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li .toggle { margin-left: 0.3125rem; position: static; width: 1.5625rem; height: 1.5625rem; background-image: url("../images/icons/icon-arrow-down-white.svg"); } .cc--georgetown-secondary-menu nav > ul > li .toggle.is-open { background-image: url("../images/icons/icon-arrow-up-white.svg"); } } .cc--georgetown-secondary-menu nav > ul > li > .submenu { display: none; } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu { display: none; position: absolute; top: 100%; width: 0; height: 0; background: #FFF; overflow: hidden; z-index: 200; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cc--georgetown-secondary-menu nav > ul > li > .submenu::after { display: block; clear: both; content: ''; } } .cc--georgetown-secondary-menu nav > ul > li > .submenu li { position: relative; } .cc--georgetown-secondary-menu nav > ul > li > .submenu li.active > .submenu > ul > li > .menu-item-container .menu-item-text { display: block; } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu .toggle { width: 2.8125rem; height: 2.8125rem; background-image: url("../images/icons/icon-arrow-right.svg"); background-size: 1.875rem; width: 1.5625rem; height: 1.5625rem; } } .cc--georgetown-secondary-menu nav > ul > li > .submenu .menu-item-container { margin-right: 1.875rem; margin-left: 1.875rem; } @media screen and (min-width: 768px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu .menu-item-container { margin-right: 3.75rem; margin-left: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu .menu-item-container { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li.active > .submenu { position: absolute; left: 100%; width: 18.75rem; height: auto; background: #FFF; overflow: visible; z-index: 200; } } .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li button.toggle { display: none; } .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-right: 3.75rem; padding-left: 0; display: none; color: #4A4A4A; text-decoration: none; } @media screen and (min-width: 768px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-right: 6.875rem; padding-left: 0; font-size: 1.25rem; line-height: 1.4; } } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text { color: #041E42; font-weight: 500; padding-top: 0.9375rem; padding-right: 1.25rem; padding-bottom: 0.9375rem; padding-left: 1.25rem; font-size: 1.125rem; line-height: 1.2778; text-align: center; } html[data-whatintent='mouse'] .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text:hover { color: #003DA5; } } html[data-whatintent='mouse'] .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text:hover { color: #003DA5; text-decoration: underline; } .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text .external-link { display: inline-block; width: 1.5625rem; height: 1.5625rem; vertical-align: bottom; } .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li button { right: -1.875rem; } @media screen and (min-width: 768px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li button { right: -3.75rem; } } .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .submenu { display: none; } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .submenu { display: block; width: 0; height: 0; border: 0; overflow: hidden; } } .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 1.875rem; margin-left: 3.125rem; } @media screen and (min-width: 768px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 3.75rem; margin-left: 7.5rem; } } @media screen and (min-width: 1024px) { .cc--georgetown-secondary-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 0; margin-left: 0; } } .cc--gu-hero-carousel .swiper-container { position: relative; min-height: 9.375rem; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .swiper-container { background-color: #041E42; } } .cc--gu-hero-carousel .swiper-slide { position: relative; } .cc--gu-hero-carousel .swiper-slide .slide-image { position: relative; height: 20rem; background-position: center center; background-size: cover; overflow: hidden; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .swiper-slide .slide-image { height: 90vh; } } @media screen and (min-width: 1024px) { .cc--gu-hero-carousel .swiper-slide .slide-image { height: 90vh; } } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .swiper-slide .slide-image::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); content: ''; z-index: 1; } } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .pagination-wrapper { padding-top: 1.25rem; padding-right: 6.25%; padding-bottom: 2.5rem; padding-left: 6.25%; } } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .pagination-wrapper { padding-right: 4.16667%; padding-left: 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: 1.875rem; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; } } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .pagination-wrapper.is-single { display: none; } } .cc--gu-hero-carousel .text-container { z-index: 2; } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .text-container { margin-top: 1.25rem; text-align: center; } } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .text-container { position: absolute; bottom: 1.875rem; left: 4.16667%; } } .cc--gu-hero-carousel .text-container .f--section-title { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .text-container .f--section-title { margin-bottom: 1.5625rem; } } .cc--gu-hero-carousel .text-container .f--section-title h2 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 1.875rem; line-height: 1.3334; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .text-container .f--section-title h2 { font-size: 2.25rem; line-height: 1.2778; } } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .text-container .f--button-link { margin-bottom: 1.25rem; } } .cc--gu-hero-carousel .text-container h2, .cc--gu-hero-carousel .text-container a.button-link { color: #041E42; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .text-container h2, .cc--gu-hero-carousel .text-container a.button-link { color: #FFF; } html[data-whatintent='mouse'] .cc--gu-hero-carousel .text-container h2, html[data-whatintent='mouse'] .cc--gu-hero-carousel .text-container a.button-link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--gu-hero-carousel .text-container h2:hover, html[data-whatintent='mouse'] .cc--gu-hero-carousel .text-container a.button-link:hover { color: #FFF; } html[data-whatintent='mouse'] .cc--gu-hero-carousel .text-container h2:hover polygon, html[data-whatintent='mouse'] .cc--gu-hero-carousel .text-container a.button-link:hover polygon { fill: #FFF; } } .cc--gu-hero-carousel .text-container h2 polygon, .cc--gu-hero-carousel .text-container a.button-link polygon { fill: #041E42; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .text-container h2 polygon, .cc--gu-hero-carousel .text-container a.button-link polygon { fill: #FFF; } } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .controls-container { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--gu-hero-carousel .controls-container { margin-left: auto; } } .cc--gu-hero-carousel .controls-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .controls-pagination { padding-right: 1.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .controls-pagination { padding-top: 0.625rem; position: relative; border-top: 0.0625rem solid #CCC; } } .cc--gu-hero-carousel .controls-pagination::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1px; height: 1.75rem; background-color: rgba(255, 255, 255, 0.15); content: ''; } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .controls-pagination::before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -6px; width: 1px; height: 5px; background-color: #CCC; content: ''; } } .cc--gu-hero-carousel .controls-pagination .swiper-next, .cc--gu-hero-carousel .controls-pagination .swiper-prev { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .controls-pagination .swiper-next, .cc--gu-hero-carousel .controls-pagination .swiper-prev { display: none; } } .cc--gu-hero-carousel .controls-pagination .swiper-next:focus, .cc--gu-hero-carousel .controls-pagination .swiper-prev:focus { outline-offset: -0.1875rem; } .cc--gu-hero-carousel .play-pause-container { padding-left: 1.25rem; } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .play-pause-container { display: none; } } .cc--gu-hero-carousel .play-pause-button { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; width: 2.25rem; height: 2.25rem; background-image: url("../images/icons/btn-pause-carousel.svg"); background-position: -0.375rem -0.375rem; opacity: 0.5; } html[data-whatintent='mouse'] .cc--gu-hero-carousel .play-pause-button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--gu-hero-carousel .play-pause-button:hover { opacity: 1; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .gu-hero-carousel-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .hero-carousel-bullet { margin-right: 0.25rem; margin-left: 0.25rem; display: inline-block; width: 5px; height: 5px; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; border-radius: 100%; background: #CCC; opacity: .4; vertical-align: middle; } } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .hero-carousel-bullet { display: block; position: relative; width: 2.125rem; height: 2.125rem; } } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .hero-carousel-bullet:not(:last-child) { margin-right: 0.9375rem; } } .cc--gu-hero-carousel .hero-carousel-bullet .slide-count { position: absolute; left: 0; width: 100%; height: 100%; color: rgba(255, 255, 255, 0.5); line-height: 2.125rem; text-align: center; } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .hero-carousel-bullet .slide-count { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; white-space: nowrap; } } .cc--gu-hero-carousel .hero-carousel-bullet svg { position: relative; width: 2.125rem; height: 2.125rem; -webkit-transform: rotateX(180deg) rotateZ(90deg); transform: rotateX(180deg) rotateZ(90deg); } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .hero-carousel-bullet svg { display: none; } } .cc--gu-hero-carousel .hero-carousel-bullet svg circle.background { position: absolute; top: 0; left: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 0; z-index: 3; stroke-dasharray: 114px; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 1px; fill: none; stroke: rgba(255, 255, 255, 0.5); } .cc--gu-hero-carousel .hero-carousel-bullet svg circle.countdown { position: absolute; top: 0; left: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 0; z-index: 4; stroke-dasharray: 114px; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 1px; fill: none; } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .hero-carousel-bullet.hero-carousel-bullet-active { -webkit-transform: scale(1.4); transform: scale(1.4); background: #041E42; opacity: 1; } } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .hero-carousel-bullet.hero-carousel-bullet-active svg { display: none; } } .cc--gu-hero-carousel .hero-carousel-bullet.hero-carousel-bullet-active svg circle.background { -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1; } .cc--gu-hero-carousel .hero-carousel-bullet.hero-carousel-bullet-active svg circle.countdown { -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1; stroke: #FFF; -webkit-animation: countdown 5.4s linear 1 forwards; animation: countdown 5.4s linear 1 forwards; } .cc--gu-hero-carousel .hero-carousel-bullet.hero-carousel-bullet-active .slide-count { color: #FFF; } html[data-whatintent='mouse'] .cc--gu-hero-carousel .hero-carousel-bullet { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--gu-hero-carousel .hero-carousel-bullet:hover .slide-count { color: #FFF; } @-webkit-keyframes countdown { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 114; } } @keyframes countdown { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 114; } } .cc--gu-hero-carousel.is-paused .hero-carousel-bullet.hero-carousel-bullet-active svg circle.countdown { stroke-dasharray: 114px; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 1px; stroke: #FFF; fill: none; -webkit-animation: none; animation: none; } .cc--gu-hero-carousel.is-paused .play-pause-button { background-image: url("../images/icons/btn-play-carousel.svg"); background-position: -0.5rem -0.4375rem; opacity: 0.5; } html[data-whatintent='mouse'] .cc--gu-hero-carousel.is-paused .play-pause-button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--gu-hero-carousel.is-paused .play-pause-button:hover { opacity: 1; } .cc--gu-hero-carousel .cc--social-links .c--social-links { padding-right: 6.25%; padding-left: 6.25%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .cc--social-links .c--social-links { padding-top: 3.125rem; padding-bottom: 3.125rem; } } .cc--gu-hero-carousel .cc--social-links .c--social-links a, .cc--gu-hero-carousel .cc--social-links .c--social-links a.facebook, .cc--gu-hero-carousel .cc--social-links .c--social-links a.twitter { width: 2.1875rem; height: 2.1875rem; } .cc--gu-hero-carousel .cc--social-links .c--social-links span.social-links-title { font-size: 1.25rem; line-height: 1.7; display: block; color: #041E42; } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .cc--social-links .c--social-links span.social-links-title { margin-bottom: 0.4375rem; width: 100%; text-align: center; } } @media screen and (min-width: 768px) { .cc--gu-hero-carousel .cc--social-links .c--social-links span.social-links-title { margin-right: 1.5625rem; } } @media screen and (max-width: 767px) { .cc--gu-hero-carousel .cc--social-links .c--social-links ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } .cc--hero-image .f--image { position: relative; height: 15rem; overflow: hidden; } @media screen and (min-width: 768px) { .cc--hero-image .f--image { height: 34.375rem; } } .cc--hero-image .f--image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%; } @media screen and (min-width: 1024px) { .cc--hero-image .f--image img { min-width: 100vw; height: auto; } } .cc--hero-share.has-image .c--hero-share .text-container { padding-right: 6.25%; } @media screen and (min-width: 768px) { .cc--hero-share.has-image .c--hero-share .text-container { padding-right: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--hero-share.has-image .c--hero-share .text-container { padding-right: 0; padding-left: 12.5%; } } .cc--hero-share.has-image .c--hero-share .text-container .text-container-inner { margin-top: -1.25rem; position: relative; } @media screen and (min-width: 768px) { .cc--hero-share.has-image .c--hero-share .text-container .text-container-inner { margin-top: -1.5625rem; padding-right: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--hero-share.has-image .c--hero-share .text-container .text-container-inner { margin-top: -3.125rem; padding-right: 4.7619%; padding-left: 11.90476%; } } .cc--hero-share .c--hero-share .f--image { position: relative; } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .f--image { height: 34.375rem; overflow: hidden; } } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .f--image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100vw; height: auto; } } .cc--hero-share .c--hero-share .text-container { max-width: 1800px; margin: 0 auto; } @media screen and (min-width: 1024px) { .cc--hero-share .c--hero-share .text-container { padding-left: 12.5%; } } .cc--hero-share .c--hero-share .text-container .text-container-inner { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; background: #FFF; } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .text-container .text-container-inner { padding-top: 3.125rem; padding-right: 8.33333%; padding-bottom: 3.125rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--hero-share .c--hero-share .text-container .text-container-inner { padding-top: 4.6875rem; padding-right: 4.16667%; padding-bottom: 2.1875rem; padding-left: 11.90476%; } } .cc--hero-share .c--hero-share .text-container .f--eyebrow { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .text-container .f--eyebrow { margin-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--hero-share .c--hero-share .text-container .f--eyebrow { margin-bottom: 1.5rem; } } .cc--hero-share .c--hero-share .text-container .f--page-title { margin-bottom: 1.5625rem; } @media screen and (min-width: 1024px) { .cc--hero-share .c--hero-share .text-container .f--page-title { margin-bottom: 1.25rem; } } .cc--hero-share .c--hero-share .text-container .f--page-title h1 { font-size: 2rem; line-height: 1.3125; } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .text-container .f--page-title h1 { font-size: 2.625rem; line-height: 1.2381; } } @media screen and (min-width: 1024px) { .cc--hero-share .c--hero-share .text-container .f--page-title h1 { font-size: 3.125rem; line-height: 1.2; } } .cc--hero-share .c--hero-share .text-container .back-to-timeline { font-size: 1.125rem; line-height: 1.2223; margin-bottom: 2.125rem; padding-left: 1rem; display: block; background: url("../images/icons/icon-arrow-left.svg") 0 0 no-repeat; background-position: -0.75rem -0.4375rem; background-size: 2.1875rem 2.1875rem; color: #041E42; text-decoration: none; } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .text-container .back-to-timeline { margin-bottom: 2.75rem; } } @media screen and (min-width: 1024px) { .cc--hero-share .c--hero-share .text-container .back-to-timeline { margin-bottom: 4.625rem; } } .cc--hero-share .c--hero-share .text-container .timeline-date { font-size: 1.25rem; line-height: 1.7; margin-bottom: 1rem; color: #041E42; } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .text-container .timeline-date { font-size: 1.5625rem; line-height: 1.1201; margin-bottom: 1.5625rem; } } .cc--hero-share .c--hero-share .text-container .info-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .cc--hero-share .c--hero-share .text-container .info-container > div { font-size: 1.125rem; line-height: 1.5556; color: #4A4A4A; } .cc--hero-share .c--hero-share .text-container .info-container > div.author { margin-right: 0.625rem; padding-right: 0.625rem; border-right: 0.0625rem solid #CCC; } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .text-container .info-container > div.author { margin-right: 1.5625rem; padding-right: 1.5625rem; } } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .text-container .info-container > div.date { margin-right: 1.5625rem; padding-right: 1.5625rem; border-right: 0.0625rem solid #CCC; } } .cc--hero-share .c--hero-share .text-container .info-container .cc--share-icons-addtoany { margin-bottom: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media screen and (min-width: 768px) { .cc--hero-share .c--hero-share .text-container .info-container .cc--share-icons-addtoany { -ms-flex-preferred-size: auto; flex-basis: auto; } } @media screen and (max-width: 767px) { .cc--hero-share .c--hero-share .text-container .info-container .cc--share-icons-addtoany { margin-top: 1.5625rem; margin-left: -0.375rem; } } .cc--image-text-cta-row { border-bottom: 0.0625rem solid #CCC; } .cc--image-text-cta-row .c--image-text-cta-row { padding-top: 3.125rem; padding-bottom: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 767px) { .cc--image-text-cta-row .c--image-text-cta-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 768px) { .cc--image-text-cta-row .c--image-text-cta-row .text-container { margin-right: 2.27273%; -webkit-box-flex: 1; -ms-flex: 1 0 54.54545%; flex: 1 0 54.54545%; } } @media screen and (min-width: 1024px) { .cc--image-text-cta-row .c--image-text-cta-row .text-container { margin-right: 6.25%; -webkit-box-flex: 1; -ms-flex: 1 0 62.5%; flex: 1 0 62.5%; } } @media screen and (max-width: 767px) { .cc--image-text-cta-row .c--image-text-cta-row .text-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 1024px) { .cc--image-text-cta-row .c--image-text-cta-row .f--image { -ms-flex-preferred-size: 31.25%; flex-basis: 31.25%; } } @media screen and (max-width: 767px) { .cc--image-text-cta-row .c--image-text-cta-row .f--image { margin-bottom: 0.9375rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cc--image-text-cta-row .c--image-text-cta-row .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; color: #366FAC; } .cc--image-text-cta-row .c--image-text-cta-row .f--cta-title h3 a { color: #366FAC; } .cc--image-text-cta-row .c--image-text-cta-row .f--richtext { margin-bottom: 1.25rem; } .cc--image-text-cta-row .c--image-text-cta-row .f--richtext p { font-size: 1.25rem; line-height: 1.7; } @media screen and (min-width: 768px) { .cc--image-text-cta-row.image-right .f--image { margin-right: 2.27273%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 1024px) { .cc--image-text-cta-row.image-right .f--image { margin-right: 6.25%; } } @media screen and (min-width: 768px) { .cc--image-text-cta-row.image-right .text-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0; } } .cc--image-text-cta { max-width: 1800px; margin: 0 auto; } .cc--image-text-cta .c--image-text-cta { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--image-text-cta .c--image-text-cta { padding-right: 4.16667%; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--image-text-cta .c--image-text-cta { padding-right: 16.66667%; padding-left: 16.66667%; } } .page-template-page_parent-child .cc--image-text-cta .c--image-text-cta { padding: 0; } .cc--image-text-cta .f--cta-title h3 { font-weight: 400; } .cc--image-text-cta .f--section-title { text-align: center; } .cc--image-text-cta .f--section-title h2 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 1024px) { .cc--image-text-cta .f--section-title h2 { font-size: 3.125rem; line-height: 1.2; } } .cc--intro { margin-bottom: 1.25rem; } .cc--intro p { font-size: 1.25rem; line-height: 1.6; color: #041E42; } @media screen and (min-width: 768px) { .cc--intro p { font-size: 1.375rem; line-height: 1.7273; } } @media screen and (min-width: 1024px) { .cc--intro p { font-size: 1.5rem; line-height: 1.6667; } } .cc--landing-hero .c--landing-hero .landing-hero-top { position: relative; background-position: center center; background-size: cover; } @media screen and (max-width: 767px) { .cc--landing-hero .c--landing-hero .landing-hero-top { padding-top: 75%; } } @media screen and (min-width: 768px) { .cc--landing-hero .c--landing-hero .landing-hero-top { height: 25rem; } } @media screen and (min-width: 1024px) { .cc--landing-hero .c--landing-hero .landing-hero-top { height: 28.125rem; } } .cc--landing-hero .c--landing-hero .landing-hero-top .f--ambient-video { -o-object-fit: cover; object-fit: cover; } .cc--landing-hero .c--landing-hero .landing-hero-top .play-pause-container { position: absolute; right: 0.9375rem; bottom: 0.9375rem; } .cc--landing-hero .c--landing-hero .landing-hero-top .play-pause-button { position: relative; width: 2.25rem; height: 2.25rem; border-radius: 50%; background-color: rgba(0, 0, 0, 0.7); } .cc--landing-hero .c--landing-hero .landing-hero-top .play-pause-button svg { position: absolute; top: -0.4375rem; left: -0.4375rem; } html[data-whatintent='mouse'] .cc--landing-hero .c--landing-hero .landing-hero-top .play-pause-button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--landing-hero .c--landing-hero .landing-hero-top .play-pause-button:hover svg path { fill: #FFF; } .cc--landing-hero .c--landing-hero .landing-hero-top .play-pause-button .play-ambient-video { display: none; } .cc--landing-hero .c--landing-hero .landing-hero-top .play-pause-button.is-paused svg { top: 0; left: 0; } .cc--landing-hero .c--landing-hero .landing-hero-top .play-pause-button.is-paused .play-ambient-video { display: block; } .cc--landing-hero .c--landing-hero .landing-hero-top .play-pause-button.is-paused .pause-ambient-video { display: none; } .cc--landing-hero .c--landing-hero .landing-hero-bottom { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom { padding-top: 2.8125rem; padding-right: 8.33333%; padding-bottom: 3.75rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom { padding-top: 1.5625rem; padding-right: 6.25%; padding-bottom: 6.25rem; padding-left: 6.25%; } } .cc--landing-hero .c--landing-hero .landing-hero-bottom.has-seal { background-color: #F0F0F0; background-image: url("../images/icons/seal-georgetown-gray.svg"); background-repeat: no-repeat; background-position: 10rem center; background-size: cover; } @media screen and (min-width: 768px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom.has-seal { background-position: -4.375rem center; background-size: contain; } } @media screen and (max-width: 767px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom.has-seal { background-image: none; } } .cc--landing-hero .c--landing-hero .landing-hero-bottom .landing-hero-bottom-inner { max-width: 1800px; margin: 0 auto; } @media screen and (min-width: 1024px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--page-title { padding-right: 11.90476%; padding-left: 11.90476%; } } .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--page-title h1 { font-size: 2.5rem; line-height: 1.15; color: #041E42; text-align: center; } @media screen and (min-width: 768px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--page-title h1 { font-size: 4.0625rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--page-title h1 { font-size: 4.6875rem; line-height: 1; } } .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--richtext { margin-top: 0.9375rem; margin-right: auto; margin-bottom: 0; margin-left: auto; } @media screen and (min-width: 1024px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--richtext { max-width: 76.19048%; } } .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--richtext p { font-size: 1.25rem; line-height: 1.6; color: #041E42; } @media screen and (min-width: 768px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--richtext p { font-size: 1.375rem; line-height: 1.7273; } } @media screen and (min-width: 1024px) { .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--richtext p { font-size: 1.5rem; line-height: 1.6667; } } .archive.tax-gu_sites .cc--landing-hero .c--landing-hero, .page-template-page_filtered-post-list .cc--landing-hero .c--landing-hero, .page-template-page_filtered-profile-list .cc--landing-hero .c--landing-hero { max-width: 1800px; margin: 0 auto; } .archive.tax-gu_sites .cc--landing-hero .c--landing-hero .landing-hero-bottom, .page-template-page_filtered-post-list .cc--landing-hero .c--landing-hero .landing-hero-bottom, .page-template-page_filtered-profile-list .cc--landing-hero .c--landing-hero .landing-hero-bottom { margin-right: 6.25%; margin-left: 6.25%; padding-right: 0; padding-bottom: 1.875rem; padding-left: 0; } @media screen and (min-width: 768px) { .archive.tax-gu_sites .cc--landing-hero .c--landing-hero .landing-hero-bottom, .page-template-page_filtered-post-list .cc--landing-hero .c--landing-hero .landing-hero-bottom, .page-template-page_filtered-profile-list .cc--landing-hero .c--landing-hero .landing-hero-bottom { margin-right: 8.33333%; margin-left: 8.33333%; } } @media screen and (min-width: 1024px) { .archive.tax-gu_sites .cc--landing-hero .c--landing-hero .landing-hero-bottom, .page-template-page_filtered-post-list .cc--landing-hero .c--landing-hero .landing-hero-bottom, .page-template-page_filtered-profile-list .cc--landing-hero .c--landing-hero .landing-hero-bottom { margin-right: 6.25%; margin-left: 6.25%; } } .cc--landing-hero.page-404 .c--landing-hero .landing-hero-bottom { max-width: 1800px; margin: 0 auto; padding-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--landing-hero.page-404 .c--landing-hero .landing-hero-bottom { padding-top: 2.8125rem; } } @media screen and (min-width: 1024px) { .cc--landing-hero.page-404 .c--landing-hero .landing-hero-bottom { padding-top: 4.6875rem; padding-bottom: 4.6875rem; } } @media screen and (min-width: 1024px) { .archive.tax-gu_sites .content-sidebar-container, .page-template-page_filtered-post-list .content-sidebar-container, .page-template-page_filtered-profile-list .content-sidebar-container { border-top: 0.3125rem solid #CCC; } } @media screen and (max-width: 1023px) { .archive.tax-gu_sites .content-sidebar-container .c--filter-form, .page-template-page_filtered-post-list .content-sidebar-container .c--filter-form, .page-template-page_filtered-profile-list .content-sidebar-container .c--filter-form { border-top: 0.3125rem solid #CCC; } } @media screen and (max-width: 1023px) { .archive.tax-gu_sites .content-sidebar-container .c--filter-form .filter-form-header, .page-template-page_filtered-post-list .content-sidebar-container .c--filter-form .filter-form-header, .page-template-page_filtered-profile-list .content-sidebar-container .c--filter-form .filter-form-header { margin-top: 0.75rem; } } .cc--listing-of-majors { max-width: 1800px; margin: 0 auto; } .cc--listing-of-majors .c--listing-of-majors { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--listing-of-majors .c--listing-of-majors { padding-right: 4.16667%; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--listing-of-majors .c--listing-of-majors { padding-right: 16.66667%; padding-left: 16.66667%; } } .cc--major-row { border-bottom: 0.0625rem solid #CCC; } .cc--major-row .c--major-row { padding-top: 3.125rem; padding-bottom: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 767px) { .cc--major-row .c--major-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 768px) { .cc--major-row .c--major-row .text-container { margin-right: 2.27273%; -webkit-box-flex: 1; -ms-flex: 1 0 54.54545%; flex: 1 0 54.54545%; } } @media screen and (min-width: 1024px) { .cc--major-row .c--major-row .text-container { margin-right: 6.25%; -webkit-box-flex: 1; -ms-flex: 1 0 62.5%; flex: 1 0 62.5%; } } @media screen and (max-width: 767px) { .cc--major-row .c--major-row .text-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 1024px) { .cc--major-row .c--major-row .f--image { -ms-flex-preferred-size: 31.25%; flex-basis: 31.25%; } } @media screen and (max-width: 767px) { .cc--major-row .c--major-row .f--image { margin-bottom: 0.9375rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cc--major-row .c--major-row .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; color: #366FAC; } .cc--major-row .c--major-row .f--richtext { margin-bottom: 1.25rem; } .cc--major-row .c--major-row .f--richtext p { font-size: 1.25rem; line-height: 1.7; } .cc--menu-article-teaser .c--menu-article-teaser { padding-top: 1.875rem; padding-right: 5.55556%; text-align: center; } .cc--menu-article-teaser .c--menu-article-teaser .f--image { margin-bottom: 0.9375rem; } .cc--menu-article-teaser .c--menu-article-teaser .f--cta-title { margin-bottom: 0.625rem; } .sfs .cc--menu-article-teaser .c--menu-article-teaser .f--cta-title a { color: #366FAC; } .cc--menu-article-teaser .c--menu-article-teaser .f--richtext { margin-bottom: 0; } .cc--menu-article-teaser .c--menu-article-teaser .f--richtext p { font-size: 1rem; line-height: 1.625; color: #4A4A4A; } .cc--news-card .c--news-card { text-align: center; } .cc--news-card .c--news-card .f--image { margin-bottom: 1.25rem; } @media screen and (min-width: 1024px) { .cc--news-card .c--news-card .f--image { margin-bottom: 0.9375rem; } } .cc--news-card .c--news-card .f--cta-title { margin-bottom: 0.625rem; } .sfs .cc--news-card .c--news-card .f--cta-title h3 a { color: #366FAC; } .cc--news-card .c--news-card .f--date { font-size: 1rem; line-height: 1.625; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; color: #4A4A4A; letter-spacing: 0; } .cc--news-events-block { max-width: 1800px; margin: 0 auto; } .cc--news-events-block .c--news-events-block { padding-top: 3.125rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--news-events-block .c--news-events-block { padding-right: 4.16667%; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--news-events-block .c--news-events-block { padding-right: 6.25%; padding-left: 6.25%; } } @media screen and (min-width: 768px) { .cc--news-events-block .c--news-events-block .header-container { position: relative; } } .cc--news-events-block .c--news-events-block .header-container .f--button-link { text-align: center; } @media screen and (max-width: 1023px) { .cc--news-events-block .c--news-events-block .header-container .f--button-link { margin-bottom: 1.5625rem; } } @media screen and (min-width: 1024px) { .cc--news-events-block .c--news-events-block .header-container .f--button-link { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; } } @media screen and (min-width: 768px) { .cc--news-events-block .c--news-events-block .f--news-events-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .cc--news-events-block .c--news-events-block .featured-card { margin-bottom: 2.1875rem; } } @media screen and (min-width: 768px) { .cc--news-events-block .c--news-events-block .featured-card { margin-right: 4.54545%; -webkit-box-flex: 1; -ms-flex: 1 0 63.63636%; flex: 1 0 63.63636%; width: 63.63636%; } } @media screen and (min-width: 1024px) { .cc--news-events-block .c--news-events-block .featured-card { margin-right: 4.7619%; -webkit-box-flex: 1; -ms-flex: 1 0 66.66667%; flex: 1 0 66.66667%; width: 66.66667%; } } .cc--news-events-block .c--news-events-block .featured-card .f--image { margin-bottom: 1.5625rem; } @media screen and (max-width: 767px) { .cc--news-events-block .c--news-events-block .featured-card .f--image { margin-right: -7.14286%; margin-bottom: 1.5625rem; margin-left: -7.14286%; } } @media screen and (min-width: 768px) { .cc--news-events-block .c--news-events-block .featured-card .text-container { padding-right: 7.14286%; padding-left: 7.14286%; } } @media screen and (min-width: 1024px) { .cc--news-events-block .c--news-events-block .featured-card .text-container { padding-right: 10.71429%; padding-left: 10.71429%; } } .cc--news-events-block .c--news-events-block .featured-card .f--richtext { margin-bottom: 0; } .cc--news-events-block .c--news-events-block .featured-card .f--richtext p { font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { .cc--news-events-block .c--news-events-block .featured-card .f--richtext p { font-size: 1.25rem; line-height: 1.7; } } @media screen and (min-width: 1024px) { .cc--news-events-block .c--news-events-block .news-cards { -webkit-box-flex: 1; -ms-flex: 1 0 28.57143%; flex: 1 0 28.57143%; width: 50%; } } .cc--news-events-block .c--news-events-block .news-cards .cc--news-card .c--news-card { padding-top: 1.875rem; padding-bottom: 1.875rem; } @media screen and (max-width: 767px) { .cc--news-events-block .c--news-events-block .news-cards .cc--news-card .c--news-card { padding-top: 1.5625rem; padding-bottom: 1.5625rem; } } .cc--news-events-block .c--news-events-block .news-cards .cc--news-card:not(:first-child) .c--news-card { border-top: 1px solid #CCC; } .cc--news-events-block .c--news-events-block .news-cards .cc--news-card:first-child .c--news-card { padding-top: 0; } .cc--news-events-block .c--news-events-block .news-cards .cc--news-card .f--cta-title h3 { font-size: 1.375rem; line-height: 1.4546; } @media screen and (min-width: 1024px) { .cc--news-events-block .c--news-events-block .news-cards .cc--news-card .f--cta-title h3 { font-size: 1.375rem; line-height: 1.5455; } } .cc--news-events-block .c--news-events-block .news-cards .cc--news-card .f--richtext { margin-bottom: 0; } .cc--news-events-block.title-center .f--section-title { padding-right: 4.54545%; padding-left: 4.54545%; margin: 0 auto; text-align: center; } @media screen and (min-width: 1024px) { .cc--news-events-block.title-center .f--section-title { max-width: 66.66667%; } } @media screen and (min-width: 768px) { .cc--news-events-block.featured-right .featured-card { margin-right: 0; margin-left: 4.7619%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 768px) { .cc--news-events-block.news-landing .c--news-events-block, .cc--news-events-block.events-landing .c--news-events-block { padding-bottom: 0; } } @media screen and (min-width: 1024px) { .cc--news-events-block.news-landing .c--news-events-block, .cc--news-events-block.events-landing .c--news-events-block { padding-bottom: 0; } } @media screen and (min-width: 768px) { .cc--news-events-block.news-landing .f--news-events-wrapper, .cc--news-events-block.events-landing .f--news-events-wrapper { padding-bottom: 3.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .cc--news-events-block.news-landing .f--news-events-wrapper, .cc--news-events-block.events-landing .f--news-events-wrapper { padding-bottom: 0; } } @media screen and (max-width: 1023px) { .cc--news-events-block.news-landing .f--news-events-wrapper, .cc--news-events-block.events-landing .f--news-events-wrapper { display: block; } } @media screen and (min-width: 768px) { .cc--news-events-block.news-landing .featured-card, .cc--news-events-block.events-landing .featured-card { margin-right: 0; width: 100%; } } @media screen and (min-width: 1024px) { .cc--news-events-block.news-landing .featured-card, .cc--news-events-block.events-landing .featured-card { margin-right: 4.7619%; -webkit-box-flex: 0; -ms-flex: 0 0 47.61905%; flex: 0 0 47.61905%; width: 47.61905%; } } .cc--news-events-block.news-landing .featured-card .text-container, .cc--news-events-block.events-landing .featured-card .text-container { margin-bottom: 2.1875rem; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--news-events-block.news-landing .featured-card .text-container, .cc--news-events-block.events-landing .featured-card .text-container { padding-bottom: 3.125rem; margin-bottom: 3.125rem; border-bottom: 1px solid #CCC; } } @media screen and (min-width: 1024px) { .cc--news-events-block.news-landing .featured-card .text-container, .cc--news-events-block.events-landing .featured-card .text-container { padding-right: 10%; padding-bottom: 0; padding-left: 10%; } } @media screen and (max-width: 1023px) { .cc--news-events-block.news-landing .featured-card .f--image, .cc--news-events-block.events-landing .featured-card .f--image { margin-bottom: 1.5625rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--news-events-block.news-landing .news-cards, .cc--news-events-block.news-landing .event-cards, .cc--news-events-block.events-landing .news-cards, .cc--news-events-block.events-landing .event-cards { margin-right: 4.54545%; margin-left: 4.54545%; padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--news-events-block.news-landing .news-cards, .cc--news-events-block.news-landing .event-cards, .cc--news-events-block.events-landing .news-cards, .cc--news-events-block.events-landing .event-cards { -webkit-box-flex: 1; -ms-flex: 1 0 28.57143%; flex: 1 0 28.57143%; } } @media screen and (min-width: 1024px) { .cc--news-events-block.news-landing .news-cards .cc--news-card:first-child .c--news-card, .cc--news-events-block.news-landing .news-cards .cc--news-card:first-child .c--event-card, .cc--news-events-block.news-landing .news-cards .cc--event-card:first-child .c--news-card, .cc--news-events-block.news-landing .news-cards .cc--event-card:first-child .c--event-card, .cc--news-events-block.news-landing .event-cards .cc--news-card:first-child .c--news-card, .cc--news-events-block.news-landing .event-cards .cc--news-card:first-child .c--event-card, .cc--news-events-block.news-landing .event-cards .cc--event-card:first-child .c--news-card, .cc--news-events-block.news-landing .event-cards .cc--event-card:first-child .c--event-card, .cc--news-events-block.events-landing .news-cards .cc--news-card:first-child .c--news-card, .cc--news-events-block.events-landing .news-cards .cc--news-card:first-child .c--event-card, .cc--news-events-block.events-landing .news-cards .cc--event-card:first-child .c--news-card, .cc--news-events-block.events-landing .news-cards .cc--event-card:first-child .c--event-card, .cc--news-events-block.events-landing .event-cards .cc--news-card:first-child .c--news-card, .cc--news-events-block.events-landing .event-cards .cc--news-card:first-child .c--event-card, .cc--news-events-block.events-landing .event-cards .cc--event-card:first-child .c--news-card, .cc--news-events-block.events-landing .event-cards .cc--event-card:first-child .c--event-card { padding-top: 0; } } .cc--news-events-block.news-landing .news-cards .cc--news-card:not(:first-child) .c--news-card, .cc--news-events-block.news-landing .news-cards .cc--news-card:not(:first-child) .c--event-card, .cc--news-events-block.news-landing .news-cards .cc--event-card:not(:first-child) .c--news-card, .cc--news-events-block.news-landing .news-cards .cc--event-card:not(:first-child) .c--event-card, .cc--news-events-block.news-landing .event-cards .cc--news-card:not(:first-child) .c--news-card, .cc--news-events-block.news-landing .event-cards .cc--news-card:not(:first-child) .c--event-card, .cc--news-events-block.news-landing .event-cards .cc--event-card:not(:first-child) .c--news-card, .cc--news-events-block.news-landing .event-cards .cc--event-card:not(:first-child) .c--event-card, .cc--news-events-block.events-landing .news-cards .cc--news-card:not(:first-child) .c--news-card, .cc--news-events-block.events-landing .news-cards .cc--news-card:not(:first-child) .c--event-card, .cc--news-events-block.events-landing .news-cards .cc--event-card:not(:first-child) .c--news-card, .cc--news-events-block.events-landing .news-cards .cc--event-card:not(:first-child) .c--event-card, .cc--news-events-block.events-landing .event-cards .cc--news-card:not(:first-child) .c--news-card, .cc--news-events-block.events-landing .event-cards .cc--news-card:not(:first-child) .c--event-card, .cc--news-events-block.events-landing .event-cards .cc--event-card:not(:first-child) .c--news-card, .cc--news-events-block.events-landing .event-cards .cc--event-card:not(:first-child) .c--event-card { border-top: 1px solid #CCC; } .cc--news-events-block.news-landing .news-cards .cc--news-card .c--news-card, .cc--news-events-block.news-landing .news-cards .cc--news-card .c--event-card, .cc--news-events-block.news-landing .news-cards .cc--event-card .c--news-card, .cc--news-events-block.news-landing .news-cards .cc--event-card .c--event-card, .cc--news-events-block.news-landing .event-cards .cc--news-card .c--news-card, .cc--news-events-block.news-landing .event-cards .cc--news-card .c--event-card, .cc--news-events-block.news-landing .event-cards .cc--event-card .c--news-card, .cc--news-events-block.news-landing .event-cards .cc--event-card .c--event-card, .cc--news-events-block.events-landing .news-cards .cc--news-card .c--news-card, .cc--news-events-block.events-landing .news-cards .cc--news-card .c--event-card, .cc--news-events-block.events-landing .news-cards .cc--event-card .c--news-card, .cc--news-events-block.events-landing .news-cards .cc--event-card .c--event-card, .cc--news-events-block.events-landing .event-cards .cc--news-card .c--news-card, .cc--news-events-block.events-landing .event-cards .cc--news-card .c--event-card, .cc--news-events-block.events-landing .event-cards .cc--event-card .c--news-card, .cc--news-events-block.events-landing .event-cards .cc--event-card .c--event-card { padding-top: 1.875rem; padding-bottom: 1.875rem; text-align: left; } @media screen and (min-width: 768px) { .cc--news-events-block.news-landing .news-cards .cc--news-card .c--news-card, .cc--news-events-block.news-landing .news-cards .cc--news-card .c--event-card, .cc--news-events-block.news-landing .news-cards .cc--event-card .c--news-card, .cc--news-events-block.news-landing .news-cards .cc--event-card .c--event-card, .cc--news-events-block.news-landing .event-cards .cc--news-card .c--news-card, .cc--news-events-block.news-landing .event-cards .cc--news-card .c--event-card, .cc--news-events-block.news-landing .event-cards .cc--event-card .c--news-card, .cc--news-events-block.news-landing .event-cards .cc--event-card .c--event-card, .cc--news-events-block.events-landing .news-cards .cc--news-card .c--news-card, .cc--news-events-block.events-landing .news-cards .cc--news-card .c--event-card, .cc--news-events-block.events-landing .news-cards .cc--event-card .c--news-card, .cc--news-events-block.events-landing .news-cards .cc--event-card .c--event-card, .cc--news-events-block.events-landing .event-cards .cc--news-card .c--news-card, .cc--news-events-block.events-landing .event-cards .cc--news-card .c--event-card, .cc--news-events-block.events-landing .event-cards .cc--event-card .c--news-card, .cc--news-events-block.events-landing .event-cards .cc--event-card .c--event-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .cc--news-events-block.news-landing .news-cards .cc--news-card .c--news-card .f--image, .cc--news-events-block.news-landing .news-cards .cc--news-card .c--event-card .f--image, .cc--news-events-block.news-landing .news-cards .cc--event-card .c--news-card .f--image, .cc--news-events-block.news-landing .news-cards .cc--event-card .c--event-card .f--image, .cc--news-events-block.news-landing .event-cards .cc--news-card .c--news-card .f--image, .cc--news-events-block.news-landing .event-cards .cc--news-card .c--event-card .f--image, .cc--news-events-block.news-landing .event-cards .cc--event-card .c--news-card .f--image, .cc--news-events-block.news-landing .event-cards .cc--event-card .c--event-card .f--image, .cc--news-events-block.events-landing .news-cards .cc--news-card .c--news-card .f--image, .cc--news-events-block.events-landing .news-cards .cc--news-card .c--event-card .f--image, .cc--news-events-block.events-landing .news-cards .cc--event-card .c--news-card .f--image, .cc--news-events-block.events-landing .news-cards .cc--event-card .c--event-card .f--image, .cc--news-events-block.events-landing .event-cards .cc--news-card .c--news-card .f--image, .cc--news-events-block.events-landing .event-cards .cc--news-card .c--event-card .f--image, .cc--news-events-block.events-landing .event-cards .cc--event-card .c--news-card .f--image, .cc--news-events-block.events-landing .event-cards .cc--event-card .c--event-card .f--image { margin-bottom: 0; margin-left: 5%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 768px) { .cc--news-events-block.news-landing .news-cards .cc--news-card .c--news-card .text-container, .cc--news-events-block.news-landing .news-cards .cc--news-card .c--event-card .text-container, .cc--news-events-block.news-landing .news-cards .cc--event-card .c--news-card .text-container, .cc--news-events-block.news-landing .news-cards .cc--event-card .c--event-card .text-container, .cc--news-events-block.news-landing .event-cards .cc--news-card .c--news-card .text-container, .cc--news-events-block.news-landing .event-cards .cc--news-card .c--event-card .text-container, .cc--news-events-block.news-landing .event-cards .cc--event-card .c--news-card .text-container, .cc--news-events-block.news-landing .event-cards .cc--event-card .c--event-card .text-container, .cc--news-events-block.events-landing .news-cards .cc--news-card .c--news-card .text-container, .cc--news-events-block.events-landing .news-cards .cc--news-card .c--event-card .text-container, .cc--news-events-block.events-landing .news-cards .cc--event-card .c--news-card .text-container, .cc--news-events-block.events-landing .news-cards .cc--event-card .c--event-card .text-container, .cc--news-events-block.events-landing .event-cards .cc--news-card .c--news-card .text-container, .cc--news-events-block.events-landing .event-cards .cc--news-card .c--event-card .text-container, .cc--news-events-block.events-landing .event-cards .cc--event-card .c--news-card .text-container, .cc--news-events-block.events-landing .event-cards .cc--event-card .c--event-card .text-container { -webkit-box-flex: 1; -ms-flex: 1 0 55%; flex: 1 0 55%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cc--news-events-block.events-landing .featured-card .f--image { margin-bottom: 1.5625rem; } .cc--news-events-block.events-landing .featured-card .f--date { font-size: 1.375rem; line-height: 1.4546; margin-bottom: 0.375rem; color: #63666A; letter-spacing: 2px; } .cc--news-events-block.events-landing .featured-card .f--event-location, .cc--news-events-block.events-landing .featured-card .f--time-string { font-size: 1.125rem; line-height: 1.5556; } @media screen and (max-width: 1023px) { .cc--news-events-block.events-landing .event-cards .f--image { margin-bottom: 0.75rem; } } .cc--news-events-block.events-landing .event-cards .f--cta-title h3 { font-size: 1.25rem; line-height: 1.5; } @media screen and (min-width: 768px) { .cc--news-events-block.events-landing .event-cards .f--cta-title h3 { font-size: 1.375rem; line-height: 1.4546; } } .cc--news-events-block.events-landing .event-cards .f--date { font-size: 1.125rem; line-height: 1.5556; margin-bottom: 0.3125rem; color: #63666A; letter-spacing: 2px; } .cc--news-events-block.events-landing .event-cards .f--event-location, .cc--news-events-block.events-landing .event-cards .f--time-string { font-size: 1rem; line-height: 1.625; } .cc--page-header-basic { max-width: 1800px; margin: 0 auto; } .cc--page-header-basic .c--page-header-basic { padding-top: 1.875rem; padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--page-header-basic .c--page-header-basic { padding-top: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--page-header-basic .c--page-header-basic { padding-top: 1.5625rem; } } .cc--page-header-basic .c--page-header-basic .f--page-title { margin-bottom: 1.25rem; text-align: center; } @media screen and (min-width: 1024px) { .cc--page-header-basic .c--page-header-basic .f--page-title { margin-bottom: 1.5625rem; text-align: left; } } @media screen and (min-width: 1024px) { .page-template-page_chaptered-page .cc--page-header-basic .c--page-header-basic .f--page-title { padding-right: 4.7619%; padding-left: 33.33333%; } } @media screen and (min-width: 1024px) { .page-template-page_chaptered-page .cc--page-header-basic .c--page-header-basic .f--page-title h1 { text-align: left; } } @media screen and (min-width: 1024px) { .page-template-page_chaptered-page .cc--page-header-basic .c--page-header-basic .f--page-title _:-ms-fullscreen, :root .page-template-page_chaptered-page .cc--page-header-basic .c--page-header-basic .f--page-title { padding-left: 28.57143%; } } .cc--page-header-basic .c--page-header-basic .f--page-title h1 { font-size: 2.5rem; line-height: 1.15; color: #041E42; text-align: center; } @media screen and (min-width: 768px) { .cc--page-header-basic .c--page-header-basic .f--page-title h1 { font-size: 4.0625rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--page-header-basic .c--page-header-basic .f--page-title h1 { font-size: 4.6875rem; line-height: 1; } } .cc--page-header-basic .c--page-header-basic .f--description { padding-bottom: 1.875rem; border-bottom: 0.3125rem solid #CCC; } @media screen and (min-width: 1024px) { .cc--page-header-basic .c--page-header-basic .f--description { padding-right: 11.90476%; padding-bottom: 3.125rem; padding-left: 11.90476%; } } .cc--page-header-basic .c--page-header-basic .f--description p { font-size: 1.25rem; line-height: 1.6; color: #041E42; } @media screen and (min-width: 768px) { .cc--page-header-basic .c--page-header-basic .f--description p { font-size: 1.375rem; line-height: 1.7273; } } @media screen and (min-width: 1024px) { .cc--page-header-basic .c--page-header-basic .f--description p { font-size: 1.5rem; line-height: 1.6667; } } .cc--people-stories-grid { background-color: #041E42; background-position: center center; background-size: cover; } .cc--people-stories-grid .c--people-stories-grid { max-width: 1800px; margin: 0 auto; } .cc--people-stories-grid .c--people-stories-grid .people-stories-grid-inner { padding-top: 3.125rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--people-stories-grid .c--people-stories-grid .people-stories-grid-inner { padding-top: 3.75rem; padding-right: 2.08333%; padding-bottom: 3.75rem; padding-left: 2.08333%; } } @media screen and (min-width: 1024px) { .cc--people-stories-grid .c--people-stories-grid .people-stories-grid-inner { padding-top: 6.25rem; padding-bottom: 6.25rem; } } @media screen and (min-width: 768px) { .cc--people-stories-grid .c--people-stories-grid .header-container { position: relative; } } .cc--people-stories-grid .c--people-stories-grid .header-container .f--section-title { padding-right: 4.54545%; padding-left: 4.54545%; margin: 0 auto; text-align: center; } @media screen and (min-width: 1024px) { .cc--people-stories-grid .c--people-stories-grid .header-container .f--section-title { max-width: 66.66667%; } } .cc--people-stories-grid .c--people-stories-grid .header-container .f--section-title h2 { color: #FFF; } .cc--people-stories-grid .c--people-stories-grid .header-container .f--button-link { text-align: center; } @media screen and (max-width: 1023px) { .cc--people-stories-grid .c--people-stories-grid .header-container .f--button-link { margin-bottom: 1.5625rem; } } @media screen and (min-width: 1024px) { .cc--people-stories-grid .c--people-stories-grid .header-container .f--button-link { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: -0.625rem; } } .cc--people-stories-grid .c--people-stories-grid .header-container .f--button-link .button-link { color: #FFF; } .cc--people-stories-grid .c--people-stories-grid .header-container .f--button-link .button-link polygon { fill: #FFF; } @media screen and (max-width: 767px) { .cc--people-stories-grid .c--people-stories-grid .f--stories { position: relative; margin: 0 auto; padding: 0; list-style: none; overflow: hidden; z-index: 1; } } @media screen and (max-width: 767px) { .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-property: transform, -webkit-transform; z-index: 1; -webkit-box-sizing: content-box; box-sizing: content-box; } } @media screen and (min-width: 768px) { .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation { display: none; } } @media screen and (max-width: 767px) { .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation { padding-top: 0.625rem; position: relative; border-top: 0.0625rem solid rgba(255, 255, 255, 0.2); } } @media screen and (max-width: 767px) { .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation::before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -6px; width: 1px; height: 5px; background-color: rgba(255, 255, 255, 0.2); content: ''; } } .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation .swiper-next, .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation .swiper-prev { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation .swiper-next.swiper-button-disabled, .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation .swiper-prev.swiper-button-disabled { cursor: auto; opacity: .4; } .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation .swiper-next:focus, .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation .swiper-prev:focus { outline-offset: -0.1875rem; } .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation .people-stories-pagination::after { display: block; clear: both; content: ''; } .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation .people-stories-pagination .swiper-pagination-bullet { margin-right: 0.25rem; margin-left: 0.25rem; display: inline-block; width: 5px; height: 5px; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; border-radius: 100%; background: #FFF; opacity: .4; vertical-align: middle; } .cc--people-stories-grid .c--people-stories-grid .f--stories .people-stories-navigation .people-stories-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 1; } .cc--people-stories-grid .c--people-stories-grid .swiper-notification { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1000; pointer-events: none; } .cc--people-story { padding-bottom: 1.875rem; position: relative; } @media screen and (max-width: 767px) { .cc--people-story { position: relative; flex-shrink: 0; width: 100%; height: 100%; transition-property: transform, -webkit-transform; -webkit-flex-shrink: 0; -ms-flex-negative: 0; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; } } @media screen and (min-width: 768px) { .cc--people-story { margin-right: 4.34783%; -ms-flex-preferred-size: 30.43478%; flex-basis: 30.43478%; } } @media screen and (min-width: 768px) { .cc--people-story:not(:nth-child(3n+3))::after { display: block; position: absolute; top: 0; right: -7.14286%; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2); content: ''; } } @media screen and (min-width: 768px) and (min-width: 768px) { .cc--people-story:nth-child(3n+3) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--people-story:nth-child(n+4) { padding-top: 1.875rem; } .cc--people-story:nth-child(n+4)::before { position: absolute; top: 0; left: 0; width: calc(100% + 7.14286%); height: 1px; background-color: rgba(255, 255, 255, 0.2); content: ''; } .cc--people-story:nth-child(2)::before { display: none; } .cc--people-story:nth-child(3n+2)::before { position: absolute; top: 0; left: -7.14286%; width: calc(100% + 7.14286% + 7.14286%); height: 1px; background-color: rgba(255, 255, 255, 0.2); content: ''; } } .cc--people-story .c--people-story { text-align: center; } .cc--people-story .c--people-story .f--image { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--people-story .c--people-story .f--image { margin-bottom: 1.5625rem; } } .cc--people-story .c--people-story .f--richtext { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--people-story .c--people-story .f--richtext { margin-bottom: 1.5625rem; } } .cc--people-story .c--people-story .f--richtext p { font-size: 1.25rem; line-height: 1.5; color: #FFF; } @media screen and (min-width: 1024px) { .cc--people-story .c--people-story .f--richtext p { font-size: 1.5rem; line-height: 1.5; } } .cc--people-story .c--people-story .f--button-link .button-link { color: #FFF; } html[data-whatintent='mouse'] .cc--people-story .c--people-story .f--button-link .button-link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--people-story .c--people-story .f--button-link .button-link:hover { color: #FFF; } html[data-whatintent='mouse'] .cc--people-story .c--people-story .f--button-link .button-link:hover svg polygon { fill: #FFF; } .cc--people-story .c--people-story .f--button-link .button-link svg polygon { fill: #FFF; } .cc--profile-card { padding-bottom: 1.875rem; position: relative; } @media screen and (max-width: 767px) { .cc--profile-card { position: relative; flex-shrink: 0; width: 100%; height: 100%; transition-property: transform, -webkit-transform; -webkit-flex-shrink: 0; -ms-flex-negative: 0; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; } } @media screen and (min-width: 768px) { .cc--profile-card { margin-right: 20%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } } @media screen and (min-width: 1024px) { .cc--profile-card { margin-right: 4.34783%; -ms-flex-preferred-size: 21.73913%; flex-basis: 21.73913%; } } @media screen and (min-width: 768px) { .cc--profile-card:not(:nth-child(2n+2))::after { display: block; position: absolute; top: 0; right: -25%; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2); content: ''; } .cc--profile-card:nth-child(2n+2) { margin-right: 0; } } @media screen and (min-width: 768px) and (min-width: 1024px) { .cc--profile-card:nth-child(4n+4) { margin-right: 0; } } @media screen and (min-width: 1024px) { .cc--profile-card:nth-child(2n+2) { margin-right: 4.34783%; } .cc--profile-card:nth-child(4n+4) { margin-right: 0; } .cc--profile-card:not(:nth-child(4n+4))::after { display: block; position: absolute; top: 0; right: -10%; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2); content: ''; } } .cc--profile-card .c--profile-card { text-align: center; } .cc--profile-card .c--profile-card .f--image { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--profile-card .c--profile-card .f--image { margin-bottom: 1.5625rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--profile-card .c--profile-card .f--cta-title { margin-bottom: 0.625rem; } } .cc--profile-card .c--profile-card .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; } @media screen and (min-width: 768px) { .cc--profile-card .c--profile-card .f--cta-title h3 { font-size: 1.5rem; line-height: 1.4167; } } @media screen and (min-width: 768px) { .cc--profile-card .c--profile-card .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; } } .cc--profile-card .c--profile-card .f--cta-title a { color: #FFF; } .cc--profile-card .c--profile-card .f--richtext p { font-size: 1.125rem; line-height: 1.6667; color: #FFF; } @media screen and (min-width: 1024px) { .cc--profile-card .c--profile-card .f--richtext p { font-size: 1.25rem; line-height: 1.7; } } .cc--profile-card .c--profile-card .f--button-link .button-link { color: #FFF; } html[data-whatintent='mouse'] .cc--profile-card .c--profile-card .f--button-link .button-link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--profile-card .c--profile-card .f--button-link .button-link:hover { color: #FFF; } html[data-whatintent='mouse'] .cc--profile-card .c--profile-card .f--button-link .button-link:hover svg polygon { fill: #FFF; } .cc--profile-card .c--profile-card .f--button-link .button-link svg polygon { fill: #FFF; } .cc--profiles-grid { max-width: 1800px; margin: 0 auto; background-color: #041E42; } @media screen and (min-width: 1024px) { .cc--profiles-grid.has-seal { background-image: url("../images/icons/seal.svg"); background-repeat: no-repeat; background-position: top left; } } .cc--profiles-grid .c--profiles-grid { padding-top: 3.125rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--profiles-grid .c--profiles-grid { padding-top: 3.75rem; padding-right: 8.33333%; padding-bottom: 3.75rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--profiles-grid .c--profiles-grid { padding-top: 6.25rem; padding-right: 2.08333%; padding-bottom: 6.25rem; padding-left: 2.08333%; } } @media screen and (min-width: 768px) { .cc--profiles-grid .c--profiles-grid .header-container { position: relative; } } .cc--profiles-grid .c--profiles-grid .header-container .f--section-title { padding-right: 4.54545%; padding-left: 4.54545%; margin: 0 auto; text-align: center; } @media screen and (min-width: 1024px) { .cc--profiles-grid .c--profiles-grid .header-container .f--section-title { max-width: 38.09524%; } } .cc--profiles-grid .c--profiles-grid .header-container .f--section-title h2 { color: #FFF; } .cc--profiles-grid .c--profiles-grid .header-container .f--button-link { text-align: center; } @media screen and (max-width: 1023px) { .cc--profiles-grid .c--profiles-grid .header-container .f--button-link { margin-bottom: 1.5625rem; } } @media screen and (min-width: 1024px) { .cc--profiles-grid .c--profiles-grid .header-container .f--button-link { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 2.38095%; } } .cc--profiles-grid .c--profiles-grid .header-container .f--button-link .button-link { color: #FFF; } .cc--profiles-grid .c--profiles-grid .header-container .f--button-link .button-link polygon { fill: #FFF; } @media screen and (max-width: 767px) { .cc--profiles-grid .c--profiles-grid .f--profiles { position: relative; margin: 0 auto; padding: 0; list-style: none; overflow: hidden; z-index: 1; } } @media screen and (max-width: 767px) { .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-property: transform, -webkit-transform; z-index: 1; -webkit-box-sizing: content-box; box-sizing: content-box; } } @media screen and (min-width: 768px) { .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 767px) { .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation { padding-top: 0.625rem; position: relative; border-top: 0.0625rem solid rgba(255, 255, 255, 0.2); } } @media screen and (max-width: 767px) { .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation::before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -6px; width: 1px; height: 5px; background-color: rgba(255, 255, 255, 0.2); content: ''; } } @media screen and (min-width: 768px) { .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation { display: none; } } .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation .swiper-next, .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation .swiper-prev { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation .swiper-next.swiper-button-disabled, .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation .swiper-prev.swiper-button-disabled { cursor: auto; opacity: .4; } .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation .swiper-next:focus, .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation .swiper-prev:focus { outline-offset: -0.1875rem; } .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation .profiles-pagination::after { display: block; clear: both; content: ''; } .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation .profiles-pagination .swiper-pagination-bullet { margin-right: 0.25rem; margin-left: 0.25rem; display: inline-block; width: 5px; height: 5px; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; border-radius: 100%; background: #FFF; opacity: .4; vertical-align: middle; } .cc--profiles-grid .c--profiles-grid .f--profiles .profiles-navigation .profiles-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 1; } .cc--profiles-grid .c--profiles-grid .swiper-notification { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1000; pointer-events: none; } .cc--program-list { padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--program-list { padding-right: 8.33333%; padding-bottom: 6.25rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--program-list { padding-right: 0; padding-left: 0; } } .cc--program-list ul { list-style: none; padding: 0; margin: 0; } .cc--program-row { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 1.875rem; padding-left: 6.25%; margin-bottom: 1.25rem; display: block; border: 1px solid #CCC; } @media screen and (min-width: 768px) { .cc--program-row { padding-top: 1.875rem; padding-right: 4.7619%; padding-bottom: 1.875rem; padding-left: 4.7619%; margin-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .cc--program-row { padding-top: 2.5rem; padding-right: 7.69231%; padding-bottom: 2.5rem; padding-left: 7.69231%; } } .cc--program-row.active { border-color: #041E42; } @media screen and (min-width: 768px) { .cc--program-row .program-row-header { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 768px) { .cc--program-row .program-row-header .title-container { padding-bottom: 2.1875rem; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50%; border-right: 1px solid #F0F0F0; } } @media screen and (min-width: 1024px) { .cc--program-row .program-row-header .title-container { width: 54.54545%; } } @media screen and (min-width: 768px) { .cc--program-row .program-row-header .title-container .f--cta-title { padding-right: 8.69565%; } } @media screen and (min-width: 1024px) { .cc--program-row .program-row-header .title-container .f--cta-title { padding-right: 14.28571%; } } .cc--program-row .program-row-header .title-container .f--cta-title h3 { font-size: 1.25rem; line-height: 1.5; color: #041E42; } @media screen and (min-width: 768px) { .cc--program-row .program-row-header .title-container .f--cta-title h3 { font-size: 1.375rem; line-height: 1.4546; } } @media screen and (min-width: 1024px) { .cc--program-row .program-row-header .title-container .f--cta-title h3 { font-size: 1.5rem; line-height: 1.4167; } } @media screen and (min-width: 768px) { .cc--program-row .program-row-header .info-container { padding-left: 9.52381%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 50%; } } @media screen and (min-width: 1024px) { .cc--program-row .program-row-header .info-container { padding-left: 10%; width: 45.45455%; } } .cc--program-row .program-row-header .info-container .school { font-size: 1.125rem; line-height: 1.5556; margin-bottom: 0.625rem; color: #041E42; } @media screen and (min-width: 768px) { .cc--program-row .program-row-header .info-container .specs-container { margin-top: auto; } } .cc--program-row .program-row-header .info-container .specs-container > ul { list-style: none; padding: 0; margin: 0; } .cc--program-row .program-row-header .info-container .specs-container > ul > li { font-size: 1rem; line-height: 2; display: inline; color: #4A4A4A; } .cc--program-row .program-row-header .info-container .specs-container > ul > li:not(:last-child)::after { content: ', '; } .cc--program-row .program-row-header .view-more { margin-top: 1.25rem; padding-right: 2.1875rem; font-size: 1.125rem; line-height: 1.2223; position: relative; color: #041E42; letter-spacing: .5px; text-decoration: none; } @media screen and (min-width: 768px) { .cc--program-row .program-row-header .view-more { margin-top: 0; position: absolute; bottom: 0; left: 0; } } .cc--program-row .program-row-header .view-more.open::after { background-image: url("../images/icons/icon-arrow-up.svg"); } .cc--program-row .program-row-header .view-more::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; right: 0; width: 1.875rem; height: 0.9375rem; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.875rem; content: ''; } html[data-whatintent='mouse'] .cc--program-row .program-row-header .view-more { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--program-row .program-row-header .view-more:hover { color: #003DA5; } html[data-whatintent='mouse'] .cc--program-row .program-row-header .view-more:hover svg polygon { fill: #003DA5; } .cc--program-row .program-row-body { margin-top: 1.5625rem; padding-top: 1.5625rem; display: none; border-top: 1px solid #CCC; } @media screen and (min-width: 768px) { .cc--program-row .program-row-body { margin-top: 1.875rem; padding-top: 1.875rem; } } .cc--program-row .program-row-body .cc--wysiwyg-section { margin-top: 0; margin-bottom: 1.25rem; padding-bottom: 0; border-bottom: 0; } @media screen and (min-width: 768px) { .cc--program-row .program-row-body .cc--wysiwyg-section { margin-bottom: 1.5625rem; } } @media screen and (min-width: 1024px) { .cc--promo-block.image-right .c--promo-block { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .cc--promo-block.image-right .swiper-container .swiper-controls { left: 3.125%; } .cc--promo-block.image-left .c--promo-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc--promo-block.image-left .swiper-container .swiper-controls { right: 3.125%; left: auto; } } .cc--promo-block.swiper-disabled .c--promo-block .swiper-container .swiper-wrapper { margin-bottom: 0; } .cc--promo-block.swiper-disabled .c--promo-block .swiper-container .swiper-controls { display: none; } .cc--promo-block .c--promo-block { max-width: 1800px; margin: 0 auto; } @media screen and (min-width: 1024px) { .cc--promo-block .c--promo-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc--promo-block .swiper-container { position: relative; } @media screen and (min-width: 1024px) { .cc--promo-block .swiper-container { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; } } .cc--promo-block .swiper-container .swiper-wrapper { margin-bottom: 1.5625rem; } .cc--promo-block .swiper-container .swiper-controls { z-index: 1; position: absolute; bottom: 0.1875rem; outline: 0.1875rem solid #FFF; background-color: #041E42; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; left: 6.25%; } @media screen and (min-width: 768px) { .cc--promo-block .swiper-container .swiper-controls { left: 8.33333%; } } .cc--promo-block .swiper-container .swiper-controls .swiper-button-prev, .cc--promo-block .swiper-container .swiper-controls .swiper-button-next, .cc--promo-block .swiper-container .swiper-controls .swiper-prev, .cc--promo-block .swiper-container .swiper-controls .swiper-next { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 3.125rem; height: 3.125rem; display: block; position: static; background-color: #041E42; } html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-button-prev, html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-button-next, html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-prev, html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-button-prev:hover, html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-button-next:hover, html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-prev:hover, html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-next:hover { background-color: #003DA5; } html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-button-prev:focus, html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-button-next:focus, html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-prev:focus, html[data-whatintent='mouse'] .cc--promo-block .swiper-container .swiper-controls .swiper-next:focus { outline: 0; } .cc--promo-block .swiper-container .swiper-controls .swiper-button-prev, .cc--promo-block .swiper-container .swiper-controls .swiper-prev { background-image: url("../images/icons/icon-swiper-arrow-left.svg"); background-size: 1.5625rem; background-position: center center; background-repeat: no-repeat; } .cc--promo-block .swiper-container .swiper-controls .swiper-button-next, .cc--promo-block .swiper-container .swiper-controls .swiper-next { background-image: url("../images/icons/icon-swiper-arrow-right.svg"); background-size: 1.5625rem; background-position: center center; background-repeat: no-repeat; } .cc--promo-block .swiper-container .swiper-controls .swiper-counter { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0.9375rem; line-height: 1; padding-top: 0.4375rem; padding-right: 0.5rem; padding-bottom: 0.3125rem; padding-left: 0.5rem; display: none; position: absolute; color: #4A4A4A; bottom: calc(100% + 0.9375rem); background: rgba(255, 255, 255, 0.6); border-radius: 1rem; text-align: center; font-variant: oldstyle-nums; white-space: nowrap; } @media screen and (min-width: 1024px) { .cc--promo-block .swiper-container .swiper-controls .swiper-counter { display: block; } } .cc--promo-block .swiper-container .swiper-controls .swiper-counter .separator { margin-right: 0.125rem; margin-left: 0.125rem; } .cc--promo-block .text-container { padding-top: 1.25rem; padding-right: 6.25%; padding-bottom: 2.1875rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--promo-block .text-container { padding-top: 2.1875rem; padding-right: 8.33333%; padding-bottom: 2.1875rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--promo-block .text-container { padding-right: 4.16667%; padding-left: 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cc--promo-block .text-container .f--cta-title { margin-bottom: 0.625rem; } .cc--promo-block .text-container .f--cta-title a { color: #041E42; } .cc--promo-block .text-container h3 { color: #041E42; } .sfs .cc--promo-block .text-container h3 { color: #366FAC; } .cc--promo-block .text-container .f--richtext p { font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { .cc--promo-block .text-container .f--richtext p { font-size: 1.25rem; line-height: 1.7; } } .cc--promo-block .text-container .f--button-link a { font-weight: 500; } .cc--promo-text-only { max-width: 1800px; margin: 0 auto; background-color: #63666A; } .cc--promo-text-only .c--promo-text-only { padding-top: 2.5rem; padding-right: 6.25%; padding-bottom: 2.5rem; padding-left: 6.25%; text-align: center; } @media screen and (min-width: 768px) { .cc--promo-text-only .c--promo-text-only { padding-top: 3.75rem; padding-right: 8.33333%; padding-bottom: 3.75rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--promo-text-only .c--promo-text-only { padding-top: 4.6875rem; padding-right: 22.91667%; padding-bottom: 4.6875rem; padding-left: 22.91667%; } } .cc--promo-text-only .c--promo-text-only h2, .cc--promo-text-only .c--promo-text-only p, .cc--promo-text-only .c--promo-text-only a { color: #FFF; } .cc--promo-text-only .c--promo-text-only .f--section-title { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--promo-text-only .c--promo-text-only .f--section-title { margin-bottom: 1.25rem; } } .cc--promo-text-only .c--promo-text-only .f--section-title h2 { font-size: 1.75rem; line-height: 1.3572; margin: 0; } @media screen and (min-width: 768px) { .cc--promo-text-only .c--promo-text-only .f--section-title h2 { font-size: 2rem; line-height: 1.3125; } } @media screen and (min-width: 1024px) { .cc--promo-text-only .c--promo-text-only .f--section-title h2 { font-size: 2.375rem; line-height: 1.2632; } } .cc--promo-text-only .c--promo-text-only .f--richtext { margin-bottom: 1.25rem; } .cc--promo-text-only .c--promo-text-only .f--richtext p { font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { .cc--promo-text-only .c--promo-text-only .f--richtext p { font-size: 1.25rem; line-height: 1.7; } } .cc--promo-text-only .c--promo-text-only .f--button-link polygon { fill: #FFF; } html[data-whatintent='mouse'] .cc--promo-text-only .c--promo-text-only .f--button-link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--promo-text-only .c--promo-text-only .f--button-link a:hover { color: #FFF; } html[data-whatintent='mouse'] .cc--promo-text-only .c--promo-text-only .f--button-link a:hover polygon { fill: #FFF; } .cc--publication-row li { padding-bottom: 2.1875rem; margin-right: nul; margin-bottom: 2.1875rem; margin-left: nul; border-bottom: 1px solid #CCC; } @media screen and (min-width: 768px) { .cc--publication-row li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .cc--publication-row li .f--image { margin-bottom: 1.25rem; max-width: 62.5%; } @media screen and (min-width: 768px) { .cc--publication-row li .f--image { margin-bottom: 0; -ms-flex-preferred-size: 22.5%; flex-basis: 22.5%; max-width: none; } } @media screen and (min-width: 1024px) { .cc--publication-row li .f--image { -ms-flex-preferred-size: 26.92308%; flex-basis: 26.92308%; } } @media screen and (min-width: 768px) { .cc--publication-row li .text-container { padding-right: 30%; -ms-flex-preferred-size: 77.5%; flex-basis: 77.5%; } } @media screen and (min-width: 1024px) { .cc--publication-row li .text-container { padding-right: 7.69231%; -ms-flex-preferred-size: 73.07692%; flex-basis: 73.07692%; } } .cc--publication-row li .text-container .f--cta-title { margin-bottom: 0.9375rem; } .cc--publication-row li .text-container .f--cta-title a { font-size: 1.5rem; line-height: 1.4167; color: #366FAC; } @media screen and (min-width: 768px) { .cc--publication-row li .text-container .f--cta-title a { font-size: 1.625rem; line-height: 1.3077; } } @media screen and (min-width: 1024px) { .cc--publication-row li .text-container .f--cta-title a { font-size: 1.75rem; line-height: 1.3572; } } .cc--publication-row li .text-container p { margin-bottom: 0.9375rem; font-size: 1.125rem; line-height: 1.5556; display: block; color: #4A4A4A; } .cc--publication-row li .text-container .date { font-size: 1rem; line-height: 1.625; color: #4A4A4A; } .cc--publications-list { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--publications-list { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--publications-list { padding-right: 0; padding-left: 0; } } .cc--publications-list ul { list-style: none; padding: 0; margin: 0; } .cc--pull-quote { padding-top: 2.1875rem; padding-bottom: 2.1875rem; background-image: url("../images/icons/testimonialquote.svg"); background-repeat: no-repeat; background-position: -1.5625rem 0; background-size: auto 100%; } @media screen and (min-width: 768px) { .cc--pull-quote { padding-top: 1.875rem; padding-bottom: 1.875rem; } } @media screen and (min-width: 1600px) { .cc--pull-quote { background-position: 8.33333% 0; } } .cc--pull-quote .c--pull-quote .f--richtext { margin-right: 0; margin-bottom: 0.625rem; margin-left: 0; } @media screen and (min-width: 768px) { .cc--pull-quote .c--pull-quote .f--richtext { margin-bottom: 1.25rem; } } .cc--pull-quote .c--pull-quote .f--richtext p { font-size: 1.625rem; line-height: 1.3847; color: #041E42; } @media screen and (min-width: 768px) { .cc--pull-quote .c--pull-quote .f--richtext p { font-size: 2.375rem; line-height: 1.2632; } } .cc--pull-quote .c--pull-quote .f--attribution { font-size: 1.125rem; line-height: 1.5556; margin-right: 0; margin-left: 0; color: #041E42; letter-spacing: 0.0625rem; } @media screen and (min-width: 768px) { .cc--pull-quote .c--pull-quote .f--attribution { font-size: 1.25rem; line-height: 1.5; } } .cc--pull-quote .c--pull-quote .f--attribution cite { font-style: normal; } .cc--q-and-a-carousel { max-width: 1800px; margin: 0 auto; background-position: center center; background-size: cover; } .cc--q-and-a-carousel .c--q-and-a-carousel { padding-top: 2.5rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--q-and-a-carousel .c--q-and-a-carousel { padding-top: 3.125rem; padding-right: 8.33333%; padding-bottom: 4.375rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .c--q-and-a-carousel { padding-top: 0; padding-right: 4.16667%; padding-bottom: 0; padding-left: 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel.image-right .c--q-and-a-carousel { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .cc--q-and-a-carousel.image-right .swiper-container .swiper-controls { left: 3.125%; } .cc--q-and-a-carousel.image-left .c--q-and-a-carousel { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc--q-and-a-carousel.image-left .swiper-container .swiper-controls { right: 3.125%; left: auto; } } .cc--q-and-a-carousel.swiper-disabled .c--q-and-a-carousel .swiper-container .swiper-wrapper { margin-bottom: 0; } .cc--q-and-a-carousel.swiper-disabled .c--q-and-a-carousel .swiper-container .swiper-controls { display: none; } .cc--q-and-a-carousel .section-title-mobile-tablet { text-align: center; } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .section-title-mobile-tablet { display: none; } } .cc--q-and-a-carousel .f--section-title { width: 100%; } .cc--q-and-a-carousel .swiper-container { position: relative; padding-bottom: 1.5625rem; } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .swiper-container { width: 50%; } } .cc--q-and-a-carousel .swiper-container .swiper-wrapper .swiper-slide { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } .cc--q-and-a-carousel .swiper-container .swiper-wrapper .swiper-slide::before { display: block; width: 100%; padding-top: 100%; content: ''; } .cc--q-and-a-carousel .carousel-wrap { position: relative; } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .carousel-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } .cc--q-and-a-carousel .swiper-controls.tablet { z-index: 1; position: absolute; bottom: 0.1875rem; outline: 0.1875rem solid #FFF; background-color: #041E42; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; } .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-prev, .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-next, .cc--q-and-a-carousel .swiper-controls.tablet .swiper-prev, .cc--q-and-a-carousel .swiper-controls.tablet .swiper-next { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 3.125rem; height: 3.125rem; display: block; position: static; background-color: #041E42; } html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-prev, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-next, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-prev, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-prev:hover, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-next:hover, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-prev:hover, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-next:hover { background-color: #003DA5; } html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-prev:focus, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-next:focus, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-prev:focus, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.tablet .swiper-next:focus { outline: 0; } .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-prev, .cc--q-and-a-carousel .swiper-controls.tablet .swiper-prev { background-image: url("../images/icons/icon-swiper-arrow-left.svg"); background-size: 1.5625rem; background-position: center center; background-repeat: no-repeat; } .cc--q-and-a-carousel .swiper-controls.tablet .swiper-button-next, .cc--q-and-a-carousel .swiper-controls.tablet .swiper-next { background-image: url("../images/icons/icon-swiper-arrow-right.svg"); background-size: 1.5625rem; background-position: center center; background-repeat: no-repeat; } .cc--q-and-a-carousel .swiper-controls.tablet .swiper-counter { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0.9375rem; line-height: 1; padding-top: 0.4375rem; padding-right: 0.5rem; padding-bottom: 0.3125rem; padding-left: 0.5rem; display: none; position: absolute; color: #4A4A4A; bottom: calc(100% + 0.9375rem); background: rgba(255, 255, 255, 0.6); border-radius: 1rem; text-align: center; font-variant: oldstyle-nums; white-space: nowrap; } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .swiper-controls.tablet .swiper-counter { display: block; } } .cc--q-and-a-carousel .swiper-controls.tablet .swiper-counter .separator { margin-right: 0.125rem; margin-left: 0.125rem; } @media screen and (min-width: 768px) { .cc--q-and-a-carousel .swiper-controls.tablet { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .swiper-controls.tablet { display: none; } } .cc--q-and-a-carousel .swiper-controls.desktop { z-index: 1; position: absolute; bottom: 0.1875rem; outline: 0.1875rem solid #FFF; background-color: #041E42; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; } .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-prev, .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-next, .cc--q-and-a-carousel .swiper-controls.desktop .swiper-prev, .cc--q-and-a-carousel .swiper-controls.desktop .swiper-next { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 3.125rem; height: 3.125rem; display: block; position: static; background-color: #041E42; } html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-prev, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-next, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-prev, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-prev:hover, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-next:hover, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-prev:hover, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-next:hover { background-color: #003DA5; } html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-prev:focus, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-next:focus, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-prev:focus, html[data-whatintent='mouse'] .cc--q-and-a-carousel .swiper-controls.desktop .swiper-next:focus { outline: 0; } .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-prev, .cc--q-and-a-carousel .swiper-controls.desktop .swiper-prev { background-image: url("../images/icons/icon-swiper-arrow-left.svg"); background-size: 1.5625rem; background-position: center center; background-repeat: no-repeat; } .cc--q-and-a-carousel .swiper-controls.desktop .swiper-button-next, .cc--q-and-a-carousel .swiper-controls.desktop .swiper-next { background-image: url("../images/icons/icon-swiper-arrow-right.svg"); background-size: 1.5625rem; background-position: center center; background-repeat: no-repeat; } .cc--q-and-a-carousel .swiper-controls.desktop .swiper-counter { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0.9375rem; line-height: 1; padding-top: 0.4375rem; padding-right: 0.5rem; padding-bottom: 0.3125rem; padding-left: 0.5rem; display: none; position: absolute; color: #4A4A4A; bottom: calc(100% + 0.9375rem); background: rgba(255, 255, 255, 0.6); border-radius: 1rem; text-align: center; font-variant: oldstyle-nums; white-space: nowrap; } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .swiper-controls.desktop .swiper-counter { display: block; } } .cc--q-and-a-carousel .swiper-controls.desktop .swiper-counter .separator { margin-right: 0.125rem; margin-left: 0.125rem; } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .swiper-controls.desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--q-and-a-carousel .swiper-controls.mobile { padding-top: 0.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 0.0625rem solid #CCC; } @media screen and (min-width: 768px) { .cc--q-and-a-carousel .swiper-controls.mobile { display: none; } } .cc--q-and-a-carousel .swiper-controls.mobile::before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -6px; width: 1px; height: 5px; background-color: #CCC; content: ''; } .cc--q-and-a-carousel .swiper-controls.mobile .swiper-next, .cc--q-and-a-carousel .swiper-controls.mobile .swiper-prev { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .cc--q-and-a-carousel .swiper-controls.mobile .swiper-next.swiper-button-disabled, .cc--q-and-a-carousel .swiper-controls.mobile .swiper-prev.swiper-button-disabled { cursor: auto; opacity: .4; } .cc--q-and-a-carousel .swiper-controls.mobile .swiper-next:focus, .cc--q-and-a-carousel .swiper-controls.mobile .swiper-prev:focus { outline-offset: -0.1875rem; } .cc--q-and-a-carousel .swiper-controls.mobile .q-and-a-pagination::after { display: block; clear: both; content: ''; } .cc--q-and-a-carousel .swiper-controls.mobile .q-and-a-pagination .swiper-pagination-bullet { margin-right: 0.25rem; margin-left: 0.25rem; display: inline-block; width: 5px; height: 5px; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; border-radius: 100%; background: #CCC; opacity: .4; vertical-align: middle; } .cc--q-and-a-carousel .swiper-controls.mobile .q-and-a-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-transform: scale(1.4); transform: scale(1.4); background: #041E42; opacity: 1; } .cc--q-and-a-carousel .swiper-notification { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1000; pointer-events: none; } .cc--q-and-a-carousel .text-container { padding-top: 1.25rem; padding-right: 6.25%; padding-bottom: 2.5rem; padding-left: 6.25%; position: relative; } @media screen and (min-width: 768px) { .cc--q-and-a-carousel .text-container { padding-top: 3.125rem; padding-right: 8.33333%; padding-bottom: 4.6875rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .text-container { padding-top: 4.6875rem; padding-right: 4.16667%; padding-bottom: 6.25rem; padding-left: 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; } } .cc--q-and-a-carousel .text-container .f--cta-title { margin-bottom: 0.625rem; } .cc--q-and-a-carousel .text-container .f--cta-title a { color: #041E42; } .cc--q-and-a-carousel .text-container h3 { color: #041E42; } .sfs .cc--q-and-a-carousel .text-container h3 { color: #366FAC; } .cc--q-and-a-carousel .text-container .q-and-a-carousel-container { position: relative; width: 100%; margin: 0 auto; padding: 0; list-style: none; overflow: hidden; z-index: 1; } .cc--q-and-a-carousel .text-container .q-and-a-carousel-container .q-and-a-carousel-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; transition-property: -webkit-transform; z-index: 1; -webkit-transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .cc--q-and-a-carousel .text-container .q-and-a-carousel-container .q-and-a-carousel-wrapper .slide { width: 100%; } .cc--q-and-a-carousel .text-container .questions { list-style: none; padding: 0; margin: 0; } .cc--q-and-a-carousel .text-container .questions .question:not(:last-child) { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--q-and-a-carousel .text-container .questions .question:not(:last-child) { margin-bottom: 1.25rem; } } .cc--q-and-a-carousel .text-container .questions .question h3 { margin-bottom: 0.9375rem; font-size: 1.25rem; line-height: 1.5; color: #041E42; } @media screen and (min-width: 768px) { .cc--q-and-a-carousel .text-container .questions .question h3 { margin-bottom: 0.75rem; font-size: 1.375rem; line-height: 1.4546; } } @media screen and (min-width: 1024px) { .cc--q-and-a-carousel .text-container .questions .question h3 { margin-bottom: 0.625rem; font-size: 1.5rem; line-height: 1.4167; } } .cc--q-and-a-carousel .text-container .more-info { margin-top: 1.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { .cc--q-and-a-carousel .text-container .more-info { padding-top: 1.875rem; } } .cc--q-and-a-carousel .text-container .more-info.no-avatar { padding-top: 0; } .cc--q-and-a-carousel .text-container .more-info .f--image { margin-right: 0.9375rem; width: 4.6875rem; height: 4.6875rem; border-radius: 4.6875rem; overflow: hidden; } @media screen and (min-width: 768px) { .cc--q-and-a-carousel .text-container .more-info .f--image { margin-right: 1.5625rem; } } .cc--q-and-a-carousel .text-container .more-info .more-info-text-container p { margin-bottom: 0; font-size: 1.125rem; line-height: 1.5556; color: #041E42; } .cc--q-and-a-carousel .text-container .f--richtext p { font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { .cc--q-and-a-carousel .text-container .f--richtext p { font-size: 1.25rem; line-height: 1.7; } } @media screen and (min-width: 768px) { .cc--quick-link { margin-right: 2.27273%; margin-bottom: 1.5625rem; -ms-flex-preferred-size: 31.81818%; flex-basis: 31.81818%; } .cc--quick-link:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 1024px) { .cc--quick-link { -ms-flex-preferred-size: 31.57895%; flex-basis: 31.57895%; } } .cc--quick-link:not(:last-child) { margin-bottom: 0.9375rem; } .cc--quick-link .f--button-link a { font-size: 1.25rem; line-height: 1.5; padding-top: 1.625rem; padding-right: 8.33333%; padding-bottom: 1.0625rem; padding-left: 8.33333%; display: block; height: auto; border: 0.0625rem solid #CCC; color: #63666A; text-align: center; } @media screen and (min-width: 768px) { .cc--quick-link .f--button-link a { padding-top: 1.375rem; padding-right: 8.33333%; padding-bottom: 0.9375rem; padding-left: 8.33333%; font-size: 1.5rem; line-height: 1.5; } } html[data-whatintent='mouse'] .cc--quick-link .f--button-link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--quick-link .f--button-link a:hover { border: 0.0625rem solid #041E42; background: #041E42; color: #FFF; text-decoration: none; } .has-seal .cc--quick-link .f--button-link a { border: 0.0625rem solid rgba(255, 255, 255, 0.2); color: #FFF; } html[data-whatintent='mouse'] .has-seal .cc--quick-link .f--button-link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .has-seal .cc--quick-link .f--button-link a:hover { border: 0.0625rem solid #FFF; background-color: transparent; color: #FFF; text-decoration: none; } .cc--quick-links .c--quick-links { max-width: 1800px; margin: 0 auto; padding-top: 2.1875rem; padding-right: 6.25%; padding-bottom: 2.5rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--quick-links .c--quick-links { padding-right: 4.16667%; padding-bottom: 0.9375rem; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--quick-links .c--quick-links { padding-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--quick-links .c--quick-links .header-container { -ms-flex-preferred-size: 13.63636%; flex-basis: 13.63636%; } } @media screen and (min-width: 1024px) { .cc--quick-links .c--quick-links .header-container .f--section-title { padding-right: 16.66667%; padding-bottom: 1.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } .cc--quick-links .c--quick-links .header-container .f--section-title h2 { font-size: 1.125rem; line-height: 1.3334; color: #63666A; text-align: center; } @media screen and (min-width: 1024px) { .cc--quick-links .c--quick-links .header-container .f--section-title h2 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; text-align: left; } } @media screen and (min-width: 768px) { .cc--quick-links .c--quick-links .f--links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .cc--quick-links .c--quick-links .f--links { -ms-flex-preferred-size: 86.36364%; flex-basis: 86.36364%; } } .cc--quick-links.has-seal { background-color: #63666A; } @media screen and (min-width: 768px) { .cc--quick-links.has-seal { background-image: url("../images/icons/seal.svg"); background-repeat: no-repeat; background-position: -6.25rem -6.25rem; background-size: 28.125rem 33.875rem; } } .cc--quick-links.has-seal .c--quick-links .header-container .f--section-title h2 { color: #FFF; } .cc--related-content-auto .f--image { margin-bottom: 0.9375rem; } .cc--related-content-auto .f--cta-title { margin-bottom: 0; } .cc--related-content-auto .f--cta-title h3 { font-size: 1.125rem; line-height: 1.3334; color: #041E42; } .cc--related-content-manual .f--image { margin-bottom: 0.9375rem; } .cc--related-content-manual .f--cta-title { margin-bottom: 0.9375rem; } .cc--related-content-manual .f--cta-title h3 { font-size: 1.125rem; line-height: 1.3334; color: #041E42; } .cc--related-content { margin-top: 3.125rem; margin-bottom: 3.125rem; } .cc--related-content .related-content-inner { border-top: 0.125rem solid #CCC; border-bottom: 0.125rem solid #CCC; } .cc--related-content .f--section-title { margin-bottom: 0; padding-right: 1.25rem; display: inline-block; position: relative; top: -0.75rem; background-color: #FFF; } .cc--related-content .f--section-title h2 { margin-bottom: 0; font-size: 1.75rem; line-height: 1; color: #041E42; } .cc--related-content .f--wysiwyg { margin-bottom: 1.25rem; } .cc--related-content .f--wysiwyg p { font-size: 1rem; line-height: 1.25; } @media screen and (min-width: 768px) { .cc--related-content .stories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 767px) { .cc--related-content .stories > div { margin-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .cc--related-content .stories > div { margin-bottom: 1.5625rem; } } @media screen and (min-width: 768px) { .cc--related-content .stories > div { -ms-flex-preferred-size: 30%; flex-basis: 30%; -ms-flex-negative: 0; flex-shrink: 0; } } @media screen and (min-width: 1024px) { .cc--related-content .stories > div { -ms-flex-preferred-size: 30.76923%; flex-basis: 30.76923%; } } @media screen and (min-width: 768px) { .cc--related-content .stories > div:not(:nth-child(3n)) { margin-right: 5%; } } @media screen and (min-width: 1024px) { .cc--related-content .stories > div:not(:nth-child(3n)) { margin-right: 3.84615%; } } .cc--related-stories .f--section-title { margin-bottom: 1.25rem; } .cc--related-stories .f--section-title h2 { margin-bottom: 0; font-size: 1.75rem; line-height: 1.3572; color: #041E42; } .cc--related-story-auto { margin-bottom: 1.875rem; padding-bottom: 1.875rem; border-bottom: 1px solid #CCC; } .cc--related-story-auto:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .cc--related-story-auto .f--image { margin-bottom: 1.25rem; } .cc--related-story-auto .f--cta-title { margin-bottom: 0; } .cc--related-story-auto .f--cta-title a { font-size: 1.375rem; line-height: 1.4546; color: #041E42; } .cc--related-story-manual { margin-bottom: 1.875rem; padding-bottom: 1.875rem; border-bottom: 1px solid #CCC; } .cc--related-story-manual:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .cc--related-story-manual .f--image { margin-bottom: 1.25rem; } .cc--related-story-manual .f--cta-title { margin-bottom: 1.25rem; } .cc--related-story-manual .f--cta-title h3 { font-size: 1.375rem; line-height: 1.4546; color: #041E42; } .cc--search-form-404 { max-width: 1800px; margin: 0 auto; padding-right: 6.25%; padding-bottom: 4.6875rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--search-form-404 { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--search-form-404 { padding-right: 4.16667%; padding-bottom: 6.25rem; padding-left: 4.16667%; } } .cc--search-form-404 .search-form-inner { max-width: 1800px; margin: 0 auto; position: relative; } @media screen and (min-width: 1024px) { .cc--search-form-404 .search-form-inner { padding-right: 13.63636%; padding-left: 13.63636%; } } .cc--search-form-404 form .fi--search { margin-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .cc--search-form-404 form .fi--search { margin-bottom: 0; } } .cc--search-form-404 form label { font-size: 2.25rem; line-height: 1.2778; margin-bottom: 2.1875rem; display: block; color: #041E42; text-align: center; } @media screen and (min-width: 1024px) { .cc--search-form-404 form label { font-size: 3.125rem; line-height: 1.2; margin-bottom: 3.75rem; } } .cc--search-form-404 form .search-form-wrapper { position: relative; } .cc--search-form-404 form .search-input-wrapper { position: relative; border: 1px solid #CCC; } .cc--search-form-404 form .search-input-wrapper::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; left: 1.25rem; width: 1.5625rem; height: 1.5625rem; background-image: url("../images/icons/icon-search.svg"); background-position: center; background-size: cover; content: ''; } @media screen and (min-width: 1024px) { .cc--search-form-404 form .search-input-wrapper::before { left: 2.5rem; width: 2.1875rem; height: 2.1875rem; } } .cc--search-form-404 form input[type='search'] { padding-top: 0.9375rem; padding-right: 6.25%; padding-bottom: 0.9375rem; padding-left: 3.4375rem; font-size: 1.25rem; line-height: 1.5; height: auto; border: 0; background: transparent; color: #4A4A4A; } .cc--search-form-404 form input[type='search']::-webkit-input-placeholder { color: #4A4A4A; } .cc--search-form-404 form input[type='search']:-ms-input-placeholder { color: #4A4A4A; } .cc--search-form-404 form input[type='search']::-moz-placeholder { color: #4A4A4A; } .cc--search-form-404 form input[type='search']::-ms-input-placeholder { color: #4A4A4A; } .cc--search-form-404 form input[type='search']::placeholder { color: #4A4A4A; } @media screen and (min-width: 1024px) { .cc--search-form-404 form input[type='search'] { font-size: 1.625rem; line-height: 3.8462; padding-top: 0; padding-right: 10rem; padding-bottom: 0; padding-left: 6.25rem; } } .cc--search-form-404 form input[type='submit'] { margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 2.1875rem; padding-bottom: 0; padding-left: 0; font-size: 1.125rem; line-height: 1.2223; display: block; width: 7.5rem; height: auto; border: 0; background-image: url("../images/icons/icon-arrow-right.svg"); background-repeat: no-repeat; background-position: 100% center; background-size: 1.875rem; color: #041E42; } @media screen and (min-width: 1024px) { .cc--search-form-404 form input[type='submit'] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.125rem; line-height: 5.5556; padding-right: 4.0625rem; padding-left: 2.8125rem; position: absolute; right: 0; width: 10rem; background-position: calc(100% - 1.875rem) center; } } html[data-whatintent='mouse'] .cc--search-form-404 form input[type='submit'] { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--search-form-404 form input[type='submit']:hover { border: 0; background-color: transparent; color: #041E42; } .cc--search-form { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(4, 30, 66, 0.9); z-index: 200; } body.admin-bar .cc--search-form { top: 4.0625rem; } @media screen and (min-width: 768px) { body.admin-bar .cc--search-form { top: 2rem; } } .cc--search-form .search-form-inner { padding-top: 5rem; padding-right: 6.25%; padding-bottom: 5rem; padding-left: 6.25%; max-width: 1800px; margin: 0 auto; position: relative; } @media screen and (min-width: 1024px) { .cc--search-form .search-form-inner { padding-top: 8.75rem; padding-right: 12.5%; padding-bottom: 8.75rem; padding-left: 12.5%; } } .cc--search-form .close { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; position: absolute; top: 0.9375rem; right: 0.9375rem; width: 2.1875rem; height: 2.1875rem; background-image: url("../images/icons/icon-close-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.1875rem; } @media screen and (min-width: 768px) { .cc--search-form .close { top: 1.5rem; right: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--search-form .close { right: 4.16667%; } } .cc--search-form form .fi--search { margin-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .cc--search-form form .fi--search { margin-bottom: 0; } } .cc--search-form form label { font-size: 2.25rem; line-height: 1.2778; margin-bottom: 2.1875rem; display: block; color: #FFF; text-align: center; } @media screen and (min-width: 1024px) { .cc--search-form form label { font-size: 3.125rem; line-height: 1.2; margin-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--search-form form .search-form-wrapper { position: relative; height: 6.25rem; border: 1px solid rgba(255, 255, 255, 0.2); } } .cc--search-form form .search-input-wrapper { position: relative; border: 1px solid rgba(255, 255, 255, 0.2); } @media screen and (min-width: 1024px) { .cc--search-form form .search-input-wrapper { position: static; border: 0; } } .cc--search-form form .search-input-wrapper::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; left: 1.25rem; width: 1.5625rem; height: 1.5625rem; background-image: url("../images/icons/icon-search-white.svg"); content: ''; } @media screen and (min-width: 1024px) { .cc--search-form form .search-input-wrapper::before { left: 2.5rem; width: 2.1875rem; height: 2.1875rem; } } .cc--search-form form input[type='search'] { padding-top: 0.9375rem; padding-right: 6.25%; padding-bottom: 0.9375rem; padding-left: 3.4375rem; font-size: 1.25rem; line-height: 1.5; position: relative; height: auto; border: 0; background: transparent; color: #FFF; } .cc--search-form form input[type='search']::-webkit-input-placeholder { color: #CCC; } .cc--search-form form input[type='search']:-ms-input-placeholder { color: #CCC; } .cc--search-form form input[type='search']::-moz-placeholder { color: #CCC; } .cc--search-form form input[type='search']::-ms-input-placeholder { color: #CCC; } .cc--search-form form input[type='search']::placeholder { color: #CCC; } .cc--search-form form input[type='search']::-webkit-search-decoration, .cc--search-form form input[type='search']::-webkit-search-cancel-button, .cc--search-form form input[type='search']::-webkit-search-results-button, .cc--search-form form input[type='search']::-webkit-search-results-decoration { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-appearance: none; right: 2.5rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background-color: #E2E2E2; background-image: url("../images/icons/icon-close.svg"); background-repeat: no-repeat; background-position: center center; background-size: 0.9375rem 0.9375rem; cursor: pointer; } @media screen and (min-width: 1024px) { .cc--search-form form input[type='search']::-webkit-search-decoration, .cc--search-form form input[type='search']::-webkit-search-cancel-button, .cc--search-form form input[type='search']::-webkit-search-results-button, .cc--search-form form input[type='search']::-webkit-search-results-decoration { right: 9.375rem; } } @media screen and (min-width: 1024px) { .cc--search-form form input[type='search'] { font-size: 1.625rem; line-height: 3.8462; padding-top: 0; padding-right: 10rem; padding-bottom: 0; padding-left: 6.25rem; } } .cc--search-form form input[type='submit'] { margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 2.1875rem; padding-bottom: 0; padding-left: 0; font-size: 1.125rem; line-height: 1.2223; display: block; width: auto; height: auto; border: 0; background-image: url("../images/icons/icon-arrow-right-white.svg"); background-repeat: no-repeat; background-position: 100% center; background-size: 1.875rem; color: #FFF; } @media screen and (min-width: 1024px) { .cc--search-form form input[type='submit'] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.125rem; line-height: 5.5556; padding-right: 4.0625rem; padding-left: 2.8125rem; position: absolute; right: 0; background-position: calc(100% - 1.875rem) center; } } html[data-whatintent='mouse'] .cc--search-form form input[type='submit'] { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--search-form form input[type='submit']:hover { border: 0; background-color: transparent; } .cc--sfs-header-mobile { display: block; width: 100vw; } body:not(.admin-bar) .cc--sfs-header-mobile { position: fixed; top: 0; left: 0; z-index: 100; } @media screen and (min-width: 1024px) { .cc--sfs-header-mobile { display: none; } } .cc--sfs-header-mobile.program .header-top { background: #012169; } .cc--sfs-header-mobile .header-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 4.0625rem; background: #041E42; } @media screen and (min-width: 768px) { .cc--sfs-header-mobile .header-top { height: 7.5rem; } } .cc--sfs-header-mobile .header-top .hamburger { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; -ms-flex-preferred-size: 4.0625rem; flex-basis: 4.0625rem; height: 100%; background-image: url("../images/icons/icon-hamburger-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.1875rem; } @media screen and (min-width: 768px) { .cc--sfs-header-mobile .header-top .hamburger { -ms-flex-preferred-size: 7.5rem; flex-basis: 7.5rem; background-size: 2.8125rem; } } .cc--sfs-header-mobile .header-top .hamburger.is-active { background-color: #FFF; background-image: url("../images/icons/icon-close.svg"); } .cc--sfs-header-mobile .header-top .f--sfs-logo, .cc--sfs-header-mobile .header-top .f--sfs-program-logo { -ms-flex-preferred-size: 8.4375rem; flex-basis: 8.4375rem; } @media screen and (min-width: 768px) { .cc--sfs-header-mobile .header-top .f--sfs-logo, .cc--sfs-header-mobile .header-top .f--sfs-program-logo { margin-right: auto; margin-left: auto; -ms-flex-preferred-size: 20.9375rem; flex-basis: 20.9375rem; } } @media screen and (min-width: 1024px) { .cc--sfs-header-mobile .header-top .f--sfs-logo, .cc--sfs-header-mobile .header-top .f--sfs-program-logo { max-width: 19.375rem; } } .cc--sfs-header-mobile .header-top .f--search-button { -ms-flex-preferred-size: 3.75rem; flex-basis: 3.75rem; height: 100%; } @media screen and (min-width: 768px) { .cc--sfs-header-mobile .header-top .f--search-button { -ms-flex-preferred-size: 7.1875rem; flex-basis: 7.1875rem; } } .cc--sfs-header-mobile .header-top .f--search-button .c--search { width: 100%; height: 100%; } .cc--sfs-header-mobile .header-top .f--search-button button { width: 100%; height: 100%; background-position: center center; background-size: 2.1875rem; } @media screen and (min-width: 768px) { .cc--sfs-header-mobile .header-top .f--search-button button { background-size: 2.8125rem; } } .cc--sfs-header-mobile #mobile-menu { display: none; position: fixed; top: 4.0625rem; width: 100vw; height: calc(100% - 4.0625rem); background: #FFF; z-index: 150; overflow-y: scroll; -webkit-overflow-scrolling: touch; } body.admin-bar .cc--sfs-header-mobile #mobile-menu { top: 7.5rem; } @media screen and (min-width: 768px) { .cc--sfs-header-mobile #mobile-menu { top: 7.5rem; height: calc(100% - 7.5rem); } } .cc--sfs-header { display: none; width: 100vw; height: 11.875rem; } @media screen and (min-width: 1024px) { .cc--sfs-header { display: block; } body:not(.admin-bar) .cc--sfs-header { position: fixed; top: 0; left: 0; z-index: 100; } } .cc--sfs-header.program .header-bottom { background: #012169; } .cc--sfs-header.program .header-top .header-top-inner { border-bottom: 0; } .cc--sfs-header .header-top { padding-right: 4.16667%; padding-left: 4.16667%; background: #041E42; } .cc--sfs-header .header-top .header-top-inner { max-width: 1800px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 3.75rem; border-bottom: 1px solid #395377; } .cc--sfs-header .header-top .f--georgetown-program-logo { margin-left: 0.9375rem; padding-left: 0.9375rem; position: relative; } .cc--sfs-header .header-top .f--georgetown-program-logo::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: -0.125rem; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #4A4A4A; content: ''; } .cc--sfs-header .header-top .f--georgetown-program-logo .georgetown-program-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc--sfs-header .header-top .f--georgetown-program-logo svg { display: block; width: auto; height: 1rem; } .cc--sfs-header .header-top .f--georgetown-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc--sfs-header .header-top .f--georgetown-logo .georgetown-logo { width: 13.75rem; } .cc--sfs-header .header-top .nav-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .cc--sfs-header .header-top .cc--sfs-secondary-menu { margin-right: 1.25rem; } .cc--sfs-header .header-bottom { padding-right: 4.16667%; padding-left: 4.16667%; background: #041E42; } .cc--sfs-header .header-bottom .header-bottom-inner { max-width: 1800px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 8.125rem; } .cc--sfs-header .header-bottom .f--sfs-program-logo, .cc--sfs-header .header-bottom .f--sfs-logo { padding-right: 4.54545%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 31.81818%; flex-basis: 31.81818%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc--sfs-header .header-bottom .f--sfs-program-logo .sfs-logo svg, .cc--sfs-header .header-bottom .f--sfs-logo .sfs-logo svg { display: block; max-width: 19.375rem; } .cc--sfs-header .header-bottom .cc--sfs-main-menu { -ms-flex-preferred-size: 68.18182%; flex-basis: 68.18182%; } .cc--sfs-hero-carousel .swiper-container { position: relative; min-height: 9.375rem; } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .swiper-container { background-color: #041E42; } } .cc--sfs-hero-carousel .swiper-slide { position: relative; } .cc--sfs-hero-carousel .swiper-slide .slide-image { position: relative; height: 20rem; background-position: center center; background-size: cover; overflow: hidden; } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .swiper-slide .slide-image { margin-bottom: 1.25rem; } } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .swiper-slide .slide-image { height: 57.5rem; } } @media screen and (min-width: 1024px) { .cc--sfs-hero-carousel .swiper-slide .slide-image { height: 42.1875rem; } } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .swiper-slide .slide-image::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); content: ''; z-index: 1; } } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .pagination-wrapper { padding-top: 1.25rem; padding-right: 6.25%; padding-bottom: 2.5rem; padding-left: 6.25%; } } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .pagination-wrapper { padding-right: 4.16667%; padding-left: 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: 1.875rem; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; } } .cc--sfs-hero-carousel .text-container { z-index: 2; } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .text-container { text-align: center; } } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .text-container { position: absolute; bottom: 1.875rem; left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--sfs-hero-carousel .text-container { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 1.5625rem; text-align: center; } } .cc--sfs-hero-carousel .text-container .f--section-title { margin-bottom: 0.75rem; } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .text-container .f--section-title { margin-bottom: 1.5625rem; } } @media screen and (min-width: 1024px) { .cc--sfs-hero-carousel .text-container .f--section-title { margin-bottom: 0.9375rem; } } .cc--sfs-hero-carousel .text-container .f--section-title h2 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 2.1875rem; line-height: 1.1429; } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .text-container .f--section-title h2 { font-size: 2.5rem; line-height: 1.15; } } @media screen and (min-width: 1024px) { .cc--sfs-hero-carousel .text-container .f--section-title h2 { font-size: 3.125rem; line-height: 1.1; } } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .text-container .f--button-link { margin-bottom: 2.375rem; } } .cc--sfs-hero-carousel .text-container h2, .cc--sfs-hero-carousel .text-container a.button-link { color: #041E42; } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .text-container h2, .cc--sfs-hero-carousel .text-container a.button-link { color: #FFF; } html[data-whatintent='mouse'] .cc--sfs-hero-carousel .text-container h2, html[data-whatintent='mouse'] .cc--sfs-hero-carousel .text-container a.button-link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--sfs-hero-carousel .text-container h2:hover, html[data-whatintent='mouse'] .cc--sfs-hero-carousel .text-container a.button-link:hover { color: #FFF; } html[data-whatintent='mouse'] .cc--sfs-hero-carousel .text-container h2:hover polygon, html[data-whatintent='mouse'] .cc--sfs-hero-carousel .text-container a.button-link:hover polygon { fill: #FFF; } } .cc--sfs-hero-carousel .text-container h2 polygon, .cc--sfs-hero-carousel .text-container a.button-link polygon { fill: #041E42; } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .text-container h2 polygon, .cc--sfs-hero-carousel .text-container a.button-link polygon { fill: #FFF; } } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .controls-container { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--sfs-hero-carousel .controls-container { margin-left: auto; } } .cc--sfs-hero-carousel .controls-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .controls-pagination { padding-right: 1.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .controls-pagination { padding-top: 0.625rem; position: relative; border-top: 0.0625rem solid #CCC; } } .cc--sfs-hero-carousel .controls-pagination::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1px; height: 1.75rem; background-color: rgba(255, 255, 255, 0.15); content: ''; } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .controls-pagination::before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -6px; width: 1px; height: 5px; background-color: #CCC; content: ''; } } .cc--sfs-hero-carousel .controls-pagination .swiper-next, .cc--sfs-hero-carousel .controls-pagination .swiper-prev { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .controls-pagination .swiper-next, .cc--sfs-hero-carousel .controls-pagination .swiper-prev { display: none; } } .cc--sfs-hero-carousel .controls-pagination .swiper-next:focus, .cc--sfs-hero-carousel .controls-pagination .swiper-prev:focus { outline-offset: -0.1875rem; } .cc--sfs-hero-carousel .play-pause-container { padding-left: 1.25rem; } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .play-pause-container { display: none; } } .cc--sfs-hero-carousel .play-pause-button { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; width: 2.25rem; height: 2.25rem; background-image: url("../images/icons/btn-pause-carousel.svg"); background-position: -0.375rem -0.375rem; } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .sfs-hero-carousel-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .hero-carousel-bullet { margin-right: 0.25rem; margin-left: 0.25rem; display: inline-block; width: 5px; height: 5px; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; border-radius: 100%; background: #CCC; opacity: .4; vertical-align: middle; } } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .hero-carousel-bullet { display: block; position: relative; width: 2.125rem; height: 2.125rem; } } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .hero-carousel-bullet:not(:last-child) { margin-right: 0.9375rem; } } .cc--sfs-hero-carousel .hero-carousel-bullet .slide-count { position: absolute; left: 0; width: 100%; height: 100%; color: #FFF; line-height: 2.125rem; text-align: center; } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .hero-carousel-bullet .slide-count { display: none; } } .cc--sfs-hero-carousel .hero-carousel-bullet svg { position: relative; width: 2.125rem; height: 2.125rem; -webkit-transform: rotateX(180deg) rotateZ(90deg); transform: rotateX(180deg) rotateZ(90deg); } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .hero-carousel-bullet svg { display: none; } } .cc--sfs-hero-carousel .hero-carousel-bullet svg circle.background { position: absolute; top: 0; left: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 0; z-index: 3; stroke-dasharray: 114px; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 1px; fill: none; stroke: rgba(255, 255, 255, 0.5); } .cc--sfs-hero-carousel .hero-carousel-bullet svg circle.countdown { position: absolute; top: 0; left: 0; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 0; z-index: 4; stroke-dasharray: 114px; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 1px; fill: none; } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .hero-carousel-bullet.hero-carousel-bullet-active { -webkit-transform: scale(1.4); transform: scale(1.4); background: #041E42; opacity: 1; } } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .hero-carousel-bullet.hero-carousel-bullet-active svg { display: none; } } .cc--sfs-hero-carousel .hero-carousel-bullet.hero-carousel-bullet-active svg circle.background { -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1; } .cc--sfs-hero-carousel .hero-carousel-bullet.hero-carousel-bullet-active svg circle.countdown { -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1; stroke: #FFF; -webkit-animation: countdown 5.4s linear 1 forwards; animation: countdown 5.4s linear 1 forwards; } @keyframes countdown { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 114; } } .cc--sfs-hero-carousel.is-paused .hero-carousel-bullet.hero-carousel-bullet-active svg circle.countdown { stroke-dasharray: 114px; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 1px; stroke: #FFF; fill: none; -webkit-animation: none; animation: none; } .cc--sfs-hero-carousel.is-paused .play-pause-button { background-image: url("../images/icons/btn-play-carousel.svg"); background-position: -0.5rem -0.4375rem; } .cc--sfs-hero-carousel .cc--social-links .c--social-links { padding-right: 6.25%; padding-left: 6.25%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .cc--social-links .c--social-links { padding-top: 3.125rem; padding-bottom: 3.125rem; } } .cc--sfs-hero-carousel .cc--social-links .c--social-links a, .cc--sfs-hero-carousel .cc--social-links .c--social-links a.facebook, .cc--sfs-hero-carousel .cc--social-links .c--social-links a.twitter { width: 2.1875rem; height: 2.1875rem; } .cc--sfs-hero-carousel .cc--social-links .c--social-links span.social-links-title { font-size: 1.25rem; line-height: 1.7; display: block; color: #041E42; } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .cc--social-links .c--social-links span.social-links-title { margin-bottom: 0.4375rem; width: 100%; text-align: center; } } @media screen and (min-width: 768px) { .cc--sfs-hero-carousel .cc--social-links .c--social-links span.social-links-title { margin-right: 1.5625rem; } } @media screen and (max-width: 767px) { .cc--sfs-hero-carousel .cc--social-links .c--social-links ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu { height: 100%; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu > div { height: 100%; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav { height: 100%; } } @media screen and (max-width: 1023px) { .cc--sfs-main-menu nav .current-menu-item span { display: inline-block; position: relative; width: auto; padding-top: 1.875rem; padding-bottom: 1.875rem; } .cc--sfs-main-menu nav .current-menu-item span::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3125rem; background: #041E42; content: ''; } } .cc--sfs-main-menu nav li { background-color: #FFF; } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav li { background-color: transparent; } } .cc--sfs-main-menu nav > ul { list-style: none; padding: 0; margin: 0; height: 100%; } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .cc--sfs-main-menu nav > ul li .menu-item-text { display: none; } .cc--sfs-main-menu nav > ul li.active .submenu[aria-hidden=false] > ul > li > .menu-item-container .menu-item-text { display: block; } @media screen and (max-width: 1023px) { .cc--sfs-main-menu nav > ul li.current-menu-item > .menu-item-container::before { display: block; position: absolute; left: 1.875rem; bottom: 0; width: 7.5rem; height: 0.375rem; background: #041E42; content: ''; } } @media screen and (max-width: 1023px) and (min-width: 768px) { .cc--sfs-main-menu nav > ul li.current-menu-item > .menu-item-container::before { left: 3.75rem; } } @media screen and (max-width: 1023px) { .cc--sfs-main-menu nav > ul li li.current-menu-item > .menu-item-container::before { left: 0; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li { margin-right: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .cc--sfs-main-menu nav > ul > li:last-child { margin-right: 0; } .cc--sfs-main-menu nav > ul > li:nth-last-child(-n+3) .submenu li.active > .submenu { right: 100%; left: auto; } .cc--sfs-main-menu nav > ul > li.current-menu-item::before, .cc--sfs-main-menu nav > ul > li.active::before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3125rem; background: #FFF; content: ''; } .cc--sfs-main-menu nav > ul > li.active > .submenu { display: block; width: 18.75rem; height: auto; border: 1px solid #F0F0F0; overflow: visible; } .cc--sfs-main-menu nav > ul > li.active > .submenu > ul > li > .menu-item-container .menu-item-text, .cc--sfs-main-menu nav > ul > li.active > .submenu > ul > li > .menu-item-container button.toggle { display: block; } } .cc--sfs-main-menu nav > ul > li .menu-item-container { position: relative; border-bottom: 1px solid #CCC; } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li .menu-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; position: static; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; } } .cc--sfs-main-menu nav > ul > li .menu-item-text { padding-top: 0.625rem; padding-bottom: 0.625rem; display: block; width: 100%; color: #041E42; text-align: left; text-decoration: none; padding-top: 1.875rem; padding-right: 5rem; padding-bottom: 1.875rem; padding-left: 1.875rem; font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { .cc--sfs-main-menu nav > ul > li .menu-item-text { font-size: 1.25rem; line-height: 1.4; padding-right: 6.875rem; padding-left: 3.75rem; font-size: 1.25rem; line-height: 1.4; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li .menu-item-text { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; color: #FFF; font-size: 1.125rem; line-height: 1.2778; } html[data-whatintent='mouse'] .cc--sfs-main-menu nav > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--sfs-main-menu nav > ul > li .menu-item-text:hover { color: #FFF; text-decoration: none; } } .cc--sfs-main-menu nav > ul > li .accordion { padding-top: 0; padding-bottom: 0; } .cc--sfs-main-menu nav > ul > li .accordion span { padding-top: 1.875rem; padding-bottom: 1.875rem; display: inline-block; position: relative; padding-top: 1.875rem; padding-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li .accordion span { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } } .cc--sfs-main-menu nav > ul > li .accordion::after { display: block; position: absolute; top: 0; right: 0; width: 5rem; height: 100%; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.875rem; content: ''; } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li .accordion::after { display: none; } } .cc--sfs-main-menu nav > ul > li .accordion.is-open::after { background-image: url("../images/icons/icon-arrow-up.svg"); } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li .accordion.is-open::after { background-image: url("../images/icons/icon-arrow-up-white.svg"); } } .cc--sfs-main-menu nav > ul > li .toggle { position: absolute; top: 0; right: 0; width: 5rem; height: 100%; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.5625rem; } .cc--sfs-main-menu nav > ul > li .toggle.is-open { background-image: url("../images/icons/icon-arrow-up.svg"); } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li .toggle { margin-left: 0.3125rem; position: static; width: 1.5625rem; height: 1.5625rem; background-image: url("../images/icons/icon-arrow-down-white.svg"); width: 0; height: 0; } .cc--sfs-main-menu nav > ul > li .toggle.is-open { background-image: url("../images/icons/icon-arrow-up-white.svg"); } .cc--sfs-main-menu nav > ul > li .toggle.keyboard-focus { width: 1.5625rem; height: 1.5625rem; } } .cc--sfs-main-menu nav > ul > li > .submenu { display: none; } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li > .submenu { display: block; position: absolute; top: 100%; right: 0; width: 0; height: 0; background: #FFF; overflow: hidden; z-index: 200; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li > .submenu .toggle { background-image: url("../images/icons/icon-arrow-right.svg"); } } .cc--sfs-main-menu nav > ul > li > .submenu .menu-item-container { margin-right: 1.875rem; margin-left: 1.875rem; } @media screen and (min-width: 768px) { .cc--sfs-main-menu nav > ul > li > .submenu .menu-item-container { margin-right: 3.75rem; margin-left: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li > .submenu .menu-item-container { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li > .submenu li { position: relative; } .cc--sfs-main-menu nav > ul > li > .submenu li.active, .cc--sfs-main-menu nav > ul > li > .submenu li:hover { background: #F0F0F0; } } .cc--sfs-main-menu nav > ul > li > .submenu li.active > .submenu > ul > li > .menu-item-container .menu-item-text { display: block; } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li > .submenu > ul > li.active { background: #F0F0F0; } .cc--sfs-main-menu nav > ul > li > .submenu > ul > li.active > .submenu { position: absolute; top: 0; left: 100%; width: 18.75rem; height: auto; border: 1px solid #F0F0F0; background: #FFF; overflow: visible; z-index: 200; } } .cc--sfs-main-menu nav > ul > li > .submenu > ul > li button.toggle { display: none; } .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-right: 3.75rem; padding-left: 0; display: none; color: #4A4A4A; text-decoration: none; } @media screen and (min-width: 768px) { .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-right: 6.875rem; padding-left: 0; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-top: 1.25rem; padding-right: 2.5rem; padding-bottom: 1.25rem; padding-left: 2.5rem; font-size: 1.125rem; line-height: 1.2778; color: #041E42; font-weight: 500; } html[data-whatintent='mouse'] .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .menu-item-text:hover { color: #041E42; } } .cc--sfs-main-menu nav > ul > li > .submenu > ul > li button { right: -1.875rem; } @media screen and (min-width: 768px) { .cc--sfs-main-menu nav > ul > li > .submenu > ul > li button { right: -3.75rem; } } .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .submenu { display: none; } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .submenu { display: block; width: 0; height: 0; border: 0; overflow: hidden; } } .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 1.875rem; margin-left: 3.125rem; } @media screen and (min-width: 768px) { .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 3.75rem; margin-left: 7.5rem; } } @media screen and (min-width: 1024px) { .cc--sfs-main-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 0; margin-left: 0; } } .cc--sfs-program-hero .c--sfs-program-hero { max-width: 1800px; margin: 0 auto; } @media screen and (min-width: 1024px) { .cc--sfs-program-hero .c--sfs-program-hero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-top { height: 20rem; background-color: #F0F0F0; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-top { height: 36.25rem; } } @media screen and (min-width: 1024px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-top { -ms-flex-preferred-size: auto; flex-basis: auto; width: 66.66667%; height: auto; min-height: 37.5rem; } } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom { padding-top: 2.5rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F0F0F0; } @media screen and (min-width: 768px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom { padding-top: 2.8125rem; padding-right: 8.33333%; padding-bottom: 3.75rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom { padding-top: 5rem; padding-right: 2.08333%; padding-bottom: 5rem; padding-left: 2.08333%; position: relative; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 33.33333%; } } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom.has-seal { background-image: url("../images/icons/seal-georgetown-gray.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom.has-seal { background-position: 100% center; background-size: contain; } } @media screen and (min-width: 1024px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom.has-seal { background-position: 8.125rem center; } } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .f--page-title { margin-bottom: 0.9375rem; width: 100%; } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .f--page-title h1 { font-size: 2.375rem; line-height: 1.0527; color: #041E42; text-align: center; } @media screen and (min-width: 768px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .f--page-title h1 { font-size: 3.125rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .f--page-title h1 { font-size: 3.75rem; line-height: 1.1667; } } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .f--richtext { margin-bottom: 1.375rem; width: 100%; } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .f--richtext p { font-size: 1.25rem; line-height: 1.6; color: #041E42; text-align: center; } @media screen and (min-width: 768px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .f--richtext p { font-size: 1.5rem; line-height: 1.6667; } } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .f--button-link { margin-bottom: 2.5rem; } @media screen and (min-width: 1024px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .f--button-link { margin-bottom: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .cc--social-links { position: absolute; bottom: 1.875rem; left: 0; width: 100%; } } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .cc--social-links .c--social-links a { width: 2.1875rem; } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .cc--social-links .c--social-links a.facebook { width: 2.1875rem; } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .cc--social-links .c--social-links a.twitter { width: 2.25rem; } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .cc--social-links .c--social-links a.instagram { width: 2.0625rem; } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .cc--social-links ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .cc--sfs-program-hero .c--sfs-program-hero .sfs-program-landing-hero-bottom .cc--social-links ul li:not(:last-child) { margin-right: 1.375rem; } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu { height: 100%; } } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu > div { height: 100%; } } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav { height: 100%; } } @media screen and (max-width: 1023px) { .cc--sfs-secondary-menu nav .current-menu-item span { display: inline-block; position: relative; width: auto; padding-top: 1.25rem; padding-bottom: 1.25rem; } .cc--sfs-secondary-menu nav .current-menu-item span::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3125rem; background: #041E42; content: ''; } } .cc--sfs-secondary-menu nav li { background-color: #F0F0F0; } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav li { background-color: transparent; } } .cc--sfs-secondary-menu nav > ul { list-style: none; padding: 0; margin: 0; height: 100%; } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .cc--sfs-secondary-menu nav > ul li .menu-item-text { display: none; } .cc--sfs-secondary-menu nav > ul li.active .submenu[aria-hidden=false] > ul > li > .menu-item-container .menu-item-text { display: block; } @media screen and (max-width: 1023px) { .cc--sfs-secondary-menu nav > ul li { position: relative; } .cc--sfs-secondary-menu nav > ul li.current-menu-item > .menu-item-container::before { display: block; position: absolute; left: 1.875rem; bottom: 0; width: 7.5rem; height: 0.375rem; background: #041E42; content: ''; } } @media screen and (max-width: 1023px) and (min-width: 768px) { .cc--sfs-secondary-menu nav > ul li.current-menu-item > .menu-item-container::before { left: 3.75rem; } } @media screen and (max-width: 1023px) { .cc--sfs-secondary-menu nav > ul li li.current-menu-item > .menu-item-container::before { left: 0; } } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li { margin-right: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .cc--sfs-secondary-menu nav > ul > li:last-child { margin-right: 0; } .cc--sfs-secondary-menu nav > ul > li:nth-last-child(-n+3) .submenu li.active > .submenu { right: 100%; left: auto; } .cc--sfs-secondary-menu nav > ul > li.current-menu-item::before, .cc--sfs-secondary-menu nav > ul > li.active::before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3125rem; background: #FFF; content: ''; } .cc--sfs-secondary-menu nav > ul > li.active > .submenu { display: block; width: 18.75rem; height: auto; border: 1px solid #F0F0F0; overflow: visible; } .cc--sfs-secondary-menu nav > ul > li.active > .submenu > ul > li > .menu-item-container .menu-item-text, .cc--sfs-secondary-menu nav > ul > li.active > .submenu > ul > li > .menu-item-container button.toggle { display: block; } } .cc--sfs-secondary-menu nav > ul > li .menu-item-container { position: relative; border-bottom: 1px solid #CCC; } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li .menu-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; position: static; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; } } .cc--sfs-secondary-menu nav > ul > li .menu-item-text { padding-top: 0.625rem; padding-bottom: 0.625rem; display: block; width: 100%; color: #4A4A4A; text-align: left; text-decoration: none; padding-top: 1.25rem; padding-right: 5rem; padding-bottom: 1.25rem; padding-left: 1.875rem; font-size: 1rem; line-height: 1.625; } @media screen and (min-width: 768px) { .cc--sfs-secondary-menu nav > ul > li .menu-item-text { font-size: 1.25rem; line-height: 1.4; padding-right: 6.875rem; padding-left: 3.75rem; font-size: 1.25rem; line-height: 1.3; } } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li .menu-item-text { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; color: #FFF; font-size: 1rem; line-height: 1.75; font-weight: 400; } html[data-whatintent='mouse'] .cc--sfs-secondary-menu nav > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--sfs-secondary-menu nav > ul > li .menu-item-text:hover { color: #FFF; text-decoration: none; } } .cc--sfs-secondary-menu nav > ul > li .accordion { padding-top: 0; padding-bottom: 0; } .cc--sfs-secondary-menu nav > ul > li .accordion span { padding-top: 1.875rem; padding-bottom: 1.875rem; display: inline-block; position: relative; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li .accordion span { padding-top: 0; padding-right: 1.875rem; padding-bottom: 0; padding-left: 0; } } .cc--sfs-secondary-menu nav > ul > li .accordion::after { display: block; position: absolute; top: 0; right: 0; width: 5rem; height: 100%; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.875rem; content: ''; } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li .accordion::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5625rem; height: 1.5625rem; background-image: url("../images/icons/icon-arrow-down-white.svg"); background-size: 1.5625rem; } } .cc--sfs-secondary-menu nav > ul > li .accordion.is-open::after { background-image: url("../images/icons/icon-arrow-up.svg"); } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li .accordion.is-open::after { background-image: url("../images/icons/icon-arrow-up-white.svg"); } } .cc--sfs-secondary-menu nav > ul > li .toggle { position: absolute; top: 0; right: 0; width: 5rem; height: 100%; background-image: url("../images/icons/icon-arrow-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.5625rem; } .cc--sfs-secondary-menu nav > ul > li .toggle.is-open { background-image: url("../images/icons/icon-arrow-up.svg"); } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li .toggle { margin-left: 0.3125rem; position: static; width: 1.5625rem; height: 1.5625rem; background-image: url("../images/icons/icon-arrow-down-white.svg"); } .cc--sfs-secondary-menu nav > ul > li .toggle.is-open { background-image: url("../images/icons/icon-arrow-up-white.svg"); } .submenu .cc--sfs-secondary-menu nav > ul > li .toggle { width: 0; height: 0; } .submenu .cc--sfs-secondary-menu nav > ul > li .toggle.keyboard-focus { width: 1.5625rem; height: 1.5625rem; } } .cc--sfs-secondary-menu nav > ul > li > .submenu { display: none; } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li > .submenu { display: block; position: absolute; top: 100%; right: 0; width: 0; height: 0; background: #FFF; overflow: hidden; z-index: 200; } } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li > .submenu .toggle { background-image: url("../images/icons/icon-arrow-right.svg"); } } .cc--sfs-secondary-menu nav > ul > li > .submenu .menu-item-container { margin-right: 1.875rem; margin-left: 1.875rem; } @media screen and (min-width: 768px) { .cc--sfs-secondary-menu nav > ul > li > .submenu .menu-item-container { margin-right: 3.75rem; margin-left: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li > .submenu .menu-item-container { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li > .submenu li { position: relative; } .cc--sfs-secondary-menu nav > ul > li > .submenu li.active, .cc--sfs-secondary-menu nav > ul > li > .submenu li:hover { background: #F0F0F0; } } .cc--sfs-secondary-menu nav > ul > li > .submenu li.active > .submenu > ul > li > .menu-item-container .menu-item-text { display: block; } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li.active { background: #F0F0F0; } .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li.active > .submenu { position: absolute; top: 0; left: 100%; width: 18.75rem; height: auto; border: 1px solid #F0F0F0; background: #FFF; overflow: visible; z-index: 200; } } .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li button.toggle { display: none; } .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-right: 3.75rem; padding-left: 0; display: none; color: #4A4A4A; text-decoration: none; } @media screen and (min-width: 768px) { .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-right: 6.875rem; padding-left: 0; } } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text { padding-top: 1.25rem; padding-right: 2.5rem; padding-bottom: 1.25rem; padding-left: 2.5rem; font-size: 1.125rem; line-height: 1.2778; color: #041E42; font-weight: 500; } html[data-whatintent='mouse'] .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .menu-item-text:hover { color: #041E42; } } .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li button { right: -1.875rem; } @media screen and (min-width: 768px) { .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li button { right: -3.75rem; } } .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .submenu { display: none; } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .submenu { display: block; width: 0; height: 0; border: 0; overflow: hidden; } } .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 1.875rem; margin-left: 3.125rem; } @media screen and (min-width: 768px) { .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 3.75rem; margin-left: 7.5rem; } } @media screen and (min-width: 1024px) { .cc--sfs-secondary-menu nav > ul > li > .submenu > ul > li .submenu .menu-item-container { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu { height: 100%; background: #F0F0F0; } } .cc--sfs-sidebar-menu .sfs-sidebar-menu-header { padding-top: 5rem; padding-bottom: 3.125rem; border-bottom: 0.3125rem solid #CCC; text-align: center; } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu-header { border-bottom: none; } } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu-header { padding-top: 5rem; padding-right: 16.66667%; padding-bottom: 5rem; padding-left: 16.66667%; border-bottom: 0.0625rem solid #CCC; text-align: left; } } .cc--sfs-sidebar-menu .sfs-sidebar-menu-header a, .cc--sfs-sidebar-menu .sfs-sidebar-menu-header span { font-size: 2.5rem; line-height: 1.15; color: #041E42; text-decoration: none; } @media screen and (min-width: 768px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu-header a, .cc--sfs-sidebar-menu .sfs-sidebar-menu-header span { font-size: 4.0625rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu-header a, .cc--sfs-sidebar-menu .sfs-sidebar-menu-header span { font-size: 2rem; line-height: 1.3125; } } html[data-whatintent='mouse'] .cc--sfs-sidebar-menu .sfs-sidebar-menu-header a, html[data-whatintent='mouse'] .cc--sfs-sidebar-menu .sfs-sidebar-menu-header span { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--sfs-sidebar-menu .sfs-sidebar-menu-header a:hover, html[data-whatintent='mouse'] .cc--sfs-sidebar-menu .sfs-sidebar-menu-header span:hover { color: #366FAC; } .cc--sfs-sidebar-menu .sidebar-header-mobile { margin-bottom: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 4.6875rem; border-bottom: 0.0625rem solid #CCC; } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu .sidebar-header-mobile { display: none; } } .cc--sfs-sidebar-menu .sidebar-header-mobile.is-open { margin-bottom: 0; } .cc--sfs-sidebar-menu .sidebar-header-mobile span { font-size: 1.625rem; line-height: 1.3847; color: #041E42; } .cc--sfs-sidebar-menu .sidebar-header-mobile button { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; width: 3.125rem; height: 3.125rem; border-radius: 50%; background-color: #041E42; background-image: url("../images/icons/icon-arrow-down-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.25rem 2.25rem; } .cc--sfs-sidebar-menu .sidebar-header-mobile button.is-open { background-image: url("../images/icons/icon-close-white.svg"); } .cc--sfs-sidebar-menu .sfs-sidebar-menu { list-style: none; padding: 0; margin: 0; display: none; } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu { padding-bottom: 6.25rem; display: block; } } .cc--sfs-sidebar-menu .sfs-sidebar-menu.is-open { margin-bottom: 3.125rem; display: block; border-bottom: 0.3125rem solid #CCC; } .cc--sfs-sidebar-menu .sfs-sidebar-menu li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu li span { font-size: 1.125rem; line-height: 1.5556; color: #4A4A4A; text-decoration: none; } html[data-whatintent='mouse'] .cc--sfs-sidebar-menu .sfs-sidebar-menu li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--sfs-sidebar-menu .sfs-sidebar-menu li a:hover { position: relative; color: #041E42; } html[data-whatintent='mouse'] .cc--sfs-sidebar-menu .sfs-sidebar-menu li a:hover::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; left: 0; width: 0.375rem; height: 3.125rem; background: #041E42; content: ''; } .cc--sfs-sidebar-menu .sfs-sidebar-menu > li { padding-top: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #CCC; } .cc--sfs-sidebar-menu .sfs-sidebar-menu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu > li span { padding-right: 4.7619%; padding-left: 4.7619%; display: block; } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu > li span { padding-right: 16.66667%; padding-left: 16.66667%; } } .cc--sfs-sidebar-menu .sfs-sidebar-menu > li > a { color: #000; } .cc--sfs-sidebar-menu .sfs-sidebar-menu .current-menu-item > a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .current-menu-item > span { position: relative; } .cc--sfs-sidebar-menu .sfs-sidebar-menu .current-menu-item > a::before, .cc--sfs-sidebar-menu .sfs-sidebar-menu .current-menu-item > span::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; left: 0; width: 0.375rem; height: 3.125rem; background: #041E42; content: ''; } .cc--sfs-sidebar-menu .sfs-sidebar-menu .current-menu-item > span { color: #041E42; } .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu { list-style: none; padding: 0; margin: 0; padding-top: 1.875rem; padding-left: 0; } .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li { margin-bottom: 1.25rem; } .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li:last-child { margin-bottom: 0; } .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li span { padding-left: 7.14286%; } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li span { padding-left: 25%; } } .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li span { padding-left: 9.52381%; } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li span { padding-left: 33.33333%; } } .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li .submenu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li .submenu > li span { padding-left: 11.90476%; } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li .submenu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li .submenu > li span { padding-left: 41.66667%; } } .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li .submenu > li .submenu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li .submenu > li .submenu > li span { padding-left: 14.28571%; } @media screen and (min-width: 1024px) { .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li .submenu > li .submenu > li a, .cc--sfs-sidebar-menu .sfs-sidebar-menu .submenu > li .submenu > li .submenu > li .submenu > li span { padding-left: 50%; } } .cc--sfs-timeline { background: #F0F0F0; } .cc--sfs-timeline .c--sfs-timeline { max-width: 1800px; margin: 0 auto; } .cc--sfs-timeline .c--sfs-timeline ul { list-style: none; padding: 0; margin: 0; } .cc--sfs-timeline .c--sfs-timeline .years { position: relative; } .cc--sfs-timeline .c--sfs-timeline .years::before { display: block; position: absolute; top: 0; left: 6.25%; width: 0.0625rem; height: 100%; background: #CCC; content: ''; z-index: 10; } @media screen and (min-width: 768px) { .cc--sfs-timeline .c--sfs-timeline .years::before { left: 50%; } } .cc--sfs-timeline .c--sfs-timeline .years > li { padding-top: 5.9375rem; padding-right: 6.25%; padding-left: 6.25%; position: relative; } .cc--sfs-timeline .c--sfs-timeline .years > li:last-child { padding-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--sfs-timeline .c--sfs-timeline .years > li { padding-top: 6.25rem; padding-right: 4.16667%; padding-left: 4.16667%; } .cc--sfs-timeline .c--sfs-timeline .years > li:nth-child(2n) .events li { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .cc--sfs-timeline .c--sfs-timeline .years > li:nth-child(2n) .events li .text-container { padding-right: 0; padding-left: 7.5%; } .cc--sfs-timeline .c--sfs-timeline .years > li:nth-child(2n) .events li .f--image { padding-right: 7.5%; padding-left: 0; } } @media screen and (min-width: 1024px) { .cc--sfs-timeline .c--sfs-timeline .years > li { padding-top: 10rem; padding-right: 0; padding-left: 0; } .cc--sfs-timeline .c--sfs-timeline .years > li:last-child { padding-bottom: 3.75rem; } .cc--sfs-timeline .c--sfs-timeline .years > li:nth-child(2n) .events li { padding-right: 16.66667%; padding-left: 25%; } } .cc--sfs-timeline .c--sfs-timeline .years .back-to-link { top: -4.6875rem; } @media screen and (min-width: 768px) { .cc--sfs-timeline .c--sfs-timeline .years .back-to-link { top: -8.125rem; } } @media screen and (min-width: 1024px) { .cc--sfs-timeline .c--sfs-timeline .years .back-to-link { top: -12.5rem; } } .cc--sfs-timeline .c--sfs-timeline .years h2 { font-size: 8.75rem; line-height: 1; position: absolute; top: 2.5rem; left: -0.9375rem; color: #E2E2E2; letter-spacing: -0.25rem; z-index: 5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (min-width: 768px) { .cc--sfs-timeline .c--sfs-timeline .years h2 { font-size: 11.875rem; line-height: 1; top: 2.1875rem; letter-spacing: -0.3125rem; } } @media screen and (min-width: 1024px) { .cc--sfs-timeline .c--sfs-timeline .years h2 { font-size: 15.625rem; line-height: 1; top: 3.125rem; letter-spacing: -0.4375rem; } } .cc--sfs-timeline .c--sfs-timeline .events > li { margin-bottom: 1.5625rem; padding-left: 1.5625rem; position: relative; z-index: 10; } @media screen and (min-width: 768px) { .cc--sfs-timeline .c--sfs-timeline .events > li { padding-right: 0; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc--sfs-timeline .c--sfs-timeline .events > li::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 0.625rem; height: 0.625rem; border-radius: 50%; background: #949494; content: ''; z-index: 15; } } @media screen and (min-width: 1024px) { .cc--sfs-timeline .c--sfs-timeline .events > li { padding-right: 25%; padding-bottom: 0; padding-left: 16.66667%; margin-bottom: 2.1875rem; } } @media screen and (min-width: 768px) { .cc--sfs-timeline .c--sfs-timeline .events > li .text-container { padding-right: 7.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1024px) { .cc--sfs-timeline .c--sfs-timeline .events > li .text-container { padding-right: 7.14286%; -ms-flex-preferred-size: 57.14286%; flex-basis: 57.14286%; } } @media screen and (min-width: 768px) { .cc--sfs-timeline .c--sfs-timeline .events > li .f--image { padding-left: 7.5%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media screen and (min-width: 1024px) { .cc--sfs-timeline .c--sfs-timeline .events > li .f--image { padding-left: 7.14286%; -ms-flex-preferred-size: 42.85714%; flex-basis: 42.85714%; } } .cc--sfs-timeline .c--sfs-timeline .events .date { font-size: 1.125rem; line-height: 1.8889; margin-bottom: 0.625rem; position: relative; color: #041E42; text-decoration: none; } .cc--sfs-timeline .c--sfs-timeline .events .date::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; left: -1.8125rem; width: 0.625rem; height: 0.625rem; border-radius: 50%; background: #949494; content: ''; z-index: 15; } @media screen and (min-width: 768px) { .cc--sfs-timeline .c--sfs-timeline .events .date::before { display: none; } } .cc--sfs-timeline .c--sfs-timeline .events .f--cta-title { margin-bottom: 1.25rem; } @media screen and (min-width: 1024px) { .cc--sfs-timeline .c--sfs-timeline .events .f--cta-title { margin-bottom: 0; } } .cc--sfs-timeline .c--sfs-timeline .events .f--cta-title a { font-size: 1.25rem; line-height: 1.5; display: block; color: #366FAC; text-decoration: none; } html[data-whatintent='mouse'] .cc--sfs-timeline .c--sfs-timeline .events .f--cta-title a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--sfs-timeline .c--sfs-timeline .events .f--cta-title a:hover { text-decoration: underline; } @media screen and (min-width: 768px) { .cc--sfs-timeline .c--sfs-timeline .events .f--cta-title a { font-size: 1.375rem; line-height: 1.4546; } } @media screen and (min-width: 1024px) { .cc--sfs-timeline .c--sfs-timeline .events .f--cta-title a { font-size: 1.5rem; line-height: 1.4167; } } .cc--share-icons-addtoany .c--share-icons-addtoany { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cc--share-icons-addtoany .c--share-icons-addtoany .addtoany_list { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cc--share-icons-addtoany .c--share-icons-addtoany .addtoany_list span.title { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; white-space: nowrap; } .cc--share-icons-addtoany .c--share-icons-addtoany .addtoany_list a { margin-right: 0.9375rem; list-style: none; } .cc--share-icons-addtoany .c--share-icons-addtoany a { display: block; position: relative; } .cc--share-icons-addtoany .c--share-icons-addtoany a svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } html[data-whatintent='mouse'] .cc--share-icons-addtoany .c--share-icons-addtoany a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--share-icons-addtoany .c--share-icons-addtoany a:hover path { fill: #003DA5; } .cc--share-icons-addtoany .c--share-icons-addtoany a.a2a_button_facebook svg { width: 1.5625rem; } .cc--share-icons-addtoany .c--share-icons-addtoany a.a2a_button_twitter svg { width: 1.9375rem; } .cc--share-icons-addtoany .c--share-icons-addtoany a.youtube svg { width: 1.5rem; } .cc--share-icons-addtoany .c--share-icons-addtoany a.a2a_button_email svg { width: 2rem; } .cc--social-links .c--social-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cc--social-links .c--social-links ul { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cc--social-links .c--social-links ul li:not(:last-child) { margin-right: 0.9375rem; } .cc--social-links .c--social-links a { display: block; position: relative; width: 1.5625rem; height: 1.5625rem; } .cc--social-links .c--social-links a svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } html[data-whatintent='mouse'] .cc--social-links .c--social-links a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--social-links .c--social-links a:hover path { fill: #003DA5; } .cc--social-links .c--social-links a.facebook { width: 1.5625rem; } .cc--social-links .c--social-links a.twitter { width: 1.9375rem; } .cc--social-links .c--social-links a.youtube { width: 1.5rem; } .cc--social-links .c--social-links a.email { width: 2rem; } .cc--social-media-grid { max-width: 1800px; margin: 0 auto; background: #041E42; } .cc--social-media-grid .c--social-media-grid { padding-top: 3.125rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--social-media-grid .c--social-media-grid { padding-top: 3.75rem; padding-right: 2.08333%; padding-bottom: 3.75rem; padding-left: 2.08333%; } } @media screen and (min-width: 1024px) { .cc--social-media-grid .c--social-media-grid { padding-top: 6.25rem; padding-bottom: 6.25rem; } } @media screen and (min-width: 768px) { .cc--social-media-grid .c--social-media-grid .header-container { position: relative; } } .cc--social-media-grid .c--social-media-grid .header-container .f--section-title { padding-right: 4.54545%; padding-left: 4.54545%; margin: 0 auto; text-align: center; } @media screen and (min-width: 1024px) { .cc--social-media-grid .c--social-media-grid .header-container .f--section-title { padding-right: 0; padding-left: 0; max-width: 47.61905%; } } .cc--social-media-grid .c--social-media-grid .header-container .f--section-title h2 { color: #FFF; overflow-wrap: break-word; } .cc--social-media-grid .c--social-media-grid .header-container .f--button-link { text-align: center; } @media screen and (max-width: 1023px) { .cc--social-media-grid .c--social-media-grid .header-container .f--button-link { margin-bottom: 1.5625rem; } } @media screen and (min-width: 1024px) { .cc--social-media-grid .c--social-media-grid .header-container .f--button-link { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 2.38095%; } } .cc--social-media-grid .c--social-media-grid .header-container .f--button-link .button-link { color: #FFF; } .cc--social-media-grid .c--social-media-grid .header-container .f--button-link .button-link polygon { fill: #FFF; } .cc--social-media-grid .c--social-media-grid .juicer-feed { text-align: center; } .cc--social-media-grid .c--social-media-grid .juicer-feed .j-paginate { font-size: 1.125rem; line-height: 1.2223; padding-right: 2rem; padding-left: 2rem; position: relative; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: center; color: #041E42; height: 3.4375rem; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; border: 0.0625rem solid #041E42; border-radius: 0; white-space: normal; color: #FFF; border: 0.0625rem solid #FFF; background: #041E42; width: auto; text-transform: none; } html[data-whatintent='mouse'] .cc--social-media-grid .c--social-media-grid .juicer-feed .j-paginate { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--social-media-grid .c--social-media-grid .juicer-feed .j-paginate:hover { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } html[data-whatintent='touch'] .cc--social-media-grid .c--social-media-grid .juicer-feed .j-paginate:active { -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; background-color: #041E42; color: #FFF; text-decoration: none; border: 0.0625rem solid #FFF; } .cc--social-media-grid .c--social-media-grid .juicer-feed .j-paginate:focus { outline: 3px solid #00B5E2; } html[data-whatintent='mouse'] .cc--social-media-grid .c--social-media-grid .juicer-feed .j-paginate { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent='mouse'] .cc--social-media-grid .c--social-media-grid .juicer-feed .j-paginate:hover { color: #041E42; background: #FFF; border: 0.0625rem solid #FFF; } html[data-whatintent='touch'] .cc--social-media-grid .c--social-media-grid .juicer-feed .j-paginate:active { color: #041E42; background: #FFF; border: 0.0625rem solid #FFF; } .cc--social-media-grid .c--social-media-grid .juicer-feed.modern li.feed-item .j-message { font-weight: normal; } .cc--social-media-grid .c--social-media-grid .juicer-feed .j-instagram h3, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-instagram .j-twitter-screen-name, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-facebook h3, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-facebook .j-twitter-screen-name, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-twitter-poster h3, .cc--social-media-grid .c--social-media-grid .juicer-feed .j-twitter-poster .j-twitter-screen-name { font-size: 1rem; line-height: 1.625; color: #63666A; } .cc--social-media-grid .c--social-media-grid .juicer-feed .j-message p { font-size: 1.125rem; line-height: 1.5556; color: #4A4A4A; } .cc--social-media-grid .c--social-media-grid .juicer-feed .j-date, .cc--social-media-grid .c--social-media-grid .juicer-feed .heart, .cc--social-media-grid .c--social-media-grid .juicer-feed .comments { font-size: 1rem; line-height: 1.625; color: #63666A; } .cc--social-media-grid .juicer-feed, .cc--social-media-grid .juicer-feed.modern .j-poster h3, .cc--social-media-grid .juicer-feed.modern .j-poster .j-date, .cc--social-media-grid .juicer-feed .j-meta a { font-size: 1rem; line-height: 1.625; color: #63666A !important; font-family: 'futura-pt', Arial, sans-serif !important; font-style: normal !important; font-weight: 500 !important; } .cc--social-media-grid .j-loading { border-color: #FFF !important; } .cc--social-media-grid .j-loading::before { background-color: #FFF !important; } .cc--spacer-block .c--spacer-block { height: 1.875rem; } @media screen and (min-width: 768px) { .cc--spacer-block .c--spacer-block { height: 2.1875rem; } } @media screen and (min-width: 1024px) { .cc--spacer-block .c--spacer-block { height: 3.125rem; } } .cc--stat-block { color: #041E42; text-align: center; } @media screen and (max-width: 767px) { .cc--stat-block { padding-bottom: 2.1875rem; } } @media screen and (max-width: 767px) { .cc--stat-block:not(:last-child) { margin-bottom: 2.1875rem; border-bottom: 0.0625rem solid #CCC; } } @media screen and (min-width: 768px) { .cc--stat-block:not(:last-child) { margin-right: 4.34783%; } } @media screen and (min-width: 1024px) { .cc--stat-block:not(:last-child) { margin-right: 9.09091%; } } @media screen and (min-width: 768px) { .cc--stat-block:not(:last-child)::after { display: block; position: absolute; top: 0; right: -7.14286%; width: 1px; height: 100%; background-color: #CCC; content: ''; } } @media screen and (min-width: 1024px) { .cc--stat-block:not(:last-child)::after { right: -16.66667%; } } @media screen and (min-width: 768px) { .cc--stat-block { padding-top: 1.875rem; padding-right: 2.17391%; padding-bottom: 1.875rem; padding-left: 2.17391%; position: relative; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--stat-block { padding-top: 3.125rem; padding-right: 2.27273%; padding-bottom: 3.125rem; padding-left: 2.27273%; -ms-flex-preferred-size: auto; flex-basis: auto; width: 27.27273%; } } .cc--stat-block .f--stat .stat { font-size: 4.0625rem; line-height: 0.9539; margin-bottom: 0.625rem; display: block; font-variant: oldstyle-nums; letter-spacing: -0.1875rem; } @media screen and (min-width: 1024px) { .cc--stat-block .f--stat .stat { font-size: 5.625rem; line-height: 0.8667; } } .cc--stat-block .f--stat .stat-subtitle { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0.625rem; display: block; } @media screen and (min-width: 1024px) { .cc--stat-block .f--stat .stat-subtitle { font-size: 1.625rem; line-height: 1.1539; } } .cc--stat-block .f--stat .stat-description { margin-bottom: 0; font-size: 1.25rem; line-height: 1.5; display: block; } @media screen and (min-width: 1024px) { .cc--stat-block .f--stat .stat-description { font-size: 1.5rem; line-height: 1.3334; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .tc--single-article .cc--stats-block .c--stats-block, .tc--sfs-article .cc--stats-block .c--stats-block, .tc--sfs-timeline-detail .cc--stats-block .c--stats-block { padding-right: 4.54545%; padding-left: 4.54545%; } } .tc--single-article .cc--stats-block .cc--stat-block, .tc--sfs-article .cc--stats-block .cc--stat-block, .tc--sfs-timeline-detail .cc--stats-block .cc--stat-block { color: #041E42; text-align: center; } @media screen and (max-width: 767px) { .tc--single-article .cc--stats-block .cc--stat-block, .tc--sfs-article .cc--stats-block .cc--stat-block, .tc--sfs-timeline-detail .cc--stats-block .cc--stat-block { padding-bottom: 2.1875rem; } } @media screen and (max-width: 767px) { .tc--single-article .cc--stats-block .cc--stat-block:not(:last-child), .tc--sfs-article .cc--stats-block .cc--stat-block:not(:last-child), .tc--sfs-timeline-detail .cc--stats-block .cc--stat-block:not(:last-child) { margin-bottom: 2.1875rem; border-bottom: 0.0625rem solid #CCC; } } @media screen and (min-width: 768px) { .tc--single-article .cc--stats-block .cc--stat-block:not(:last-child), .tc--sfs-article .cc--stats-block .cc--stat-block:not(:last-child), .tc--sfs-timeline-detail .cc--stats-block .cc--stat-block:not(:last-child) { margin-right: 15%; } } @media screen and (min-width: 1024px) { .tc--single-article .cc--stats-block .cc--stat-block:not(:last-child), .tc--sfs-article .cc--stats-block .cc--stat-block:not(:last-child), .tc--sfs-timeline-detail .cc--stats-block .cc--stat-block:not(:last-child) { margin-right: 15.38462%; } } @media screen and (min-width: 768px) { .tc--single-article .cc--stats-block .cc--stat-block:not(:last-child)::after, .tc--sfs-article .cc--stats-block .cc--stat-block:not(:last-child)::after, .tc--sfs-timeline-detail .cc--stats-block .cc--stat-block:not(:last-child)::after { right: -17.64706%; } } @media screen and (min-width: 1024px) { .tc--single-article .cc--stats-block .cc--stat-block:not(:last-child)::after, .tc--sfs-article .cc--stats-block .cc--stat-block:not(:last-child)::after, .tc--sfs-timeline-detail .cc--stats-block .cc--stat-block:not(:last-child)::after { right: -18.18182%; } } @media screen and (min-width: 768px) { .tc--single-article .cc--stats-block .cc--stat-block, .tc--sfs-article .cc--stats-block .cc--stat-block, .tc--sfs-timeline-detail .cc--stats-block .cc--stat-block { padding-top: 1.875rem; padding-right: 0; padding-bottom: 1.875rem; padding-left: 0; position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 42.5%; flex: 1 0 42.5%; } } @media screen and (min-width: 1024px) { .tc--single-article .cc--stats-block .cc--stat-block, .tc--sfs-article .cc--stats-block .cc--stat-block, .tc--sfs-timeline-detail .cc--stats-block .cc--stat-block { padding-top: 3.125rem; padding-right: 0; padding-bottom: 3.125rem; padding-left: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 42.30769%; } } @media screen and (min-width: 1024px) { .tc--single-article .cc--stats-block .f--stat, .tc--sfs-article .cc--stats-block .f--stat, .tc--sfs-timeline-detail .cc--stats-block .f--stat { font-size: 4.0625rem; line-height: 0.9539; } } @media screen and (min-width: 1024px) { .tc--single-article .cc--stats-block .f--stat-sub, .tc--sfs-article .cc--stats-block .f--stat-sub, .tc--sfs-timeline-detail .cc--stats-block .f--stat-sub { font-size: 1.25rem; line-height: 1.4; } } .tc--single-article .cc--stats-block .f--richtext, .tc--sfs-article .cc--stats-block .f--richtext, .tc--sfs-timeline-detail .cc--stats-block .f--richtext { margin-bottom: 0; font-size: 1.25rem; line-height: 1.5; } .cc--stats-block { background-position: center center; background-size: cover; } .cc--stats-block .c--stats-block { max-width: 1800px; margin: 0 auto; } .cc--stats-block .c--stats-block .stats-block-inner { padding-top: 3.75rem; padding-right: 6.25%; padding-bottom: 2.8125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--stats-block .c--stats-block .stats-block-inner { padding-top: 4.6875rem; padding-right: 2.08333%; padding-bottom: 4.6875rem; padding-left: 2.08333%; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--stats-block .c--stats-block .stats-block-inner { padding-right: 4.16667%; padding-left: 4.16667%; } } .tc--single-article .cc--stats-block, .tc--sfs-article .cc--stats-block, .tc--sfs-timeline-detail .cc--stats-block { margin-bottom: 0; } .tc--single-article .cc--stats-block .c--stats-block, .tc--sfs-article .cc--stats-block .c--stats-block, .tc--sfs-timeline-detail .cc--stats-block .c--stats-block { padding-top: 2.1875rem; padding-bottom: 2.1875rem; } @media screen and (min-width: 1024px) { .tc--single-article .cc--stats-block .c--stats-block, .tc--sfs-article .cc--stats-block .c--stats-block, .tc--sfs-timeline-detail .cc--stats-block .c--stats-block { padding-top: 3.125rem; padding-bottom: 3.125rem; } } .cc--tags-body { max-width: 1800px; margin: 0 auto; } .cc--tags-body .c--tags-body { margin-right: 6.25%; margin-left: 6.25%; padding-top: 2.1875rem; padding-bottom: 4.6875rem; border-top: 0.3125rem solid #CCC; } @media screen and (min-width: 768px) { .cc--tags-body .c--tags-body { margin-right: 8.33333%; margin-left: 8.33333%; padding-top: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--tags-body .c--tags-body { margin-right: 6.25%; margin-left: 6.25%; padding-top: 4.6875rem; padding-right: 16.66667%; padding-left: 16.66667%; } } .cc--tags-body .cc--articles { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } @media screen and (min-width: 768px) { .cc--tags-body .cc--articles .c--articles .load-more { margin: auto; } } .cc--tags-body .cc--articles .c--articles .load-more:disabled { opacity: 0.5; } .cc--tags-header { max-width: 1800px; margin: 0 auto; margin-bottom: 2.1875rem; } @media screen and (min-width: 1024px) { .cc--tags-header { margin-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--tags-header { margin-bottom: 4.6875rem; } } .cc--tags-header .c--tags-header .title-container { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 1.5625rem; padding-left: 6.25%; text-align: center; } @media screen and (min-width: 768px) { .cc--tags-header .c--tags-header .title-container { padding-top: 3.125rem; padding-right: 4.16667%; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--tags-header .c--tags-header .title-container { padding-top: 4.6875rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } } .cc--tags-header .c--tags-header .f--page-title { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--tags-header .c--tags-header .f--page-title { margin-bottom: 1.25rem; } } .cc--tags-header .c--tags-header .f--page-title h1 { font-size: 2.5rem; line-height: 1.15; } @media screen and (min-width: 768px) { .cc--tags-header .c--tags-header .f--page-title h1 { font-size: 4.0625rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--tags-header .c--tags-header .f--page-title h1 { font-size: 4.6875rem; line-height: 1; } } .cc--tags-header .c--tags-header .f--description { font-size: 1.25rem; line-height: 1.7; color: #4A4A4A; } @media screen and (min-width: 768px) { .cc--tags-header .featured-card .cc--news-card { padding-right: 4.16667%; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--tags-header .featured-card .cc--news-card { padding-right: 6.25%; padding-left: 6.25%; } } @media screen and (min-width: 1024px) { .cc--tags-header .featured-card .cc--news-card .c--news-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 768px) { .cc--tags-header .featured-card .cc--news-card .f--image { margin-bottom: 1.5625rem; } } @media screen and (min-width: 1024px) { .cc--tags-header .featured-card .cc--news-card .f--image { margin-bottom: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50%; } } .cc--tags-header .featured-card .cc--news-card .text-container { padding-right: 6.25%; padding-left: 6.25%; text-align: left; } @media screen and (min-width: 768px) { .cc--tags-header .featured-card .cc--news-card .text-container { padding-right: 4.16667%; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--tags-header .featured-card .cc--news-card .text-container { padding-left: 4.7619%; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50%; } } @media screen and (min-width: 1024px) { .cc--tags-header .featured-card .cc--news-card .text-container .f--eyebrow { margin-bottom: 0.9375rem; } } .cc--tags-header .featured-card .cc--news-card .text-container .f--cta-title a { font-size: 1.625rem; line-height: 1.4231; color: #041E42; } @media screen and (min-width: 768px) { .cc--tags-header .featured-card .cc--news-card .text-container .f--cta-title a { font-size: 2rem; line-height: 1.3125; } } @media screen and (min-width: 1024px) { .cc--tags-header .featured-card .cc--news-card .text-container .f--cta-title a { font-size: 2.375rem; line-height: 1.2632; } } .cc--tags-header .featured-card .cc--news-card .text-container .f--richtext { font-size: 1.125rem; line-height: 1.5556; color: #4A4A4A; } .cc--testimonial { max-width: 1800px; margin: 0 auto; background-image: url("../images/icons/testimonialquote.svg"); background-repeat: no-repeat; background-position: -1.5625rem 3.125rem; background-size: 12.5rem 10.9375rem; } @media screen and (min-width: 768px) { .cc--testimonial { background-size: 21.875rem 18.4375rem; } } @media screen and (min-width: 1800px) { .cc--testimonial { background-position: 0 3.125rem; } } @media screen and (min-width: 768px) { .cc--testimonial .c--testimonial { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 768px) { .cc--testimonial .c--testimonial .f--image, .cc--testimonial .c--testimonial .text-container { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .cc--testimonial .c--testimonial .text-container { text-align: center; } @media screen and (min-width: 768px) { .cc--testimonial .c--testimonial .text-container { padding-right: 4.16667%; padding-left: 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1024px) { .cc--testimonial .c--testimonial .text-container { padding-right: 6.25%; padding-left: 6.25%; } } @media screen and (max-width: 767px) { .cc--testimonial .c--testimonial .text-container { padding-right: 6.25%; padding-left: 6.25%; } } @media screen and (max-width: 767px) { .cc--testimonial .c--testimonial .text-container .text-container-inner { padding-top: 1.25rem; padding-bottom: 2.1875rem; position: relative; margin-top: -0.625rem; border-top: 0.625rem solid #FFF; } } .cc--testimonial .c--testimonial .text-container .f--richtext { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--testimonial .c--testimonial .text-container .f--richtext { margin-bottom: 0.3125rem; } } .cc--testimonial .c--testimonial .text-container .f--richtext p { font-size: 1.625rem; line-height: 1.3847; color: #041E42; } @media screen and (min-width: 1024px) { .cc--testimonial .c--testimonial .text-container .f--richtext p { font-size: 1.875rem; line-height: 1.3334; } } .cc--testimonial.image-right .f--image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .cc--testimonial.image-right .text-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cc--testimonial.image-left .f--image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cc--testimonial.image-left .text-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .cc--three-equal-cards { max-width: 1800px; margin: 0 auto; background-position: center center; background-size: cover; } .cc--three-equal-cards .c--three-equal-cards { padding-top: 3.125rem; padding-bottom: 3.125rem; } @media screen and (min-width: 768px) { .cc--three-equal-cards .c--three-equal-cards { padding-top: 3.75rem; padding-bottom: 5rem; } } @media screen and (min-width: 1024px) { .cc--three-equal-cards .c--three-equal-cards { padding-top: 4.6875rem; padding-bottom: 6.25rem; } } .cc--three-equal-cards .c--three-equal-cards .header-container { padding-right: 6.25%; padding-left: 6.25%; text-align: center; } @media screen and (min-width: 768px) { .cc--three-equal-cards .c--three-equal-cards .header-container { padding-right: 2.08333%; padding-left: 2.08333%; } } @media screen and (min-width: 768px) { .cc--three-equal-cards .c--three-equal-cards .header-container { padding-right: 20.83333%; padding-left: 20.83333%; } } .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards { padding-right: 4.16667%; padding-left: 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 767px) { .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards .cc--news-card:not(:last-child) { margin-bottom: 2.1875rem; } } @media screen and (min-width: 768px) { .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards .cc--news-card { -ms-flex-preferred-size: 31.81818%; flex-basis: 31.81818%; -ms-flex-negative: 0; flex-shrink: 0; } } @media screen and (min-width: 768px) { .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards .cc--news-card:nth-child(n+4) { margin-top: 2.1875rem; } } .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards .cc--news-card .c--news-card .f--image { margin-bottom: 0.9375rem; } .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards .cc--news-card .c--news-card .f--cta-title { margin-bottom: 0; } @media screen and (min-width: 1024px) { .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards .cc--news-card .c--news-card .f--cta-title { padding-right: 7.14286%; padding-left: 7.14286%; } } .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards .cc--news-card .c--news-card .f--cta-title h3 { font-size: 1.5rem; line-height: 1.4167; color: #041E42; } @media screen and (min-width: 1024px) { .cc--three-equal-cards .c--three-equal-cards .f--three-equal-cards .cc--news-card .c--news-card .f--cta-title h3 { font-size: 1.75rem; line-height: 1.3572; } } .cc--three-stories.dark { background-color: #63666A; color: #FFF; } .cc--three-stories.dark .c--three-stories .f--three-stories .cc--news-card .c--news-card .f--cta-title a { color: #FFF; } .cc--three-stories.dark .c--three-stories .header-container .f--button-link .button-link { color: #FFF; } .cc--three-stories.dark .c--three-stories .header-container .f--button-link .button-link polygon { fill: #FFF; } .cc--three-stories.dark .c--three-stories .header-container .f--section-title h2 { color: #FFF; } .cc--three-stories .c--three-stories { max-width: 1800px; margin: 0 auto; padding-top: 3.125rem; padding-bottom: 4.375rem; } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories { padding-top: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories { padding-top: 6.25rem; padding-bottom: 6.25rem; } } .cc--three-stories .c--three-stories .header-container { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .header-container { padding-right: 4.16667%; padding-left: 4.16667%; position: relative; } } @media screen and (max-width: 1023px) { .cc--three-stories .c--three-stories .header-container .f--section-title { margin-bottom: 1.25rem; } } .cc--three-stories .c--three-stories .header-container .f--section-title h2 { font-size: 2.375rem; line-height: 1.2632; color: #041E42; text-align: left; } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .header-container .f--section-title h2 { font-size: 2.5rem; line-height: 1.4; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .header-container .f--section-title h2 { font-size: 3.125rem; line-height: 1.2; } } .cc--three-stories .c--three-stories .header-container .f--button-link { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .header-container .f--button-link { margin-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .header-container .f--button-link { margin-bottom: 0; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .header-container .f--button-link { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 4.16667%; } } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .f--three-stories { padding-right: 4.16667%; padding-left: 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card .f--cta-title h3, .cc--three-stories .c--three-stories .f--three-stories .cc--news-card .f--richtext p { text-align: left; } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child { margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child { margin-bottom: 2.1875rem; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child { -ms-flex-preferred-size: 45.45455%; flex-basis: 45.45455%; } } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child .f--image { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child .f--image { margin-bottom: 0.9375rem; } } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child .text-container { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child .text-container { padding-right: 4.16667%; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child .text-container { padding-right: 0; padding-left: 0; } } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child .text-container .f--cta-title h3 { font-size: 1.625rem; line-height: 1.3847; text-align: left; } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child .text-container .f--cta-title h3 { font-size: 2rem; line-height: 1.3125; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:first-child .text-container .f--cta-title h3 { font-size: 2.375rem; line-height: 1.2632; } } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) { -webkit-box-flex: 0; -ms-flex: 0 0 47.72727%; flex: 0 0 47.72727%; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) { -ms-flex-preferred-size: 25%; flex-basis: 25%; } } @media screen and (max-width: 767px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child):not(:last-child) { margin-bottom: 1.875rem; } } @media screen and (max-width: 767px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .c--news-card { padding-right: 6.25%; padding-left: 6.25%; } } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .c--news-card .f--image { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .c--news-card .f--image { margin-bottom: 1.25rem; } } @media screen and (min-width: 768px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .text-container { padding-right: 9.52381%; padding-left: 9.52381%; } } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .text-container { padding-right: 9.09091%; padding-left: 9.09091%; } } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .f--cta-title { margin-bottom: 0.9375rem; } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .f--cta-title h3 { font-size: 1.25rem; line-height: 1.5; } @media screen and (min-width: 1024px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .f--cta-title h3 { font-size: 1.375rem; line-height: 1.4546; } } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .f--richtext { margin-bottom: 0; } .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .f--richtext p { font-size: 1.125rem; line-height: 1.5556; text-align: left; } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--three-stories .c--three-stories .f--three-stories .cc--news-card:not(:first-child) .f--richtext p { font-size: 1rem; line-height: 1.625; } } .cc--video-block { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--video-block { padding-right: 4.16667%; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--video-block { padding-top: 7.8125rem; padding-right: 0; padding-bottom: 7.8125rem; padding-left: 0; } .cc--video-block.image-left .c--video-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cc--video-block .c--video-block { max-width: 1800px; margin: 0 auto; } @media screen and (min-width: 1024px) { .cc--video-block .c--video-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 1024px) { .cc--video-block .c--video-block .video-container { -ms-flex-preferred-size: 63.63636%; flex-basis: 63.63636%; } } .cc--video-block .c--video-block .text-container { padding-top: 3.125rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--video-block .c--video-block .text-container { padding-right: 4.54545%; padding-left: 4.54545%; } } @media screen and (min-width: 1024px) { .cc--video-block .c--video-block .text-container { padding-top: 0; padding-right: 4.16667%; padding-bottom: 0; padding-left: 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .sfs .cc--video-block .c--video-block .text-container h3 { color: #366FAC; } .cc--video-block .c--video-block .text-container .f--richtext { margin-bottom: 1.25rem; } .cc--video-block .c--video-block .text-container .f--richtext p:not(:last-child) { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--video-full-width { padding-right: 4.16667%; padding-bottom: 2.1875rem; padding-left: 4.16667%; } } @media screen and (min-width: 1024px) { .cc--video-full-width { padding-top: 3.125rem; padding-right: 0; padding-bottom: 2.1875rem; padding-left: 0; } } .cc--video-full-width .c--video-full-width { max-width: 1800px; margin: 0 auto; } @media screen and (min-width: 1024px) { .cc--video-full-width .c--video-full-width { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 1024px) { .cc--video-full-width .c--video-full-width .video-container { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media screen and (max-width: 767px) { .single-post .cc--video-full-width, .single-timeline .cc--video-full-width { padding-right: 0; padding-left: 0; } } .cc--video-list { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .cc--video-list { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--video-list { padding-right: 0; padding-left: 0; } } .cc--video-list ul { list-style: none; padding: 0; margin: 0; } .cc--video-row li { padding-bottom: 2.1875rem; margin-right: nul; margin-bottom: 2.1875rem; margin-left: nul; border-bottom: 1px solid #CCC; } @media screen and (min-width: 768px) { .cc--video-row li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .cc--video-row li .image-container { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--video-row li .image-container { -ms-flex-preferred-size: 47.5%; flex-basis: 47.5%; } } @media screen and (min-width: 1024px) { .cc--video-row li .image-container { margin-bottom: 0; -ms-flex-preferred-size: 46.15385%; flex-basis: 46.15385%; } } @media screen and (min-width: 768px) { .cc--video-row li .text-container { padding-right: 5%; -ms-flex-preferred-size: 52.5%; flex-basis: 52.5%; } } @media screen and (min-width: 1024px) { .cc--video-row li .text-container { padding-right: 7.69231%; -ms-flex-preferred-size: 53.84615%; flex-basis: 53.84615%; } } .cc--video-row li .text-container .f--cta-title { margin-bottom: 0.75rem; } .cc--video-row li .text-container .f--cta-title a { font-size: 1.5rem; line-height: 1.4167; color: #366FAC; } @media screen and (min-width: 768px) { .cc--video-row li .text-container .f--cta-title a { font-size: 1.625rem; line-height: 1.3077; } } @media screen and (min-width: 1024px) { .cc--video-row li .text-container .f--cta-title a { font-size: 1.75rem; line-height: 1.3572; } } .cc--video-row li .text-container p { font-size: 1.125rem; line-height: 1.5556; margin-bottom: 0.9375rem; display: block; color: #4A4A4A; } .cc--video-row li .text-container .date { font-size: 1rem; line-height: 1.625; color: #4A4A4A; } .cc--wysiwyg-cta .c--wysiwyg-cta { padding-right: 6.25%; padding-left: 6.25%; } .cc--wysiwyg-cta .c--wysiwyg-cta::after { display: block; clear: both; content: ''; } @media screen and (min-width: 768px) { .cc--wysiwyg-cta .c--wysiwyg-cta { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .cc--wysiwyg-cta .c--wysiwyg-cta { padding-right: 16.66667%; padding-left: 16.66667%; } } .cc--wysiwyg-cta .c--wysiwyg-cta .f--cta-button { margin-top: 1.5625rem; } .cc--wysiwyg-cta .c--wysiwyg-cta .f--cta-button.align-center { text-align: center; } .cc--wysiwyg-cta .c--wysiwyg-cta .f--cta-button.align-right { text-align: right; } .cc--wysiwyg-cta .c--wysiwyg-cta .f--image, .cc--wysiwyg-cta .c--wysiwyg-cta figure, .cc--wysiwyg-cta .c--wysiwyg-cta img { width: auto; max-width: 100%; } .cc--wysiwyg-cta .c--wysiwyg-cta .f--image.alignright, .cc--wysiwyg-cta .c--wysiwyg-cta figure.alignright, .cc--wysiwyg-cta .c--wysiwyg-cta img.alignright { padding-left: 1.25rem; float: right; } .cc--wysiwyg-cta .c--wysiwyg-cta .f--image.alignleft, .cc--wysiwyg-cta .c--wysiwyg-cta figure.alignleft, .cc--wysiwyg-cta .c--wysiwyg-cta img.alignleft { padding-right: 1.25rem; float: left; } .cc--wysiwyg-cta .c--wysiwyg-cta .f--image.aligncenter, .cc--wysiwyg-cta .c--wysiwyg-cta figure.aligncenter, .cc--wysiwyg-cta .c--wysiwyg-cta img.aligncenter { margin-right: auto; margin-left: auto; } .cc--wysiwyg-cta .c--wysiwyg-cta .f--wysiwyg { margin-top: 0.9375rem; margin-right: auto; margin-bottom: 0; margin-left: auto; } .cc--wysiwyg-cta .c--wysiwyg-cta .f--wysiwyg p { font-size: 1.25rem; line-height: 1.6; color: #041E42; } @media screen and (min-width: 768px) { .cc--wysiwyg-cta .c--wysiwyg-cta .f--wysiwyg p { font-size: 1.375rem; line-height: 1.7273; } } @media screen and (min-width: 1024px) { .cc--wysiwyg-cta .c--wysiwyg-cta .f--wysiwyg p { font-size: 1.5rem; line-height: 1.6667; } } .cc--wysiwyg-section { margin-top: 2.1875rem; margin-bottom: 2.1875rem; padding-bottom: 2.1875rem; } .cc--wysiwyg-section:not(:last-child) { border-bottom: 1px solid #CCC; } .cc--wysiwyg-two-column-section:not(:last-child) { margin-top: 2.1875rem; margin-bottom: 2.1875rem; padding-bottom: 2.1875rem; border-bottom: 1px solid #CCC; } @media screen and (min-width: 768px) { .cc--wysiwyg-two-column-section .c--wysiwyg-two-column-section .column-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--wysiwyg-two-column-section .c--wysiwyg-two-column-section .column { padding-top: 3.125rem; } @media screen and (min-width: 768px) { .cc--wysiwyg-two-column-section .c--wysiwyg-two-column-section .column { width: 46.15385%; } } .tc--areas-of-study .cc--landing-hero .c--landing-hero .landing-hero-bottom { padding-bottom: 1.25rem; } @media screen and (min-width: 768px) { .tc--areas-of-study .cc--landing-hero .c--landing-hero .landing-hero-bottom { padding-bottom: 2.1875rem; } } @media screen and (min-width: 1024px) { .tc--areas-of-study .cc--landing-hero .c--landing-hero .landing-hero-bottom { padding-bottom: 3.125rem; } } .tc--areas-of-study .cc--landing-hero .c--landing-hero .landing-hero-bottom .f--page-title { margin-bottom: 0; } .tc--areas-of-study .content-main .cc--video-list { margin-bottom: 4.6875rem; } @media screen and (min-width: 1024px) { .tc--areas-of-study .content-main .cc--video-list { margin-bottom: 6.25rem; } } .tc--basic-text-page { max-width: 1800px; margin: 0 auto; } .tc--basic-text-page .t--basic-text-page .content-main { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .tc--basic-text-page .t--basic-text-page .content-main { padding-top: 3.125rem; padding-right: 8.33333%; padding-bottom: 4.6875rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .tc--basic-text-page .t--basic-text-page .content-main { padding-top: 6.25rem; padding-right: 22.91667%; padding-bottom: 6.25rem; padding-left: 22.91667%; } } .tc--basic-text-page .t--basic-text-page h1 { font-size: 2.5rem; line-height: 1.15; text-align: center; } @media screen and (min-width: 768px) { .tc--basic-text-page .t--basic-text-page h1 { font-size: 4.0625rem; line-height: 1; } } @media screen and (min-width: 768px) { .tc--basic-text-page .t--basic-text-page h1 { font-size: 4.6875rem; line-height: 1; } } @media screen and (max-width: 1023px) { .tc--chaptered-page .chapter-page-menu-anchor { position: relative; top: -4.0625rem; } } .tc--chaptered-page .cc--intro .c--intro .f--section-title h2 { margin-bottom: 0.9375rem; } .tc--chaptered-page .cc--intro .c--intro .text-container p { color: #4A4A4A; } @media screen and (min-width: 1024px) { .tc--event.has-image .content-sidebar { margin-top: -1.5625rem; padding-top: 4.875rem; position: relative; } } .tc--event .content-sidebar-main-wrapper-inner .content-sidebar-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media screen and (min-width: 1024px) { .tc--event .content-sidebar-main-wrapper-inner .content-sidebar-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .tc--event .content-sidebar { padding-top: 2.1875rem; padding-right: 6.25%; padding-bottom: 2.1875rem; padding-left: 6.25%; background: #F0F0F0; } @media screen and (min-width: 768px) { .tc--event .content-sidebar { padding-top: 2.5rem; padding-right: 8.33333%; padding-bottom: 2.5rem; padding-left: 8.33333%; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .tc--event .content-sidebar { padding-top: 3.125rem; padding-right: 4.16667%; padding-bottom: 3.125rem; padding-left: 4.16667%; display: block; -ms-flex-preferred-size: 25%; flex-basis: 25%; } } .tc--event .content-sidebar .text-fields { padding-left: 0; margin-bottom: 0; } @media screen and (min-width: 768px) { .tc--event .content-sidebar .text-fields { padding-top: 0.625rem; padding-right: 5%; -ms-flex-preferred-size: 52.5%; flex-basis: 52.5%; } } @media screen and (min-width: 1024px) { .tc--event .content-sidebar .text-fields { padding-top: 0; padding-right: 0; padding-left: 0; } } .tc--event .content-sidebar .text-fields li { margin-bottom: 1.5625rem; list-style: none; } @media screen and (min-width: 768px) { .tc--event .content-sidebar .text-fields li { margin-bottom: 2.1875rem; } } .tc--event .content-sidebar .text-fields li .f--field { font-size: 1.25rem; line-height: 1.7; color: #4A4A4A; } .tc--event .content-sidebar .text-fields li .fl--field-label { margin-bottom: 0.625rem; font-size: 1rem; line-height: 1.125; color: #63666A; } @media screen and (min-width: 768px) { .tc--event .content-sidebar .links-container { -ms-flex-preferred-size: 47.5%; flex-basis: 47.5%; } } .tc--event .content-sidebar .link-fields { padding-left: 0; margin-bottom: 1.875rem; } .tc--event .content-sidebar .link-fields li { border-bottom: 0.0625rem solid #CCC; list-style: none; } .tc--event .content-sidebar .link-fields li:first-child { border-top: 0.0625rem solid #CCC; } .tc--event .content-sidebar .link-fields li a { padding-top: 1.5625rem; padding-bottom: 1.5625rem; font-size: 1.125rem; line-height: 1.2223; display: block; color: #041E42; text-decoration: none; } .tc--event .content-sidebar .cc--social-links .c--social-links li { margin-right: 1.5625rem; } .tc--event .content-main { padding-top: 1.5625rem; padding-right: 6.25%; padding-bottom: 2.5rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .tc--event .content-main { padding-top: 3.125rem; padding-right: 8.33333%; padding-bottom: 3.125rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .tc--event .content-main { padding-top: 3.125rem; padding-right: 10.41667%; padding-bottom: 6.25rem; padding-left: 10.41667%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } } @media screen and (min-width: 768px) { .tc--event .content-main .f--eyebrow { margin-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .tc--event .content-main .f--eyebrow { margin-bottom: 0.9375rem; } } .tc--event .content-main .f--page-title { margin-bottom: 1.5625rem; } @media screen and (min-width: 768px) { .tc--event .content-main .f--page-title { margin-bottom: 2.1875rem; } } .tc--event .content-main .f--page-title h1 { font-size: 2rem; line-height: 1.3125; color: #041E42; } @media screen and (min-width: 768px) { .tc--event .content-main .f--page-title h1 { font-size: 2.625rem; line-height: 1.2381; } } @media screen and (min-width: 1024px) { .tc--event .content-main .f--page-title h1 { font-size: 3.125rem; line-height: 1.2; } } .tc--event .content-main .f--richtext { margin-bottom: 2.1875rem; } @media screen and (min-width: 768px) { .tc--event .content-main .f--richtext { margin-bottom: 3.125rem; } } .tc--events-calendar #views-exposed-form-events-calendar-page-1 .form-wrapper .fieldset-legend { margin-bottom: 0.625rem; display: block; } .tc--events-calendar .content-main .cc--calendar { margin-bottom: 4.6875rem; } @media screen and (min-width: 1024px) { .tc--events-calendar .content-main .cc--calendar { margin-bottom: 6.25rem; } } .tc--news .content-main .cc--articles { margin-bottom: 4.0625rem; } @media screen and (min-width: 768px) { .tc--news .content-main .cc--articles { margin-bottom: 4.6875rem; } } @media screen and (min-width: 1024px) { .tc--news .content-main .cc--articles { margin-bottom: 6.25rem; } } @media screen and (min-width: 1024px) { .tc--sfs-chaptered-page .content-sidebar-main-wrapper-inner, .tc--chaptered-page .content-sidebar-main-wrapper-inner { margin-top: 1.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .tc--sfs-chaptered-page .content-sidebar, .tc--chaptered-page .content-sidebar { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .tc--sfs-chaptered-page .content-sidebar, .tc--chaptered-page .content-sidebar { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .tc--sfs-chaptered-page .content-sidebar, .tc--chaptered-page .content-sidebar { padding-right: 0; padding-left: 0; display: block; -ms-flex-preferred-size: 25%; flex-basis: 25%; -ms-flex-negative: 0; flex-shrink: 0; background-color: #F0F0F0; } } .tc--sfs-chaptered-page .content-main, .tc--chaptered-page .content-main { padding-right: 6.25%; padding-bottom: 2.1875rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .tc--sfs-chaptered-page .content-main, .tc--chaptered-page .content-main { padding-right: 8.33333%; padding-bottom: 3.125rem; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .tc--sfs-chaptered-page .content-main, .tc--chaptered-page .content-main { padding-right: 10.41667%; padding-bottom: 6.25rem; padding-left: 10.41667%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } } .tc--sfs-chaptered-page .chaptered-page-chapter, .tc--chaptered-page .chaptered-page-chapter { padding-bottom: 1.5625rem; position: relative; border-bottom: 1px solid #CCC; } @media screen and (min-width: 768px) { .tc--sfs-chaptered-page .chaptered-page-chapter, .tc--chaptered-page .chaptered-page-chapter { padding-bottom: 2.1875rem; } } .tc--sfs-chaptered-page .chaptered-page-chapter:not(:first-child), .tc--chaptered-page .chaptered-page-chapter:not(:first-child) { padding-top: 1.5625rem; } @media screen and (min-width: 768px) { .tc--sfs-chaptered-page .chaptered-page-chapter:not(:first-child), .tc--chaptered-page .chaptered-page-chapter:not(:first-child) { padding-top: 2.1875rem; } } .tc--sfs-chaptered-page .chaptered-page-chapter .chapter-anchor, .tc--chaptered-page .chaptered-page-chapter .chapter-anchor { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; white-space: nowrap; position: relative; top: -4.0625rem; } @media screen and (min-width: 768px) { .tc--sfs-chaptered-page .chaptered-page-chapter .chapter-anchor, .tc--chaptered-page .chaptered-page-chapter .chapter-anchor { top: -7.5rem; } } @media screen and (min-width: 1024px) { .tc--sfs-chaptered-page .chaptered-page-chapter .chapter-anchor, .tc--chaptered-page .chaptered-page-chapter .chapter-anchor { top: -5rem; } } .tc--sfs-chaptered-page .chaptered-page-chapter .f--section-title, .tc--chaptered-page .chaptered-page-chapter .f--section-title { margin-bottom: 0.9375rem; } .tc--sfs-chaptered-page .chaptered-page-chapter .f--section-title h2, .tc--chaptered-page .chaptered-page-chapter .f--section-title h2 { font-size: 1.5rem; line-height: 1.4167; margin: 0; } @media screen and (min-width: 1024px) { .tc--sfs-chaptered-page .chaptered-page-chapter .f--section-title h2, .tc--chaptered-page .chaptered-page-chapter .f--section-title h2 { font-size: 1.75rem; line-height: 1.3572; } } .sfs .tc--sfs-chaptered-page .chaptered-page-chapter .f--section-title h2, .sfs .tc--chaptered-page .chaptered-page-chapter .f--section-title h2 { color: #366FAC; } .tc--sfs-chaptered-page .chaptered-page-chapter p:last-of-type, .tc--chaptered-page .chaptered-page-chapter p:last-of-type { margin-bottom: 0; margin-left: 0; } .tc--sfs-chaptered-page .chaptered-page-chapter a.back-to-top, .tc--chaptered-page .chaptered-page-chapter a.back-to-top { font-size: 0.9375rem; padding-left: 0.9375rem; position: absolute; right: 0; bottom: -0.5625rem; background-color: #FFF; color: #041E42; text-decoration: none; } .tc--sfs-chaptered-page .chaptered-page-chapter a.back-to-top::after, .tc--chaptered-page .chaptered-page-chapter a.back-to-top::after { display: inline-block; width: 1.5625rem; height: 1.5625rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-image: url("../images/icons/icon-arrowline.svg"); background-size: cover; content: ''; vertical-align: bottom; } @media screen and (min-width: 1024px) { .tc--sfs-chaptered-page .chaptered-page-chapter a.back-to-top:not(:focus), .tc--chaptered-page .chaptered-page-chapter a.back-to-top:not(:focus) { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; white-space: nowrap; } } .tc--sfs-chaptered-page .chaptered-page-chapter .f--image, .tc--sfs-chaptered-page .chaptered-page-chapter figure, .tc--sfs-chaptered-page .chaptered-page-chapter img, .tc--chaptered-page .chaptered-page-chapter .f--image, .tc--chaptered-page .chaptered-page-chapter figure, .tc--chaptered-page .chaptered-page-chapter img { width: auto; max-width: 100%; } .tc--sfs-chaptered-page .chaptered-page-chapter .f--image.alignright, .tc--sfs-chaptered-page .chaptered-page-chapter figure.alignright, .tc--sfs-chaptered-page .chaptered-page-chapter img.alignright, .tc--chaptered-page .chaptered-page-chapter .f--image.alignright, .tc--chaptered-page .chaptered-page-chapter figure.alignright, .tc--chaptered-page .chaptered-page-chapter img.alignright { padding-left: 1.25rem; float: right; } .tc--sfs-chaptered-page .chaptered-page-chapter .f--image.alignleft, .tc--sfs-chaptered-page .chaptered-page-chapter figure.alignleft, .tc--sfs-chaptered-page .chaptered-page-chapter img.alignleft, .tc--chaptered-page .chaptered-page-chapter .f--image.alignleft, .tc--chaptered-page .chaptered-page-chapter figure.alignleft, .tc--chaptered-page .chaptered-page-chapter img.alignleft { padding-right: 1.25rem; float: left; } .tc--sfs-chaptered-page .chaptered-page-chapter .f--image.aligncenter, .tc--sfs-chaptered-page .chaptered-page-chapter figure.aligncenter, .tc--sfs-chaptered-page .chaptered-page-chapter img.aligncenter, .tc--chaptered-page .chaptered-page-chapter .f--image.aligncenter, .tc--chaptered-page .chaptered-page-chapter figure.aligncenter, .tc--chaptered-page .chaptered-page-chapter img.aligncenter { margin-right: auto; margin-left: auto; } .tc--sfs-events-calendar #views-exposed-form-events-calendar-page-1 .form-wrapper .fieldset-legend { margin-bottom: 0.625rem; display: block; } .tc--sfs-events-calendar .content-main .cc--calendar { margin-bottom: 4.6875rem; } @media screen and (min-width: 1024px) { .tc--sfs-events-calendar .content-main .cc--calendar { margin-bottom: 6.25rem; } } .tc--sfs-media-gallery-publications .content-main .cc--publications-list { margin-bottom: 4.6875rem; } @media screen and (min-width: 1024px) { .tc--sfs-media-gallery-publications .content-main .cc--publications-list { margin-bottom: 6.25rem; } } .tc--sfs-media-gallery-videos .content-main .cc--video-list { margin-bottom: 4.6875rem; } @media screen and (min-width: 1024px) { .tc--sfs-media-gallery-videos .content-main .cc--video-list { margin-bottom: 6.25rem; } } .tc--news .content-main .cc--articles { margin-bottom: 4.0625rem; } @media screen and (min-width: 768px) { .tc--news .content-main .cc--articles { margin-bottom: 4.6875rem; } } @media screen and (min-width: 1024px) { .tc--news .content-main .cc--articles { margin-bottom: 6.25rem; } } @media screen and (min-width: 768px) { .tc--sfs-profile .content-sidebar-main-wrapper-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .tc--sfs-profile .content-sidebar-main-wrapper-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .tc--sfs-profile .mobile-title { padding-top: 1.875rem; padding-right: 6.25%; padding-bottom: 3.75rem; padding-left: 6.25%; background-color: #FFF; } @media screen and (min-width: 768px) { .tc--sfs-profile .mobile-title { padding-top: 3.125rem; padding-right: 8.33333%; padding-bottom: 2.75rem; padding-left: 8.33333%; text-align: center; } } @media screen and (min-width: 1024px) { .tc--sfs-profile .mobile-title { display: none; } } .tc--sfs-profile .mobile-title .f--page-title { margin-bottom: 1.25rem; } .tc--sfs-profile .mobile-title .f--page-title h1 { font-size: 2.5rem; line-height: 1.15; color: #041E42; } @media screen and (min-width: 768px) { .tc--sfs-profile .mobile-title .f--page-title h1 { font-size: 4.0625rem; line-height: 1; } } .tc--sfs-profile .mobile-title .f--richtext { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; color: #041E42; } .tc--sfs-profile .mobile-title .f--richtext p { font-size: 1.25rem; line-height: 1.6; } @media screen and (min-width: 768px) { .tc--sfs-profile .mobile-title .f--richtext p { font-size: 1.375rem; line-height: 1.7273; } } @media screen and (min-width: 1024px) { .tc--sfs-profile .mobile-title .f--richtext p { font-size: 1.5rem; line-height: 1.6667; } } .tc--sfs-profile .content-sidebar { background: #F0F0F0; } @media screen and (min-width: 768px) { .tc--sfs-profile .content-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 31.25%; flex: 0 0 31.25%; } } @media screen and (min-width: 1024px) { .tc--sfs-profile .content-sidebar { -ms-flex-preferred-size: 25%; flex-basis: 25%; } } .tc--sfs-profile .content-sidebar .text-container { padding-top: 2.1875rem; padding-right: 6.25%; padding-bottom: 2.1875rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .tc--sfs-profile .content-sidebar .text-container { padding-top: 2.5rem; padding-right: 6.66667%; padding-bottom: 2.5rem; padding-left: 13.33333%; } } @media screen and (min-width: 1024px) { .tc--sfs-profile .content-sidebar .text-container { padding-top: 3.125rem; padding-right: 16.66667%; padding-bottom: 3.125rem; padding-left: 16.66667%; } } .tc--sfs-profile .content-sidebar .text-container .profile-info-row { margin-bottom: 1.5625rem; } @media screen and (min-width: 768px) { .tc--sfs-profile .content-sidebar .text-container .profile-info-row { margin-bottom: 2.1875rem; } } .tc--sfs-profile .content-sidebar .text-container .label { font-size: 0.875rem; line-height: 1.1429; margin-bottom: 0.625rem; display: block; color: #63666A; } @media screen and (min-width: 768px) { .tc--sfs-profile .content-sidebar .text-container .label { font-size: 1rem; line-height: 1.125; } } .tc--sfs-profile .content-sidebar .text-container .f--richtext { margin: 0; } .tc--sfs-profile .content-sidebar .text-container .f--richtext p { font-size: 1.125rem; line-height: 1.5556; word-break: break-all; } @media screen and (min-width: 768px) { .tc--sfs-profile .content-sidebar .text-container .f--richtext p { font-size: 1.25rem; line-height: 1.45; } } .tc--sfs-profile .content-sidebar .text-container .f--button-link .button-link { font-size: 1.125rem; line-height: 1.5556; text-decoration: underline; } @media screen and (min-width: 768px) { .tc--sfs-profile .content-sidebar .text-container .f--button-link .button-link { font-size: 1.25rem; line-height: 1.45; } } .tc--sfs-profile .desktop-title { padding-bottom: 3.125rem; margin-bottom: 3.125rem; border-bottom: 1px solid #CCC; } @media screen and (max-width: 1023px) { .tc--sfs-profile .desktop-title { display: none; } } .tc--sfs-profile .desktop-title .f--page-title { margin-bottom: 1.875rem; } .tc--sfs-profile .desktop-title .f--page-title h1 { font-size: 4.6875rem; line-height: 1; color: #041E42; } .tc--sfs-profile .desktop-title .f--richtext { margin-bottom: 0; color: #041E42; } @media screen and (min-width: 1024px) { .tc--sfs-profile .desktop-title .f--richtext p { font-size: 1.5rem; line-height: 1.6667; } } .tc--sfs-profile .content-main { padding-top: 3.75rem; padding-right: 6.25%; padding-bottom: 3.75rem; padding-left: 6.25%; } @media screen and (min-width: 768px) { .tc--sfs-profile .content-main { padding-top: 0; padding-right: 6.25%; padding-bottom: 3.125rem; padding-left: 6.25%; } } @media screen and (min-width: 1024px) { .tc--sfs-profile .content-main { padding-top: 4.6875rem; padding-right: 10.41667%; padding-bottom: 6.25rem; padding-left: 10.41667%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } } .tc--sfs-profile .content-main .f--section-title h2, .tc--sfs-profile .content-main h2 { margin-bottom: 0.9375rem; font-size: 1.5rem; line-height: 1.4167; color: #366FAC; } @media screen and (min-width: 768px) { .tc--sfs-profile .content-main .f--section-title h2, .tc--sfs-profile .content-main h2 { margin-bottom: 1.25rem; font-size: 1.75rem; line-height: 1.3572; } } @media screen and (min-width: 1024px) { .tc--sfs-profile .content-main .f--section-title h2, .tc--sfs-profile .content-main h2 { margin-bottom: 2.25rem; } } .tc--sfs-profile .content-main h3 { margin-bottom: 0.9375rem; font-size: 1.125rem; line-height: 1.5556; color: #4A4A4A; } @media screen and (min-width: 768px) { .tc--sfs-profile .content-main h3 { font-size: 1.25rem; line-height: 1.7; } } .tc--sfs-program-details .cc--faculty-listing { padding-right: 0; padding-bottom: 3.125rem; padding-left: 0; } @media screen and (min-width: 768px) { .tc--sfs-program-details .cc--faculty-listing { padding-right: 0; padding-bottom: 4.0625rem; padding-left: 0; } } @media screen and (min-width: 1024px) { .tc--sfs-program-details .cc--faculty-listing { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } } @media screen and (min-width: 1024px) { .tc--sfs-program-details .content-sidebar-main-wrapper-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .tc--sfs-program-details .content-sidebar { padding-right: 6.25%; padding-left: 6.25%; display: block; } @media screen and (min-width: 768px) { .tc--sfs-program-details .content-sidebar { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .tc--sfs-program-details .content-sidebar { padding-right: 0; padding-left: 0; -ms-flex-preferred-size: 25%; flex-basis: 25%; -ms-flex-negative: 0; flex-shrink: 0; } } .tc--sfs-program-details .content-main { padding-right: 6.25%; padding-left: 6.25%; } @media screen and (min-width: 768px) { .tc--sfs-program-details .content-main { padding-right: 8.33333%; padding-left: 8.33333%; } } @media screen and (min-width: 1024px) { .tc--sfs-program-details .content-main { padding-top: 5rem; padding-right: 10.41667%; padding-bottom: 6.25rem; padding-left: 10.41667%; -ms-flex-preferred-size: 75%; flex-basis: 75%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .tc--sfs-program-details .content-main .f--page-title { margin-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .tc--sfs-program-details .content-main .f--page-title { margin-bottom: 3.125rem; } } .tc--sfs-program-details .content-main .f--page-title h1 { font-size: 2.375rem; line-height: 1.2632; color: #366FAC; } @media screen and (min-width: 1024px) { .tc--sfs-program-details .content-main .f--page-title h1 { font-size: 3rem; line-height: 1.2084; } } .tc--sfs-program-details .content-main .f--section-title { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) and (max-width: 1023px) { .tc--sfs-program-details .content-main .f--section-title { margin-bottom: 1.25rem; } } .tc--sfs-program-details .content-main .f--section-title h2 { font-size: 1.5rem; line-height: 1.4167; color: #366FAC; } @media screen and (min-width: 768px) { .tc--sfs-program-details .content-main .f--section-title h2 { font-size: 1.75rem; line-height: 1.3572; } } .tc--sfs-program-details .content-main h3 { margin-bottom: 0.9375rem; font-size: 1.125rem; line-height: 1.5556; } @media screen and (min-width: 768px) { .tc--sfs-program-details .content-main h3 { font-size: 1.25rem; line-height: 1.7; } } .tc--sfs-program-details .content-main .f--text-and-image .f--cta-title h3, .tc--sfs-program-details .content-main .f--text-and-image .f--cta-title a { font-size: 1.5rem; line-height: 1.4167; color: #366FAC; } .lity .lity-wrap .lity-container { position: relative; background-color: #FFF; overflow: scroll; -webkit-overflow-scrolling: touch; } @media screen and (min-width: 1024px) { .lity .lity-wrap .lity-container { max-width: 29.16667%; } } .lity .lity-wrap .lity-container .lity-content { padding-top: 5rem; padding-right: 14.28571%; padding-bottom: 5rem; padding-left: 14.28571%; -webkit-transition: none; transition: none; } .lity .lity-wrap .lity-container .lity-content::after { display: none; } .lity .lity-wrap .lity-container .lity-close { overflow: hidden; text-indent: 101%; white-space: nowrap; font-size: 0; line-height: 0; position: absolute; top: 30px; right: 30px; color: #000; } .lity .lity-wrap .lity-container .lity-close::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 16px; height: 16px; background-image: url("/images/icons/icon-close-blue.svg"); content: ''; } .lity .lity-wrap .lity-container .lity-close:focus { outline: 3px solid #00B5E2; } .lity .lity-wrap .lity-container h3 { margin-bottom: 0.3125rem; color: #041E42; } .lity .lity-wrap .lity-container p { font-size: 1rem; line-height: 1.625; } .submit-an-event-form { max-width: 1800px; margin: 0 auto; } .submit-an-event-form form { padding-right: 8.33333%; padding-bottom: 3.125rem; padding-left: 8.33333%; } @media screen and (min-width: 768px) { .submit-an-event-form form { padding-bottom: 4.6875rem; } } @media screen and (min-width: 1024px) { .submit-an-event-form form { padding-right: 22.91667%; padding-bottom: 9.375rem; padding-left: 22.91667%; } } .submit-an-event-form .row { margin-bottom: 1.5625rem; clear: both; } .submit-an-event-form .row.cost .acf-input-prepend { display: none; } @media screen and (min-width: 768px) { .submit-an-event-form .row.cost { width: 50%; } } @media screen and (min-width: 768px) { .submit-an-event-form .two-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 767px) { .submit-an-event-form .two-column > div:not(:last-child) { margin-bottom: 1.5625rem; } } @media screen and (min-width: 768px) { .submit-an-event-form .two-column > div { -ms-flex-preferred-size: 47.5%; flex-basis: 47.5%; } } @media screen and (min-width: 1024px) { .submit-an-event-form .two-column > div { -ms-flex-preferred-size: 46.15385%; flex-basis: 46.15385%; } } .submit-an-event-form .required-message { float: right; } .submit-an-event-form .acf-required { color: #041E42; } .submit-an-event-form .acf-actions { text-align: left; } .submit-an-event-form .acf-input-prepend { height: 4.0625rem; } .submit-an-event-form .fi--form-item, .submit-an-event-form .acf-field { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .submit-an-event-form .fi--form-item label, .submit-an-event-form .fi--form-item .acf-label label, .submit-an-event-form .acf-field label, .submit-an-event-form .acf-field .acf-label label { font-size: 1rem; line-height: 1.375; margin-bottom: 0.3125rem; display: block; color: #041E42; font-style: normal; font-weight: 500; } .submit-an-event-form .fi--form-item.indented, .submit-an-event-form .acf-field.indented { margin-left: 2.1875rem; } .submit-an-event-form fieldset { margin-top: 1.25rem; margin-bottom: 1.25rem; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; } .submit-an-event-form fieldset legend { font-size: 1.25rem; line-height: 1.7; margin-bottom: 0.3125rem; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; float: left; color: #041E42; } .submit-an-event-form .acf-checkbox-list label { color: #505050; } .submit-an-event-form ::-webkit-file-upload-button { font-size: 0.9375rem; line-height: 1.4667; padding-right: 1.75rem; padding-left: 1.75rem; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; height: 2.5rem; border: 0.0625rem solid #CCC; border-radius: 0.1875rem; background-color: #F0F0F0; color: #505050; font-family: 'futura-pt', Arial, sans-serif; font-style: normal; font-weight: 500; } .submit-an-event-form ::-ms-browse { font-size: 0.9375rem; line-height: 1.4667; padding-right: 1.75rem; padding-left: 1.75rem; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; height: 2.5rem; border: 0.0625rem solid #CCC; border-radius: 0.1875rem; background-color: #F0F0F0; color: #505050; font-family: 'futura-pt', Arial, sans-serif; font-style: normal; font-weight: 500; } .submit-an-event-form .acf-repeater .acf-table .button, .submit-an-event-form .acf-repeater .acf-actions .button { font-size: 0.9375rem; line-height: 1.4667; padding-right: 1.75rem; padding-left: 1.75rem; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; height: 2.5rem; border: 0.0625rem solid #CCC; border-radius: 0.1875rem; background-color: #F0F0F0; color: #505050; font-family: 'futura-pt', Arial, sans-serif; font-style: normal; font-weight: 500; } .submit-an-event-form .acf-switch, .submit-an-event-form .acf-switch.-off, .submit-an-event-form .acf-switch .acf-switch-slider, .submit-an-event-form .acf-switch.-focus .acf-switch-slider { border-color: #CCC; color: #505050; } .submit-an-event-form .acf-switch.-on, .submit-an-event-form .acf-switch.-on:hover { border-color: #041E42; background-color: #041E42; color: #FFF; } .submit-an-event-form .acf-switch-on { text-shadow: none; } .submit-an-event-form .acf-repeater .acf-row:focus-within > .acf-row-handle .acf-icon { display: block; } /** * Core gallery block. */ .wp-block-gallery, .blocks-gallery-grid { margin-top: 0; margin-right: 0; margin-bottom: 2.1875rem; margin-left: 0; } @media screen and (min-width: 1024px) { .wp-block-gallery, .blocks-gallery-grid { margin-top: 0; margin-right: 0; margin-bottom: 1.875rem; margin-left: 0; } } .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(75%, rgba(0, 0, 0, 0.5)), to(transparent)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5) 75%, transparent); } .wp-block-gallery .blocks-gallery-item figcaption a, .blocks-gallery-grid .blocks-gallery-item figcaption a { color: #FFF; } .wp-block-gallery .blocks-gallery-item figcaption a:hover, .wp-block-gallery .blocks-gallery-item figcaption a:focus, .blocks-gallery-grid .blocks-gallery-item figcaption a:hover, .blocks-gallery-grid .blocks-gallery-item figcaption a:focus { text-decoration: none; } /** * Custom GU table block. */ .gu-table tbody tr:nth-of-type(2n+1) { background-color: #F0F0F0; } .gu-table caption { padding-top: .75rem; padding-bottom: .75rem; text-align: left; caption-side: bottom; } .wp-block-image figcaption { text-align: center; } /*# sourceMappingURL=maps/style.css.map */