@charset "UTF-8"; .cc--hero-headline-over-image .article-hero-wrapper .text-container .f--page-title h1, .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .text-container .f--page-title h1 { font-family: 'PT Serif', Georgia, serif; font-style: normal; font-weight: 400; } h1, h2, h3, h4, h5, h6, .lc--layout-container h1, .lc--layout-container h2, .lc--layout-container h3, .lc--layout-container h4, .lc--layout-container h5, .lc--layout-container h1 strong, .lc--layout-container h1 sup, .lc--layout-container h1 sub, .lc--layout-container h2 strong, .lc--layout-container h2 sup, .lc--layout-container h2 sub, .lc--layout-container h3 strong, .lc--layout-container h3 sup, .lc--layout-container h3 sub, .lc--layout-container h4 strong, .lc--layout-container h4 sup, .lc--layout-container h4 sub, .lc--layout-container h5 strong, .lc--layout-container h5 sup, .lc--layout-container h5 sub, .lc--layout-container h1 strong sup, .lc--layout-container h1 strong sub, .lc--layout-container h2 strong sup, .lc--layout-container h2 strong sub, .lc--layout-container h3 strong sup, .lc--layout-container h3 strong sub, .lc--layout-container h4 strong sup, .lc--layout-container h4 strong sub, .lc--layout-container h5 strong sup, .lc--layout-container h5 strong sub, .f--rich-text h1, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h1, .enhanced-gallery__lightbox--summary h1, .enhanced-gallery__lightbox--subheading h1, .enhanced-gallery__lightbox--headline h1, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h1, .f--rich-text h2, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h2, .enhanced-gallery__lightbox--summary h2, .enhanced-gallery__lightbox--subheading h2, .enhanced-gallery__lightbox--headline h2, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h2, .f--rich-text h3, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h3, .enhanced-gallery__lightbox--summary h3, .enhanced-gallery__lightbox--subheading h3, .enhanced-gallery__lightbox--headline h3, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h3, .f--rich-text h4, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h4, .enhanced-gallery__lightbox--summary h4, .enhanced-gallery__lightbox--subheading h4, .enhanced-gallery__lightbox--headline h4, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h4, .f--rich-text h5, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h5, .enhanced-gallery__lightbox--summary h5, .enhanced-gallery__lightbox--subheading h5, .enhanced-gallery__lightbox--headline h5, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h5, .f--rich-text h6, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h6, .enhanced-gallery__lightbox--summary h6, .enhanced-gallery__lightbox--subheading h6, .enhanced-gallery__lightbox--headline h6, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h6, .f--rich-text blockquote .quote-text, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text, .enhanced-gallery__lightbox--summary blockquote .quote-text, .enhanced-gallery__lightbox--subheading blockquote .quote-text, .enhanced-gallery__lightbox--headline blockquote .quote-text, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-text, .f--rich-text blockquote .quote-text::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text::before, .enhanced-gallery__lightbox--summary blockquote .quote-text::before, .enhanced-gallery__lightbox--subheading blockquote .quote-text::before, .enhanced-gallery__lightbox--headline blockquote .quote-text::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-text::before, .f--rich-text blockquote .quote-text::after, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text::after, .enhanced-gallery__lightbox--summary blockquote .quote-text::after, .enhanced-gallery__lightbox--subheading blockquote .quote-text::after, .enhanced-gallery__lightbox--headline blockquote .quote-text::after, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-text::after, .f--rich-text blockquote .quote-name, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-name, .enhanced-gallery__lightbox--summary blockquote .quote-name, .enhanced-gallery__lightbox--subheading blockquote .quote-name, .enhanced-gallery__lightbox--headline blockquote .quote-name, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-name, .f--rich-text .call-out-text, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .call-out-text, .enhanced-gallery__lightbox--summary .call-out-text, .enhanced-gallery__lightbox--subheading .call-out-text, .enhanced-gallery__lightbox--headline .call-out-text, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .call-out-text, .f--rich-text ol > li::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol > li::before, .enhanced-gallery__lightbox--summary ol > li::before, .enhanced-gallery__lightbox--subheading ol > li::before, .enhanced-gallery__lightbox--headline ol > li::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol > li::before, .f--section-title h2, .f--sub-title h3, .f--sub-title .sub-title-h3, .cc--location-tabs-slide .f--rich-text, .cc--accordion .c--accordion .f--section-title h2, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger h3, .cc--animated-50-50 .section-scroll .section-item:first-of-type h2, .cc--description-image-cards .c--description-image-cards .news-list .article.has-label .image-wrapper .f--text, .cc--description-summary-cards .c--description-summary-cards .cards-list .f--sub-title h3, .cc--event-card .c--event-card .left-col .f--date time, .cc--featured-results .inner-wrapper .title-cta .f--section-title h2, .cc--featured-videos .text-wrapper .f--cta-title h3 a, .cc--hero-headline-image .text-container-inner .f--page-title h1, .cc--hero-headline .f--page-title h1, .cc--latest-news .text-container .f--sub-title h3 a, .cc--link-grid .f--section-title h2, .cc--magazine-issue-card .f--sub-title h3, .cc--magazine-issue-header .f--text, .cc--mosaic .mosaic-stat.mosaic-item .f--stat-prefix, .cc--mosaic .mosaic-stat.mosaic-item .f--description p, .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .category, .cc--nb-full-width-hero-carousel .swiper-navigation .swiper-counter, .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .slide-label, .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner .swiper-pagination li button, .cc--nb-media-contact .full-name, .cc--nb-news-landing-nav .nav-top .nb-news-landing-logo a, .cc--nb-news-mini-nav .nb-news-landing-logo a, .cc--news-card-video .text-container .f--sub-title a, .cc--news-card .f--sub-title h3, .cc--news-card .f--sub-title a, .cc--program-finder .slide-selector .finder-selector-item, .cc--program-finder .slide-links .text-container .f--category, .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link .button--alt, .cc--related-content .inner-wrapper .title-cta .f--section-title h2, .cc--related-video .inner-wrapper .title-cta .f--section-title h2, .cc--remote-video .video-poster .video-controls-info .f--page-title h1, .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote, .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote div, .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote p, .cc--rur-research-news-mini-nav .rur-news-landing-logo a, .cc--rur-research-news-nav .nav-top .rur-news-landing-logo a, .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title a, .cc--slideshow .text-bottom .swiper-pagination, .cc--stat-item .f--stat-subheading, .cc--stat-item .f--description, .f--stat-headline, .cc--sticky-promo .subscribe-block-wrapper .f--link a.button strong, .cc--sticky-promo .subscribe-block-wrapper .f--link a.button sup, .cc--sticky-promo .subscribe-block-wrapper .f--link a.button sub, .cc--tabbed-link-grid .tabs-content-wrapper .f--section-title h2, .cc--tabbed-news-aggregator .section-header .f--section-title h2, .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link strong, .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link sup, .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link sub, .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link strong, .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link sup, .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link sub, .cc--video-full-width .video-poster .video-controls-info .f--sub-title h3, .cc--wcs-link-grid-with-icon .f--section-title h2, .chaptered-page .cc--chapter .cc--link-grid .section-header .f--section-title h2, .event .event-detail-header .f--date, .listing-event .listing-event-header .date-wrapper .f--date, .listing-related-topics .cc--feature-external-internal .f--label, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title a, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title * { font-family: 'PT Serif', Georgia, serif; font-style: normal; font-weight: 700; } .lc--layout-container h1 em, .lc--layout-container h2 em, .lc--layout-container h3 em, .lc--layout-container h4 em, .lc--layout-container h5 em, .lc--layout-container h1 em sup, .lc--layout-container h1 em sub, .lc--layout-container h2 em sup, .lc--layout-container h2 em sub, .lc--layout-container h3 em sup, .lc--layout-container h3 em sub, .lc--layout-container h4 em sup, .lc--layout-container h4 em sub, .lc--layout-container h5 em sup, .lc--layout-container h5 em sub, .cc--hero-magazine-feature .hero-bg-image .f--section-title h2, .cc--magazine-issue-header .f--page-title h1, .cc--sticky-promo .subscribe-block-wrapper .f--link a.button em, .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link em, .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link em sup, .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link em sub, .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link em, .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link em sup, .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link em sub { font-family: 'PT Serif', Georgia, serif; font-style: italic; font-weight: 700; } .cc--branding-header-red-tag h2, .cc--branding-header-red-tag h4, .cc--cost .c--cost .form-container .f--text, .cc--event-card .c--event-card .left-col .f--date time span, .cc--mosaic .mosaic-stat.mosaic-item .f--sub-title h3, .cc--mosaic .mosaic-stat.mosaic-item .f--sub-title .sub-title-h3, .cc--nb-branding-header-red-tag h2, .cc--nb-branding-header-red-tag h4, .cc--nwrk-branding-header-red-tag h2, .cc--nwrk-branding-header-red-tag h4, .cc--rur-branding-header-red-tag h2, .cc--rur-branding-header-red-tag h4, .stat-item, .event .event-detail-header .f--date span, .listing-event .listing-event-header .date-wrapper .f--date span { font-family: 'Oswald', Georgia, sans-serif; font-style: normal; font-weight: 500; } body, figure figcaption, .lc--layout-container p sup, .lc--layout-container p sub, .fi--form-item .checkbox-wrapper label, .fi--form-item .radio-wrapper label, .fi--form-item .select-wrap select, .fi--form-item textarea, .f--authored-date .text-container time, .f--description p, .f--description li, .f--phone a, .f--rich-text figure figcaption, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure figcaption, .enhanced-gallery__lightbox--summary figure figcaption, .enhanced-gallery__lightbox--subheading figure figcaption, .enhanced-gallery__lightbox--headline figure figcaption, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure figcaption, .f--rich-text table.program-data td:first-of-type, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table.program-data td:first-of-type, .enhanced-gallery__lightbox--summary table.program-data td:first-of-type, .enhanced-gallery__lightbox--subheading table.program-data td:first-of-type, .enhanced-gallery__lightbox--headline table.program-data td:first-of-type, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table.program-data td:first-of-type, .f--rich-text table tr, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table tr, .enhanced-gallery__lightbox--summary table tr, .enhanced-gallery__lightbox--subheading table tr, .enhanced-gallery__lightbox--headline table tr, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table tr, .f--rich-text table td, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table td, .enhanced-gallery__lightbox--summary table td, .enhanced-gallery__lightbox--subheading table td, .enhanced-gallery__lightbox--headline table td, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table td, .f--rich-text table th, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table th, .enhanced-gallery__lightbox--summary table th, .enhanced-gallery__lightbox--subheading table th, .enhanced-gallery__lightbox--headline table th, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table th, .f--rich-text table caption, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table caption, .enhanced-gallery__lightbox--summary table caption, .enhanced-gallery__lightbox--subheading table caption, .enhanced-gallery__lightbox--headline table caption, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table caption, .cc--footer-copyright .c--footer-copyright .f--description p, .cc--nwrk-footer-copyright .c--nwrk-footer-copyright .f--description p, .cc--rur-footer-copyright .c--rur-footer-copyright .f--description p, .cc--user-choice-slide .f--description p, .cc--user-choice-vertical-slide .f--description p, .cc--basic-footer .c--basic-footer .cc--footer-menu nav ul li a, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a, #l--main-header-basic .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li a, .cc--basic-search-form .fi--form-item input, .cc--caption-transcript .inner-wrapper .f--description p, .cc--chapter-jump-links .tinynav, .cc--chapter-jump-links a, .cc--enhanced-50-50 .fifty-fifty-wrapper .text-container .f--description, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--button-wrapper .button, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--link .button, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--button-wrapper .button, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--link .button, .cc--footer .c--footer .cc--footer-menu nav ul li a, .c--grant-announcement-card .text-container .f--text, #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a, #l--main-header .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li a, .cc--hero-headline-image .caption-credit .f--description, .cc--hero-headline-image .caption-credit .f--description p, .cc--hero-headline-over-image .caption-credit .f--description, .cc--hero-headline-over-image .caption-credit .f--description p, .cc--image-full-width .caption-credit .f--description, .cc--image-full-width .caption-credit .f--description p, .cc--magazine-issue-card .cta-link-list .f--link .button, .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul > li span, .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul > li a, .c--media-mention-card .text-container .f--text, .cc--menu-banner .menu--banner-menu .f--link .button, .cc--menu-banner.color-black .c--menu-banner .menu--banner-menu .f--link .button, .cc--menu-banner.color-dark-gray .c--menu-banner .menu--banner-menu .f--link .button, .cc--menu-banner.color-red .c--menu-banner .menu--banner-menu .f--link .button, .cc--menu-banner.color-blue .c--menu-banner .menu--banner-menu .f--link .button, .cc--menu-banner.color-teal .c--menu-banner .menu--banner-menu .f--link .button, .cc--mini-site-sidebar .mc--menu li a, .cc--mini-site-sidebar .mc--menu li span, .cc--nb-footer .c--nb-footer .cc--footer-menu nav ul li a, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a, #l--main-header-nb .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li a, .cc--nb-news-landing-nav .mobile-top-nav .menu-list .f--link a, .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item input, .cc--nb-search-form .fi--form-item input, .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu nav ul li a, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a, #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li a, .cc--nwrk-search-form .fi--form-item input, .cc--profile-chapter-nav .links .link .button--alt, .cc--profile-chapter-nav .tinynav, .cc--promo-50-50 .fifty-fifty-wrapper .text-container .f--description, .cc--promo-photo-2col .profile-image-wrapper .profile-cta .f--text, .cc--remote-video .video-poster .video-controls-info .f--date, .cc--remote-video .video-poster .video-controls-info .f--label, .c--resources-card .f--text, .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure div, .cc--rur-footer .c--rur-footer .cc--footer-menu nav ul li a, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a, #l--main-header-rur .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li a, .cc--rur-research-news-nav .nav-top .rur-news-landing-logo span, .cc--rur-research-news-nav .mobile-top-nav .menu-list .f--link a, .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item input, .cc--rur-search-form .fi--form-item input, .cc--rutgers-magazine-nav .mobile-top-nav .menu-list .f--link a, .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item input, .cc--rutgers-magazine-sticky-nav .back-link .button--alt, .cc--rutgers-today-nav .mobile-top-nav .menu-list .f--link a, .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item input, .cc--search-form .fi--form-item input, .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a, .cc--social-share .c--social-share .story-share-wrapper ul li button, .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--utility-menu .m--menu > li.is-open ul.submenu > li > a, .cc--utility-menu .m--menu > li.on-hover ul.submenu > li > a, .cc--video-full-width2 .one-hundred-wrapper .text-container .f--description, .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a, .event .content-main .content-inner .event-body figure p, .nb-areas-study .content-main .content-inner .areas-study-body figure p, .search form .fi--form-item input, .tc--search .gsc-control-cse .gsc-above-wrapper-area .gsc-result-info, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-snippet, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align *, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet *, .tc--search .gsc-control-cse .gsc-wrapper .gsc-cursor-box .gsc-cursor-page { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; } .lc--layout-container p em, .lc--layout-container p em sup, .lc--layout-container p em sub, .download-section .f--label, .f--description p em, .f--description li em, .cc--mini-site-listing-item .c--mini-site-listing-item .f--date, .cc--slideshow .text-bottom .f--text p { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a, #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a, #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a, #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a, .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span, .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a, .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .link-arrow-wrapper > span, .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .link-arrow-wrapper > a, .cc--main-menu ul > li ul.submenu > li > span, .cc--main-menu ul > li ul.submenu > li > a, .cc--main-menu ul > li.menu-item--active-trail .submenus-wrapper ul li span, .cc--main-menu ul > li.menu-item--active-trail .submenus-wrapper ul li a, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a, .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .f--link .button, .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .f--link .button, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a, .cc--person-card .location span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a, .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .f--link .button, .cc--rur-research-news-nav .rur-news-nav-dropdown-section .f--link .button, .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .f--link .button, .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .f--link .button, .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .f--link .button, .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .f--link .button, .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a, .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a, .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper li > span, .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper li > a, .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span, .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a, .cc--secondary-menu ul > li ul.submenu > li > span, .cc--secondary-menu ul > li ul.submenu > li > a, .cc--secondary-menu ul > li.menu-item--active-trail .submenus-wrapper ul li span, .cc--secondary-menu ul > li.menu-item--active-trail .submenus-wrapper ul li a { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; } .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .f--text, .cc--nwrk-home-hero .animation-container .nwrk-logo-title .f--text { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 600; } table strong, .lc--layout-container p b, .lc--layout-container p strong, .lc--layout-container p strong sup, .lc--layout-container p strong sub, .lc--layout-container b, .lc--layout-container strong, .button, .button--alt, .button--alt-outline, .button--alt-transparent, .fi--form-item > label, .fi--form-item input[type='button'], .fi--form-item input[type='submit'], .f--authored-date .text-container p, .download-section .f--link .button, .f--category, .f--category a, .f--description p strong, .f--description li strong, .f--description p strong sub, .f--description p strong sup, .f--description li strong sub, .f--description li strong sup, .f--description p a.inline-button, .f--description li a.inline-button, .f--rich-text strong, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel strong, .enhanced-gallery__lightbox--summary strong, .enhanced-gallery__lightbox--subheading strong, .enhanced-gallery__lightbox--headline strong, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text strong, .f--rich-text a.inline-button, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel a.inline-button, .enhanced-gallery__lightbox--summary a.inline-button, .enhanced-gallery__lightbox--subheading a.inline-button, .enhanced-gallery__lightbox--headline a.inline-button, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text a.inline-button, .cc--location-tabs-slide .location-link-list > li a, .cc--location-tabs-slide .tinynav, .cc--user-choice-slide h3.tab-title, .cc--user-choice-slide .f--link a, .cc--user-choice-vertical-slide h3.tab-title, .cc--user-choice-vertical-slide .f--link a, .cc--basic-footer .c--basic-footer .connect-menu-section h2, .cc--basic-footer .c--basic-footer .cc--footer-menu h3, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > span, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > span, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a, #l--main-header-basic .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button, .cc--caption-transcript .inner-wrapper .f--button, .cc--caption-transcript .inner-wrapper .f--button .f--button-wrapper button, .cc--chapter-jump-links strong, .cc--chapter-jump-links a.is-active, html[data-whatintent="mouse"] .cc--chapter-jump-links a:hover, .c--chapter-link-list .link-list-wrapper .f--link a, .cc--description-card-carousel.color-pale-teal .f--link .button, .cc--description-card-carousel.color-pale-yellow .f--link .button, .cc--description-card-carousel.color-pale-blue .f--link .button, .cc--description-card-carousel.color-black .f--link .button, .cc--description-card-carousel.color-blue .f--link .button, .cc--description-card-carousel.color-dark-gray .f--link .button, .cc--description-card-carousel.color-red .f--link .button, .cc--description-card-carousel.color-teal .f--link .button, .cc--description-summary-cards.color-pale-teal .f--link .button, .cc--description-summary-cards.color-pale-yellow .f--link .button, .cc--description-summary-cards.color-pale-blue .f--link .button, .cc--description-summary-cards.color-black .f--link .button, .cc--description-summary-cards.color-blue .f--link .button, .cc--description-summary-cards.color-dark-gray .f--link .button, .cc--description-summary-cards.color-red .f--link .button, .cc--description-summary-cards.color-teal .f--link .button, .cc--descriptive-links.color-pale-teal .f--link .button, .cc--descriptive-links.color-pale-yellow .f--link .button, .cc--descriptive-links.color-pale-blue .f--link .button, .cc--descriptive-links.color-black .f--link .button, .cc--descriptive-links.color-blue .f--link .button, .cc--descriptive-links.color-dark-gray .f--link .button, .cc--descriptive-links.color-red .f--link .button, .cc--descriptive-links.color-teal .f--link .button, .cc--descriptive-links.bg-image .f--link .button, .cc--emergency-banner.color-pale-teal .f--link .button, .cc--emergency-banner.color-pale-yellow .f--link .button, .cc--emergency-banner.color-pale-blue .f--link .button, .cc--emergency-banner.color-black .f--link .button, .cc--emergency-banner.color-blue .f--link .button, .cc--emergency-banner.color-dark-gray .f--link .button, .cc--emergency-banner.color-red .f--link .button, .cc--emergency-banner.color-teal .f--link .button, .cc--enhanced-50-50.color-pale-teal .f--link .button, .cc--enhanced-50-50.color-pale-yellow .f--link .button, .cc--enhanced-50-50.color-pale-blue .f--link .button, .cc--enhanced-50-50.color-black .f--link .button, .cc--enhanced-50-50.color-blue .f--link .button, .cc--enhanced-50-50.color-dark-gray .f--link .button, .cc--enhanced-50-50.color-red .f--link .button, .cc--enhanced-50-50.color-teal .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--link .button, .cc--events-filtered-display .c--events-filtered-display .f--link a, .cc--facts-figures-home.color-pale-teal .f--link .button, .cc--facts-figures-home.color-pale-yellow .f--link .button, .cc--facts-figures-home.color-pale-blue .f--link .button, .cc--facts-figures-home.color-black .f--link .button, .cc--facts-figures-home.color-blue .f--link .button, .cc--facts-figures-home.color-dark-gray .f--link .button, .cc--facts-figures-home.color-red .f--link .button, .cc--facts-figures-home.color-teal .f--link .button, .cc--facts-figures-home.bg-image .f--link .button, .cc--facts-figures.color-pale-teal .f--link .button, .cc--facts-figures.color-pale-yellow .f--link .button, .cc--facts-figures.color-pale-blue .f--link .button, .cc--facts-figures.color-black .f--link .button, .cc--facts-figures.color-blue .f--link .button, .cc--facts-figures.color-dark-gray .f--link .button, .cc--facts-figures.color-red .f--link .button, .cc--facts-figures.color-teal .f--link .button, .cc--facts-figures.bg-image .f--link .button, .cc--featured-events .f--link .button, .cc--featured-summaries.color-pale-teal .f--link .button, .cc--featured-summaries.color-pale-yellow .f--link .button, .cc--featured-summaries.color-pale-blue .f--link .button, .cc--featured-summaries.color-black .f--link .button, .cc--featured-summaries.color-blue .f--link .button, .cc--featured-summaries.color-dark-gray .f--link .button, .cc--featured-summaries.color-red .f--link .button, .cc--featured-summaries.color-teal .f--link .button, .cc--featured-topic .inner-wrapper > .text-container .f--link .button, .cc--featured-videos .text-wrapper .text-container a, .cc--featured-videos .cta-container .f--link .button, .cc--filter-abc-form form .abc-all-wrapper ul > li a.all-button, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a.all-button, .cc--filter-form .filter-form-header h2, .cc--filter-form .button-container .button, .cc--footer .c--footer .connect-menu-section h2, .cc--footer .c--footer .cc--footer-menu h3, .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link a, #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a, #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a, #l--main-header .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button, .cc--heading-description.color-pale-teal .f--link .button, .cc--heading-description.color-pale-yellow .f--link .button, .cc--heading-description.color-pale-blue .f--link .button, .cc--heading-description.color-black .f--link .button, .cc--heading-description.color-blue .f--link .button, .cc--heading-description.color-dark-gray .f--link .button, .cc--heading-description.color-red .f--link .button, .cc--heading-description.color-teal .f--link .button, .cc--hero-basic.color-pale-teal .f--link .button, .cc--hero-basic.color-pale-yellow .f--link .button, .cc--hero-basic.color-pale-blue .f--link .button, .cc--hero-basic.color-black .f--link .button, .cc--hero-basic.color-blue .f--link .button, .cc--hero-basic.color-dark-gray .f--link .button, .cc--hero-basic.color-red .f--link .button, .cc--hero-basic.color-teal .f--link .button, .cc--hero-basic.bg-image .f--link .button, .cc--hero-basic.bg-video .f--link .button, .cc--hero-magazine-feature .hero-bg-image .text-container .f--link .button, .cc--in-the-news.color-pale-teal .f--link .button, .cc--in-the-news.color-pale-yellow .f--link .button, .cc--in-the-news.color-pale-blue .f--link .button, .cc--in-the-news.color-black .f--link .button, .cc--in-the-news.color-blue .f--link .button, .cc--in-the-news.color-dark-gray .f--link .button, .cc--in-the-news.color-red .f--link .button, .cc--in-the-news.color-teal .f--link .button, .cc--link-grid .link-list .link-list-wrapper .f--link a, .cc--location-tabs .side-nav .swiper-pagination .swiper-pagination-customs .location-link, .cc--locations-menu .m--menu > li > a, .cc--login-form .user-login-form .form-item label, .cc--login-form .user-login-form .form-actions .form-item:first-child > input, .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button, .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button, .cc--logo-promo .content-wrapper.color-pale-blue .f--link .button, .cc--logo-promo .content-wrapper.color-black .f--link .button, .cc--logo-promo .content-wrapper.color-blue .f--link .button, .cc--logo-promo .content-wrapper.color-dark-gray .f--link .button, .cc--logo-promo .content-wrapper.color-red .f--link .button, .cc--logo-promo .content-wrapper.color-teal .f--link .button, .cc--magazine-promo .magazine-promo-container .link-container .f--link .button, .cc--main-menu ul > li > span, .cc--main-menu ul > li > a, .cc--main-menu ul > li .link-arrow-wrapper > span, .cc--main-menu ul > li .link-arrow-wrapper > a, .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > span, .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a, .cc--menu-banner.color-pale-teal .f--link .button, .cc--menu-banner.color-pale-yellow .f--link .button, .cc--menu-banner.color-pale-blue .f--link .button, .cc--menu-banner.color-black .f--link .button, .cc--menu-banner.color-blue .f--link .button, .cc--menu-banner.color-dark-gray .f--link .button, .cc--menu-banner.color-red .f--link .button, .cc--menu-banner.color-teal .f--link .button, .cc--menu-banner .f--section-title h2, .cc--menu-banner .menu--banner-menu .f--link span, .cc--mini-site-sidebar .mc--menu li.is-open > .utility-button-wrapper > a, .cc--mini-site-sidebar .mc--menu li.is-open > .utility-button-wrapper > span, html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li a:hover, html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li span:hover, .cc--mini-site-sidebar .mc--menu li a.is-active, .cc--mini-site-sidebar .mc--menu li span.is-active, .cc--mini-site-sidebar .mc--menu li.menu-item--active-trail span, .cc--mini-site-sidebar .mc--menu li.menu-item--active-trail a, .cc--mosaic .mosaic-item.color-pale-teal .f--link .button, .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button, .cc--mosaic .mosaic-item.color-pale-blue .f--link .button, .cc--mosaic .mosaic-item.color-black .f--link .button, .cc--mosaic .mosaic-item.color-blue .f--link .button, .cc--mosaic .mosaic-item.color-dark-gray .f--link .button, .cc--mosaic .mosaic-item.color-red .f--link .button, .cc--mosaic .mosaic-item.color-teal .f--link .button, .cc--mosaic .mosaic-item .f--category, .cc--mosaic .mosaic-item .f--category a, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--cta-title h3, .cc--nb-feature-article-jump-links .mobile-dropdown .text, .cc--nb-feature-hero .outer-wrapper .posted-wrapper, .cc--nb-footer .c--nb-footer .connect-menu-section h2, .cc--nb-footer .c--nb-footer .cc--footer-menu h3, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > span, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > span, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a, #l--main-header-nb .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button, .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tabs-carousel-button, .cc--location-map .tabs-pinmaps .pinmaps button.pin, .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .f--eyebrow, .overlays .overlay-carousel .swiper-pagination .swiper-pagination-bullet, .cc--nb-media-contact .f--cta-title h3, .cc--nb-news-landing-nav .nav-top .nav-top-links .f--link a, .cc--nb-news-landing-nav .nav-top .nav-top-links .f--button .button, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--link .button, .cc--news-filtered-display .c--news-filtered-display .f--link:not(.pager__item) a, .cc--nwrk-footer .c--nwrk-footer .connect-menu-section h2, .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu h3, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > span, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > span, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a, #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button, .cc--pager .c--pager ul li a, .cc--pager .c--pager ul li a span, .cc--profile-chapter-nav .links .link .button--alt.is-active, html[data-whatintent="mouse"] .cc--profile-chapter-nav .links .link .button--alt:hover, .cc--profile-chapter-nav strong, .cc--program-finder .bg-image.color-pale-teal .f--link .button, .cc--program-finder .bg-image.color-pale-yellow .f--link .button, .cc--program-finder .bg-image.color-pale-blue .f--link .button, .cc--program-finder .bg-image.color-black .f--link .button, .cc--program-finder .bg-image.color-blue .f--link .button, .cc--program-finder .bg-image.color-dark-gray .f--link .button, .cc--program-finder .bg-image.color-red .f--link .button, .cc--program-finder .bg-image.color-teal .f--link .button, .cc--program-finder .bg-image .f--link .button, .cc--program-finder .slide-start .f--button .button, .cc--program-finder .slide-selector.color-pale-teal .f--link .button, .cc--program-finder .slide-selector.color-pale-yellow .f--link .button, .cc--program-finder .slide-selector.color-pale-blue .f--link .button, .cc--program-finder .slide-links.color-pale-teal .f--link .button, .cc--program-finder .slide-links.color-pale-yellow .f--link .button, .cc--program-finder .slide-links.color-pale-blue .f--link .button, .cc--program-finder .slide-selector.color-black .f--link .button, .cc--program-finder .slide-selector.color-blue .f--link .button, .cc--program-finder .slide-selector.color-dark-gray .f--link .button, .cc--program-finder .slide-selector.color-red .f--link .button, .cc--program-finder .slide-selector.color-teal .f--link .button, .cc--program-finder .slide-links.color-black .f--link .button, .cc--program-finder .slide-links.color-blue .f--link .button, .cc--program-finder .slide-links.color-dark-gray .f--link .button, .cc--program-finder .slide-links.color-red .f--link .button, .cc--program-finder .slide-links.color-teal .f--link .button, .cc--program-finder .start-over-container .start-over-button, .cc--promo-50-50.color-pale-teal .f--link .button, .cc--promo-50-50.color-pale-yellow .f--link .button, .cc--promo-50-50.color-pale-blue .f--link .button, .cc--promo-50-50.color-black .f--link .button, .cc--promo-50-50.color-blue .f--link .button, .cc--promo-50-50.color-dark-gray .f--link .button, .cc--promo-50-50.color-red .f--link .button, .cc--promo-50-50.color-teal .f--link .button, .cc--related-content.color-pale-teal .f--link .button, .cc--related-content.color-pale-yellow .f--link .button, .cc--related-content.color-pale-blue .f--link .button, .cc--related-content.color-black .f--link .button, .cc--related-content.color-blue .f--link .button, .cc--related-content.color-dark-gray .f--link .button, .cc--related-content.color-red .f--link .button, .cc--related-content.color-teal .f--link .button, .cc--related-video.color-pale-teal .f--link .button, .cc--related-video.color-pale-yellow .f--link .button, .cc--related-video.color-pale-blue .f--link .button, .cc--related-video.color-black .f--link .button, .cc--related-video.color-blue .f--link .button, .cc--related-video.color-dark-gray .f--link .button, .cc--related-video.color-red .f--link .button, .cc--related-video.color-teal .f--link .button, .cc--remote-video .video-poster .video-controls-info .f--category a, .cc--rsdm-featured-summaries.color-pale-teal .f--link .button, .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button, .cc--rsdm-featured-summaries.color-pale-blue .f--link .button, .cc--rsdm-featured-summaries.color-black .f--link .button, .cc--rsdm-featured-summaries.color-blue .f--link .button, .cc--rsdm-featured-summaries.color-dark-gray .f--link .button, .cc--rsdm-featured-summaries.color-red .f--link .button, .cc--rsdm-featured-summaries.color-teal .f--link .button, .cc--rur-filter-form-core-facilities .filter-form-header h2, .cc--rur-filter-form-core-facilities .button-container .button, .cc--rur-filter-form-core-facilities .fieldset-triger-btn, .cc--rur-filter-form-funding-ops .filter-form-header h2, .cc--rur-filter-form-funding-ops .button-container .button, .cc--rur-filter-form-funding-ops .fieldset-triger-btn, .cc--rur-filter-form-resources .filter-form-header h2, .cc--rur-filter-form-resources .button-container .button, .cc--rur-filter-form-resources .topic legend, .cc--rur-filter-form-resources .type legend, .cc--rur-footer .c--rur-footer .connect-menu-section h2, .cc--rur-footer .c--rur-footer .cc--footer-menu h3, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a, #l--main-header-rur .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button, .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .lifecycle-link, .cc--rur-lifecycle-carousel .swiper-pagination li button, .cc--rur-lifecycle-hero-nav .tinynav, .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li a, .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a, .cc--rur-research-news-nav .nav-top .nav-top-links .f--link a, .cc--rur-research-news-nav .nav-top .nav-top-links .f--button .button, .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--link a, .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--button .button, .cc--rutgers-today-nav .nav-top .nav-top-links .f--link a, .cc--rutgers-today-nav .nav-top .nav-top-links .f--button .button, .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li > a, .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .link-arrow-wrapper > a, .cc--secondary-menu ul > li > span, .cc--secondary-menu ul > li > a, .cc--secondary-menu ul > li .link-arrow-wrapper > span, .cc--secondary-menu ul > li .link-arrow-wrapper > a, .cc--secondary-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > span, .cc--secondary-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a, .secondary-navigation.color-pale-teal .f--link .button, .secondary-navigation.color-pale-yellow .f--link .button, .secondary-navigation.color-pale-blue .f--link .button, .secondary-navigation.color-black .f--link .button, .secondary-navigation.color-blue .f--link .button, .secondary-navigation.color-dark-gray .f--link .button, .secondary-navigation.color-red .f--link .button, .secondary-navigation.color-teal .f--link .button, .secondary-navigation__toggle.color-pale-teal .f--link .button, .secondary-navigation__toggle.color-pale-yellow .f--link .button, .secondary-navigation__toggle.color-pale-blue .f--link .button, .secondary-navigation__toggle.color-black .f--link .button, .secondary-navigation__toggle.color-blue .f--link .button, .secondary-navigation__toggle.color-dark-gray .f--link .button, .secondary-navigation__toggle.color-red .f--link .button, .secondary-navigation__toggle.color-teal .f--link .button, .cc--social-media .crt-load-more-container .crt-load-more, .cc--social-share .c--social-share .f--button button, .cc--special-announcement.color-pale-teal .f--link .button, .cc--special-announcement.color-pale-yellow .f--link .button, .cc--special-announcement.color-pale-blue .f--link .button, .cc--special-announcement.color-black .f--link .button, .cc--special-announcement.color-blue .f--link .button, .cc--special-announcement.color-dark-gray .f--link .button, .cc--special-announcement.color-red .f--link .button, .cc--special-announcement.color-teal .f--link .button, .cc--sticky-promo .sticky-promo-inner.sticky-active .subscribe-block-wrapper a.button, .cc--tab-headings .tab-headings li a, .cc--tab-links .tab-headings li a, .cc--user-choice-vertical.color-pale-teal .f--link .button, .cc--user-choice-vertical.color-pale-yellow .f--link .button, .cc--user-choice-vertical.color-pale-blue .f--link .button, .cc--user-choice-vertical.color-black .f--link .button, .cc--user-choice-vertical.color-blue .f--link .button, .cc--user-choice-vertical.color-dark-gray .f--link .button, .cc--user-choice-vertical.color-red .f--link .button, .cc--user-choice-vertical.color-teal .f--link .button, .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs.swiper-pagination-customs-active .side-nav-link, .cc--utility-menu .m--menu > li > a, .cc--utility-menu .m--menu > li .utility-button, .cc--utility-menu .m--menu > li .utility-button span, .cc--utility-menu .m--menu > li ul.submenu > li > a, .cc--video-full-width2.color-pale-teal .f--link .button, .cc--video-full-width2.color-pale-yellow .f--link .button, .cc--video-full-width2.color-pale-blue .f--link .button, .cc--video-full-width2.color-black .f--link .button, .cc--video-full-width2.color-blue .f--link .button, .cc--video-full-width2.color-dark-gray .f--link .button, .cc--video-full-width2.color-red .f--link .button, .cc--video-full-width2.color-teal .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--link .button, .cc--wcs-hero-links.color-pale-teal .f--link .button, .cc--wcs-hero-links.color-pale-yellow .f--link .button, .cc--wcs-hero-links.color-pale-blue .f--link .button, .cc--wcs-hero-links.color-black .f--link .button, .cc--wcs-hero-links.color-blue .f--link .button, .cc--wcs-hero-links.color-dark-gray .f--link .button, .cc--wcs-hero-links.color-red .f--link .button, .cc--wcs-hero-links.color-teal .f--link .button, .directory-listing .content-main .abc-list > li button, .explore-programs .cc--filter-abc-form form .abc-list > li button, .explore-programs .cc--filter-abc-form form .abc-list > li button a, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li button, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li button, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li button a, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li button a, .profile .person-content-info .additional-info-wrapper p, .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text span, .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong, .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text span, .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; } .f--description p strong em, .f--description li strong em, .f--description p strong em sub, .f--description p strong em sup, .f--description li strong em sub, .f--description li strong em sup, .f--description p em strong, .f--description li em strong, .f--description p em strong sub, .f--description p em strong sup, .f--description li em strong sub, .f--description li em strong sup, .f--rich-text strong em, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel strong em, .enhanced-gallery__lightbox--summary strong em, .enhanced-gallery__lightbox--subheading strong em, .enhanced-gallery__lightbox--headline strong em, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text strong em, .f--rich-text em strong, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel em strong, .enhanced-gallery__lightbox--summary em strong, .enhanced-gallery__lightbox--subheading em strong, .enhanced-gallery__lightbox--headline em strong, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text em strong { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 700; } /* 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 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; * } * } * */ .lc--two-column-reverse .content-sidebar-main-wrapper, .lc--two-column-reverse-nb .content-sidebar-main-wrapper { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .lc--two-column-reverse .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner, .lc--two-column-reverse-nb .content-sidebar-main-wrapper .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; } } @media screen and (min-width: 768px) { .lc--two-column-reverse .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main, .lc--two-column-reverse-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main { width: 64%; } } @media screen and (min-width: 1024px) { .lc--two-column-reverse .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main, .lc--two-column-reverse-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main { padding-right: 4%; padding-left: 4%; width: 68%; } } .lc--two-column-reverse .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-reverse-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-top: 3.125rem; padding-right: 2.5%; padding-bottom: 3.125rem; padding-left: 2.5%; background-color: #F5F5F5; } @media screen and (min-width: 768px) { .lc--two-column-reverse .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-reverse-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-top: 2.5rem; padding-right: 2%; padding-bottom: 2.5rem; padding-left: 2%; width: 32%; } } @media screen and (min-width: 1024px) { .lc--two-column-reverse .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-reverse-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-top: 5rem; padding-right: 2%; padding-bottom: 5rem; padding-left: 2%; width: 28%; } } .lc--two-column .content-sidebar-main-wrapper, .lc--two-column-nb .content-sidebar-main-wrapper, .lc--two-column-rur .content-sidebar-main-wrapper, .lc--two-column-basic .content-sidebar-main-wrapper { max-width: 1440px; margin: 0 auto; } .lc--two-column .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner, .lc--two-column-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner, .lc--two-column-rur .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner, .lc--two-column-basic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner { 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) { .lc--two-column .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner, .lc--two-column-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner, .lc--two-column-rur .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner, .lc--two-column-basic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner { padding-top: 3.75rem; padding-bottom: 3.75rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .lc--two-column .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-rur .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-basic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-right: 8%; padding-left: 8%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 768px) { .lc--two-column .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-rur .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-basic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-right: 0; padding-left: 4%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 32%; } } @media screen and (min-width: 1024px) { .lc--two-column .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-rur .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar, .lc--two-column-basic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-right: 4%; padding-left: 4%; } } .lc--two-column .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main, .lc--two-column-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main, .lc--two-column-rur .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main, .lc--two-column-basic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } @media screen and (min-width: 768px) { .lc--two-column .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main, .lc--two-column-nb .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main, .lc--two-column-rur .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main, .lc--two-column-basic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main { padding-top: 0; padding-right: 4%; padding-bottom: 0; padding-left: 4%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 68%; } } body { margin: 0; padding: 0; overflow-x: hidden; } body.search-is-open, body.mobile-menu-open { height: 100%; overflow: hidden; } @media screen and (min-width: 1024px) { body.slim-nav-visible #l--main-header .utility-nav-container-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; } } @media screen and (min-width: 1024px) { body.slim-nav-visible #l--main-header .main-nav-container .branding-hamburger-container { display: block; } } @media screen and (min-width: 1024px) { body.slim-nav-visible #l--main-header .main-nav-container .branding-mainmenu-container { display: block; background-color: #FFF; } } body .d-trumba-homepage { display: none; } @media screen and (min-width: 1024px) { body .d-trumba-homepage { display: block; } } body .t-trumba-homepage { display: none; } @media screen and (min-width: 768px) and (max-width: 1023px) { body .t-trumba-homepage { display: block; } } body .m-trumba-homepage { display: block; } @media screen and (min-width: 768px) { body .m-trumba-homepage { display: none; } } body #l--main-footer, body #l--main-footer-nb, body #l--main-footer-rur, body #l--main-footer-basic, body #l--main-footer-nwrk { position: relative; } html[data-whatinput="keyboard"] *:focus { outline: 3px solid #0086E8; } html[data-whatinput="mouse"] *:focus { outline: none; } html[data-whatinput="keyboard"] .color-blue *:focus, html[data-whatinput="keyboard"] .color-teal *:focus { outline: 3px solid #C03; } html[data-whatinput="mouse"] .color-blue *:focus, html[data-whatinput="mouse"] .color-teal *:focus { outline: none; } .visually-hidden { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .skip-link { padding-top: 0.625rem; padding-right: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.625rem; position: fixed; top: 2.5rem; left: 2.5rem; background-color: #FFF; color: #000; z-index: 101; } .skip-link:not(:focus) { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: transparent; } body { color: #444; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #000; 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: 1.875rem; margin-bottom: 0.9375rem; } figure img { margin-bottom: 0.9375rem; display: block; width: 100%; } @media screen and (min-width: 1024px) { figure img { margin-bottom: 1.25rem; } } figure figcaption { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { figure figcaption { font-size: 0.875rem; line-height: 1.7143; } } figure .f--credit-download-button .f--label { margin-bottom: 0.625rem; } figure.align-left { margin-top: 1.875rem; margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { figure.align-left { margin-top: 0; margin-right: 5.26316%; margin-bottom: 0; margin-left: 0; width: 47.36842%; float: left; } } @media screen and (min-width: 1024px) { figure.align-left { margin-top: 0; margin-right: 5%; margin-bottom: 0; margin-left: 0; width: 35%; } } figure.align-right { margin-top: 1.875rem; margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { figure.align-right { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5.26316%; width: 47.36842%; float: right; } } @media screen and (min-width: 1024px) { figure.align-right { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5%; width: 35%; } } 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 { margin-bottom: 1.25rem; min-width: 45rem; } table tr, table td, table th, table caption { padding-top: 1.25rem; padding-right: 2%; padding-bottom: 1.25rem; padding-left: 2%; font-size: 1rem; line-height: 1.75; text-align: left; vertical-align: top; } table th, table td { min-height: 5rem; border-top: 0.0625rem solid #D8D8D8; } table caption { text-align: center; } table td { padding-bottom: 3rem; } [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; } } .lity-close { top: 1.875rem !important; right: 1.875rem !important; } .lity-iframe .lity-container, .lity-youtube .lity-container { max-width: 75rem !important; } .lc--layout-container h1 { font-size: 2rem; line-height: 1.25; } @media screen and (min-width: 768px) { .lc--layout-container h1 { font-size: 3rem; line-height: 1.1667; } } @media screen and (min-width: 1024px) { .lc--layout-container h1 { font-size: 3.5rem; line-height: 1.1429; } } .lc--layout-container h2 { font-size: 1.75rem; line-height: 1.2858; } @media screen and (min-width: 768px) { .lc--layout-container h2 { font-size: 2.5rem; line-height: 1.2; } } .lc--layout-container h4 { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .lc--layout-container h4 { font-size: 1.5rem; line-height: 1.3334; } } .lc--layout-container h5 { font-size: 1.125rem; line-height: 1.4445; } @media screen and (min-width: 768px) { .lc--layout-container h5 { font-size: 1.25rem; line-height: 1.4; } } .lc--layout-container p { font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .lc--layout-container p { font-size: 1.125rem; line-height: 1.7778; } } .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; } @media screen and (min-width: 768px) { .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } 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: #C03; color: #FFF; text-decoration: none; } .button--alt { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: #000; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .button--alt { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .button--alt: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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .button--alt: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: #FFF; color: #000; text-decoration: none; } .button--alt-outline { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: #000; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .button--alt-outline { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .button--alt-outline { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .button--alt-outline: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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .button--alt-outline { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .button--alt-outline: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: #FFF; color: #000; text-decoration: none; } .button--alt-transparent { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .button--alt-transparent { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .button--alt-transparent { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .button--alt-transparent: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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .button--alt-transparent { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .button--alt-transparent: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: #FFF; color: #000; text-decoration: none; } .ec--entity-container { background-position: center center; background-size: cover; } @media screen and (min-width: 1024px) { > .cc--component-container.narrow { max-width: 50%; margin: 0 auto; } } @media screen and (min-width: 1024px) { > .cc--component-container.maxwidth { max-width: 1440px; margin: 0 auto; } } @media screen and (min-width: 1024px) { > .cc--component-container.fullbackground > .c--component { max-width: 1440px; margin: 0 auto; } } .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'], .cc--filter-form .form-item-search-api-fulltext input[type='text'], .cc--login-form .user-login-form .form-item input[type='text'], .cc--login-form .user-login-form .form-item input[type='password'] { font-size: 1rem; line-height: 3.125; padding-right: 0.625rem; padding-left: 0.625rem; position: relative; width: 100%; height: 3.125rem; border: 0; border-bottom: 0.0625rem solid #D8D8D8; border-radius: 0; outline-offset: 0.0625rem; background-color: transparent; color: #444; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .fi--form-item:not(:last-child) { margin-bottom: 1.5625rem; } @media screen and (min-width: 768px) { .fi--form-item:not(:last-child) { margin-bottom: 3.125rem; } } .fi--form-item > label { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 0.625rem; display: block; color: #000; } .fi--form-item input[type='button'] { padding-right: 1.5625rem; padding-left: 1.5625rem; font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; width: 100%; min-width: 10rem; height: 3.125rem; } @media screen and (min-width: 768px) { .fi--form-item input[type='button'] { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .fi--form-item input[type='button'] { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .fi--form-item input[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: #C03; color: #FFF; text-decoration: none; } .fi--form-item .checkbox-wrapper input[type='checkbox'] { position: absolute; top: 0; left: -9999px; } html[data-whatinput='keyboard'] .fi--form-item .checkbox-wrapper input[type='checkbox']:focus + label::before { outline: 0.125rem solid #0086E8; } html[data-whatintent="mouse"] .fi--form-item .checkbox-wrapper input[type='checkbox']:checked + label { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .fi--form-item .checkbox-wrapper input[type='checkbox']:checked + label:hover::before { border-width: 0.0625rem; } .fi--form-item .checkbox-wrapper input[type='checkbox']:checked + label::before { border-color: #C03; } .fi--form-item .checkbox-wrapper input[type='checkbox']:checked + label::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .fi--form-item .checkbox-wrapper label { font-size: 1rem; line-height: 1.375; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 2.5rem; display: block; position: relative; color: #FFF; cursor: pointer; } html[data-whatintent="mouse"] .fi--form-item .checkbox-wrapper label { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .fi--form-item .checkbox-wrapper label:hover::before { border-width: 0.125rem; } .fi--form-item .checkbox-wrapper label::before, .fi--form-item .checkbox-wrapper label::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .fi--form-item .checkbox-wrapper label::before { left: 0; width: 1.25rem; height: 1.25rem; border: 0.0625rem solid #666; background-color: #FFF; } .fi--form-item .checkbox-wrapper label::after { margin-top: -0.6875rem; left: 0.125rem; width: 1rem; height: 1rem; -webkit-transform: translate3d(-2.5rem, 0, 0) scale(0.5); transform: translate3d(-2.5rem, 0, 0) scale(0.5); content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjYuMiAxOS4xIiBmaWxsPSIjQ0MwMDMzIj48cGF0aCBkPSJNMCw5LjlsMi4xLTIuMWw3LjEsNy4xTDI0LDBsMi4xLDIuMUwxMS4zLDE3bC0yLjEsMi4xTDcuMSwxN0wwLDkuOXoiLz48L3N2Zz4="); opacity: 0; } .fi--form-item .radio-wrapper input[type='radio'] { position: absolute; top: 0; left: -9999px; } html[data-whatinput='keyboard'] .fi--form-item .radio-wrapper input[type='radio']:focus + label::before { outline: 0.125rem solid #0086E8; } .fi--form-item .radio-wrapper input[type='radio']:checked + label:hover::before { border-width: 0.0625rem; } .fi--form-item .radio-wrapper input[type='radio']:checked + label::before { border-color: #C03; } .fi--form-item .radio-wrapper input[type='radio']:checked + label::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .fi--form-item .radio-wrapper label { font-size: 1rem; line-height: 1.375; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 2.5rem; display: block; position: relative; color: #000; cursor: pointer; } .fi--form-item .radio-wrapper label:hover::before { border-width: 0.125rem; } .fi--form-item .radio-wrapper label::before, .fi--form-item .radio-wrapper label::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; } .fi--form-item .radio-wrapper label::before { left: 0; width: 1.25rem; height: 1.25rem; border: 0.0625rem solid #666; border-radius: 50%; background-color: #FFF; } .fi--form-item .radio-wrapper label::after { margin-top: -0.375rem; left: 0.25rem; 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: #C03; opacity: 0; } .fi--form-item { position: relative; } .fi--form-item input[type='search'] { padding-right: 2.125rem; } .fi--form-item input[type='search']::-webkit-search-decoration, .fi--form-item input[type='search']::-webkit-search-cancel-button { display: none; } .fi--form-item .search-button { display: inline-block; position: absolute; right: 0; bottom: 0; width: 3.125rem; height: 3.125rem; padding: 0; border: 0; background-color: transparent; background-image: url("../images/icons/icon-search-white.svg"); background-repeat: no-repeat; background-position: right 0.625rem center; background-size: 0.875rem auto; } .fi--form-item .select-wrap { position: relative; border-bottom: 0.0625rem solid #D8D8D8; } .fi--form-item .select-wrap select { font-size: 1rem; line-height: 1.375; padding-right: 2rem; padding-left: 0.625rem; width: 100%; height: 3.125rem; border: 0; background: transparent; color: #444; -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 select option { color: #000; } .fi--form-item .select-wrap svg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0.625rem; width: 0.75rem; height: 0.75rem; pointer-events: none; } .fi--form-item .select-wrap svg polygon { fill: #C03; } .fi--form-item input[type='submit'] { padding-right: 1.5625rem; padding-left: 1.5625rem; font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; width: 100%; min-width: 10rem; height: 3.125rem; } @media screen and (min-width: 768px) { .fi--form-item input[type='submit'] { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } 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: #C03; color: #FFF; text-decoration: none; } .fi--form-item input[type='text']::-webkit-input-placeholder { color: #666; } .fi--form-item input[type='text']::-moz-placeholder { color: #666; } .fi--form-item input[type='text']:-ms-input-placeholder { color: #666; } .fi--form-item input[type='text']::-ms-input-placeholder { color: #666; } .fi--form-item input[type='text']::placeholder { color: #666; } .fi--form-item textarea { font-size: 1rem; line-height: 1.5; padding-top: 1.25rem; padding-right: 0.625rem; padding-bottom: 1.25rem; padding-left: 0.625rem; width: 100%; height: 9.375rem; border: 0; border-bottom: 0.0625rem solid #D8D8D8; background-color: transparent; } @media screen and (min-width: 768px) { .fi--form-item textarea { height: 12.5rem; } } .fi--form-item textarea::-webkit-input-placeholder { color: #666; } .fi--form-item textarea::-moz-placeholder { color: #666; } .fi--form-item textarea:-ms-input-placeholder { color: #666; } .fi--form-item textarea::-ms-input-placeholder { color: #666; } .fi--form-item textarea::placeholder { color: #666; } .ui-datepicker table { min-width: auto; } .icon-arrow-down-icon svg { width: 0.75rem; height: 0.75rem; } .icon-arrow-up-icon svg { width: 0.75rem; height: 0.75rem; } .icon-close { width: 1.125rem; height: 3.125rem; } .icon-close svg { width: 1.125rem; height: 1.125rem; } .icon-download svg { width: 1rem; height: 1rem; fill: #C03; } .share-icon { width: 1rem; height: 1rem; fill: #C03; } .icon-video { width: 1.875rem; height: 1.875rem; font-size: 0; } @media screen and (min-width: 768px) { .icon-video { width: 2.5rem; height: 2.5rem; } } .link, a { color: #444; text-decoration: underline; } html[data-whatintent="mouse"] .link, html[data-whatintent="mouse"] a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .link:hover, html[data-whatintent="mouse"] a:hover { color: #C03; text-decoration: none; } .icon-search { width: 1.125rem; height: 3.125rem; } .icon-search svg { width: 1.125rem; height: 1.125rem; } .f--ambient-video { width: 100%; } @media screen and (max-width: 767px) { .f--ambient-video { padding-bottom: 56.25%; } } .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 (-ms-high-contrast: none) { .f--ambient-video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; min-width: 100%; height: auto; min-height: 100%; -o-object-fit: none; object-fit: none; } } @supports (-ms-ime-align: auto) { .f--ambient-video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; min-width: 100%; height: auto; min-height: 100%; -o-object-fit: none; object-fit: none; } } .f--authored-date { display: -webkit-box; display: -ms-flexbox; display: flex; } .f--authored-date img { margin-right: 0.625rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; } @media screen and (min-width: 768px) { .f--authored-date img { margin-right: 0.9375rem; width: 3.125rem; height: 3.125rem; } } @media screen and (min-width: 1024px) { .f--authored-date img { margin-right: 1.25rem; width: 3.75rem; height: 3.75rem; } } @media screen and (min-width: 768px) { .f--authored-date .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .f--authored-date .text-container p { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 0.75rem; line-height: 1.3334; } @media screen and (min-width: 768px) { .f--authored-date .text-container p { font-size: 0.875rem; line-height: 1.3572; } } @media screen and (min-width: 1024px) { .f--authored-date .text-container p { font-size: 1.125rem; line-height: 1.3334; } } @media screen and (min-width: 768px) { .f--authored-date .text-container p::after { margin-right: 0.625rem; margin-left: 0.625rem; display: inline-block; content: '|'; } } @media screen and (min-width: 1024px) { .f--authored-date .text-container p::after { margin-right: 0.9375rem; margin-left: 0.9375rem; } } .f--authored-date .text-container time { font-size: 0.75rem; line-height: 1.3334; } @media screen and (min-width: 768px) { .f--authored-date .text-container time { font-size: 0.875rem; line-height: 1.3572; } } @media screen and (min-width: 1024px) { .f--authored-date .text-container time { font-size: 1.125rem; line-height: 1.3334; } } .download-section .f--label { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.5rem; color: #666; } @media screen and (min-width: 768px) { .download-section .f--label { font-size: 0.875rem; line-height: 1.4286; margin-right: 1.25rem; margin-bottom: 0; display: inline-block; } } @media screen and (min-width: 768px) { .download-section .f--link { display: inline-block; } } .download-section .f--link .button { font-size: 0.875rem; line-height: 1.4286; width: auto; height: auto; padding: 0; border: 0; background: none; color: #000; text-align: right; text-decoration: none; text-transform: none; } @media screen and (min-width: 768px) { .download-section .f--link .button { font-size: 0.875rem; line-height: 1.4286; } } html[data-whatintent="mouse"] .download-section .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .download-section .f--link .button:hover { background: transparent; color: #C03; } .download-section .f--link .button svg { width: 1rem; height: 1rem; margin-left: 0.5rem; fill: #C03; } .f--category { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 0.625rem; color: #000; } @media screen and (min-width: 768px) { .f--category { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 0.9375rem; } } .f--category a { font-size: 0.75rem; line-height: 1.3334; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .f--category a { font-size: 0.875rem; line-height: 1.4286; } } html[data-whatintent="mouse"] .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .f--category a:hover { color: #000; text-decoration: underline; } .f--description p, .f--description li { font-size: 1rem; line-height: 1.75; color: #444; } @media screen and (min-width: 768px) { .f--description p, .f--description li { font-size: 1.125rem; line-height: 1.7778; } } .f--description p a.inline-button, .f--description li a.inline-button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; margin-right: 1.25rem; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .f--description p a.inline-button, .f--description li a.inline-button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .f--description p a.inline-button, html[data-whatintent="mouse"] .f--description li a.inline-button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .f--description p a.inline-button:hover, html[data-whatintent="mouse"] .f--description li a.inline-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: #C03; color: #FFF; text-decoration: none; } .f--iframe-video .iframe-wrapper { padding-bottom: 56.25%; margin-top: 0.9375rem; margin-bottom: 0.9375rem; position: relative; height: 0; overflow: hidden; } @media screen and (min-width: 768px) { .f--iframe-video .iframe-wrapper { margin-top: 1.25rem; margin-bottom: 1.25rem; } } .f--iframe-video .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .f--image figcaption p { font-size: 0.75rem; line-height: 1.3334; color: #666; font-style: normal; text-align: left; } @media screen and (min-width: 1024px) { .f--image figcaption p { font-size: 0.875rem; line-height: 1.3572; } } .f--image--hidden img { display: none; } .f--map { height: 25rem; } @media screen and (min-width: 768px) { .f--map { height: 30rem; } } .f--map iframe { width: 100%; height: 100%; } .f--page-title h1 { font-size: 2rem; line-height: 1.25; } @media screen and (min-width: 768px) { .f--page-title h1 { font-size: 3rem; line-height: 1.1667; } } @media screen and (min-width: 1024px) { .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; } } .f--phone a { font-size: 1.125rem; line-height: 1.3334; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .f--phone a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .f--phone a:hover { color: #C03; } .f--rich-text h1, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h1, .enhanced-gallery__lightbox--summary h1, .enhanced-gallery__lightbox--subheading h1, .enhanced-gallery__lightbox--headline h1, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h1, .f--rich-text h2, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h2, .enhanced-gallery__lightbox--summary h2, .enhanced-gallery__lightbox--subheading h2, .enhanced-gallery__lightbox--headline h2, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h2, .f--rich-text h3, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h3, .enhanced-gallery__lightbox--summary h3, .enhanced-gallery__lightbox--subheading h3, .enhanced-gallery__lightbox--headline h3, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h3, .f--rich-text h4, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h4, .enhanced-gallery__lightbox--summary h4, .enhanced-gallery__lightbox--subheading h4, .enhanced-gallery__lightbox--headline h4, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h4, .f--rich-text h5, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h5, .enhanced-gallery__lightbox--summary h5, .enhanced-gallery__lightbox--subheading h5, .enhanced-gallery__lightbox--headline h5, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h5, .f--rich-text h6, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h6, .enhanced-gallery__lightbox--summary h6, .enhanced-gallery__lightbox--subheading h6, .enhanced-gallery__lightbox--headline h6, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h6 { color: #000; } .f--rich-text h1, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h1, .enhanced-gallery__lightbox--summary h1, .enhanced-gallery__lightbox--subheading h1, .enhanced-gallery__lightbox--headline h1, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 0; padding-bottom: 1.25rem; padding-left: 0; } @media screen and (min-width: 768px) { .f--rich-text h1, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h1, .enhanced-gallery__lightbox--summary h1, .enhanced-gallery__lightbox--subheading h1, .enhanced-gallery__lightbox--headline h1, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .f--rich-text h1, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h1, .enhanced-gallery__lightbox--summary h1, .enhanced-gallery__lightbox--subheading h1, .enhanced-gallery__lightbox--headline h1, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .f--rich-text h2, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h2, .enhanced-gallery__lightbox--summary h2, .enhanced-gallery__lightbox--subheading h2, .enhanced-gallery__lightbox--headline h2, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h2 { margin-top: 1.875rem; margin-bottom: 1.875rem; font-size: 1.75rem; line-height: 1.2858; } @media screen and (min-width: 768px) { .f--rich-text h2, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h2, .enhanced-gallery__lightbox--summary h2, .enhanced-gallery__lightbox--subheading h2, .enhanced-gallery__lightbox--headline h2, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h2 { margin-top: 3.125rem; margin-bottom: 2.5rem; font-size: 2.5rem; line-height: 1.2; } } .f--rich-text h3, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h3, .enhanced-gallery__lightbox--summary h3, .enhanced-gallery__lightbox--subheading h3, .enhanced-gallery__lightbox--headline h3, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h3 { margin-top: 1.25rem; margin-bottom: 1.25rem; font-size: 1.5rem; line-height: 1.3334; } @media screen and (min-width: 768px) { .f--rich-text h3, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h3, .enhanced-gallery__lightbox--summary h3, .enhanced-gallery__lightbox--subheading h3, .enhanced-gallery__lightbox--headline h3, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h3 { margin-top: 2.5rem; margin-bottom: 1.875rem; font-size: 2rem; line-height: 1.25; } } .f--rich-text h4, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h4, .enhanced-gallery__lightbox--summary h4, .enhanced-gallery__lightbox--subheading h4, .enhanced-gallery__lightbox--headline h4, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h4 { margin-top: 1.25rem; margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .f--rich-text h4, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h4, .enhanced-gallery__lightbox--summary h4, .enhanced-gallery__lightbox--subheading h4, .enhanced-gallery__lightbox--headline h4, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h4 { margin-top: 1.875rem; margin-bottom: 1.875rem; font-size: 1.5rem; line-height: 1.3334; } } .f--rich-text h5, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h5, .enhanced-gallery__lightbox--summary h5, .enhanced-gallery__lightbox--subheading h5, .enhanced-gallery__lightbox--headline h5, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h5 { margin-top: 1.25rem; margin-bottom: 1.25rem; font-size: 1.125rem; line-height: 1.4445; } @media screen and (min-width: 768px) { .f--rich-text h5, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h5, .enhanced-gallery__lightbox--summary h5, .enhanced-gallery__lightbox--subheading h5, .enhanced-gallery__lightbox--headline h5, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h5 { margin-top: 1.875rem; margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; } } .f--rich-text h6, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h6, .enhanced-gallery__lightbox--summary h6, .enhanced-gallery__lightbox--subheading h6, .enhanced-gallery__lightbox--headline h6, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h6 { margin-top: 1.25rem; margin-bottom: 1.25rem; font-size: 1rem; line-height: 1.5; } @media screen and (min-width: 768px) { .f--rich-text h6, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel h6, .enhanced-gallery__lightbox--summary h6, .enhanced-gallery__lightbox--subheading h6, .enhanced-gallery__lightbox--headline h6, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text h6 { margin-top: 1.25rem; margin-bottom: 1.25rem; font-size: 1.125rem; line-height: 1.3334; } } .f--rich-text blockquote, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote, .enhanced-gallery__lightbox--summary blockquote, .enhanced-gallery__lightbox--subheading blockquote, .enhanced-gallery__lightbox--headline blockquote, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote { margin-top: 1.875rem; margin-right: 0; margin-bottom: 1.875rem; margin-left: 0; } @media screen and (min-width: 768px) { .f--rich-text blockquote, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote, .enhanced-gallery__lightbox--summary blockquote, .enhanced-gallery__lightbox--subheading blockquote, .enhanced-gallery__lightbox--headline blockquote, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote { margin-top: 2.5rem; margin-bottom: 2.5rem; letter-spacing: -0.03125rem; } } @media screen and (min-width: 1024px) { .f--rich-text blockquote, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote, .enhanced-gallery__lightbox--summary blockquote, .enhanced-gallery__lightbox--subheading blockquote, .enhanced-gallery__lightbox--headline blockquote, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 768px) { .f--rich-text blockquote.floated-right, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote.floated-right, .enhanced-gallery__lightbox--summary blockquote.floated-right, .enhanced-gallery__lightbox--subheading blockquote.floated-right, .enhanced-gallery__lightbox--headline blockquote.floated-right, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote.floated-right { padding-right: 0; padding-left: 0; margin-top: 1.875rem; margin-bottom: 1.875rem; margin-left: 5.26316%; width: 47.36842%; float: right; } } @media screen and (min-width: 1024px) { .f--rich-text blockquote.floated-right, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote.floated-right, .enhanced-gallery__lightbox--summary blockquote.floated-right, .enhanced-gallery__lightbox--subheading blockquote.floated-right, .enhanced-gallery__lightbox--headline blockquote.floated-right, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote.floated-right { margin-left: 6.66667%; width: 46.66667%; } } @media screen and (min-width: 768px) { .f--rich-text blockquote.floated-left, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote.floated-left, .enhanced-gallery__lightbox--summary blockquote.floated-left, .enhanced-gallery__lightbox--subheading blockquote.floated-left, .enhanced-gallery__lightbox--headline blockquote.floated-left, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote.floated-left { padding-right: 0; padding-left: 0; margin-top: 1.875rem; margin-right: 5.26316%; margin-bottom: 1.875rem; width: 47.36842%; float: left; } } @media screen and (min-width: 1024px) { .f--rich-text blockquote.floated-left, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote.floated-left, .enhanced-gallery__lightbox--summary blockquote.floated-left, .enhanced-gallery__lightbox--subheading blockquote.floated-left, .enhanced-gallery__lightbox--headline blockquote.floated-left, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote.floated-left { margin-right: 6.66667%; width: 46.66667%; } } .f--rich-text blockquote .quote-text, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text, .enhanced-gallery__lightbox--summary blockquote .quote-text, .enhanced-gallery__lightbox--subheading blockquote .quote-text, .enhanced-gallery__lightbox--headline blockquote .quote-text, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-text { margin-bottom: 0.9375rem; font-size: 1.25rem; line-height: 1.4; position: relative; color: #C03; quotes: "“" "”" "‘" "’"; } @media screen and (min-width: 768px) { .f--rich-text blockquote .quote-text, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text, .enhanced-gallery__lightbox--summary blockquote .quote-text, .enhanced-gallery__lightbox--subheading blockquote .quote-text, .enhanced-gallery__lightbox--headline blockquote .quote-text, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-text { font-size: 1.875rem; line-height: 1.4667; margin-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .f--rich-text blockquote .quote-text, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text, .enhanced-gallery__lightbox--summary blockquote .quote-text, .enhanced-gallery__lightbox--subheading blockquote .quote-text, .enhanced-gallery__lightbox--headline blockquote .quote-text, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-text { font-size: 1.5rem; line-height: 1.5; } } .f--rich-text blockquote .quote-text::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text::before, .enhanced-gallery__lightbox--summary blockquote .quote-text::before, .enhanced-gallery__lightbox--subheading blockquote .quote-text::before, .enhanced-gallery__lightbox--headline blockquote .quote-text::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-text::before { display: block; position: absolute; top: 0; left: -0.625rem; text-align: center; content: open-quote; } @media screen and (min-width: 768px) { .f--rich-text blockquote .quote-text::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text::before, .enhanced-gallery__lightbox--summary blockquote .quote-text::before, .enhanced-gallery__lightbox--subheading blockquote .quote-text::before, .enhanced-gallery__lightbox--headline blockquote .quote-text::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-text::before { left: -0.9375rem; } } .f--rich-text blockquote .quote-text::after, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text::after, .enhanced-gallery__lightbox--summary blockquote .quote-text::after, .enhanced-gallery__lightbox--subheading blockquote .quote-text::after, .enhanced-gallery__lightbox--headline blockquote .quote-text::after, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-text::after { content: close-quote; } .f--rich-text blockquote .quote-name, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-name, .enhanced-gallery__lightbox--summary blockquote .quote-name, .enhanced-gallery__lightbox--subheading blockquote .quote-name, .enhanced-gallery__lightbox--headline blockquote .quote-name, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-name { margin-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.4286; color: #000; } @media screen and (min-width: 768px) { .f--rich-text blockquote .quote-name, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-name, .enhanced-gallery__lightbox--summary blockquote .quote-name, .enhanced-gallery__lightbox--subheading blockquote .quote-name, .enhanced-gallery__lightbox--headline blockquote .quote-name, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-name { font-size: 1.125rem; line-height: 1.4445; } } .f--rich-text blockquote .quote-title, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-title, .enhanced-gallery__lightbox--summary blockquote .quote-title, .enhanced-gallery__lightbox--subheading blockquote .quote-title, .enhanced-gallery__lightbox--headline blockquote .quote-title, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-title { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 0; } @media screen and (min-width: 768px) { .f--rich-text blockquote .quote-title, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-title, .enhanced-gallery__lightbox--summary blockquote .quote-title, .enhanced-gallery__lightbox--subheading blockquote .quote-title, .enhanced-gallery__lightbox--headline blockquote .quote-title, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text blockquote .quote-title { font-size: 0.875rem; line-height: 1.4286; } } .f--rich-text .call-out-text, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .call-out-text, .enhanced-gallery__lightbox--summary .call-out-text, .enhanced-gallery__lightbox--subheading .call-out-text, .enhanced-gallery__lightbox--headline .call-out-text, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .call-out-text { margin-top: 1.875rem; margin-bottom: 1.875rem; font-size: 1.25rem; line-height: 1.4; position: relative; color: #C03; } @media screen and (min-width: 768px) { .f--rich-text .call-out-text, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .call-out-text, .enhanced-gallery__lightbox--summary .call-out-text, .enhanced-gallery__lightbox--subheading .call-out-text, .enhanced-gallery__lightbox--headline .call-out-text, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .call-out-text { margin-top: 2.5rem; margin-bottom: 2.5rem; font-size: 1.875rem; line-height: 1.4667; letter-spacing: -0.03125rem; } } @media screen and (min-width: 1024px) { .f--rich-text .call-out-text, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .call-out-text, .enhanced-gallery__lightbox--summary .call-out-text, .enhanced-gallery__lightbox--subheading .call-out-text, .enhanced-gallery__lightbox--headline .call-out-text, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .call-out-text { margin-right: 0; margin-left: 0; font-size: 1.5rem; line-height: 1.5; } } @media screen and (min-width: 768px) { .f--rich-text .call-out-text.floated-right, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .call-out-text.floated-right, .enhanced-gallery__lightbox--summary .call-out-text.floated-right, .enhanced-gallery__lightbox--subheading .call-out-text.floated-right, .enhanced-gallery__lightbox--headline .call-out-text.floated-right, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .call-out-text.floated-right { padding-right: 0; padding-left: 0; margin-top: 1.875rem; margin-bottom: 1.875rem; margin-left: 5.26316%; width: 47.36842%; float: right; } } @media screen and (min-width: 1024px) { .f--rich-text .call-out-text.floated-right, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .call-out-text.floated-right, .enhanced-gallery__lightbox--summary .call-out-text.floated-right, .enhanced-gallery__lightbox--subheading .call-out-text.floated-right, .enhanced-gallery__lightbox--headline .call-out-text.floated-right, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .call-out-text.floated-right { margin-left: 6.66667%; width: 46.66667%; } } @media screen and (min-width: 768px) { .f--rich-text .call-out-text.floated-left, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .call-out-text.floated-left, .enhanced-gallery__lightbox--summary .call-out-text.floated-left, .enhanced-gallery__lightbox--subheading .call-out-text.floated-left, .enhanced-gallery__lightbox--headline .call-out-text.floated-left, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .call-out-text.floated-left { padding-right: 0; padding-left: 0; margin-top: 1.875rem; margin-right: 5.26316%; margin-bottom: 1.875rem; width: 47.36842%; float: left; } } @media screen and (min-width: 1024px) { .f--rich-text .call-out-text.floated-left, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .call-out-text.floated-left, .enhanced-gallery__lightbox--summary .call-out-text.floated-left, .enhanced-gallery__lightbox--subheading .call-out-text.floated-left, .enhanced-gallery__lightbox--headline .call-out-text.floated-left, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .call-out-text.floated-left { margin-right: 6.66667%; width: 46.66667%; } } .f--rich-text figure, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure, .enhanced-gallery__lightbox--summary figure, .enhanced-gallery__lightbox--subheading figure, .enhanced-gallery__lightbox--headline figure, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure { margin-top: 1.875rem; margin-right: 0; margin-bottom: 1.875rem; margin-left: 0; } @media screen and (min-width: 768px) { .f--rich-text figure, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure, .enhanced-gallery__lightbox--summary figure, .enhanced-gallery__lightbox--subheading figure, .enhanced-gallery__lightbox--headline figure, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure { margin-top: 3.75rem; margin-right: 0; margin-bottom: 3.75rem; margin-left: 0; } } .f--rich-text figure img, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure img, .enhanced-gallery__lightbox--summary figure img, .enhanced-gallery__lightbox--subheading figure img, .enhanced-gallery__lightbox--headline figure img, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure img { margin-bottom: 0.9375rem; display: block; width: 100%; } .f--rich-text figure figcaption, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure figcaption, .enhanced-gallery__lightbox--summary figure figcaption, .enhanced-gallery__lightbox--subheading figure figcaption, .enhanced-gallery__lightbox--headline figure figcaption, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure figcaption { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .f--rich-text figure figcaption, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure figcaption, .enhanced-gallery__lightbox--summary figure figcaption, .enhanced-gallery__lightbox--subheading figure figcaption, .enhanced-gallery__lightbox--headline figure figcaption, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure figcaption { font-size: 0.875rem; line-height: 1.7143; } } .f--rich-text figure .f--credit-download-button .f--label, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure .f--credit-download-button .f--label, .enhanced-gallery__lightbox--summary figure .f--credit-download-button .f--label, .enhanced-gallery__lightbox--subheading figure .f--credit-download-button .f--label, .enhanced-gallery__lightbox--headline figure .f--credit-download-button .f--label, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure .f--credit-download-button .f--label { margin-bottom: 0.5rem; } @media screen and (min-width: 768px) { .f--rich-text figure .f--credit-download-button .f--label, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure .f--credit-download-button .f--label, .enhanced-gallery__lightbox--summary figure .f--credit-download-button .f--label, .enhanced-gallery__lightbox--subheading figure .f--credit-download-button .f--label, .enhanced-gallery__lightbox--headline figure .f--credit-download-button .f--label, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure .f--credit-download-button .f--label { margin-bottom: 0.625rem; } } .f--rich-text figure.align-left, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-left, .enhanced-gallery__lightbox--summary figure.align-left, .enhanced-gallery__lightbox--subheading figure.align-left, .enhanced-gallery__lightbox--headline figure.align-left, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-left { margin-top: 0; margin-right: 5.26316%; margin-bottom: 0; margin-left: 0; width: 52.63158%; } @media screen and (min-width: 768px) { .f--rich-text figure.align-left, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-left, .enhanced-gallery__lightbox--summary figure.align-left, .enhanced-gallery__lightbox--subheading figure.align-left, .enhanced-gallery__lightbox--headline figure.align-left, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-left { margin-top: 0; margin-right: 5.26316%; margin-bottom: 1.875rem; margin-left: 0; width: 47.36842%; float: left; } } @media screen and (min-width: 1024px) { .f--rich-text figure.align-left, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-left, .enhanced-gallery__lightbox--summary figure.align-left, .enhanced-gallery__lightbox--subheading figure.align-left, .enhanced-gallery__lightbox--headline figure.align-left, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-left { margin-top: 0; margin-right: 6.66667%; margin-left: 0; width: 46.66667%; } } .f--rich-text figure.align-left.embed-small, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-left.embed-small, .enhanced-gallery__lightbox--summary figure.align-left.embed-small, .enhanced-gallery__lightbox--subheading figure.align-left.embed-small, .enhanced-gallery__lightbox--headline figure.align-left.embed-small, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-left.embed-small { margin-top: 0; margin-right: 5.26316%; margin-bottom: 0; margin-left: 0; width: 52.63158%; } @media screen and (min-width: 768px) { .f--rich-text figure.align-left.embed-small, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-left.embed-small, .enhanced-gallery__lightbox--summary figure.align-left.embed-small, .enhanced-gallery__lightbox--subheading figure.align-left.embed-small, .enhanced-gallery__lightbox--headline figure.align-left.embed-small, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-left.embed-small { margin-top: 0; margin-right: 5.26316%; margin-bottom: 1.875rem; margin-left: 0; width: 31.57895%; float: left; } } @media screen and (min-width: 1024px) { .f--rich-text figure.align-left.embed-small, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-left.embed-small, .enhanced-gallery__lightbox--summary figure.align-left.embed-small, .enhanced-gallery__lightbox--subheading figure.align-left.embed-small, .enhanced-gallery__lightbox--headline figure.align-left.embed-small, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-left.embed-small { margin-top: 0; margin-right: 6.66667%; margin-left: 0; width: 33.33333%; } } .f--rich-text figure.align-right, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-right, .enhanced-gallery__lightbox--summary figure.align-right, .enhanced-gallery__lightbox--subheading figure.align-right, .enhanced-gallery__lightbox--headline figure.align-right, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-right { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5.26316%; width: 52.63158%; } @media screen and (min-width: 768px) { .f--rich-text figure.align-right, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-right, .enhanced-gallery__lightbox--summary figure.align-right, .enhanced-gallery__lightbox--subheading figure.align-right, .enhanced-gallery__lightbox--headline figure.align-right, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-right { margin-top: 0; margin-right: 0; margin-bottom: 1.875rem; margin-left: 5.26316%; width: 47.36842%; float: right; } } @media screen and (min-width: 1024px) { .f--rich-text figure.align-right, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-right, .enhanced-gallery__lightbox--summary figure.align-right, .enhanced-gallery__lightbox--subheading figure.align-right, .enhanced-gallery__lightbox--headline figure.align-right, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-right { margin-top: 0; margin-right: 0; margin-left: 6.66667%; width: 46.66667%; } } .f--rich-text figure.align-right.embed-small, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-right.embed-small, .enhanced-gallery__lightbox--summary figure.align-right.embed-small, .enhanced-gallery__lightbox--subheading figure.align-right.embed-small, .enhanced-gallery__lightbox--headline figure.align-right.embed-small, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-right.embed-small { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5.26316%; width: 52.63158%; } @media screen and (min-width: 768px) { .f--rich-text figure.align-right.embed-small, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-right.embed-small, .enhanced-gallery__lightbox--summary figure.align-right.embed-small, .enhanced-gallery__lightbox--subheading figure.align-right.embed-small, .enhanced-gallery__lightbox--headline figure.align-right.embed-small, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-right.embed-small { margin-top: 0; margin-right: 0; margin-bottom: 1.875rem; margin-left: 5.26316%; width: 31.57895%; float: right; } } @media screen and (min-width: 1024px) { .f--rich-text figure.align-right.embed-small, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-right.embed-small, .enhanced-gallery__lightbox--summary figure.align-right.embed-small, .enhanced-gallery__lightbox--subheading figure.align-right.embed-small, .enhanced-gallery__lightbox--headline figure.align-right.embed-small, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-right.embed-small { margin-top: 0; margin-right: 0; margin-left: 6.66667%; width: 33.33333%; } } .f--rich-text figure.align-center.embed-small, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-center.embed-small, .enhanced-gallery__lightbox--summary figure.align-center.embed-small, .enhanced-gallery__lightbox--subheading figure.align-center.embed-small, .enhanced-gallery__lightbox--headline figure.align-center.embed-small, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-center.embed-small { margin-right: auto; margin-left: auto; } @media screen and (min-width: 768px) { .f--rich-text figure.align-center.embed-small, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-center.embed-small, .enhanced-gallery__lightbox--summary figure.align-center.embed-small, .enhanced-gallery__lightbox--subheading figure.align-center.embed-small, .enhanced-gallery__lightbox--headline figure.align-center.embed-small, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-center.embed-small { width: 31.57895%; } } @media screen and (min-width: 1024px) { .f--rich-text figure.align-center.embed-small, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel figure.align-center.embed-small, .enhanced-gallery__lightbox--summary figure.align-center.embed-small, .enhanced-gallery__lightbox--subheading figure.align-center.embed-small, .enhanced-gallery__lightbox--headline figure.align-center.embed-small, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text figure.align-center.embed-small { width: 33.33333%; } } .f--rich-text ul, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul, .enhanced-gallery__lightbox--summary ul, .enhanced-gallery__lightbox--subheading ul, .enhanced-gallery__lightbox--headline ul, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul, .f--rich-text ol, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol, .enhanced-gallery__lightbox--summary ol, .enhanced-gallery__lightbox--subheading ol, .enhanced-gallery__lightbox--headline ol, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol { margin-top: 1.25rem; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .f--rich-text ul, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul, .enhanced-gallery__lightbox--summary ul, .enhanced-gallery__lightbox--subheading ul, .enhanced-gallery__lightbox--headline ul, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul, .f--rich-text ol, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol, .enhanced-gallery__lightbox--summary ol, .enhanced-gallery__lightbox--subheading ol, .enhanced-gallery__lightbox--headline ol, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol { margin-top: 1.875rem; margin-bottom: 1.875rem; } } .f--rich-text ul li, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul li, .enhanced-gallery__lightbox--summary ul li, .enhanced-gallery__lightbox--subheading ul li, .enhanced-gallery__lightbox--headline ul li, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul li, .f--rich-text ol li, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol li, .enhanced-gallery__lightbox--summary ol li, .enhanced-gallery__lightbox--subheading ol li, .enhanced-gallery__lightbox--headline ol li, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol li { margin-bottom: 1.25rem; font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .f--rich-text ul li, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul li, .enhanced-gallery__lightbox--summary ul li, .enhanced-gallery__lightbox--subheading ul li, .enhanced-gallery__lightbox--headline ul li, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul li, .f--rich-text ol li, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol li, .enhanced-gallery__lightbox--summary ol li, .enhanced-gallery__lightbox--subheading ol li, .enhanced-gallery__lightbox--headline ol li, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol li { font-size: 1.125rem; line-height: 1.7778; } } .f--rich-text ul, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul, .enhanced-gallery__lightbox--summary ul, .enhanced-gallery__lightbox--subheading ul, .enhanced-gallery__lightbox--headline ul, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul { list-style: none; } .f--rich-text ul > li, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul > li, .enhanced-gallery__lightbox--summary ul > li, .enhanced-gallery__lightbox--subheading ul > li, .enhanced-gallery__lightbox--headline ul > li, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul > li { position: relative; } .f--rich-text ul > li::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul > li::before, .enhanced-gallery__lightbox--summary ul > li::before, .enhanced-gallery__lightbox--subheading ul > li::before, .enhanced-gallery__lightbox--headline ul > li::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul > li::before { display: block; position: absolute; top: 0.625rem; left: -1.5rem; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: #C03; content: ''; } @media screen and (min-width: 768px) { .f--rich-text ul > li::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul > li::before, .enhanced-gallery__lightbox--summary ul > li::before, .enhanced-gallery__lightbox--subheading ul > li::before, .enhanced-gallery__lightbox--headline ul > li::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul > li::before { left: -1.875rem; } } @media screen and (min-width: 1024px) { .f--rich-text ul > li::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul > li::before, .enhanced-gallery__lightbox--summary ul > li::before, .enhanced-gallery__lightbox--subheading ul > li::before, .enhanced-gallery__lightbox--headline ul > li::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul > li::before { left: -2.1875rem; } } .f--rich-text ol, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol, .enhanced-gallery__lightbox--summary ol, .enhanced-gallery__lightbox--subheading ol, .enhanced-gallery__lightbox--headline ol, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol { list-style: none; counter-reset: li; } .f--rich-text ol > li, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol > li, .enhanced-gallery__lightbox--summary ol > li, .enhanced-gallery__lightbox--subheading ol > li, .enhanced-gallery__lightbox--headline ol > li, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol > li { position: relative; } .f--rich-text ol > li::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol > li::before, .enhanced-gallery__lightbox--summary ol > li::before, .enhanced-gallery__lightbox--subheading ol > li::before, .enhanced-gallery__lightbox--headline ol > li::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol > li::before { display: block; position: absolute; left: -1.5625rem; width: 1.875rem; margin-right: 1.875rem; color: #C03; text-align: left; content: counter(li); counter-increment: li; } @media screen and (min-width: 768px) { .f--rich-text ol > li::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol > li::before, .enhanced-gallery__lightbox--summary ol > li::before, .enhanced-gallery__lightbox--subheading ol > li::before, .enhanced-gallery__lightbox--headline ol > li::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol > li::before { left: -1.875rem; } } @media screen and (min-width: 1024px) { .f--rich-text ol > li::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol > li::before, .enhanced-gallery__lightbox--summary ol > li::before, .enhanced-gallery__lightbox--subheading ol > li::before, .enhanced-gallery__lightbox--headline ol > li::before, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol > li::before { left: -2.1875rem; } } .f--rich-text .video-transcript-wrapper, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .video-transcript-wrapper, .enhanced-gallery__lightbox--summary .video-transcript-wrapper, .enhanced-gallery__lightbox--subheading .video-transcript-wrapper, .enhanced-gallery__lightbox--headline .video-transcript-wrapper, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .video-transcript-wrapper { margin-top: 1.875rem; margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .f--rich-text .video-transcript-wrapper, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .video-transcript-wrapper, .enhanced-gallery__lightbox--summary .video-transcript-wrapper, .enhanced-gallery__lightbox--subheading .video-transcript-wrapper, .enhanced-gallery__lightbox--headline .video-transcript-wrapper, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .video-transcript-wrapper { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .f--rich-text .video-transcript-wrapper .cc--caption-transcript, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .video-transcript-wrapper .cc--caption-transcript, .enhanced-gallery__lightbox--summary .video-transcript-wrapper .cc--caption-transcript, .enhanced-gallery__lightbox--subheading .video-transcript-wrapper .cc--caption-transcript, .enhanced-gallery__lightbox--headline .video-transcript-wrapper .cc--caption-transcript, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .video-transcript-wrapper .cc--caption-transcript { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .f--rich-text .video-transcript-wrapper .cc--caption-transcript .inner-wrapper, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .video-transcript-wrapper .cc--caption-transcript .inner-wrapper, .enhanced-gallery__lightbox--summary .video-transcript-wrapper .cc--caption-transcript .inner-wrapper, .enhanced-gallery__lightbox--subheading .video-transcript-wrapper .cc--caption-transcript .inner-wrapper, .enhanced-gallery__lightbox--headline .video-transcript-wrapper .cc--caption-transcript .inner-wrapper, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .video-transcript-wrapper .cc--caption-transcript .inner-wrapper { padding-right: 0; padding-left: 0; } .f--rich-text .rich-text-video, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .rich-text-video, .enhanced-gallery__lightbox--summary .rich-text-video, .enhanced-gallery__lightbox--subheading .rich-text-video, .enhanced-gallery__lightbox--headline .rich-text-video, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .rich-text-video { padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; } .f--rich-text .rich-text-video iframe, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .rich-text-video iframe, .enhanced-gallery__lightbox--summary .rich-text-video iframe, .enhanced-gallery__lightbox--subheading .rich-text-video iframe, .enhanced-gallery__lightbox--headline .rich-text-video iframe, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .rich-text-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .f--rich-text .audio-container, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .audio-container, .enhanced-gallery__lightbox--summary .audio-container, .enhanced-gallery__lightbox--subheading .audio-container, .enhanced-gallery__lightbox--headline .audio-container, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .audio-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f--rich-text .audio-container audio, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .audio-container audio, .enhanced-gallery__lightbox--summary .audio-container audio, .enhanced-gallery__lightbox--subheading .audio-container audio, .enhanced-gallery__lightbox--headline .audio-container audio, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .audio-container audio { width: calc(100% - 50px); } .f--rich-text .audio-container .f--link, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .audio-container .f--link, .enhanced-gallery__lightbox--summary .audio-container .f--link, .enhanced-gallery__lightbox--subheading .audio-container .f--link, .enhanced-gallery__lightbox--headline .audio-container .f--link, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .audio-container .f--link { margin-left: 1.875rem; } .f--rich-text .audio-container .f--link .button, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .audio-container .f--link .button, .enhanced-gallery__lightbox--summary .audio-container .f--link .button, .enhanced-gallery__lightbox--subheading .audio-container .f--link .button, .enhanced-gallery__lightbox--headline .audio-container .f--link .button, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .audio-container .f--link .button { display: block; } .f--rich-text .audio-container .f--link svg, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .audio-container .f--link svg, .enhanced-gallery__lightbox--summary .audio-container .f--link svg, .enhanced-gallery__lightbox--subheading .audio-container .f--link svg, .enhanced-gallery__lightbox--headline .audio-container .f--link svg, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .audio-container .f--link svg { display: block; width: 1.25rem; height: 1.25rem; } .f--rich-text audio, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel audio, .enhanced-gallery__lightbox--summary audio, .enhanced-gallery__lightbox--subheading audio, .enhanced-gallery__lightbox--headline audio, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text audio { max-width: 100%; } .f--rich-text table, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table, .enhanced-gallery__lightbox--summary table, .enhanced-gallery__lightbox--subheading table, .enhanced-gallery__lightbox--headline table, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table { margin-bottom: 1.25rem; min-width: 45rem; } @media screen and (min-width: 768px) { .f--rich-text table.program-data, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table.program-data, .enhanced-gallery__lightbox--summary table.program-data, .enhanced-gallery__lightbox--subheading table.program-data, .enhanced-gallery__lightbox--headline table.program-data, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table.program-data { min-width: 100%; } } .f--rich-text table.program-data th, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table.program-data th, .enhanced-gallery__lightbox--summary table.program-data th, .enhanced-gallery__lightbox--subheading table.program-data th, .enhanced-gallery__lightbox--headline table.program-data th, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table.program-data th { border-top: 0; } .f--rich-text table.program-data .location-link, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table.program-data .location-link, .enhanced-gallery__lightbox--summary table.program-data .location-link, .enhanced-gallery__lightbox--subheading table.program-data .location-link, .enhanced-gallery__lightbox--headline table.program-data .location-link, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table.program-data .location-link { margin-top: 0.625rem; font-size: 0.75rem; line-height: 1.3334; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .f--rich-text table.program-data .location-link, html[data-whatintent="mouse"] .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table.program-data .location-link, .cc--accordion .c--accordion .accordion-list .accordion-list-item html[data-whatintent="mouse"] .accordion-panel table.program-data .location-link, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--summary table.program-data .location-link, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--subheading table.program-data .location-link, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--headline table.program-data .location-link, html[data-whatintent="mouse"] .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table.program-data .location-link, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing html[data-whatintent="mouse"] .f--text table.program-data .location-link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .f--rich-text table.program-data .location-link:hover, html[data-whatintent="mouse"] .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table.program-data .location-link:hover, .cc--accordion .c--accordion .accordion-list .accordion-list-item html[data-whatintent="mouse"] .accordion-panel table.program-data .location-link:hover, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--summary table.program-data .location-link:hover, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--subheading table.program-data .location-link:hover, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--headline table.program-data .location-link:hover, html[data-whatintent="mouse"] .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table.program-data .location-link:hover, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing html[data-whatintent="mouse"] .f--text table.program-data .location-link:hover { text-decoration: underline; } .f--rich-text table.program-data .location-link svg, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table.program-data .location-link svg, .enhanced-gallery__lightbox--summary table.program-data .location-link svg, .enhanced-gallery__lightbox--subheading table.program-data .location-link svg, .enhanced-gallery__lightbox--headline table.program-data .location-link svg, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table.program-data .location-link svg { margin-right: 0.5rem; display: inline-block; width: 0.75rem; height: 0.75rem; fill: #666; } .f--rich-text table tr, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table tr, .enhanced-gallery__lightbox--summary table tr, .enhanced-gallery__lightbox--subheading table tr, .enhanced-gallery__lightbox--headline table tr, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table tr, .f--rich-text table td, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table td, .enhanced-gallery__lightbox--summary table td, .enhanced-gallery__lightbox--subheading table td, .enhanced-gallery__lightbox--headline table td, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table td, .f--rich-text table th, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table th, .enhanced-gallery__lightbox--summary table th, .enhanced-gallery__lightbox--subheading table th, .enhanced-gallery__lightbox--headline table th, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table th, .f--rich-text table caption, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table caption, .enhanced-gallery__lightbox--summary table caption, .enhanced-gallery__lightbox--subheading table caption, .enhanced-gallery__lightbox--headline table caption, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table caption { padding-top: 0.9375rem; padding-right: 2%; padding-bottom: 0.9375rem; padding-left: 2%; font-size: 0.875rem; line-height: 1.7143; text-align: left; vertical-align: top; } @media screen and (min-width: 768px) { .f--rich-text table tr, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table tr, .enhanced-gallery__lightbox--summary table tr, .enhanced-gallery__lightbox--subheading table tr, .enhanced-gallery__lightbox--headline table tr, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table tr, .f--rich-text table td, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table td, .enhanced-gallery__lightbox--summary table td, .enhanced-gallery__lightbox--subheading table td, .enhanced-gallery__lightbox--headline table td, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table td, .f--rich-text table th, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table th, .enhanced-gallery__lightbox--summary table th, .enhanced-gallery__lightbox--subheading table th, .enhanced-gallery__lightbox--headline table th, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table th, .f--rich-text table caption, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table caption, .enhanced-gallery__lightbox--summary table caption, .enhanced-gallery__lightbox--subheading table caption, .enhanced-gallery__lightbox--headline table caption, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table caption { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; margin-bottom: 1.25rem; } } .f--rich-text table th, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table th, .enhanced-gallery__lightbox--summary table th, .enhanced-gallery__lightbox--subheading table th, .enhanced-gallery__lightbox--headline table th, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table th, .f--rich-text table td, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table td, .enhanced-gallery__lightbox--summary table td, .enhanced-gallery__lightbox--subheading table td, .enhanced-gallery__lightbox--headline table td, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table td { min-height: 5rem; border-top: 0.0625rem solid #D8D8D8; } .f--rich-text table caption, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel table caption, .enhanced-gallery__lightbox--summary table caption, .enhanced-gallery__lightbox--subheading table caption, .enhanced-gallery__lightbox--headline table caption, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text table caption { margin-top: 0; margin-bottom: 0; } .f--rich-text .table-wrapper, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .table-wrapper, .enhanced-gallery__lightbox--summary .table-wrapper, .enhanced-gallery__lightbox--subheading .table-wrapper, .enhanced-gallery__lightbox--headline .table-wrapper, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .table-wrapper { width: 100%; overflow-x: auto; } .f--rich-text a, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel a, .enhanced-gallery__lightbox--summary a, .enhanced-gallery__lightbox--subheading a, .enhanced-gallery__lightbox--headline a, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text a { text-decoration: underline; -webkit-text-decoration-color: #C03; text-decoration-color: #C03; } html[data-whatintent="mouse"] .f--rich-text a, html[data-whatintent="mouse"] .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel a, .cc--accordion .c--accordion .accordion-list .accordion-list-item html[data-whatintent="mouse"] .accordion-panel a, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--summary a, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--subheading a, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--headline a, html[data-whatintent="mouse"] .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text a, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing html[data-whatintent="mouse"] .f--text a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .f--rich-text a:hover, html[data-whatintent="mouse"] .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel a:hover, .cc--accordion .c--accordion .accordion-list .accordion-list-item html[data-whatintent="mouse"] .accordion-panel a:hover, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--summary a:hover, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--subheading a:hover, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--headline a:hover, html[data-whatintent="mouse"] .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text a:hover, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing html[data-whatintent="mouse"] .f--text a:hover { text-decoration: underline; } .f--rich-text a.inline-button, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel a.inline-button, .enhanced-gallery__lightbox--summary a.inline-button, .enhanced-gallery__lightbox--subheading a.inline-button, .enhanced-gallery__lightbox--headline a.inline-button, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text a.inline-button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; margin-right: 1.25rem; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .f--rich-text a.inline-button, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel a.inline-button, .enhanced-gallery__lightbox--summary a.inline-button, .enhanced-gallery__lightbox--subheading a.inline-button, .enhanced-gallery__lightbox--headline a.inline-button, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text a.inline-button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .f--rich-text a.inline-button, html[data-whatintent="mouse"] .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel a.inline-button, .cc--accordion .c--accordion .accordion-list .accordion-list-item html[data-whatintent="mouse"] .accordion-panel a.inline-button, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--summary a.inline-button, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--subheading a.inline-button, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--headline a.inline-button, html[data-whatintent="mouse"] .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text a.inline-button, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing html[data-whatintent="mouse"] .f--text a.inline-button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .f--rich-text a.inline-button:hover, html[data-whatintent="mouse"] .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel a.inline-button:hover, .cc--accordion .c--accordion .accordion-list .accordion-list-item html[data-whatintent="mouse"] .accordion-panel a.inline-button:hover, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--summary a.inline-button:hover, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--subheading a.inline-button:hover, html[data-whatintent="mouse"] .enhanced-gallery__lightbox--headline a.inline-button:hover, html[data-whatintent="mouse"] .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text a.inline-button:hover, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing html[data-whatintent="mouse"] .f--text a.inline-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: #C03; color: #FFF; text-decoration: none; } .f--rich-text p, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel p, .enhanced-gallery__lightbox--summary p, .enhanced-gallery__lightbox--subheading p, .enhanced-gallery__lightbox--headline p, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text p { font-size: 1rem; line-height: 1.75; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .f--rich-text p, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel p, .enhanced-gallery__lightbox--summary p, .enhanced-gallery__lightbox--subheading p, .enhanced-gallery__lightbox--headline p, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text p { font-size: 1.125rem; line-height: 1.7778; margin-bottom: 1.875rem; } } .f--rich-text p.intro, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel p.intro, .enhanced-gallery__lightbox--summary p.intro, .enhanced-gallery__lightbox--subheading p.intro, .enhanced-gallery__lightbox--headline p.intro, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text p.intro { font-size: 1.125rem; line-height: 1.7778; padding-bottom: 1.25rem; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 768px) { .f--rich-text p.intro, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel p.intro, .enhanced-gallery__lightbox--summary p.intro, .enhanced-gallery__lightbox--subheading p.intro, .enhanced-gallery__lightbox--headline p.intro, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text p.intro { font-size: 1.375rem; line-height: 1.6364; padding-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .f--rich-text .cc--rich-text-teaser.reversed .c--rich-text-teaser, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .cc--rich-text-teaser.reversed .c--rich-text-teaser, .enhanced-gallery__lightbox--summary .cc--rich-text-teaser.reversed .c--rich-text-teaser, .enhanced-gallery__lightbox--subheading .cc--rich-text-teaser.reversed .c--rich-text-teaser, .enhanced-gallery__lightbox--headline .cc--rich-text-teaser.reversed .c--rich-text-teaser, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .cc--rich-text-teaser.reversed .c--rich-text-teaser { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 768px) { .f--rich-text .cc--rich-text-teaser.reversed .c--rich-text-teaser .text-container, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .cc--rich-text-teaser.reversed .c--rich-text-teaser .text-container, .enhanced-gallery__lightbox--summary .cc--rich-text-teaser.reversed .c--rich-text-teaser .text-container, .enhanced-gallery__lightbox--subheading .cc--rich-text-teaser.reversed .c--rich-text-teaser .text-container, .enhanced-gallery__lightbox--headline .cc--rich-text-teaser.reversed .c--rich-text-teaser .text-container, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .cc--rich-text-teaser.reversed .c--rich-text-teaser .text-container { padding-right: 6.66667%; padding-left: 0; } } @media screen and (min-width: 768px) { .f--rich-text .cc--rich-text-teaser .c--rich-text-teaser, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .cc--rich-text-teaser .c--rich-text-teaser, .enhanced-gallery__lightbox--summary .cc--rich-text-teaser .c--rich-text-teaser, .enhanced-gallery__lightbox--subheading .cc--rich-text-teaser .c--rich-text-teaser, .enhanced-gallery__lightbox--headline .cc--rich-text-teaser .c--rich-text-teaser, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .cc--rich-text-teaser .c--rich-text-teaser { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 768px) { .f--rich-text .cc--rich-text-teaser .c--rich-text-teaser .image-link, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .cc--rich-text-teaser .c--rich-text-teaser .image-link, .enhanced-gallery__lightbox--summary .cc--rich-text-teaser .c--rich-text-teaser .image-link, .enhanced-gallery__lightbox--subheading .cc--rich-text-teaser .c--rich-text-teaser .image-link, .enhanced-gallery__lightbox--headline .cc--rich-text-teaser .c--rich-text-teaser .image-link, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .cc--rich-text-teaser .c--rich-text-teaser .image-link { -webkit-box-flex: 0; -ms-flex: 0 0 46.66667%; flex: 0 0 46.66667%; } } @media screen and (min-width: 768px) { .f--rich-text .cc--rich-text-teaser .c--rich-text-teaser .text-container, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .cc--rich-text-teaser .c--rich-text-teaser .text-container, .enhanced-gallery__lightbox--summary .cc--rich-text-teaser .c--rich-text-teaser .text-container, .enhanced-gallery__lightbox--subheading .cc--rich-text-teaser .c--rich-text-teaser .text-container, .enhanced-gallery__lightbox--headline .cc--rich-text-teaser .c--rich-text-teaser .text-container, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .cc--rich-text-teaser .c--rich-text-teaser .text-container { padding-left: 6.66667%; -webkit-box-flex: 0; -ms-flex: 0 0 53.33333%; flex: 0 0 53.33333%; } } .f--rich-text .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .enhanced-gallery__lightbox--summary .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .enhanced-gallery__lightbox--subheading .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .enhanced-gallery__lightbox--headline .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .cc--rich-text-teaser .c--rich-text-teaser .text-container h3 { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .f--rich-text .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .enhanced-gallery__lightbox--summary .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .enhanced-gallery__lightbox--subheading .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .enhanced-gallery__lightbox--headline .cc--rich-text-teaser .c--rich-text-teaser .text-container h3, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .cc--rich-text-teaser .c--rich-text-teaser .text-container h3 { margin-top: 0; font-size: 1.5rem; line-height: 1.3334; } } .f--rich-text .cc--rich-text-teaser .c--rich-text-teaser .text-container p, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .cc--rich-text-teaser .c--rich-text-teaser .text-container p, .enhanced-gallery__lightbox--summary .cc--rich-text-teaser .c--rich-text-teaser .text-container p, .enhanced-gallery__lightbox--subheading .cc--rich-text-teaser .c--rich-text-teaser .text-container p, .enhanced-gallery__lightbox--headline .cc--rich-text-teaser .c--rich-text-teaser .text-container p, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text .cc--rich-text-teaser .c--rich-text-teaser .text-container p { font-size: 1rem; line-height: 1.75; } .content-anchor a[id] { position: relative; top: -5rem; } .is-rutgers-nav .content-anchor a[id], .is-rutgers-magazine-nav .content-anchor a[id] { top: -7.5rem; } @media screen and (min-width: 1024px) { .is-rutgers-nav .content-anchor a[id], .is-rutgers-magazine-nav .content-anchor a[id] { top: -13.75rem; } } @media screen and (min-width: 1024px) { .content-anchor a[id] { top: -4.375rem; } } .f--section-title h2 { margin-bottom: 1.875rem; font-size: 1.75rem; line-height: 1.2858; color: #000; } @media screen and (min-width: 768px) { .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .f--section-title h2 a { color: #000; text-decoration: none; } html[data-whatintent="mouse"] .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .f--section-title h2 a:hover { color: #000; text-decoration: underline; } .f--sub-title h3, .f--sub-title .sub-title-h3 { margin-bottom: 0.9375rem; color: #000; } @media screen and (min-width: 768px) { .f--sub-title h3, .f--sub-title .sub-title-h3 { margin-bottom: 1.25rem; } } .f--sub-title h3 a, .f--sub-title .sub-title-h3 a { color: #000; text-decoration: none; } html[data-whatintent="mouse"] .f--sub-title h3 a, html[data-whatintent="mouse"] .f--sub-title .sub-title-h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .f--sub-title .sub-title-h3 a:hover { color: #000; text-decoration: underline; } .f--video-embed { position: relative; padding-top: 56.25%; } .f--video-embed .video-container iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .cc--description-card-carousel-slide .image-link { margin-bottom: 0.9375rem; display: block; } @media screen and (min-width: 768px) { .cc--description-card-carousel-slide .image-link { margin-bottom: 1.25rem; } } .cc--description-card-carousel-slide .f--category { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--description-card-carousel-slide .f--category { margin-bottom: 0.9375rem; } } .cc--description-card-carousel-slide .f--sub-title h3 { margin-bottom: 0; } .cc--description-card-carousel-slide .f--sub-title h3 a { font-size: 1.25rem; line-height: 1.4; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--description-card-carousel-slide .f--sub-title h3 a { font-size: 1.5rem; line-height: 1.3334; } } html[data-whatintent="mouse"] .cc--description-card-carousel-slide .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel-slide .f--sub-title h3 a:hover { color: #000; text-decoration: underline; } .cc--description-card-carousel-slide .f--description { margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--description-card-carousel-slide .f--description { margin-top: 1.25rem; } } .cc--description-card-carousel-slide .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--description-card-carousel-slide .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--footer-copyright { text-align: center; } .cc--footer-copyright .c--footer-copyright { padding-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--footer-copyright .c--footer-copyright { padding-top: 1.875rem; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--footer-copyright .c--footer-copyright { padding-right: 10%; padding-left: 10%; } } .cc--footer-copyright .c--footer-copyright .f--description p { margin-top: 0.9375rem; margin-bottom: 0.9375rem; font-size: 0.75rem; line-height: 2; color: #FFF; } @media screen and (min-width: 768px) { .cc--footer-copyright .c--footer-copyright .f--description p { font-size: 0.8125rem; line-height: 1.8462; } } .cc--footer-copyright .c--footer-copyright .f--description p:last-of-type { margin-bottom: 0; } html[data-whatintent="mouse"] .cc--footer-copyright .c--footer-copyright .f--description p a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--footer-copyright .c--footer-copyright .f--description p a:hover { color: #FFF; text-decoration: none; } .cc--footer-social { max-width: 320px; margin: 0 auto; padding-right: 5%; padding-left: 5%; } @media screen and (min-width: 768px) { .cc--footer-social { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; max-width: 100%; } } .cc--footer-social h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } @media screen and (min-width: 768px) { .cc--footer-social .footer-social-container { width: 20rem; } } .cc--footer-social .footer-social-container .social-media-links--platforms { 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; width: 100%; } .cc--footer-social .footer-social-container .social-media-links--platforms > li { margin-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { .cc--footer-social .footer-social-container .social-media-links--platforms > li { margin-bottom: 0; } } .cc--footer-social .footer-social-container .social-media-links--platforms > li a { text-decoration: none; } .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa { display: block; width: 100%; height: auto; } .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa svg { display: block; width: auto; height: 1.3125rem; fill: #FFF; } @media screen and (min-width: 768px) { .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa svg { height: 1.6875rem; } } .ie11 .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa svg { width: 1.875rem; } html[data-whatintent="mouse"] .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa:hover::before { color: #FFF; opacity: 0.8; } html[data-whatintent="mouse"] .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa:hover svg { opacity: 0.8; } .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-facebook::before, .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-twitter::before, .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-instagram::before, .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-youtube::before, .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-linkedin::before, .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-flickr::before { display: none; } .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-youtube svg { height: 1rem; } @media screen and (min-width: 768px) { .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-youtube svg { height: 1.375rem; } } .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-twitter svg { height: 1.1875rem; } @media screen and (min-width: 768px) { .cc--footer-social .footer-social-container .social-media-links--platforms > li .fa-twitter svg { height: 1.5625rem; } } @media screen and (max-width: 767px) { .cc--location-tabs-slide.swiper-slide { position: absolute; top: 100%; opacity: 0 !important; } } .cc--location-tabs-slide[aria-hidden='false'] { visibility: visible; } .cc--location-tabs-slide[aria-hidden='true'] { visibility: hidden; } @media screen and (max-width: 767px) { .cc--location-tabs-slide.swiper-slide-active { top: 0; -webkit-transform: none !important; transform: none !important; opacity: 1 !important; } } .cc--location-tabs-slide.with-bg-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } .cc--location-tabs-slide::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ''; z-index: 0; } @media screen and (min-width: 768px) { .cc--location-tabs-slide:first-child::before { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 80px); background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0.4)), to(transparent)); background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 50%, transparent 100%); content: ''; z-index: 1; } } .cc--location-tabs-slide:first-child::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 109%; content: ''; z-index: 0; } @media screen and (max-width: 767px) { .cc--location-tabs-slide:first-child::after { background-color: rgba(204, 0, 51, 0.8); } } @media screen and (min-width: 768px) { .cc--location-tabs-slide:first-child::after { background: linear-gradient(to top, rgba(204, 0, 51, 0.8) 80px, transparent 0%); } } @media screen and (min-width: 768px) { .cc--location-tabs-slide:first-child .text-container { padding-right: 0; padding-left: 0; left: 4%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 64%; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide:first-child .text-container { left: calc((100vw / 50) * 2); max-width: none; margin: auto; -webkit-transform: none; transform: none; } } @media screen and (min-width: 1440px) { .cc--location-tabs-slide:first-child .text-container { padding-right: 0; padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 2); left: calc((100vw - 1440px) / 2); } } @media screen and (min-width: 768px) { .cc--location-tabs-slide:first-child .f--section-title, .cc--location-tabs-slide:first-child .f--rich-text { margin-bottom: 0; text-align: left; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide:first-child .f--description { padding-right: 0; padding-left: 0; max-width: 19.1875rem; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide:first-child .f--description { max-width: 34.5rem; } } @media screen and (min-width: 1440px) { .cc--location-tabs-slide:first-child .f--description { max-width: 41.4375rem; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide:first-child .f--description p { text-align: left; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide:first-child .video-link-list-wrapper { margin-top: 2.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide .mask-map-wrapper { position: absolute; right: 0; width: 500px; height: calc(100% - 80px); z-index: 1; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide .mask-map-wrapper { width: 500px; } } @media screen and (min-width: 1440px) { .cc--location-tabs-slide .mask-map-wrapper { right: calc((100vw - 1440px) / 2); } } @media screen and (min-width: 768px) { .cc--location-tabs-slide .mask-map-wrapper .bg-image-container { position: relative; height: 100%; background-image: url("../images/locationtab-overview.png"); background-repeat: no-repeat; background-position: top right; background-size: 500px 100%; margin-top: 77px; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide .mask-map-wrapper .bg-image-container { background-size: 500px 100%; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide .mask-map-wrapper .bg-image-container::before { position: absolute; top: 0; right: 100%; width: 200%; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(100%, rgba(204, 0, 51, 0.8)), color-stop(0%, transparent)); background: linear-gradient(to right, rgba(204, 0, 51, 0.8) 100%, transparent 0%); content: ''; z-index: 1; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide .mask-map-wrapper .bg-image-container::before { width: 500%; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide .mask-map-wrapper .bg-image-container::after { position: absolute; top: 0; left: 100%; width: 200%; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(100%, rgba(204, 0, 51, 0.8)), color-stop(0%, transparent)); background: linear-gradient(to right, rgba(204, 0, 51, 0.8) 100%, transparent 0%); content: ''; z-index: 1; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide .mask-map-wrapper .bg-image-container .pin { width: 2.1875rem; height: 2.375rem; background-image: url("../images/icons/icon-pin-shadow.svg"); background-repeat: no-repeat; background-size: cover; visibility: hidden; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide .mask-map-wrapper .bg-image-container .pin.pin-newark { position: absolute; top: 160px; right: 27.58621%; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide .mask-map-wrapper .bg-image-container .pin.pin-new-brunswick { position: absolute; top: 231px; right: 34.48276%; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide .mask-map-wrapper .bg-image-container .pin.pin-camden { position: absolute; top: 380px; right: 60.34483%; } } .cc--location-tabs-slide .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; z-index: 2; } @media screen and (max-width: 767px) { .cc--location-tabs-slide .text-container { padding-top: 3.75rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide .text-container { padding-right: 2%; padding-left: 2%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide .text-container { max-width: 1440px; margin: 0 auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media screen and (min-width: 1440px) { .cc--location-tabs-slide .text-container { padding-right: calc(((100vw - (100vw - 1440px)) / 50) * 1); padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 1); } } .cc--location-tabs-slide .f--rich-text { margin-bottom: 0.3125rem; font-size: 1.25rem; line-height: 1.4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FFF; text-align: center; } @media screen and (max-width: 767px) { .cc--location-tabs-slide .f--rich-text { height: 1.875rem; } } @media screen and (min-width: 768px) { .cc--location-tabs-slide .f--rich-text { margin-bottom: 1.25rem; font-size: 2rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide .f--rich-text { font-size: 2.5rem; line-height: 1; } } .cc--location-tabs-slide .f--rich-text svg { width: 7rem; height: 1.875rem; fill: #FFF; } @media screen and (min-width: 768px) { .cc--location-tabs-slide .f--rich-text svg { width: 9.3125rem; height: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide .f--rich-text svg { width: 13.9375rem; height: 3.75rem; } } .cc--location-tabs-slide .f--section-title { text-align: center; } .cc--location-tabs-slide .f--section-title h2 { margin-bottom: 0; font-size: 2rem; line-height: 1.25; color: #FFF; } @media screen and (min-width: 768px) { .cc--location-tabs-slide .f--section-title h2 { font-size: 3.5rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide .f--section-title h2 { font-size: 5.5rem; line-height: 1; } } .cc--location-tabs-slide .f--description { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--location-tabs-slide .f--description { margin-top: 2.5rem; padding-right: 10.41667%; padding-left: 10.41667%; } } @media screen and (min-width: 1024px) { .cc--location-tabs-slide .f--description { padding-right: 25%; padding-left: 25%; } } @media screen and (min-width: 1440px) { .cc--location-tabs-slide .f--description { padding-right: calc(((100vw - (100vw - 1440px)) / 50) * 12); padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 12); } } .cc--location-tabs-slide .f--description p { color: #FFF; text-align: center; } .cc--location-tabs-slide .video-link-list-wrapper { margin-top: 1.875rem; margin-bottom: 2.1875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -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--location-tabs-slide .video-link-list-wrapper { margin-top: 3.125rem; margin-bottom: 0; } } .cc--location-tabs-slide .icon-play { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 9.5625rem; flex-basis: 9.5625rem; -ms-flex-negative: 0; flex-shrink: 0; color: #FFF; } @media screen and (min-width: 768px) { .cc--location-tabs-slide .icon-play { -ms-flex-preferred-size: 12.6875rem; flex-basis: 12.6875rem; } } html[data-whatintent="mouse"] .cc--location-tabs-slide .icon-play { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--location-tabs-slide .icon-play:hover svg { fill: #000; } .cc--location-tabs-slide .icon-play svg { margin-left: 0.625rem; width: 0.75rem; height: 0.75rem; fill: #FFF; } .cc--location-tabs-slide .icon-play ~ .location-link-list a.button { border-left: 0; } .cc--location-tabs-slide .icon-play ~ .tinynav { border-left: 0; } .cc--location-tabs-slide .location-link-list { list-style: none; padding: 0; margin: 0; -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (min-width: 768px) { .cc--location-tabs-slide .location-link-list { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .cc--location-tabs-slide .location-link-list.more-than-one { display: none; } } .cc--location-tabs-slide .location-link-list > li a { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--location-tabs-slide .location-link-list > li a { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--location-tabs-slide .location-link-list > li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--location-tabs-slide .location-link-list > li a: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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--location-tabs-slide .location-link-list > li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--location-tabs-slide .location-link-list > li a: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: #FFF; color: #000; text-decoration: none; } .cc--location-tabs-slide .tinynav { padding-top: 0.875rem; padding-right: 0.625rem; padding-bottom: 0.875rem; padding-left: 1.25rem; font-size: 1rem; line-height: 1.3125; -ms-flex-preferred-size: 7.5rem; flex-basis: 7.5rem; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 3.75rem; border: 0.125rem solid #FFF; border-radius: 0; background-color: transparent; background-image: url("../images/icons/icon-arrow-down-white.svg"); background-repeat: no-repeat; background-position: calc(100% - 0.625rem) center; background-size: 0.75rem; color: #FFF; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cc--location-tabs-slide .tinynav::-ms-expand { display: none; } @media screen and (min-width: 768px) { .cc--location-tabs-slide .tinynav { display: none; } } .cc--location-tabs-slide .icon-close { margin-top: auto; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: 1px solid #FFF; border-radius: 100%; } @media screen and (min-width: 768px) { .cc--location-tabs-slide .icon-close { display: none; } } .cc--location-tabs-slide .icon-close svg { width: 0.75rem; height: 0.75rem; fill: #FFF; } .cc--nwrk-footer-copyright { text-align: center; } .cc--nwrk-footer-copyright .c--nwrk-footer-copyright { padding-top: 0; } @media screen and (min-width: 768px) { .cc--nwrk-footer-copyright .c--nwrk-footer-copyright { padding-top: 2.625rem; } } .cc--nwrk-footer-copyright .c--nwrk-footer-copyright .f--description p { font-size: 0.75rem; line-height: 2; color: #FFF; } @media screen and (min-width: 768px) { .cc--nwrk-footer-copyright .c--nwrk-footer-copyright .f--description p { font-size: 0.8125rem; line-height: 1.8462; } } .cc--nwrk-footer-copyright .c--nwrk-footer-copyright .f--description p:last-of-type { margin-bottom: 0; } html[data-whatintent="mouse"] .cc--nwrk-footer-copyright .c--nwrk-footer-copyright .f--description p a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nwrk-footer-copyright .c--nwrk-footer-copyright .f--description p a:hover { color: #FFF; text-decoration: none; } .cc--rur-footer-copyright { text-align: center; } .cc--rur-footer-copyright .c--rur-footer-copyright { padding-top: 0; } @media screen and (min-width: 768px) { .cc--rur-footer-copyright .c--rur-footer-copyright { padding-top: 2.625rem; } } .cc--rur-footer-copyright .c--rur-footer-copyright .f--description p { font-size: 0.75rem; line-height: 2; color: #FFF; } @media screen and (min-width: 768px) { .cc--rur-footer-copyright .c--rur-footer-copyright .f--description p { font-size: 0.8125rem; line-height: 1.8462; } } .cc--rur-footer-copyright .c--rur-footer-copyright .f--description p:last-of-type { margin-bottom: 0; } html[data-whatintent="mouse"] .cc--rur-footer-copyright .c--rur-footer-copyright .f--description p a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-footer-copyright .c--rur-footer-copyright .f--description p a:hover { color: #FFF; text-decoration: none; } .cc--user-choice-slide { position: relative; } @media screen and (max-width: 767px) { .cc--user-choice-slide.swiper-slide { position: absolute; top: 100%; height: auto; min-height: 100%; opacity: 0 !important; } } .cc--user-choice-slide.with-bg-image { height: auto; min-height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--user-choice-slide.with-bg-image { height: 42.1875rem; min-height: none; } } .cc--user-choice-slide.with-bg-image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); content: ''; } @media screen and (min-width: 768px) { .cc--user-choice-slide.with-bg-image::after { background-color: rgba(0, 0, 0, 0.6); z-index: -1; } } .cc--user-choice-slide[aria-hidden='false'] { visibility: visible; } .cc--user-choice-slide[aria-hidden='true'] { visibility: hidden; } @media screen and (max-width: 767px) { .cc--user-choice-slide.swiper-slide-active { top: 0; height: 100%; -webkit-transform: none !important; transform: none !important; opacity: 1 !important; } } .cc--user-choice-slide .c--user-choice-vertical-slide, .cc--user-choice-slide .c--user-choice-slide { max-width: 1440px; margin: 0 auto; height: 100%; } @media screen and (max-width: 767px) { .cc--user-choice-slide .c--user-choice-vertical-slide, .cc--user-choice-slide .c--user-choice-slide { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; z-index: 1; } } @media screen and (min-width: 768px) { .cc--user-choice-slide .c--user-choice-vertical-slide > h2, .cc--user-choice-slide .c--user-choice-vertical-slide > h3, .cc--user-choice-slide .c--user-choice-slide > h2, .cc--user-choice-slide .c--user-choice-slide > h3 { display: none; } } @media screen and (max-width: 767px) { .cc--user-choice-slide h2 { font-size: 1.75rem; line-height: 1.2858; color: #FFF; text-align: center; } } @media screen and (min-width: 768px) { .cc--user-choice-slide h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--user-choice-slide h2 { font-size: 3.125rem; line-height: 1.16; } } @media screen and (max-width: 767px) { .cc--user-choice-slide h3.tab-title { margin-top: 1.875rem; margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; color: #FFF; text-align: center; } } @media screen and (min-width: 768px) { .cc--user-choice-slide .text-container { margin-left: auto; padding-right: 4%; padding-left: 4%; 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: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; height: 100%; } } @media screen and (min-width: 1024px) { .cc--user-choice-slide .text-container { width: 64%; } } @media screen and (min-width: 1024px) { .cc--user-choice-slide .text-container .text-container-inner { width: 62.5%; } } .cc--user-choice-slide .f--description p { font-size: 1.125rem; line-height: 1.5556; color: #FFF; text-align: center; } @media screen and (min-width: 768px) { .cc--user-choice-slide .f--description p { font-size: 1.375rem; line-height: 1.6364; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-align: right; } } .cc--user-choice-slide .f--description a { color: #FFF; } html[data-whatintent="mouse"] .cc--user-choice-slide .f--description a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-slide .f--description a:hover { color: #FFF; text-decoration: none; } @media screen and (max-width: 767px) { .cc--user-choice-slide .f--link { margin-top: 1.875rem; text-align: center; } } @media screen and (min-width: 768px) { .cc--user-choice-slide .f--link { margin-top: 2.5rem; text-align: right; } } .cc--user-choice-slide .f--link a { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--user-choice-slide .f--link a { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--user-choice-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-slide .f--link a: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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--user-choice-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-slide .f--link a: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: #FFF; color: #000; text-decoration: none; } @media screen and (max-width: 767px) { .cc--user-choice-slide .f--link a { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } .cc--user-choice-slide .icon-close { margin-top: auto; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 2.5rem; height: 2.5rem; border: 1px solid #FFF; border-radius: 100%; } @media screen and (min-width: 768px) { .cc--user-choice-slide .icon-close { display: none; } } .cc--user-choice-slide .icon-close svg { width: 0.75rem; height: 0.75rem; fill: #FFF; } @media screen and (max-width: 767px) { .cc--user-choice-slide .text-container { margin-bottom: 1.25rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .cc--user-choice-vertical-slide { position: relative; } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide.swiper-slide { position: absolute; top: 100%; height: auto; min-height: 100%; opacity: 0 !important; } } .cc--user-choice-vertical-slide.with-bg-image { height: auto; min-height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide.with-bg-image { height: 42.1875rem; min-height: none; } } .cc--user-choice-vertical-slide.with-bg-image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); content: ''; } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide.with-bg-image::after { background-color: rgba(0, 0, 0, 0.6); z-index: -1; } } .cc--user-choice-vertical-slide[aria-hidden='false'] { visibility: visible; } .cc--user-choice-vertical-slide[aria-hidden='true'] { visibility: hidden; } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide.swiper-slide-active { top: 0; height: 100%; -webkit-transform: none !important; transform: none !important; opacity: 1 !important; } } .cc--user-choice-vertical-slide .c--user-choice-vertical-slide, .cc--user-choice-vertical-slide .c--user-choice-slide { max-width: 1440px; margin: 0 auto; height: 100%; } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide .c--user-choice-vertical-slide, .cc--user-choice-vertical-slide .c--user-choice-slide { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; z-index: 1; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .c--user-choice-vertical-slide > h2, .cc--user-choice-vertical-slide .c--user-choice-vertical-slide > h3, .cc--user-choice-vertical-slide .c--user-choice-slide > h2, .cc--user-choice-vertical-slide .c--user-choice-slide > h3 { display: none; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide h2 { font-size: 1.75rem; line-height: 1.2858; color: #FFF; text-align: center; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical-slide h2 { font-size: 3.125rem; line-height: 1.16; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide h3.tab-title { margin-top: 1.875rem; margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; color: #FFF; text-align: center; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .text-container { margin-left: auto; padding-right: 4%; padding-left: 4%; 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: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; height: 100%; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical-slide .text-container { width: 64%; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical-slide .text-container .text-container-inner { width: 62.5%; } } .cc--user-choice-vertical-slide .f--description p { font-size: 1.125rem; line-height: 1.5556; color: #FFF; text-align: center; } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .f--description p { font-size: 1.375rem; line-height: 1.6364; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-align: right; } } .cc--user-choice-vertical-slide .f--description a { color: #FFF; } html[data-whatintent="mouse"] .cc--user-choice-vertical-slide .f--description a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical-slide .f--description a:hover { color: #FFF; text-decoration: none; } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide .f--link { margin-top: 1.875rem; text-align: center; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .f--link { margin-top: 2.5rem; text-align: right; } } .cc--user-choice-vertical-slide .f--link a { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .f--link a { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical-slide .f--link a: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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical-slide .f--link a: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: #FFF; color: #000; text-decoration: none; } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide .f--link a { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } .cc--user-choice-vertical-slide .icon-close { margin-top: auto; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 2.5rem; height: 2.5rem; border: 1px solid #FFF; border-radius: 100%; } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .icon-close { display: none; } } .cc--user-choice-vertical-slide .icon-close svg { width: 0.75rem; height: 0.75rem; fill: #FFF; } .cc--user-choice-vertical-slide .c--user-choice-vertical-slide { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide.with-bg-image { height: 100%; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide.with-bg-image .text-container { margin-left: auto; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide h2 { color: #000; } } .cc--user-choice-vertical-slide h3.tab-title { color: #000; } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide .text-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .text-container { margin-left: 0; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical-slide .text-container { width: 52%; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical-slide .text-container .text-container-inner { width: 100%; } } .cc--user-choice-vertical-slide .f--image { margin-bottom: 1.25rem; } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide .f--image { margin-right: auto; margin-left: auto; max-width: 16.875rem; } } .cc--user-choice-vertical-slide .f--iframe-video { margin-bottom: 1.25rem; } @media screen and (max-width: 767px) { .cc--user-choice-vertical-slide .f--iframe-video { margin-right: auto; margin-left: auto; max-width: 16.875rem; } } .cc--user-choice-vertical-slide .f--iframe-video .iframe-wrapper { margin-top: 0; margin-bottom: 0; } .cc--user-choice-vertical-slide .f--description p { font-size: 0.875rem; line-height: 1.7143; color: #000; text-align: left; } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .f--description p { font-size: 1rem; line-height: 1.75; font-weight: 400; } } .cc--user-choice-vertical-slide .f--link { margin-top: 0.9375rem; text-align: left; } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .f--link { margin-top: 1.25rem; } } .cc--user-choice-vertical-slide .f--link a.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--user-choice-vertical-slide .f--link a.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--user-choice-vertical-slide .f--link a.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--user-choice-vertical-slide .f--link a.button--alt:hover { color: #C03; } .cc--user-choice-vertical-slide .f--link a.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--user-choice-vertical-slide .f--link a.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--user-choice-vertical-slide .f--link a.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--user-choice-vertical-slide .f--link a.button--alt.disabled:hover { cursor: default; } .cc--user-choice-vertical-slide .f--link a.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .cc--user-choice-vertical-slide .icon-close { border: 1px solid #000; } .cc--user-choice-vertical-slide .icon-close svg { fill: #000; } .cc--accordion { max-width: 1440px; margin: 0 auto; margin-top: 2.5rem; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--accordion { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .cc--accordion.justify-center .section-header { text-align: center; } .cc--accordion.justify-right .section-header { text-align: right; } .cc--accordion .c--accordion .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--accordion .c--accordion .inner-wrapper { padding-right: 4%; padding-left: 4%; } } .cc--accordion .c--accordion .section-header { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--accordion .c--accordion .section-header { margin-bottom: 2.5rem; } } .cc--accordion .c--accordion .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--accordion .c--accordion .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.875rem; } } .cc--accordion .c--accordion .f--description p { font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .cc--accordion .c--accordion .f--description p { font-size: 1.125rem; line-height: 1.7778; } } .cc--accordion .c--accordion .accordion-list { list-style: none; padding: 0; margin: 0; } .cc--accordion .c--accordion .accordion-list .accordion-list-item { border-top: 1px solid #D8D8D8; } .cc--accordion .c--accordion .accordion-list .accordion-list-item:nth-child(even) { background-color: #EFEFEF; } .cc--accordion .c--accordion .accordion-list .accordion-list-item:last-child { border-bottom: 1px solid #D8D8D8; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger { padding-top: 2.5rem; padding-right: 4rem; padding-bottom: 2.5rem; padding-left: 1.5rem; margin-top: 0; margin-bottom: 0; display: block; position: relative; width: 100%; color: #000; text-align: left; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text span::before { padding-right: 0.625rem; padding-left: 0.625rem; margin-bottom: 0.9375rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; content: '|'; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text span:first-child::before { display: none; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger h3 { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger h3 { font-size: 1.5rem; line-height: 1.3334; } } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger .f--description p { margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #D8D8D8; text-align: left; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; right: 1.5rem; width: 1.25rem; height: 1.25rem; background: url("../images/icons/icon-plus-red.svg"); background-repeat: no-repeat; background-size: 100%; content: ''; } @media screen and (min-width: 768px) { .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger::after { width: 1.25rem; height: 1.25rem; } } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger.open::after { height: 0.125rem; background: url("../images/icons/icon-minus-red.svg"); background-repeat: no-repeat; background-size: 100%; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel { padding-top: 0; padding-right: 1.5rem; padding-bottom: 2.5rem; padding-left: 1.5rem; display: none; overflow: auto; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel p { font-size: 1rem; line-height: 1.75; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel p:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel p, .explore-funding-ops .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel p { font-size: 1.125rem; line-height: 1.7778; } } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol li, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul li { font-size: 1rem; line-height: 1.75; } .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ol li:last-child, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel ul li:last-child { margin-bottom: 0; } .cc--accordion.red .accordion-trigger.open h3 { color: #C03; } html[data-whatintent="mouse"] .cc--accordion.red .accordion-trigger { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--accordion.red .accordion-trigger:hover h3 { color: #C03; } .cc--accordion.teal .c--accordion .accordion-list .accordion-list-item .accordion-trigger::after { background: url("../images/icons/icon-plus-teal.svg"); } .cc--accordion.teal .c--accordion .accordion-list .accordion-list-item .accordion-trigger.open::after { background: url("../images/icons/icon-minus-teal.svg"); } .cc--accordion.teal .accordion-trigger.open h3 { color: #00626D; } html[data-whatintent="mouse"] .cc--accordion.teal .accordion-trigger { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--accordion.teal .accordion-trigger:hover h3 { color: #00626D; } .cc--accordion.blue .c--accordion .accordion-list .accordion-list-item .accordion-trigger::after { background: url("../images/icons/icon-plus-blue.svg"); } .cc--accordion.blue .c--accordion .accordion-list .accordion-list-item .accordion-trigger.open::after { background: url("../images/icons/icon-minus-blue.svg"); } .cc--accordion.blue .accordion-trigger.open h3 { color: #007FAC; } html[data-whatintent="mouse"] .cc--accordion.blue .accordion-trigger { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--accordion.blue .accordion-trigger:hover h3 { color: #007FAC; } .home-page .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper, .alternative-home .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper, .landing-informational .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .home-page .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper, .alternative-home .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper, .landing-informational .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .home-page .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper, .alternative-home .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper, .landing-informational .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 20%; padding-left: 20%; } } @media screen and (min-width: 1024px) { .home-page .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper, .alternative-home .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper, .landing-informational .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 10%; padding-left: 10%; } } .home-page .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper .f--section-title h2, .alternative-home .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper .f--section-title h2, .landing-informational .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper .f--section-title h2 { font-size: 1.75rem; line-height: 1.2858; } @media screen and (min-width: 768px) { .home-page .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper .f--section-title h2, .alternative-home .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper .f--section-title h2, .landing-informational .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .home-page .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper .f--section-title h2, .alternative-home .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper .f--section-title h2, .landing-informational .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .cc--admin-tabs { position: absolute; top: 250px; right: 0; border: 1px solid #5F6172; background-color: #FFF; z-index: 200; } .cc--admin-tabs .c--admin-tabs { max-width: 1440px; margin: 0 auto; padding-top: 20px; padding-right: 2%; padding-bottom: 20px; padding-left: 2%; display: none; } @media screen and (min-width: 768px) { .cc--admin-tabs .c--admin-tabs { display: block; } .cc--admin-tabs .c--admin-tabs > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; list-style-type: none; } .cc--admin-tabs .c--admin-tabs > ul > li { margin: 0 2.5rem 0 0; } } .cc--animated-50-50 { position: relative; } @media screen and (min-width: 768px) { .cc--animated-50-50 .c--animated-50-50 { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--animated-50-50 .fixed-background { display: none; } @media screen and (min-width: 768px) { .cc--animated-50-50 .fixed-background { display: block; position: -webkit-sticky; position: sticky; top: 0; width: 50%; height: 100vh; background-color: #FFF; -webkit-backface-visibility: hidden; backface-visibility: hidden; } } @media screen and (min-width: 1024px) { .cc--animated-50-50 .fixed-background { top: 4.375rem; height: calc(100vh - 4.375rem); } } .cc--animated-50-50 .fixed-background .image-wrapper { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .cc--animated-50-50 .fixed-background .image-wrapper:first-child { opacity: 1; z-index: 1; } .cc--animated-50-50 .fixed-background .image-wrapper .bg-image { height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } @media screen and (min-width: 768px) { .cc--animated-50-50 .section-scroll { width: 50%; } } .cc--animated-50-50 .section-scroll .section-item:first-of-type h2 { margin-bottom: 0; font-size: 2rem; line-height: 1.25; color: #000; } @media screen and (min-width: 768px) { .cc--animated-50-50 .section-scroll .section-item:first-of-type h2 { font-size: 3rem; line-height: 1.1667; } } @media screen and (min-width: 1024px) { .cc--animated-50-50 .section-scroll .section-item:first-of-type h2 { font-size: 3.125rem; line-height: 1.16; } } @media screen and (min-width: 768px) { .cc--animated-50-50 .section-scroll .section-item:first-of-type .paragraph-wrapper .paragraph-inner { 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; } } .cc--animated-50-50 .section-scroll .paragraph-wrapper { background-color: #FFF; } .cc--animated-50-50 .section-scroll .paragraph-wrapper .paragraph-inner { 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--animated-50-50 .section-scroll .paragraph-wrapper .paragraph-inner { height: 100%; } } .cc--animated-50-50 .section-scroll .text-container { padding-right: 8%; padding-left: 8%; margin-top: 2.5rem; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--animated-50-50 .section-scroll .text-container { padding-right: 8%; padding-left: 8%; margin-top: 4.375rem; margin-bottom: 4.375rem; min-height: 22.5rem; } } @media screen and (min-width: 1024px) { .cc--animated-50-50 .section-scroll .text-container { margin-top: 8.125rem; margin-bottom: 8.125rem; } } @media screen and (min-width: 1440px) { .cc--animated-50-50 .section-scroll .text-container { padding-right: calc(((100vw - (100vw - 1440px)) / 50) * 2); padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 2); margin-left: calc((100vw - 1440px) / 2); } } @media screen and (min-width: 768px) { .cc--animated-50-50 .section-scroll .text-container .f--section-title h2 { margin-bottom: 2.5rem; } } .cc--animated-50-50 .section-scroll .text-container .f--link a:not(.button--arrow) { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--animated-50-50 .section-scroll .text-container .f--link a:not(.button--arrow) { margin-top: 2.5rem; } } .cc--animated-50-50 .section-scroll .f--image { position: relative; } .ie11 .cc--animated-50-50 .section-scroll .f--image { height: 100%; } .cc--animated-50-50 .section-scroll .f--image::before { width: 0; height: 0; content: ''; z-index: 2; border-top: 25px solid #FFF; border-left: 25px solid transparent; border-right: 25px solid transparent; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; } @media screen and (min-width: 768px) { .cc--animated-50-50 .section-scroll .f--image { display: none; } } .cc--animated-50-50 .scroll-button-wrapper { display: none; } @media screen and (min-width: 768px) { .cc--animated-50-50 .scroll-button-wrapper { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; left: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; } } .cc--animated-50-50 .scroll-button-wrapper .scroll-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: #C03; cursor: pointer; z-index: 4; } @media screen and (min-width: 1024px) { .cc--animated-50-50 .scroll-button-wrapper .scroll-button { width: 5rem; height: 5rem; } } .cc--animated-50-50 .scroll-button-wrapper .scroll-button svg { width: 0.9375rem; height: 0.5625rem; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @media screen and (min-width: 1024px) { .cc--animated-50-50 .scroll-button-wrapper .scroll-button svg { width: 1.125rem; height: 0.6875rem; } } .cc--animated-50-50 .scroll-button-wrapper .scroll-button svg path { fill: #FFF; } .cc--animated-50-50 .animation-anchor { position: relative; top: -80vh; } .cc--article-sidebar { padding-top: 0.625rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--article-sidebar { padding-top: 1.875rem; padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--article-sidebar { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 4%; position: absolute; top: 0; left: 0; width: 16%; } } @media screen and (min-width: 1440px) { .cc--article-sidebar { padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 2); left: calc((100vw - 1440px) / 2); max-width: 14.375rem; } } .cc--article-sidebar .c--article-sidebar { padding-top: 0.9375rem; padding-bottom: 0.9375rem; border-top: 0.0625rem solid #D8D8D8; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-top: 0; border-bottom: 0; } } .cc--article-sidebar .c--article-sidebar .f--text { display: inline; } .cc--article-sidebar .c--article-sidebar .full-name-wrapper, .cc--article-sidebar .c--article-sidebar .date-wrapper, .cc--article-sidebar .c--article-sidebar .media-wrapper { margin-bottom: 0.625rem; } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar .full-name-wrapper, .cc--article-sidebar .c--article-sidebar .date-wrapper, .cc--article-sidebar .c--article-sidebar .media-wrapper { margin-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .cc--article-sidebar .c--article-sidebar .full-name-wrapper, .cc--article-sidebar .c--article-sidebar .date-wrapper { display: inline-block; } } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar .full-name-wrapper, .cc--article-sidebar .c--article-sidebar .date-wrapper { display: block; } } @media screen and (min-width: 768px) { .cc--article-sidebar .c--article-sidebar .full-name-wrapper { margin-right: 1.25rem; } } .cc--article-sidebar .c--article-sidebar .label, .cc--article-sidebar .c--article-sidebar .full-name, .cc--article-sidebar .c--article-sidebar .source, .cc--article-sidebar .c--article-sidebar .date, .cc--article-sidebar .c--article-sidebar .media-contact-name, .cc--article-sidebar .c--article-sidebar .media-contact-email, .cc--article-sidebar .c--article-sidebar .media-contact-phone { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 0.875rem; line-height: 1.4286; display: inline-block; color: #666; } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar .label, .cc--article-sidebar .c--article-sidebar .full-name, .cc--article-sidebar .c--article-sidebar .source, .cc--article-sidebar .c--article-sidebar .date, .cc--article-sidebar .c--article-sidebar .media-contact-name, .cc--article-sidebar .c--article-sidebar .media-contact-email, .cc--article-sidebar .c--article-sidebar .media-contact-phone { display: block; } } .cc--article-sidebar .c--article-sidebar .label a, .cc--article-sidebar .c--article-sidebar .full-name a, .cc--article-sidebar .c--article-sidebar .source a, .cc--article-sidebar .c--article-sidebar .date a, .cc--article-sidebar .c--article-sidebar .media-contact-name a, .cc--article-sidebar .c--article-sidebar .media-contact-email a, .cc--article-sidebar .c--article-sidebar .media-contact-phone a { font-size: 0.875rem; line-height: 1.4286; color: #666; } .cc--article-sidebar .c--article-sidebar .media-contact-name, .cc--article-sidebar .c--article-sidebar .label, .cc--article-sidebar .c--article-sidebar .media-contact-phone { padding-right: 0.625rem; } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar .label, .cc--article-sidebar .c--article-sidebar .full-name, .cc--article-sidebar .c--article-sidebar .media-contact-name, .cc--article-sidebar .c--article-sidebar .media-contact-phone { margin-bottom: 0.625rem; } } .cc--article-sidebar .c--article-sidebar .media-contact-email a { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; } .cc--article-sidebar .c--article-sidebar .label { color: #000; } @media screen and (min-width: 1024px) { .cc--article-sidebar .c--article-sidebar .cc--social-share { margin-top: 2.5rem; } } .cc--back-to-top { display: none; position: fixed; right: 0; bottom: 0; z-index: 4; } .cc--back-to-top.sticky-active { bottom: 4.375rem; } @media screen and (min-width: 768px) { .cc--back-to-top.sticky-active { bottom: 5.625rem; } } @media screen and (min-width: 768px) { .cc--back-to-top { right: 1.875rem; bottom: 1.875rem; } } .article .cc--back-to-top { bottom: 5rem; } @media screen and (min-width: 768px) { .article .cc--back-to-top { bottom: 6.25rem; } } .cc--back-to-top.btb-unstick { position: absolute; top: -20px; bottom: 0; } @media screen and (min-width: 768px) { .cc--back-to-top.btb-unstick { right: 1.875rem; bottom: 1.875rem; } } .cc--back-to-top .c--back-to-top button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: 0; background-color: #EBB600; cursor: pointer; } .cc--back-to-top .c--back-to-top button svg { width: 0.75rem; height: 0.4375rem; } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--basic-branding-header { padding-right: 1.25rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--basic-branding-header { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media screen and (min-width: 768px) { .cc--basic-branding-header .c--basic-branding-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc--basic-branding-header .f--text { margin-top: 0.8125rem; font-size: 1rem; line-height: 1.25; color: #000; } @media screen and (min-width: 768px) { .cc--basic-branding-header .f--text { padding-bottom: 0.625rem; margin-top: 0; margin-left: 1.6875rem; max-width: 18.75rem; } } @media screen and (min-width: 1200px) { .cc--basic-branding-header .f--text { font-size: 1.1875rem; line-height: 1.3158; max-width: 17.25rem; } } .main-nav-container .cc--basic-branding-header .f--text { font-size: 0.75rem; line-height: 1.3334; padding-bottom: 0; max-width: 12.5rem; } .cc--basic-branding-header a { display: block; } .cc--basic-branding-header a img { width: 11.4375rem; height: 3.0625rem; } @media screen and (min-width: 768px) { .cc--basic-branding-header a img { width: 10.9375rem; height: 2.9375rem; } } @media screen and (min-width: 1024px) { .cc--basic-branding-header a img { width: 10rem; height: 2.6875rem; } } @media screen and (min-width: 1200px) { .cc--basic-branding-header a img { width: 13.9375rem; height: 3.75rem; } } @media screen and (min-width: 1024px) { .main-nav-container .cc--basic-branding-header a img { width: 10.875rem; height: 3rem; } } .cc--basic-footer { background-color: #000; } .cc--basic-footer .c--basic-footer { max-width: 1440px; margin: 0 auto; color: #FFF; } .cc--basic-footer .c--basic-footer .footer-main { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .footer-main { padding-top: 5rem; padding-right: 4%; padding-left: 4%; } } .cc--basic-footer .c--basic-footer a { color: #FFF; } @media screen and (min-width: 1024px) { .cc--basic-footer .c--basic-footer .footer-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; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .footer-middle { padding-top: 3.125rem; padding-bottom: 2.1875rem; 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 (min-width: 1024px) { .cc--basic-footer .c--basic-footer .footer-middle { padding-top: 3.75rem; padding-bottom: 2.8125rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cc--basic-footer .c--basic-footer .cc--basic-branding-footer { margin-bottom: 2.5rem; max-width: 16.875rem; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--basic-branding-footer { margin-bottom: 3.125rem; max-width: 16.5rem; } } @media screen and (min-width: 1024px) { .cc--basic-footer .c--basic-footer .cc--basic-branding-footer { margin-bottom: 0; } } .cc--basic-footer .c--basic-footer .cc--basic-branding-footer a { padding-bottom: 0.3125rem; display: block; } .cc--basic-footer .c--basic-footer .cc--basic-branding-footer a img { display: block; width: 200px; height: 100%; } .cc--basic-footer .c--basic-footer .connect-menu-section { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .connect-menu-section { width: 30.43478%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--basic-footer .c--basic-footer .connect-menu-section { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 1024px) { .cc--basic-footer .c--basic-footer .connect-menu-section { padding-left: 2.17391%; width: 43.47826%; } } .cc--basic-footer .c--basic-footer .connect-menu-section h2 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .connect-menu-section h2 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--basic-footer .c--basic-footer .connect-menu-section h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } @media screen and (min-width: 1024px) { .cc--basic-footer .c--basic-footer .connect-menu-section .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .cc--basic-footer .c--basic-footer .connect-menu-section .menu-wrapper .cc--footer-menu { padding-right: 10.52632%; width: 47.36842%; } } .cc--basic-footer .c--basic-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { display: block; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul li { width: 100%; } } .cc--basic-footer .c--basic-footer .cc--footer-menu h3 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu h3 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--basic-footer .c--basic-footer .cc--footer-menu nav ul { margin-bottom: 0.9375rem; 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 (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu nav ul { margin-bottom: 0; } } .cc--basic-footer .c--basic-footer .cc--footer-menu nav ul li { margin-bottom: 0.9375rem; font-size: 0.75rem; line-height: 1.3334; width: 47.61905%; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu nav ul li { margin-bottom: 1.25rem; font-size: 0.875rem; line-height: 1.4286; } } .cc--basic-footer .c--basic-footer .cc--footer-menu nav ul li a { font-size: 0.75rem; line-height: 1.3334; text-decoration: none; } html[data-whatintent="mouse"] .cc--basic-footer .c--basic-footer .cc--footer-menu nav ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--basic-footer .c--basic-footer .cc--footer-menu nav ul li a:hover { color: #FFF; text-decoration: underline; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu nav ul li a { font-size: 0.875rem; line-height: 1.4286; } } .cc--basic-footer .c--basic-footer .cc--footer-menu.supplemental-menu h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .cc--basic-footer .c--basic-footer .cc--footer-menu.supplemental-menu nav ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cc--basic-footer .c--basic-footer .cc--footer-menu.supplemental-menu nav ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.supplemental-menu nav ul li { margin-bottom: 0; } } .cc--basic-footer .c--basic-footer .cc--footer-menu.supplemental-menu nav ul li::after { padding-right: 1.125rem; padding-left: 1.125rem; display: inline-block; color: #666; content: '|'; } .cc--basic-footer .c--basic-footer .cc--footer-menu.supplemental-menu nav ul li:last-child::after { display: none; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.campus-menu, .cc--basic-footer .c--basic-footer .cc--footer-menu.academic-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.campus-menu, .cc--basic-footer .c--basic-footer .cc--footer-menu.academic-menu { padding-right: 2.17391%; width: 17.3913%; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.campus-menu nav ul, .cc--basic-footer .c--basic-footer .cc--footer-menu.academic-menu nav ul { display: block; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.campus-menu nav ul li, .cc--basic-footer .c--basic-footer .cc--footer-menu.academic-menu nav ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.notices-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.notices-menu { width: 21.73913%; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.notices-menu ul { display: block; } } .cc--basic-footer .c--basic-footer .cc--footer-menu.notices-menu ul li:nth-child(1) { padding-bottom: 1.25rem; margin-bottom: 1.25rem; width: 100%; border-bottom: 0.0625rem solid #333; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.notices-menu ul li:nth-child(1) { padding-bottom: 1.875rem; margin-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.notices-menu ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .footer-bottom { border-top: 0; border-bottom: 0; } } .cc--basic-footer .c--basic-footer .footer-bottom .social-newsletter-container { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .footer-bottom .social-newsletter-container { padding-top: 1.25rem; padding-bottom: 1.75rem; 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; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .footer-bottom .social-newsletter-container .cc--footer-social .footer-social-container { width: 24.5rem; } } .cc--basic-footer .cc--footer-copyright .c--footer-copyright { padding-top: 0; } @media screen and (min-width: 768px) { .cc--basic-footer .cc--footer-copyright .c--footer-copyright { padding-top: 2.625rem; } } .cc--basic-footer .cc--footer-copyright .c--footer-copyright .f--description p { margin-top: 0; } @media screen and (min-width: 1024px) { #l--main-header-basic { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 100; } } #l--main-header-basic .mobile-nav { position: fixed; top: 0; right: 0; left: 0; width: 100%; background-color: #FFF; z-index: 100; } @media screen and (min-width: 1024px) { #l--main-header-basic .mobile-nav { display: none; } } #l--main-header-basic .mobile-nav .mobile-nav-topbar-container { padding-top: 1.8125rem; padding-right: 4%; padding-bottom: 1.5625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 9.75rem; } @media screen and (min-width: 768px) { #l--main-header-basic .mobile-nav .mobile-nav-topbar-container { min-height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 6.875rem; } } #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-close, #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-hamburger, #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-search, #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-search-close { width: 1.25rem; height: 1.25rem; fill: #C03; } #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-search-close { display: none; } .search-is-open #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-search-close { margin-right: 0; display: block; } #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-search { width: 2.75rem; height: 2.75rem; } @media screen and (max-width: 767px) { #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-search { position: absolute; top: 1.8125rem; right: calc(4% + 2rem); } } .search-is-open #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-search { display: none; } #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { margin-right: -0.75rem; width: 2.75rem; height: 2.75rem; } @media screen and (max-width: 767px) { #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { position: absolute; top: 1.8125rem; right: 4%; } } #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-hamburger { display: none; } #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger .icon-close { display: none; } .search-is-open #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { display: none; } #l--main-header-basic .mobile-nav .mobile-nav-menu-container { display: none; position: fixed; top: 5rem; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 3.125rem); background-color: #222; z-index: 99; overflow-y: auto; } @media screen and (min-width: 768px) { #l--main-header-basic .mobile-nav .mobile-nav-menu-container { top: 6.875rem; } } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu { background-color: #FFF; } @media screen and (min-width: 1024px) { #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu { display: none; width: 62%; } } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > span, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 8%; padding-bottom: 0.8125rem; padding-left: 8%; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > span, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-bottom: 0.8125rem; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item.is-open .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #C03; } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 0; padding-bottom: 0.8125rem; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-basic .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li.menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #C03; } #l--main-header-basic .mobile-nav .cc--utility-menu { background-color: #000; } #l--main-header-basic .mobile-nav .cc--utility-menu .c--utility-menu { padding-top: 1.25rem; padding-bottom: 0.0625rem; } @media screen and (min-width: 768px) { #l--main-header-basic .mobile-nav .cc--utility-menu { overflow: hidden; } } #l--main-header-basic .mobile-nav .cc--utility-menu ul { padding-right: 8%; padding-left: 8%; } #l--main-header-basic .mobile-nav .cc--utility-menu ul::after { display: block; clear: both; content: ""; } #l--main-header-basic .mobile-nav .cc--utility-menu ul li { margin-right: 0; margin-bottom: 0.625rem; margin-left: 0; width: 100%; } #l--main-header-basic .mobile-nav .cc--utility-menu ul li li { margin-bottom: 0; } #l--main-header-basic .mobile-nav .cc--utility-menu ul li a { color: #FFF; } #l--main-header-basic .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button { display: none; height: auto; color: #FFF; } @media screen and (min-width: 1024px) { #l--main-header-basic .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } #l--main-header-basic .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button.is-open { color: #C03; } #l--main-header-basic .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button svg { display: none; } #l--main-header-basic .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu { padding-right: 0; padding-left: 0; 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; } #l--main-header-basic .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li { width: 47.61905%; } #l--main-header-basic .utility-nav-container { display: none; } @media screen and (min-width: 1024px) { #l--main-header-basic .utility-nav-container { display: block; } #l--main-header-basic .utility-nav-container .m--menu li .utility-button span.show-pipe::before { display: none; } } @media screen and (min-width: 1024px) and (min-width: 1024px) { #l--main-header-basic .utility-nav-container .m--menu li .utility-button span.show-pipe::before { margin-right: 1.25rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; content: "|"; } } @media screen and (min-width: 1024px) { #l--main-header-basic .utility-nav-container .utility-nav-container-wrapper { padding-bottom: 0.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 7.875rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFF; } .slim-nav-visible #l--main-header-basic .utility-nav-container .utility-nav-container-wrapper { height: 4.375rem; } } #l--main-header-basic .utility-nav-container .icon-close { display: none; } @media screen and (min-width: 1024px) { #l--main-header-basic .utility-nav-container .icon-search { margin-right: 2.5rem; margin-left: 1.25rem; background-color: transparent; } } #l--main-header-basic .utility-nav-container .icon-search svg { fill: #C03; } #l--main-header-basic .utility-nav-container .cc--basic-branding-header { margin-left: 2.5rem; } @media screen and (min-width: 1024px) { #l--main-header-basic .utility-nav-container .cc--basic-branding-header { padding-right: 6.25rem; } } .slim-nav-visible #l--main-header-basic .utility-nav-container .cc--basic-branding-header { display: none; } @media screen and (min-width: 1024px) { #l--main-header-basic .utility-nav-container.slim-nav-expanded { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFF; opacity: 1 !important; } #l--main-header-basic .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper { opacity: 1; } #l--main-header-basic .utility-nav-container.slim-nav-expanded .icon-search { margin-right: 1.25rem; } #l--main-header-basic .utility-nav-container.slim-nav-expanded .icon-search svg { fill: #C03; } #l--main-header-basic .utility-nav-container.slim-nav-expanded .icon-close { margin-right: 2.5rem; display: block; } #l--main-header-basic .utility-nav-container.slim-nav-expanded .icon-close svg { fill: #C03; } } @media screen and (min-width: 1200px) { #l--main-header-basic .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper .cc--basic-branding-header a { display: block; } #l--main-header-basic .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper .cc--basic-branding-header a .icon-logo-color { display: block; } } @media screen and (min-width: 1024px) { #l--main-header-basic .cc--utility-menu { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } } #l--main-header-basic .main-nav-container { display: none; position: relative; } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container { display: block; width: 100%; } } #l--main-header-basic .main-nav-container .buttons-wrapper { display: none; } #l--main-header-basic .main-nav-container .branding-hamburger-container { z-index: 3; } #l--main-header-basic .main-nav-container .branding-hamburger-container .ru-hamburger { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 1.25rem; height: 0.9375rem; } #l--main-header-basic .main-nav-container .branding-hamburger-container .ru-hamburger svg { width: 1.25rem; height: 0.9375rem; fill: #C03; } #l--main-header-basic .main-nav-container .branding-mainmenu-container { position: absolute; top: 0; right: 0; left: 0; width: 100%; border-bottom: 0; background-color: #FFF; z-index: 2; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--basic-branding-header { display: none; } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 4.375rem; border-bottom: 0; z-index: 5; } #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner { max-width: 100%; } #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1024px) and (min-width: 1200px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper .cc--basic-branding-header a { position: relative; top: auto; left: auto; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper .cc--basic-branding-header .f--text { font-size: 1.1875rem; line-height: 1.3158; max-width: none; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--basic-branding-header { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--basic-branding-header a { position: absolute; top: -1.75rem; } } @media screen and (min-width: 1440px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--basic-branding-header a { top: -2.9375rem; left: 2.5rem; } } @media screen and (min-width: 1200px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--basic-branding-header a img { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) and (min-width: 1200px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--basic-branding-header img { display: block; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--main-menu { display: none; width: 62%; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .buttons-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search { margin-right: 1.25rem; height: auto; } #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search svg { fill: #C03; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-expanded { top: 4.375rem; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner { margin-right: 2.5rem; margin-left: 2.5rem; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner .inner-wrapper .cc--basic-branding-header { position: absolute; top: -3.6875rem; left: 2.5rem; } #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner .inner-wrapper .cc--basic-branding-header .f--text { font-size: 1.1875rem; line-height: 1.3158; max-width: 17.25rem; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-expanded .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-expanded .buttons-wrapper { display: none; } } #l--main-header-basic .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner { margin-right: 2.5rem; margin-left: 2.5rem; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner .inner-wrapper { 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; width: 100%; height: 4.375rem; } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu { width: 100%; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li { margin-left: 1.875rem; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:first-child { margin-left: 0; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:first-child > .submenus-wrapper { left: -2.5rem; -webkit-transform: none; transform: none; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:first-child > .submenus-wrapper .submenus-wrapper { left: 100%; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:last-child > .submenus-wrapper { left: auto; right: -2.5rem; -webkit-transform: none; transform: none; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:last-child > .submenus-wrapper .submenus-wrapper { left: -100%; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:nth-last-child(2) > .submenus-wrapper, #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:nth-last-child(3) > .submenus-wrapper { left: auto; right: -2.5rem; -webkit-transform: none; transform: none; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:nth-last-child(2) > .submenus-wrapper .submenus-wrapper, #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:nth-last-child(3) > .submenus-wrapper .submenus-wrapper { left: -100%; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li ul li:first-child { margin-left: 0; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li ul li:first-child > .submenus-wrapper { left: 100%; -webkit-transform: none; transform: none; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li ul li:last-child > .submenus-wrapper { left: 100%; right: auto; -webkit-transform: none; transform: none; } #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul.submenu li { margin-left: 0; } } @media screen and (min-width: 1024px) { #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu.slim-nav-is-visible { display: none; } } @media screen and (min-width: 1024px) { .slim-nav-expanded #l--main-header-basic .main-nav-container .branding-mainmenu-container .cc--main-menu { 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) { #l--main-header-basic .main-nav-container .branding-mainmenu-container .icon-search { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } #l--main-header-basic .cc--basic-search-form { display: none; height: 100%; } #main-content-basic { margin-top: 8.5rem; display: block; } @media screen and (min-width: 768px) { #main-content-basic { margin-top: 6.875rem; } } @media screen and (min-width: 1024px) { #main-content-basic { margin-top: 12.25rem; } } .is-rutgers-nav #main-content-basic, .is-rutgers-mini-nav #main-content-basic { margin-top: 0; } .cc--basic-search-form { padding-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.8); z-index: 300; } .cc--basic-search-form .c--basic-search-form { padding-bottom: 3.125rem; position: relative; width: 100%; background-color: #FFF; } .cc--basic-search-form .search-form-branding { padding-top: 1.8125rem; padding-right: 4%; padding-bottom: 1.5625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 768px) { .cc--basic-search-form .search-form-branding { padding-top: 2rem; padding-bottom: 1.6875rem; } } @media screen and (min-width: 1024px) { .cc--basic-search-form .search-form-branding { padding-top: 0.625rem; padding-right: 0; padding-bottom: 0.625rem; padding-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 7.875rem; } } @media screen and (min-width: 1024px) { .cc--basic-search-form .search-form-branding img { margin-left: 2.5rem; } } .cc--basic-search-form .search-form-branding .icon-search-close { margin-right: 4%; width: 1.125rem; height: 3.125rem; } @media screen and (min-width: 1024px) { .cc--basic-search-form .search-form-branding .icon-search-close { margin-right: 2.5rem; } } .cc--basic-search-form .search-form-branding .icon-search-close svg { width: 1.125rem; height: 1.125rem; fill: #C03; } .cc--basic-search-form form { max-width: 38.5rem; margin: 0 auto; margin-top: 2.9375rem; padding-right: 8%; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--basic-search-form form { max-width: 51rem; margin: 0 auto; margin-top: 5rem; margin-bottom: 5rem; } } @media screen and (min-width: 1024px) { .cc--basic-search-form form { margin-top: 6.25rem; margin-bottom: 6.25rem; } } .cc--basic-search-form form .search-form-inner { margin-bottom: 1.875rem; position: relative; border-bottom: 0.0625rem solid #D8D8D8; } .cc--basic-search-form form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5rem; height: 1.5rem; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--basic-search-form form .icon-search { width: 2rem; height: 2rem; } } .cc--basic-search-form form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #C03; } @media screen and (min-width: 768px) { .cc--basic-search-form form .icon-search svg { width: 2rem; height: 2rem; } } @media screen and (min-width: 768px) { .cc--basic-search-form form .search-filter-options .fieldset-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--basic-search-form .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .cc--basic-search-form .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .cc--basic-search-form .fi--form-item:nth-child(1) { margin-left: 0; } } .cc--basic-search-form .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 0; padding-bottom: 1.0625rem; padding-left: 0; height: auto; border: 0; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--basic-search-form .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .cc--basic-search-form .fi--form-item input::-webkit-input-placeholder { color: #666; opacity: 0.7; } .cc--basic-search-form .fi--form-item input::-moz-placeholder { color: #666; opacity: 0.7; } .cc--basic-search-form .fi--form-item input:-ms-input-placeholder { color: #666; opacity: 0.7; } .cc--basic-search-form .fi--form-item input::-ms-input-placeholder { color: #666; opacity: 0.7; } .cc--basic-search-form .fi--form-item input::placeholder { color: #666; opacity: 0.7; } .cc--branding-header-red-tag h2, .cc--branding-header-red-tag h4 { font-size: 1rem; line-height: 1.25; text-align: left; text-transform: uppercase; } @media screen and (min-width: 768px) { .cc--branding-header-red-tag h2, .cc--branding-header-red-tag h4 { font-size: 1.375rem; line-height: 1.091; } } @media screen and (min-width: 1024px) { .cc--branding-header-red-tag h2, .cc--branding-header-red-tag h4 { font-size: 1.5rem; line-height: 1.0834; } } .cc--branding-header-red-tag h2 a, .cc--branding-header-red-tag h4 a { text-decoration: none; } .cc--branding-header-red-tag a { display: block; } @media screen and (min-width: 1024px) { .cc--branding-header-red-tag a .icon-logo-color { display: -webkit-box; display: -ms-flexbox; display: flex; width: 12.75rem; height: 3rem; } } .cc--branding-header a { display: block; } @media screen and (min-width: 1024px) { .cc--branding-header a .icon-logo { display: -webkit-box; display: -ms-flexbox; display: flex; width: 17.375rem; height: 4.1875rem; fill: #FFF; } } @media screen and (min-width: 1200px) { .cc--branding-header a .icon-logo { width: 20.3125rem; } } .cc--breadcrumbs { border-top: 1px solid #D8D8D8; } .cc--breadcrumbs .c--breadcrumbs { max-width: 1440px; margin: 0 auto; } .cc--breadcrumbs ul { list-style: none; padding: 0; margin: 0; padding-top: 0.75rem; padding-right: 4%; padding-bottom: 0.75rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { .cc--breadcrumbs ul { padding-top: 1.0625rem; padding-bottom: 1.0625rem; } } @media screen and (min-width: 1024px) { .cc--breadcrumbs ul { padding-top: 1.375rem; padding-bottom: 1.375rem; } } .cc--breadcrumbs ul li { font-size: 0.75rem; line-height: 1.3334; color: #D8D8D8; } .cc--breadcrumbs ul li:not(.last-item) { display: none; } @media screen and (min-width: 768px) { .cc--breadcrumbs ul li:not(.last-item) { display: block; } } .cc--breadcrumbs ul li:not(:last-child)::after { margin-right: 0.625rem; margin-left: 0.625rem; content: '/'; } .cc--breadcrumbs ul li a { color: #444; text-decoration: none; } html[data-whatintent="mouse"] .cc--breadcrumbs ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--breadcrumbs ul li a:hover { text-decoration: underline; } .cc--breadcrumbs ul li p { font-size: 0.75rem; line-height: 1.3334; color: #444; } .event .cc--breadcrumbs ul .last-item { display: none; } .event .cc--breadcrumbs ul li:first-child { display: block; } .event .cc--breadcrumbs ul li:first-child::after { display: none; } .cc--caption-transcript .c--caption-transcript { max-width: 1440px; margin: 0 auto; } .cc--caption-transcript .inner-wrapper { padding-top: 0.9375rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--caption-transcript .inner-wrapper { padding-top: 1.25rem; padding-right: 12%; padding-bottom: 1.875rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--caption-transcript .inner-wrapper { padding-top: 1.25rem; padding-right: 20%; padding-bottom: 1.25rem; padding-left: 20%; } } .cc--caption-transcript .inner-wrapper .f--description p { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; padding-right: 0; padding-left: 0; max-width: 100%; color: #666; } @media screen and (min-width: 768px) { .cc--caption-transcript .inner-wrapper .f--description p { font-size: 0.875rem; line-height: 1.7143; } } .cc--caption-transcript .inner-wrapper .transcript { padding-bottom: 1.875rem; display: none; border-bottom: 0.0625rem solid #DDD; } .cc--caption-transcript .inner-wrapper .f--text { padding-top: 1.875rem; padding-bottom: 1.875rem; font-size: 0.875rem; line-height: 1.7143; color: #444; } @media screen and (min-width: 768px) { .cc--caption-transcript .inner-wrapper .f--text { font-size: 1rem; line-height: 1.75; } } .cc--caption-transcript .inner-wrapper .f--button { font-size: 0.875rem; line-height: 1.1429; color: #000; } @media screen and (min-width: 768px) { .cc--caption-transcript .inner-wrapper .f--button { display: inline-block; } } .cc--caption-transcript .inner-wrapper .f--button .f--button-wrapper button { font-size: 0.875rem; line-height: 1.4286; width: auto; height: auto; padding: 0; border: 0; background: none; color: #000; text-align: right; text-transform: none; } @media screen and (min-width: 768px) { .cc--caption-transcript .inner-wrapper .f--button .f--button-wrapper button { font-size: 0.875rem; line-height: 1.4286; } } html[data-whatintent="mouse"] .cc--caption-transcript .inner-wrapper .f--button .f--button-wrapper button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--caption-transcript .inner-wrapper .f--button .f--button-wrapper button:hover { background: transparent; color: #C03; } .cc--caption-transcript .inner-wrapper .f--button .f--button-wrapper button svg { width: 0.5625rem; height: 0.375rem; margin-left: 0.5rem; fill: #C03; } .cc--chapter-jump-links { height: 100%; } .cc--chapter-jump-links .c--chapter-jump-links { position: relative; height: 100%; background-color: #FFF; } .cc--chapter-jump-links strong { font-size: 0.875rem; line-height: 1.4286; color: #000; } @media screen and (min-width: 768px) { .cc--chapter-jump-links strong { display: none; } } .cc--chapter-jump-links .chapter-menu { list-style: none; padding: 0; margin: 0; display: none; } @media screen and (min-width: 768px) { .cc--chapter-jump-links .chapter-menu { display: block; } } .cc--chapter-jump-links .chapter-menu .chapter-menu-item { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--chapter-jump-links .chapter-menu .chapter-menu-item { margin-bottom: 1.5rem; } } .cc--chapter-jump-links .chapter-menu .chapter-menu-item:last-child { margin-bottom: 0; } .cc--chapter-jump-links .tinynav { padding-top: 0.875rem; padding-right: 0.625rem; padding-bottom: 0.875rem; padding-left: 0.625rem; font-size: 1rem; line-height: 1.375; 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; width: 100%; height: 3.125rem; border-top: 0; border-right: 0; border-bottom: 1px solid #D8D8D8; border-left: 0; border-radius: 0; background-color: #FFF; background-image: url("../images/icons/icon-arrow-down-red.svg"); background-repeat: no-repeat; background-position: calc(100% - 0.625rem) center; background-size: 0.75rem; color: #444; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cc--chapter-jump-links .tinynav::-ms-expand { display: none; } @media screen and (min-width: 768px) { .cc--chapter-jump-links .tinynav { display: none; } } .cc--chapter-jump-links a { font-size: 1rem; line-height: 1.375; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto; background: none; color: #000; text-align: left; } .cc--chapter-jump-links a.is-active { color: #C03; } html[data-whatintent="mouse"] .cc--chapter-jump-links a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--chapter-jump-links a:hover { background: none; color: #C03; } .c--chapter-link-list .f--description { margin-bottom: 1.875rem; } .c--chapter-link-list .link-list-wrapper { overflow: hidden; } @media screen and (min-width: 768px) { .c--chapter-link-list .link-list-wrapper .link-list-inner { margin-right: -0.0625rem; margin-bottom: -0.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c--chapter-link-list .link-list-wrapper .f--link { border-bottom: 0.0625rem solid #DDD; cursor: pointer; } @media screen and (min-width: 768px) { .c--chapter-link-list .link-list-wrapper .f--link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 0.0625rem solid #DDD; } .c--chapter-link-list .link-list-wrapper .f--link:last-child { position: relative; } .c--chapter-link-list .link-list-wrapper .f--link:last-child::before { display: inline-block; position: absolute; right: calc(-100% - 2px); width: 100%; height: 100%; border-right: 0.0625rem solid #DDD; content: ''; pointer-events: none; } } html[data-whatintent="mouse"] .c--chapter-link-list .link-list-wrapper .f--link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .c--chapter-link-list .link-list-wrapper .f--link:hover { background: #C03; } html[data-whatintent="mouse"] .c--chapter-link-list .link-list-wrapper .f--link:hover a { color: #FFF; } .c--chapter-link-list .link-list-wrapper .f--link a { font-size: 1rem; line-height: 1.375; padding-top: 0.9375rem; padding-right: 0.8125rem; padding-bottom: 0.9375rem; padding-left: 0.8125rem; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100%; height: auto; border: 0; background: transparent; color: #000; text-align: left; } @media screen and (min-width: 768px) { .c--chapter-link-list .link-list-wrapper .f--link a { font-size: 1.25rem; line-height: 1.4; padding-top: 1.875rem; padding-right: 0.875rem; padding-bottom: 1.875rem; padding-left: 0.875rem; } } @media screen and (min-width: 1024px) { .c--chapter-link-list .link-list-wrapper .f--link a { padding-right: 1.5rem; padding-left: 1.5rem; } } .cc--chapter .f--section-title h2 { margin-bottom: 0.9375rem; font-size: 1.75rem; line-height: 1.2858; } @media screen and (min-width: 768px) { .cc--chapter .f--section-title h2 { margin-bottom: 1.25rem; font-size: 2.5rem; line-height: 1.2; } } .cc--chapter .cc--slideshow, .cc--chapter .cc--descriptive-links.color-teal, .cc--chapter .cc--descriptive-links.color-black, .cc--chapter .cc--descriptive-links.color-yellow, .cc--chapter .cc--descriptive-links.color-blue, .cc--chapter .cc--descriptive-links.color-dark-gray, .cc--chapter .cc--descriptive-links.color-light-gray, .cc--chapter .cc--descriptive-links.color-red, .cc--chapter .cc--chapter-link-list { margin-bottom: 1.875rem; } .cc--cost .c--cost { position: relative; } .cc--cost .c--cost .cost-bg-image { position: absolute; width: 100%; height: 31.25rem; background-repeat: no-repeat; background-position: center; background-size: cover; } @media screen and (min-width: 768px) { .cc--cost .c--cost .cost-bg-image { position: relative; height: 60rem; } } .cc--cost .c--cost .cost-bg-image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ''; z-index: 1; } .cc--cost .c--cost .outer-wrapper { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } @media screen and (min-width: 768px) { .cc--cost .c--cost .outer-wrapper { position: absolute; } } .cc--cost .c--cost .inner-wrapper { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .cc--cost .c--cost .inner-wrapper { height: 100%; } } .cc--cost .c--cost .content-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-left: 4%; } @media screen and (min-width: 768px) { .cc--cost .c--cost .content-wrapper { padding-top: 0; 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: 100%; } } .cc--cost .c--cost .text-container { padding-right: 4%; padding-left: 4%; text-align: center; } @media screen and (min-width: 768px) { .cc--cost .c--cost .text-container { padding-right: 0; padding-left: 0; width: 45.65217%; text-align: left; } } .cc--cost .c--cost .text-container .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--cost .c--cost .text-container .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 2.5rem; } } @media screen and (min-width: 1200px) { .cc--cost .c--cost .text-container .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .cc--cost .c--cost .text-container .f--description { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--cost .c--cost .text-container .f--description { margin-bottom: 1.875rem; } } .cc--cost .c--cost .text-container .f--description a, .cc--cost .c--cost .text-container .f--description p { color: #FFF; } .cc--cost .c--cost .cc--cta-link-list .cta-link-list { margin-top: 0; margin-bottom: 2.5rem; } .cc--cost .c--cost .cc--cta-link-list .cta-link-list .f--link .button--alt { color: #FFF; text-align: center; } @media screen and (min-width: 768px) { .cc--cost .c--cost .cc--cta-link-list .cta-link-list .f--link .button--alt { text-align: left; } } html[data-whatintent="mouse"] .cc--cost .c--cost .cc--cta-link-list .cta-link-list .f--link .button--alt.button--arrow { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--cost .c--cost .cc--cta-link-list .cta-link-list .f--link .button--alt.button--arrow:hover { color: #FFF; text-decoration: underline; -webkit-text-decoration-color: #FFF; text-decoration-color: #FFF; } .cc--cost .c--cost .cc--cta-link-list .cta-link-list .f--link .button--alt svg { fill: #FFF; } .cc--cost .c--cost .form-container { padding-top: 2.5rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--cost .c--cost .form-container { padding-top: 2.5rem; padding-right: 4.34783%; padding-bottom: 2.5rem; padding-left: 4.34783%; width: 45.65217%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } @media screen and (min-width: 1200px) { .cc--cost .c--cost .form-container { padding-top: 3.125rem; padding-bottom: 3.125rem; } } .cc--cost .c--cost .form-container .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; text-align: center; } @media screen and (min-width: 768px) { .cc--cost .c--cost .form-container .f--section-title h2 { font-size: 2rem; line-height: 1.25; text-align: left; } } @media screen and (min-width: 1200px) { .cc--cost .c--cost .form-container .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .cc--cost .c--cost .form-container .f--link .button { width: 100%; } } .cc--cost .c--cost .form-container .f--text, .cc--cost .c--cost .form-container .f--description { display: block; text-align: center; } .cc--cost .c--cost .form-container .f--text { font-size: 3.5rem; line-height: 1; margin-top: 1.875rem; color: #000; } @media screen and (min-width: 768px) { .cc--cost .c--cost .form-container .f--text { font-size: 4rem; line-height: 0.9375; margin-top: 2.5rem; } } .cc--cost .c--cost .form-container .f--description { font-size: 0.75rem; line-height: 1.6667; margin-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--cost .c--cost .form-container .f--description { font-size: 0.875rem; line-height: 1.5715; margin-top: 1.5625rem; } } .cc--cost .c--cost .form-container .f--description p { font-size: 0.75rem; line-height: 1.6667; color: #000; } @media screen and (min-width: 768px) { .cc--cost .c--cost .form-container .f--description p { font-size: 0.875rem; line-height: 1.5715; } } .cc--cost .c--cost .form-container .f--description + div { text-align: center; } .cc--cost .c--cost form { background-color: #FFF; } .cc--cta-link-list .cta-link-list { list-style: none; padding: 0; margin: 0; margin-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--cta-link-list .cta-link-list { margin-top: 1.875rem; } } .cc--cta-link-list .cta-link-list .cta-link:not(:last-child) { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--cta-link-list .cta-link-list .cta-link:not(:last-child) { margin-bottom: 1.25rem; } } .cc--cta-link-list .cta-link-list .f--link a.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--cta-link-list .cta-link-list .f--link a.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--cta-link-list .cta-link-list .f--link a.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--cta-link-list .cta-link-list .f--link a.button--alt:hover { color: #C03; } .cc--cta-link-list .cta-link-list .f--link a.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--cta-link-list .cta-link-list .f--link a.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--cta-link-list .cta-link-list .f--link a.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--cta-link-list .cta-link-list .f--link a.button--alt.disabled:hover { cursor: default; } .cc--cta-link-list .cta-link-list .f--link a.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--alt:hover { color: #C03; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--alt.disabled:hover { cursor: default; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--arrow svg { width: 0.875rem; height: 0.625rem; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--arrow:hover { color: #C03; } .cc--cta-link-list .cta-link-list .f--link a.button--arrow.button--arrow:hover svg { margin-left: 0.9375rem; width: 1.25rem; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--cta-link-list .cta-link-list .f--link a.button--external.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--alt:hover { color: #C03; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--alt.disabled:hover { cursor: default; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--external svg { width: 0.5rem; height: 0.5rem; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--external:hover { color: #C03; } .cc--cta-link-list .cta-link-list .f--link a.button--external.button--external:hover svg { width: 0.5rem; } .cc--description-card-carousel.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--description-card-carousel.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--description-card-carousel.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--description-card-carousel.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--description-card-carousel.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--description-card-carousel.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--description-card-carousel.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--description-card-carousel.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--description-card-carousel.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--description-card-carousel.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--description-card-carousel.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--description-card-carousel.color-white .f--link .button, .cc--description-card-carousel.color-light-gray .f--link .button { background-color: transparent; } .cc--description-card-carousel.color-white .f--link .button:hover, .cc--description-card-carousel.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--description-card-carousel.color-pale-teal .f--link .button, .cc--description-card-carousel.color-pale-yellow .f--link .button, .cc--description-card-carousel.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--description-card-carousel.color-pale-teal .f--link .button, .cc--description-card-carousel.color-pale-yellow .f--link .button, .cc--description-card-carousel.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--description-card-carousel.color-black .f--description, .cc--description-card-carousel.color-black .f--text, .cc--description-card-carousel.color-black .f--category, .cc--description-card-carousel.color-blue .f--description, .cc--description-card-carousel.color-blue .f--text, .cc--description-card-carousel.color-blue .f--category, .cc--description-card-carousel.color-dark-gray .f--description, .cc--description-card-carousel.color-dark-gray .f--text, .cc--description-card-carousel.color-dark-gray .f--category, .cc--description-card-carousel.color-red .f--description, .cc--description-card-carousel.color-red .f--text, .cc--description-card-carousel.color-red .f--category, .cc--description-card-carousel.color-teal .f--description, .cc--description-card-carousel.color-teal .f--text, .cc--description-card-carousel.color-teal .f--category { color: #FFF; } .cc--description-card-carousel.color-black .f--description p, .cc--description-card-carousel.color-black .f--description li, .cc--description-card-carousel.color-black .f--description a, .cc--description-card-carousel.color-black .f--text p, .cc--description-card-carousel.color-black .f--text li, .cc--description-card-carousel.color-black .f--text a, .cc--description-card-carousel.color-black .f--category p, .cc--description-card-carousel.color-black .f--category li, .cc--description-card-carousel.color-black .f--category a, .cc--description-card-carousel.color-blue .f--description p, .cc--description-card-carousel.color-blue .f--description li, .cc--description-card-carousel.color-blue .f--description a, .cc--description-card-carousel.color-blue .f--text p, .cc--description-card-carousel.color-blue .f--text li, .cc--description-card-carousel.color-blue .f--text a, .cc--description-card-carousel.color-blue .f--category p, .cc--description-card-carousel.color-blue .f--category li, .cc--description-card-carousel.color-blue .f--category a, .cc--description-card-carousel.color-dark-gray .f--description p, .cc--description-card-carousel.color-dark-gray .f--description li, .cc--description-card-carousel.color-dark-gray .f--description a, .cc--description-card-carousel.color-dark-gray .f--text p, .cc--description-card-carousel.color-dark-gray .f--text li, .cc--description-card-carousel.color-dark-gray .f--text a, .cc--description-card-carousel.color-dark-gray .f--category p, .cc--description-card-carousel.color-dark-gray .f--category li, .cc--description-card-carousel.color-dark-gray .f--category a, .cc--description-card-carousel.color-red .f--description p, .cc--description-card-carousel.color-red .f--description li, .cc--description-card-carousel.color-red .f--description a, .cc--description-card-carousel.color-red .f--text p, .cc--description-card-carousel.color-red .f--text li, .cc--description-card-carousel.color-red .f--text a, .cc--description-card-carousel.color-red .f--category p, .cc--description-card-carousel.color-red .f--category li, .cc--description-card-carousel.color-red .f--category a, .cc--description-card-carousel.color-teal .f--description p, .cc--description-card-carousel.color-teal .f--description li, .cc--description-card-carousel.color-teal .f--description a, .cc--description-card-carousel.color-teal .f--text p, .cc--description-card-carousel.color-teal .f--text li, .cc--description-card-carousel.color-teal .f--text a, .cc--description-card-carousel.color-teal .f--category p, .cc--description-card-carousel.color-teal .f--category li, .cc--description-card-carousel.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--description a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--text a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--category a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--description a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--text a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--category a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--description a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--text a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--category a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--description a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--text a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--category a:hover { color: #FFF; } .cc--description-card-carousel.color-black .f--section-title h2, .cc--description-card-carousel.color-blue .f--section-title h2, .cc--description-card-carousel.color-dark-gray .f--section-title h2, .cc--description-card-carousel.color-red .f--section-title h2, .cc--description-card-carousel.color-teal .f--section-title h2 { color: #FFF; } .cc--description-card-carousel.color-black .f--section-title h2 a, .cc--description-card-carousel.color-blue .f--section-title h2 a, .cc--description-card-carousel.color-dark-gray .f--section-title h2 a, .cc--description-card-carousel.color-red .f--section-title h2 a, .cc--description-card-carousel.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--description-card-carousel.color-black .f--sub-title h3, .cc--description-card-carousel.color-blue .f--sub-title h3, .cc--description-card-carousel.color-dark-gray .f--sub-title h3, .cc--description-card-carousel.color-red .f--sub-title h3, .cc--description-card-carousel.color-teal .f--sub-title h3 { color: #FFF; } .cc--description-card-carousel.color-black .f--sub-title h3 a, .cc--description-card-carousel.color-blue .f--sub-title h3 a, .cc--description-card-carousel.color-dark-gray .f--sub-title h3 a, .cc--description-card-carousel.color-red .f--sub-title h3 a, .cc--description-card-carousel.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--description-card-carousel.color-black .f--page-title h1, .cc--description-card-carousel.color-blue .f--page-title h1, .cc--description-card-carousel.color-dark-gray .f--page-title h1, .cc--description-card-carousel.color-red .f--page-title h1, .cc--description-card-carousel.color-teal .f--page-title h1 { color: #FFF; } .cc--description-card-carousel.color-black .stat-item .f--text, .cc--description-card-carousel.color-black .stat-item .f--stat-prefix, .cc--description-card-carousel.color-black .stat-item .f--stat-suffix, .cc--description-card-carousel.color-blue .stat-item .f--text, .cc--description-card-carousel.color-blue .stat-item .f--stat-prefix, .cc--description-card-carousel.color-blue .stat-item .f--stat-suffix, .cc--description-card-carousel.color-dark-gray .stat-item .f--text, .cc--description-card-carousel.color-dark-gray .stat-item .f--stat-prefix, .cc--description-card-carousel.color-dark-gray .stat-item .f--stat-suffix, .cc--description-card-carousel.color-red .stat-item .f--text, .cc--description-card-carousel.color-red .stat-item .f--stat-prefix, .cc--description-card-carousel.color-red .stat-item .f--stat-suffix, .cc--description-card-carousel.color-teal .stat-item .f--text, .cc--description-card-carousel.color-teal .stat-item .f--stat-prefix, .cc--description-card-carousel.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--description-card-carousel.color-black .f--stat-subheading, .cc--description-card-carousel.color-black .f--description, .cc--description-card-carousel.color-black .f--stat-headline, .cc--description-card-carousel.color-blue .f--stat-subheading, .cc--description-card-carousel.color-blue .f--description, .cc--description-card-carousel.color-blue .f--stat-headline, .cc--description-card-carousel.color-dark-gray .f--stat-subheading, .cc--description-card-carousel.color-dark-gray .f--description, .cc--description-card-carousel.color-dark-gray .f--stat-headline, .cc--description-card-carousel.color-red .f--stat-subheading, .cc--description-card-carousel.color-red .f--description, .cc--description-card-carousel.color-red .f--stat-headline, .cc--description-card-carousel.color-teal .f--stat-subheading, .cc--description-card-carousel.color-teal .f--description, .cc--description-card-carousel.color-teal .f--stat-headline { color: #FFF; } .cc--description-card-carousel.color-black .f--link .button, .cc--description-card-carousel.color-blue .f--link .button, .cc--description-card-carousel.color-dark-gray .f--link .button, .cc--description-card-carousel.color-red .f--link .button, .cc--description-card-carousel.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--description-card-carousel.color-black .f--link .button, .cc--description-card-carousel.color-blue .f--link .button, .cc--description-card-carousel.color-dark-gray .f--link .button, .cc--description-card-carousel.color-red .f--link .button, .cc--description-card-carousel.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--link .button, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--description-card-carousel.color-black .swiper-button-prev svg, .cc--description-card-carousel.color-black .swiper-button-next svg, .cc--description-card-carousel.color-blue .swiper-button-prev svg, .cc--description-card-carousel.color-blue .swiper-button-next svg, .cc--description-card-carousel.color-dark-gray .swiper-button-prev svg, .cc--description-card-carousel.color-dark-gray .swiper-button-next svg, .cc--description-card-carousel.color-red .swiper-button-prev svg, .cc--description-card-carousel.color-red .swiper-button-next svg, .cc--description-card-carousel.color-teal .swiper-button-prev svg, .cc--description-card-carousel.color-teal .swiper-button-next svg { fill: #FFF; } .cc--description-card-carousel.color-black .swiper-button-wrapper::before, .cc--description-card-carousel.color-blue .swiper-button-wrapper::before, .cc--description-card-carousel.color-dark-gray .swiper-button-wrapper::before, .cc--description-card-carousel.color-red .swiper-button-wrapper::before, .cc--description-card-carousel.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--description-card-carousel.color-black .swiper-pagination-bullet, .cc--description-card-carousel.color-blue .swiper-pagination-bullet, .cc--description-card-carousel.color-dark-gray .swiper-pagination-bullet, .cc--description-card-carousel.color-red .swiper-pagination-bullet, .cc--description-card-carousel.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--description-card-carousel.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-card-carousel.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-card-carousel.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-card-carousel.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-card-carousel.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--description-card-carousel.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-card-carousel.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-card-carousel.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-card-carousel.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-card-carousel.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--description-card-carousel.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-card-carousel.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-card-carousel.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-card-carousel.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-card-carousel.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide h2, .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide h2, .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide h2, .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide .f--description p, .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide .f--description p, .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide .f--link a, .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide .f--link a, .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide .icon-close, .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide .icon-close, .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--description-card-carousel.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--description-card-carousel.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--description-card-carousel.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--description-card-carousel.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--description-card-carousel.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--description-card-carousel.color-pale-yellow { background-color: #FCE488; } .cc--description-card-carousel.color-pale-teal { background-color: #87C3BE; } .cc--description-card-carousel.color-pale-blue { background-color: #92D6E3; } .cc--description-card-carousel .c--description-card-carousel { max-width: 1440px; margin: 0 auto; } .cc--description-card-carousel .c--description-card-carousel .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--description-card-carousel .c--description-card-carousel .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--description-card-carousel .c--description-card-carousel .inner-wrapper { padding-top: 5rem; padding-bottom: 3.75rem; } } .cc--description-card-carousel .section-header { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--description-card-carousel .section-header { margin-bottom: 2.5rem; padding-right: 17.3913%; } } @media screen and (min-width: 1024px) { .cc--description-card-carousel .section-header { margin-bottom: 3.125rem; padding-right: 34.78261%; } } .cc--description-card-carousel .f--section-title h2 { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--description-card-carousel .f--section-title h2 { margin-bottom: 2.5rem; } } .cc--description-card-carousel .swiper-container { margin-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .cc--description-card-carousel .swiper-container { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .cc--description-card-carousel .swiper-slide { margin-right: 4.34783%; width: 30.43478%; } } .cc--description-card-carousel .swiper-controls { 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; } .cc--description-card-carousel .swiper-button-wrapper { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 5rem; height: 2rem; } .cc--description-card-carousel .swiper-button-wrapper::before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; width: 0.0625rem; height: 100%; background-color: rgba(0, 0, 0, 0.3); content: ''; } .ie11 .cc--description-card-carousel .swiper-button-wrapper li { width: 50%; } .ie11 .cc--description-card-carousel .swiper-button-wrapper li:last-child { text-align: right; } .cc--description-card-carousel .swiper-button-prev, .cc--description-card-carousel .swiper-button-next { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; position: relative; top: auto; right: auto; left: auto; width: 10px; height: 16px; background-image: none; } html[data-whatintent="mouse"] .cc--description-card-carousel .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-card-carousel .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-card-carousel .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-card-carousel .swiper-button-next:hover svg { fill: #C03; } .cc--description-card-carousel .swiper-button-prev svg, .cc--description-card-carousel .swiper-button-next svg { width: 10px; height: 16px; fill: #000; } .cc--description-card-carousel .swiper-controls, .cc--description-card-carousel .swiper-pagination { position: relative; } .cc--description-card-carousel .swiper-pagination-bullet { margin-right: 0.625rem; border: 0.0625rem solid #000; background: #FFF; opacity: 1; } .cc--description-card-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; } .cc--description-card-carousel .f--link { margin-top: 0.9375rem; text-align: center; } .cc--description-image-cards .c--description-image-cards { max-width: 1440px; margin: 0 auto; } .cc--description-image-cards .c--description-image-cards .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .inner-wrapper { padding-top: 5rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; 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--description-image-cards .c--description-image-cards .inner-wrapper { padding-top: 5.625rem; padding-bottom: 5rem; } } .cc--description-image-cards .c--description-image-cards .title-cta { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .title-cta { width: 30.43478%; } } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .title-cta-inner { position: -webkit-sticky; position: sticky; top: 80px; } } @media screen and (min-width: 1024px) { .secondary-nav-visible .cc--description-image-cards .c--description-image-cards .title-cta-inner { top: 8.4375rem; } } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .f--section-title { margin-bottom: 2.5rem; } } .cc--description-image-cards .c--description-image-cards .news-list { 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: 768px) { .cc--description-image-cards .c--description-image-cards .news-list { -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; width: 65.21739%; } } @media screen and (min-width: 500px) { .ie11 .cc--description-image-cards .c--description-image-cards .news-list .column { height: 100%; } } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .news-list .column { width: 46.66667%; } .cc--description-image-cards .c--description-image-cards .news-list .column:first-child .article:first-child { margin-top: 5.625rem; } } .cc--description-image-cards .c--description-image-cards .news-list .column:first-child .article:last-child { margin-bottom: 0; } .cc--description-image-cards .c--description-image-cards .news-list .column .article:last-child .f--description { padding-bottom: 0; } .cc--description-image-cards .c--description-image-cards .news-list .article { margin-bottom: 1.875rem; -webkit-transform: translateY(6.25rem); transform: translateY(6.25rem); -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; opacity: 0; } @media screen and (min-width: 500px) { .cc--description-image-cards .c--description-image-cards .news-list .article { overflow: hidden; } } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .news-list .article { margin-bottom: 0; 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: initial; -ms-flex-pack: initial; justify-content: initial; } } .cc--description-image-cards .c--description-image-cards .news-list .article.visible { -webkit-transform: translateY(0rem); transform: translateY(0rem); opacity: 1; } .cc--description-image-cards .c--description-image-cards .news-list .article .image-wrapper { margin-bottom: 1.25rem; } @media screen and (min-width: 500px) { .cc--description-image-cards .c--description-image-cards .news-list .article .image-wrapper { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .news-list .article .image-wrapper { margin-bottom: 0; margin-left: 0; width: 100%; float: none; } .ie11 .cc--description-image-cards .c--description-image-cards .news-list .article .image-wrapper { height: 100%; } } .cc--description-image-cards .c--description-image-cards .news-list .article .image-wrapper a { display: block; } @media screen and (min-width: 1024px) { .cc--description-image-cards .c--description-image-cards .news-list .article.has-label .image-wrapper { margin-bottom: -2.3125rem; } } .cc--description-image-cards .c--description-image-cards .news-list .article.has-label .image-wrapper .f--text { font-size: 0.8125rem; line-height: 1.5385; padding-top: 0.625rem; padding-right: 4%; padding-bottom: 0.625rem; padding-left: 4%; background-color: #000; color: #FFF; } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .news-list .article.has-label .image-wrapper .f--text { padding-top: 1.5625rem; padding-right: 7.14286%; padding-bottom: 1.5625rem; padding-left: 7.14286%; } } @media screen and (min-width: 1024px) { .cc--description-image-cards .c--description-image-cards .news-list .article.has-label .image-wrapper .f--text { position: relative; top: -2.1875rem; width: 92.85714%; } } .cc--description-image-cards .c--description-image-cards .text-container { padding-top: 0.9375rem; } @media screen and (min-width: 500px) { .cc--description-image-cards .c--description-image-cards .text-container { padding-top: 0; } } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .text-container { padding-top: 1.25rem; width: 100%; } } .cc--description-image-cards .c--description-image-cards .text-container .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .text-container .f--sub-title h3 { font-size: 1.5rem; line-height: 1.3334; } } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .text-container .f--description { padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--description-image-cards .c--description-image-cards .text-container .f--description { padding-bottom: 3.75rem; } } .cc--description-image-cards .c--description-image-cards .text-container .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--description-image-cards .c--description-image-cards .text-container .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--description-summary-cards.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--description-summary-cards.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--description-summary-cards.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--description-summary-cards.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--description-summary-cards.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--description-summary-cards.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--description-summary-cards.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--description-summary-cards.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--description-summary-cards.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--description-summary-cards.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--description-summary-cards.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--description-summary-cards.color-white .f--link .button, .cc--description-summary-cards.color-light-gray .f--link .button { background-color: transparent; } .cc--description-summary-cards.color-white .f--link .button:hover, .cc--description-summary-cards.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--description-summary-cards.color-pale-teal .f--link .button, .cc--description-summary-cards.color-pale-yellow .f--link .button, .cc--description-summary-cards.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--description-summary-cards.color-pale-teal .f--link .button, .cc--description-summary-cards.color-pale-yellow .f--link .button, .cc--description-summary-cards.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--description-summary-cards.color-black .f--description, .cc--description-summary-cards.color-black .f--text, .cc--description-summary-cards.color-black .f--category, .cc--description-summary-cards.color-blue .f--description, .cc--description-summary-cards.color-blue .f--text, .cc--description-summary-cards.color-blue .f--category, .cc--description-summary-cards.color-dark-gray .f--description, .cc--description-summary-cards.color-dark-gray .f--text, .cc--description-summary-cards.color-dark-gray .f--category, .cc--description-summary-cards.color-red .f--description, .cc--description-summary-cards.color-red .f--text, .cc--description-summary-cards.color-red .f--category, .cc--description-summary-cards.color-teal .f--description, .cc--description-summary-cards.color-teal .f--text, .cc--description-summary-cards.color-teal .f--category { color: #FFF; } .cc--description-summary-cards.color-black .f--description p, .cc--description-summary-cards.color-black .f--description li, .cc--description-summary-cards.color-black .f--description a, .cc--description-summary-cards.color-black .f--text p, .cc--description-summary-cards.color-black .f--text li, .cc--description-summary-cards.color-black .f--text a, .cc--description-summary-cards.color-black .f--category p, .cc--description-summary-cards.color-black .f--category li, .cc--description-summary-cards.color-black .f--category a, .cc--description-summary-cards.color-blue .f--description p, .cc--description-summary-cards.color-blue .f--description li, .cc--description-summary-cards.color-blue .f--description a, .cc--description-summary-cards.color-blue .f--text p, .cc--description-summary-cards.color-blue .f--text li, .cc--description-summary-cards.color-blue .f--text a, .cc--description-summary-cards.color-blue .f--category p, .cc--description-summary-cards.color-blue .f--category li, .cc--description-summary-cards.color-blue .f--category a, .cc--description-summary-cards.color-dark-gray .f--description p, .cc--description-summary-cards.color-dark-gray .f--description li, .cc--description-summary-cards.color-dark-gray .f--description a, .cc--description-summary-cards.color-dark-gray .f--text p, .cc--description-summary-cards.color-dark-gray .f--text li, .cc--description-summary-cards.color-dark-gray .f--text a, .cc--description-summary-cards.color-dark-gray .f--category p, .cc--description-summary-cards.color-dark-gray .f--category li, .cc--description-summary-cards.color-dark-gray .f--category a, .cc--description-summary-cards.color-red .f--description p, .cc--description-summary-cards.color-red .f--description li, .cc--description-summary-cards.color-red .f--description a, .cc--description-summary-cards.color-red .f--text p, .cc--description-summary-cards.color-red .f--text li, .cc--description-summary-cards.color-red .f--text a, .cc--description-summary-cards.color-red .f--category p, .cc--description-summary-cards.color-red .f--category li, .cc--description-summary-cards.color-red .f--category a, .cc--description-summary-cards.color-teal .f--description p, .cc--description-summary-cards.color-teal .f--description li, .cc--description-summary-cards.color-teal .f--description a, .cc--description-summary-cards.color-teal .f--text p, .cc--description-summary-cards.color-teal .f--text li, .cc--description-summary-cards.color-teal .f--text a, .cc--description-summary-cards.color-teal .f--category p, .cc--description-summary-cards.color-teal .f--category li, .cc--description-summary-cards.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--category a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--category a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--category a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--category a:hover { color: #FFF; } .cc--description-summary-cards.color-black .f--section-title h2, .cc--description-summary-cards.color-blue .f--section-title h2, .cc--description-summary-cards.color-dark-gray .f--section-title h2, .cc--description-summary-cards.color-red .f--section-title h2, .cc--description-summary-cards.color-teal .f--section-title h2 { color: #FFF; } .cc--description-summary-cards.color-black .f--section-title h2 a, .cc--description-summary-cards.color-blue .f--section-title h2 a, .cc--description-summary-cards.color-dark-gray .f--section-title h2 a, .cc--description-summary-cards.color-red .f--section-title h2 a, .cc--description-summary-cards.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--description-summary-cards.color-black .f--sub-title h3, .cc--description-summary-cards.color-blue .f--sub-title h3, .cc--description-summary-cards.color-dark-gray .f--sub-title h3, .cc--description-summary-cards.color-red .f--sub-title h3, .cc--description-summary-cards.color-teal .f--sub-title h3 { color: #FFF; } .cc--description-summary-cards.color-black .f--sub-title h3 a, .cc--description-summary-cards.color-blue .f--sub-title h3 a, .cc--description-summary-cards.color-dark-gray .f--sub-title h3 a, .cc--description-summary-cards.color-red .f--sub-title h3 a, .cc--description-summary-cards.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--description-summary-cards.color-black .f--page-title h1, .cc--description-summary-cards.color-blue .f--page-title h1, .cc--description-summary-cards.color-dark-gray .f--page-title h1, .cc--description-summary-cards.color-red .f--page-title h1, .cc--description-summary-cards.color-teal .f--page-title h1 { color: #FFF; } .cc--description-summary-cards.color-black .stat-item .f--text, .cc--description-summary-cards.color-black .stat-item .f--stat-prefix, .cc--description-summary-cards.color-black .stat-item .f--stat-suffix, .cc--description-summary-cards.color-blue .stat-item .f--text, .cc--description-summary-cards.color-blue .stat-item .f--stat-prefix, .cc--description-summary-cards.color-blue .stat-item .f--stat-suffix, .cc--description-summary-cards.color-dark-gray .stat-item .f--text, .cc--description-summary-cards.color-dark-gray .stat-item .f--stat-prefix, .cc--description-summary-cards.color-dark-gray .stat-item .f--stat-suffix, .cc--description-summary-cards.color-red .stat-item .f--text, .cc--description-summary-cards.color-red .stat-item .f--stat-prefix, .cc--description-summary-cards.color-red .stat-item .f--stat-suffix, .cc--description-summary-cards.color-teal .stat-item .f--text, .cc--description-summary-cards.color-teal .stat-item .f--stat-prefix, .cc--description-summary-cards.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--description-summary-cards.color-black .f--stat-subheading, .cc--description-summary-cards.color-black .f--description, .cc--description-summary-cards.color-black .f--stat-headline, .cc--description-summary-cards.color-blue .f--stat-subheading, .cc--description-summary-cards.color-blue .f--description, .cc--description-summary-cards.color-blue .f--stat-headline, .cc--description-summary-cards.color-dark-gray .f--stat-subheading, .cc--description-summary-cards.color-dark-gray .f--description, .cc--description-summary-cards.color-dark-gray .f--stat-headline, .cc--description-summary-cards.color-red .f--stat-subheading, .cc--description-summary-cards.color-red .f--description, .cc--description-summary-cards.color-red .f--stat-headline, .cc--description-summary-cards.color-teal .f--stat-subheading, .cc--description-summary-cards.color-teal .f--description, .cc--description-summary-cards.color-teal .f--stat-headline { color: #FFF; } .cc--description-summary-cards.color-black .f--link .button, .cc--description-summary-cards.color-blue .f--link .button, .cc--description-summary-cards.color-dark-gray .f--link .button, .cc--description-summary-cards.color-red .f--link .button, .cc--description-summary-cards.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--description-summary-cards.color-black .f--link .button, .cc--description-summary-cards.color-blue .f--link .button, .cc--description-summary-cards.color-dark-gray .f--link .button, .cc--description-summary-cards.color-red .f--link .button, .cc--description-summary-cards.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--description-summary-cards.color-black .swiper-button-prev svg, .cc--description-summary-cards.color-black .swiper-button-next svg, .cc--description-summary-cards.color-blue .swiper-button-prev svg, .cc--description-summary-cards.color-blue .swiper-button-next svg, .cc--description-summary-cards.color-dark-gray .swiper-button-prev svg, .cc--description-summary-cards.color-dark-gray .swiper-button-next svg, .cc--description-summary-cards.color-red .swiper-button-prev svg, .cc--description-summary-cards.color-red .swiper-button-next svg, .cc--description-summary-cards.color-teal .swiper-button-prev svg, .cc--description-summary-cards.color-teal .swiper-button-next svg { fill: #FFF; } .cc--description-summary-cards.color-black .swiper-button-wrapper::before, .cc--description-summary-cards.color-blue .swiper-button-wrapper::before, .cc--description-summary-cards.color-dark-gray .swiper-button-wrapper::before, .cc--description-summary-cards.color-red .swiper-button-wrapper::before, .cc--description-summary-cards.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--description-summary-cards.color-black .swiper-pagination-bullet, .cc--description-summary-cards.color-blue .swiper-pagination-bullet, .cc--description-summary-cards.color-dark-gray .swiper-pagination-bullet, .cc--description-summary-cards.color-red .swiper-pagination-bullet, .cc--description-summary-cards.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--description-summary-cards.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-summary-cards.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-summary-cards.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-summary-cards.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-summary-cards.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--description-summary-cards.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-summary-cards.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-summary-cards.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-summary-cards.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-summary-cards.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--description-summary-cards.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-summary-cards.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-summary-cards.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-summary-cards.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-summary-cards.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide h2, .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide h2, .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide h2, .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide .f--description p, .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide .f--description p, .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide .f--link a, .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide .f--link a, .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide .icon-close, .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide .icon-close, .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--description-summary-cards.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--description-summary-cards.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--description-summary-cards.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--description-summary-cards.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--description-summary-cards.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--description-summary-cards.color-pale-yellow { background-color: #FCE488; } .cc--description-summary-cards.color-pale-teal { background-color: #87C3BE; } .cc--description-summary-cards.color-pale-blue { background-color: #92D6E3; } .cc--description-summary-cards .c--description-summary-cards { max-width: 1440px; margin: 0 auto; } .cc--description-summary-cards .c--description-summary-cards .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .inner-wrapper { padding-top: 5rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; 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--description-summary-cards .c--description-summary-cards .inner-wrapper { padding-top: 5.625rem; padding-bottom: 5rem; } } .cc--description-summary-cards .c--description-summary-cards .title-cta { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .title-cta { margin-bottom: 2.5rem; width: 30.43478%; } } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .title-cta-inner { position: -webkit-sticky; position: sticky; top: 80px; } } @media screen and (min-width: 1024px) { .secondary-nav-visible .cc--description-summary-cards .c--description-summary-cards .title-cta-inner { top: 8.4375rem; } } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .title-cta-inner .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .cards-list { 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; width: 65.21739%; } } .cc--description-summary-cards .c--description-summary-cards .cards-list .card { margin-bottom: 1.875rem; } .cc--description-summary-cards .c--description-summary-cards .cards-list .card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .cards-list .card { margin-bottom: 3.125rem; width: 46.66667%; } } @media screen and (min-width: 1024px) { .cc--description-summary-cards .c--description-summary-cards .cards-list .card { margin-bottom: 3.75rem; } } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .cards-list .f--sub-title h3 { font-size: 1.5rem; line-height: 1.3334; } } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--description { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .cards-list .f--description { margin-bottom: 1.25rem; } } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .cards-list .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--link a.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--description-summary-cards .c--description-summary-cards .cards-list .f--link a.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--link a.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--link a.button--alt:hover { color: #C03; } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--link a.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--link a.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--link a.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--link a.button--alt.disabled:hover { cursor: default; } .cc--description-summary-cards .c--description-summary-cards .cards-list .f--link a.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .cc--description-summary-cards.color-black .f--description, .cc--description-summary-cards.color-black .f--text, .cc--description-summary-cards.color-black .f--category, .cc--description-summary-cards.color-blue .f--description, .cc--description-summary-cards.color-blue .f--text, .cc--description-summary-cards.color-blue .f--category, .cc--description-summary-cards.color-dark-gray .f--description, .cc--description-summary-cards.color-dark-gray .f--text, .cc--description-summary-cards.color-dark-gray .f--category, .cc--description-summary-cards.color-red .f--description, .cc--description-summary-cards.color-red .f--text, .cc--description-summary-cards.color-red .f--category, .cc--description-summary-cards.color-teal .f--description, .cc--description-summary-cards.color-teal .f--text, .cc--description-summary-cards.color-teal .f--category { color: #FFF; } .cc--description-summary-cards.color-black .f--description p, .cc--description-summary-cards.color-black .f--description li, .cc--description-summary-cards.color-black .f--description a, .cc--description-summary-cards.color-black .f--text p, .cc--description-summary-cards.color-black .f--text li, .cc--description-summary-cards.color-black .f--text a, .cc--description-summary-cards.color-black .f--category p, .cc--description-summary-cards.color-black .f--category li, .cc--description-summary-cards.color-black .f--category a, .cc--description-summary-cards.color-blue .f--description p, .cc--description-summary-cards.color-blue .f--description li, .cc--description-summary-cards.color-blue .f--description a, .cc--description-summary-cards.color-blue .f--text p, .cc--description-summary-cards.color-blue .f--text li, .cc--description-summary-cards.color-blue .f--text a, .cc--description-summary-cards.color-blue .f--category p, .cc--description-summary-cards.color-blue .f--category li, .cc--description-summary-cards.color-blue .f--category a, .cc--description-summary-cards.color-dark-gray .f--description p, .cc--description-summary-cards.color-dark-gray .f--description li, .cc--description-summary-cards.color-dark-gray .f--description a, .cc--description-summary-cards.color-dark-gray .f--text p, .cc--description-summary-cards.color-dark-gray .f--text li, .cc--description-summary-cards.color-dark-gray .f--text a, .cc--description-summary-cards.color-dark-gray .f--category p, .cc--description-summary-cards.color-dark-gray .f--category li, .cc--description-summary-cards.color-dark-gray .f--category a, .cc--description-summary-cards.color-red .f--description p, .cc--description-summary-cards.color-red .f--description li, .cc--description-summary-cards.color-red .f--description a, .cc--description-summary-cards.color-red .f--text p, .cc--description-summary-cards.color-red .f--text li, .cc--description-summary-cards.color-red .f--text a, .cc--description-summary-cards.color-red .f--category p, .cc--description-summary-cards.color-red .f--category li, .cc--description-summary-cards.color-red .f--category a, .cc--description-summary-cards.color-teal .f--description p, .cc--description-summary-cards.color-teal .f--description li, .cc--description-summary-cards.color-teal .f--description a, .cc--description-summary-cards.color-teal .f--text p, .cc--description-summary-cards.color-teal .f--text li, .cc--description-summary-cards.color-teal .f--text a, .cc--description-summary-cards.color-teal .f--category p, .cc--description-summary-cards.color-teal .f--category li, .cc--description-summary-cards.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--category a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--category a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--category a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--description a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--text a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--category a:hover { color: #FFF; } .cc--description-summary-cards.color-black .f--section-title h2, .cc--description-summary-cards.color-blue .f--section-title h2, .cc--description-summary-cards.color-dark-gray .f--section-title h2, .cc--description-summary-cards.color-red .f--section-title h2, .cc--description-summary-cards.color-teal .f--section-title h2 { color: #FFF; } .cc--description-summary-cards.color-black .f--section-title h2 a, .cc--description-summary-cards.color-blue .f--section-title h2 a, .cc--description-summary-cards.color-dark-gray .f--section-title h2 a, .cc--description-summary-cards.color-red .f--section-title h2 a, .cc--description-summary-cards.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--description-summary-cards.color-black .f--sub-title h3, .cc--description-summary-cards.color-blue .f--sub-title h3, .cc--description-summary-cards.color-dark-gray .f--sub-title h3, .cc--description-summary-cards.color-red .f--sub-title h3, .cc--description-summary-cards.color-teal .f--sub-title h3 { color: #FFF; } .cc--description-summary-cards.color-black .f--sub-title h3 a, .cc--description-summary-cards.color-blue .f--sub-title h3 a, .cc--description-summary-cards.color-dark-gray .f--sub-title h3 a, .cc--description-summary-cards.color-red .f--sub-title h3 a, .cc--description-summary-cards.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--description-summary-cards.color-black .f--page-title h1, .cc--description-summary-cards.color-blue .f--page-title h1, .cc--description-summary-cards.color-dark-gray .f--page-title h1, .cc--description-summary-cards.color-red .f--page-title h1, .cc--description-summary-cards.color-teal .f--page-title h1 { color: #FFF; } .cc--description-summary-cards.color-black .stat-item .f--text, .cc--description-summary-cards.color-black .stat-item .f--stat-prefix, .cc--description-summary-cards.color-black .stat-item .f--stat-suffix, .cc--description-summary-cards.color-blue .stat-item .f--text, .cc--description-summary-cards.color-blue .stat-item .f--stat-prefix, .cc--description-summary-cards.color-blue .stat-item .f--stat-suffix, .cc--description-summary-cards.color-dark-gray .stat-item .f--text, .cc--description-summary-cards.color-dark-gray .stat-item .f--stat-prefix, .cc--description-summary-cards.color-dark-gray .stat-item .f--stat-suffix, .cc--description-summary-cards.color-red .stat-item .f--text, .cc--description-summary-cards.color-red .stat-item .f--stat-prefix, .cc--description-summary-cards.color-red .stat-item .f--stat-suffix, .cc--description-summary-cards.color-teal .stat-item .f--text, .cc--description-summary-cards.color-teal .stat-item .f--stat-prefix, .cc--description-summary-cards.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--description-summary-cards.color-black .f--stat-subheading, .cc--description-summary-cards.color-black .f--description, .cc--description-summary-cards.color-black .f--stat-headline, .cc--description-summary-cards.color-blue .f--stat-subheading, .cc--description-summary-cards.color-blue .f--description, .cc--description-summary-cards.color-blue .f--stat-headline, .cc--description-summary-cards.color-dark-gray .f--stat-subheading, .cc--description-summary-cards.color-dark-gray .f--description, .cc--description-summary-cards.color-dark-gray .f--stat-headline, .cc--description-summary-cards.color-red .f--stat-subheading, .cc--description-summary-cards.color-red .f--description, .cc--description-summary-cards.color-red .f--stat-headline, .cc--description-summary-cards.color-teal .f--stat-subheading, .cc--description-summary-cards.color-teal .f--description, .cc--description-summary-cards.color-teal .f--stat-headline { color: #FFF; } .cc--description-summary-cards.color-black .f--link .button, .cc--description-summary-cards.color-blue .f--link .button, .cc--description-summary-cards.color-dark-gray .f--link .button, .cc--description-summary-cards.color-red .f--link .button, .cc--description-summary-cards.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--description-summary-cards.color-black .f--link .button, .cc--description-summary-cards.color-blue .f--link .button, .cc--description-summary-cards.color-dark-gray .f--link .button, .cc--description-summary-cards.color-red .f--link .button, .cc--description-summary-cards.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--description-summary-cards.color-black .swiper-button-prev svg, .cc--description-summary-cards.color-black .swiper-button-next svg, .cc--description-summary-cards.color-blue .swiper-button-prev svg, .cc--description-summary-cards.color-blue .swiper-button-next svg, .cc--description-summary-cards.color-dark-gray .swiper-button-prev svg, .cc--description-summary-cards.color-dark-gray .swiper-button-next svg, .cc--description-summary-cards.color-red .swiper-button-prev svg, .cc--description-summary-cards.color-red .swiper-button-next svg, .cc--description-summary-cards.color-teal .swiper-button-prev svg, .cc--description-summary-cards.color-teal .swiper-button-next svg { fill: #FFF; } .cc--description-summary-cards.color-black .swiper-button-wrapper::before, .cc--description-summary-cards.color-blue .swiper-button-wrapper::before, .cc--description-summary-cards.color-dark-gray .swiper-button-wrapper::before, .cc--description-summary-cards.color-red .swiper-button-wrapper::before, .cc--description-summary-cards.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--description-summary-cards.color-black .swiper-pagination-bullet, .cc--description-summary-cards.color-blue .swiper-pagination-bullet, .cc--description-summary-cards.color-dark-gray .swiper-pagination-bullet, .cc--description-summary-cards.color-red .swiper-pagination-bullet, .cc--description-summary-cards.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--description-summary-cards.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-summary-cards.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-summary-cards.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-summary-cards.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--description-summary-cards.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--description-summary-cards.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-summary-cards.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-summary-cards.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-summary-cards.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--description-summary-cards.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--description-summary-cards.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-summary-cards.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-summary-cards.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-summary-cards.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--description-summary-cards.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } .cc--description-summary-cards.color-black .cards-list .card .f--link .button--alt, .cc--description-summary-cards.color-blue .cards-list .card .f--link .button--alt, .cc--description-summary-cards.color-dark-gray .cards-list .card .f--link .button--alt, .cc--description-summary-cards.color-red .cards-list .card .f--link .button--alt, .cc--description-summary-cards.color-teal .cards-list .card .f--link .button--alt { color: #FFF; } .cc--description-summary-cards.color-black .cards-list .card .f--link .button--alt svg, .cc--description-summary-cards.color-blue .cards-list .card .f--link .button--alt svg, .cc--description-summary-cards.color-dark-gray .cards-list .card .f--link .button--alt svg, .cc--description-summary-cards.color-red .cards-list .card .f--link .button--alt svg, .cc--description-summary-cards.color-teal .cards-list .card .f--link .button--alt svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .cards-list .card .f--link .button--alt, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .cards-list .card .f--link .button--alt, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .cards-list .card .f--link .button--alt, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .cards-list .card .f--link .button--alt, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .cards-list .card .f--link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--description-summary-cards.color-black .cards-list .card .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-blue .cards-list .card .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-dark-gray .cards-list .card .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-red .cards-list .card .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--description-summary-cards.color-teal .cards-list .card .f--link .button--alt:hover { color: #FFF; text-decoration: underline; } .cc--descriptive-links.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--descriptive-links.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--descriptive-links.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--descriptive-links.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--descriptive-links.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--descriptive-links.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--descriptive-links.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--descriptive-links.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--descriptive-links.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--descriptive-links.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--descriptive-links.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--descriptive-links.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--descriptive-links.color-white .f--link .button, .cc--descriptive-links.color-light-gray .f--link .button { background-color: transparent; } .cc--descriptive-links.color-white .f--link .button:hover, .cc--descriptive-links.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--descriptive-links.color-pale-teal .f--link .button, .cc--descriptive-links.color-pale-yellow .f--link .button, .cc--descriptive-links.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--descriptive-links.color-pale-teal .f--link .button, .cc--descriptive-links.color-pale-yellow .f--link .button, .cc--descriptive-links.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--descriptive-links.color-black .f--description, .cc--descriptive-links.color-black .f--text, .cc--descriptive-links.color-black .f--category, .cc--descriptive-links.color-blue .f--description, .cc--descriptive-links.color-blue .f--text, .cc--descriptive-links.color-blue .f--category, .cc--descriptive-links.color-dark-gray .f--description, .cc--descriptive-links.color-dark-gray .f--text, .cc--descriptive-links.color-dark-gray .f--category, .cc--descriptive-links.color-red .f--description, .cc--descriptive-links.color-red .f--text, .cc--descriptive-links.color-red .f--category, .cc--descriptive-links.color-teal .f--description, .cc--descriptive-links.color-teal .f--text, .cc--descriptive-links.color-teal .f--category { color: #FFF; } .cc--descriptive-links.color-black .f--description p, .cc--descriptive-links.color-black .f--description li, .cc--descriptive-links.color-black .f--description a, .cc--descriptive-links.color-black .f--text p, .cc--descriptive-links.color-black .f--text li, .cc--descriptive-links.color-black .f--text a, .cc--descriptive-links.color-black .f--category p, .cc--descriptive-links.color-black .f--category li, .cc--descriptive-links.color-black .f--category a, .cc--descriptive-links.color-blue .f--description p, .cc--descriptive-links.color-blue .f--description li, .cc--descriptive-links.color-blue .f--description a, .cc--descriptive-links.color-blue .f--text p, .cc--descriptive-links.color-blue .f--text li, .cc--descriptive-links.color-blue .f--text a, .cc--descriptive-links.color-blue .f--category p, .cc--descriptive-links.color-blue .f--category li, .cc--descriptive-links.color-blue .f--category a, .cc--descriptive-links.color-dark-gray .f--description p, .cc--descriptive-links.color-dark-gray .f--description li, .cc--descriptive-links.color-dark-gray .f--description a, .cc--descriptive-links.color-dark-gray .f--text p, .cc--descriptive-links.color-dark-gray .f--text li, .cc--descriptive-links.color-dark-gray .f--text a, .cc--descriptive-links.color-dark-gray .f--category p, .cc--descriptive-links.color-dark-gray .f--category li, .cc--descriptive-links.color-dark-gray .f--category a, .cc--descriptive-links.color-red .f--description p, .cc--descriptive-links.color-red .f--description li, .cc--descriptive-links.color-red .f--description a, .cc--descriptive-links.color-red .f--text p, .cc--descriptive-links.color-red .f--text li, .cc--descriptive-links.color-red .f--text a, .cc--descriptive-links.color-red .f--category p, .cc--descriptive-links.color-red .f--category li, .cc--descriptive-links.color-red .f--category a, .cc--descriptive-links.color-teal .f--description p, .cc--descriptive-links.color-teal .f--description li, .cc--descriptive-links.color-teal .f--description a, .cc--descriptive-links.color-teal .f--text p, .cc--descriptive-links.color-teal .f--text li, .cc--descriptive-links.color-teal .f--text a, .cc--descriptive-links.color-teal .f--category p, .cc--descriptive-links.color-teal .f--category li, .cc--descriptive-links.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--description a, html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--text a, html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--category a, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--description a, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--text a, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--category a, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--description a, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--text a, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--category a, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--description a, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--text a, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--category a:hover { color: #FFF; } .cc--descriptive-links.color-black .f--section-title h2, .cc--descriptive-links.color-blue .f--section-title h2, .cc--descriptive-links.color-dark-gray .f--section-title h2, .cc--descriptive-links.color-red .f--section-title h2, .cc--descriptive-links.color-teal .f--section-title h2 { color: #FFF; } .cc--descriptive-links.color-black .f--section-title h2 a, .cc--descriptive-links.color-blue .f--section-title h2 a, .cc--descriptive-links.color-dark-gray .f--section-title h2 a, .cc--descriptive-links.color-red .f--section-title h2 a, .cc--descriptive-links.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--descriptive-links.color-black .f--sub-title h3, .cc--descriptive-links.color-blue .f--sub-title h3, .cc--descriptive-links.color-dark-gray .f--sub-title h3, .cc--descriptive-links.color-red .f--sub-title h3, .cc--descriptive-links.color-teal .f--sub-title h3 { color: #FFF; } .cc--descriptive-links.color-black .f--sub-title h3 a, .cc--descriptive-links.color-blue .f--sub-title h3 a, .cc--descriptive-links.color-dark-gray .f--sub-title h3 a, .cc--descriptive-links.color-red .f--sub-title h3 a, .cc--descriptive-links.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--descriptive-links.color-black .f--page-title h1, .cc--descriptive-links.color-blue .f--page-title h1, .cc--descriptive-links.color-dark-gray .f--page-title h1, .cc--descriptive-links.color-red .f--page-title h1, .cc--descriptive-links.color-teal .f--page-title h1 { color: #FFF; } .cc--descriptive-links.color-black .stat-item .f--text, .cc--descriptive-links.color-black .stat-item .f--stat-prefix, .cc--descriptive-links.color-black .stat-item .f--stat-suffix, .cc--descriptive-links.color-blue .stat-item .f--text, .cc--descriptive-links.color-blue .stat-item .f--stat-prefix, .cc--descriptive-links.color-blue .stat-item .f--stat-suffix, .cc--descriptive-links.color-dark-gray .stat-item .f--text, .cc--descriptive-links.color-dark-gray .stat-item .f--stat-prefix, .cc--descriptive-links.color-dark-gray .stat-item .f--stat-suffix, .cc--descriptive-links.color-red .stat-item .f--text, .cc--descriptive-links.color-red .stat-item .f--stat-prefix, .cc--descriptive-links.color-red .stat-item .f--stat-suffix, .cc--descriptive-links.color-teal .stat-item .f--text, .cc--descriptive-links.color-teal .stat-item .f--stat-prefix, .cc--descriptive-links.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--descriptive-links.color-black .f--stat-subheading, .cc--descriptive-links.color-black .f--description, .cc--descriptive-links.color-black .f--stat-headline, .cc--descriptive-links.color-blue .f--stat-subheading, .cc--descriptive-links.color-blue .f--description, .cc--descriptive-links.color-blue .f--stat-headline, .cc--descriptive-links.color-dark-gray .f--stat-subheading, .cc--descriptive-links.color-dark-gray .f--description, .cc--descriptive-links.color-dark-gray .f--stat-headline, .cc--descriptive-links.color-red .f--stat-subheading, .cc--descriptive-links.color-red .f--description, .cc--descriptive-links.color-red .f--stat-headline, .cc--descriptive-links.color-teal .f--stat-subheading, .cc--descriptive-links.color-teal .f--description, .cc--descriptive-links.color-teal .f--stat-headline { color: #FFF; } .cc--descriptive-links.color-black .f--link .button, .cc--descriptive-links.color-blue .f--link .button, .cc--descriptive-links.color-dark-gray .f--link .button, .cc--descriptive-links.color-red .f--link .button, .cc--descriptive-links.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--descriptive-links.color-black .f--link .button, .cc--descriptive-links.color-blue .f--link .button, .cc--descriptive-links.color-dark-gray .f--link .button, .cc--descriptive-links.color-red .f--link .button, .cc--descriptive-links.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--link .button, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--descriptive-links.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--descriptive-links.color-black .swiper-button-prev svg, .cc--descriptive-links.color-black .swiper-button-next svg, .cc--descriptive-links.color-blue .swiper-button-prev svg, .cc--descriptive-links.color-blue .swiper-button-next svg, .cc--descriptive-links.color-dark-gray .swiper-button-prev svg, .cc--descriptive-links.color-dark-gray .swiper-button-next svg, .cc--descriptive-links.color-red .swiper-button-prev svg, .cc--descriptive-links.color-red .swiper-button-next svg, .cc--descriptive-links.color-teal .swiper-button-prev svg, .cc--descriptive-links.color-teal .swiper-button-next svg { fill: #FFF; } .cc--descriptive-links.color-black .swiper-button-wrapper::before, .cc--descriptive-links.color-blue .swiper-button-wrapper::before, .cc--descriptive-links.color-dark-gray .swiper-button-wrapper::before, .cc--descriptive-links.color-red .swiper-button-wrapper::before, .cc--descriptive-links.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--descriptive-links.color-black .swiper-pagination-bullet, .cc--descriptive-links.color-blue .swiper-pagination-bullet, .cc--descriptive-links.color-dark-gray .swiper-pagination-bullet, .cc--descriptive-links.color-red .swiper-pagination-bullet, .cc--descriptive-links.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--descriptive-links.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--descriptive-links.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--descriptive-links.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--descriptive-links.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--descriptive-links.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--descriptive-links.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--descriptive-links.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--descriptive-links.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--descriptive-links.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--descriptive-links.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--descriptive-links.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--descriptive-links.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--descriptive-links.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--descriptive-links.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--descriptive-links.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--descriptive-links.color-black .cc--user-choice-vertical-slide h2, .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide h2, .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--descriptive-links.color-red .cc--user-choice-vertical-slide h2, .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--descriptive-links.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--descriptive-links.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--descriptive-links.color-black .cc--user-choice-vertical-slide .f--description p, .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--descriptive-links.color-red .cc--user-choice-vertical-slide .f--description p, .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--descriptive-links.color-black .cc--user-choice-vertical-slide .f--link a, .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--descriptive-links.color-red .cc--user-choice-vertical-slide .f--link a, .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--descriptive-links.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--descriptive-links.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--descriptive-links.color-black .cc--user-choice-vertical-slide .icon-close, .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--descriptive-links.color-red .cc--user-choice-vertical-slide .icon-close, .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--descriptive-links.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--descriptive-links.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--descriptive-links.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--descriptive-links.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--descriptive-links.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--descriptive-links.color-pale-yellow { background-color: #FCE488; } .cc--descriptive-links.color-pale-teal { background-color: #87C3BE; } .cc--descriptive-links.color-pale-blue { background-color: #92D6E3; } .cc--descriptive-links .c--descriptive-links { max-width: 100%; } .cc--descriptive-links .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--descriptive-links .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--descriptive-links .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--descriptive-links .text-container { margin-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .cc--descriptive-links .text-container { max-width: 82.6087%; margin: 0 auto; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--descriptive-links .text-container { max-width: 65.21739%; margin: 0 auto; margin-bottom: 2.5rem; } } .cc--descriptive-links .f--section-title h2 { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--descriptive-links .f--section-title h2 { margin-bottom: 2.5rem; } } .cc--descriptive-links .cta-link-list { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc--descriptive-links .cta-link { margin-right: 0.625rem; margin-bottom: 1.25rem; margin-left: 0.625rem; } .cc--descriptive-links .cta-link .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } .cc--descriptive-links.bg-image { background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--descriptive-links.bg-image .f--description, .cc--descriptive-links.bg-image .f--text, .cc--descriptive-links.bg-image .f--category { color: #FFF; } .cc--descriptive-links.bg-image .f--description p, .cc--descriptive-links.bg-image .f--description li, .cc--descriptive-links.bg-image .f--description a, .cc--descriptive-links.bg-image .f--text p, .cc--descriptive-links.bg-image .f--text li, .cc--descriptive-links.bg-image .f--text a, .cc--descriptive-links.bg-image .f--category p, .cc--descriptive-links.bg-image .f--category li, .cc--descriptive-links.bg-image .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--description a, html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--text a, html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--description a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--text a:hover, html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--category a:hover { color: #FFF; } .cc--descriptive-links.bg-image .f--section-title h2 { color: #FFF; } .cc--descriptive-links.bg-image .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--section-title h2 a:hover { color: #FFF; } .cc--descriptive-links.bg-image .f--sub-title h3 { color: #FFF; } .cc--descriptive-links.bg-image .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--sub-title h3 a:hover { color: #FFF; } .cc--descriptive-links.bg-image .f--page-title h1 { color: #FFF; } .cc--descriptive-links.bg-image .stat-item .f--text, .cc--descriptive-links.bg-image .stat-item .f--stat-prefix, .cc--descriptive-links.bg-image .stat-item .f--stat-suffix { color: #FFF; } .cc--descriptive-links.bg-image .f--stat-subheading, .cc--descriptive-links.bg-image .f--description, .cc--descriptive-links.bg-image .f--stat-headline { color: #FFF; } .cc--descriptive-links.bg-image .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--descriptive-links.bg-image .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .swiper-button-prev, html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--descriptive-links.bg-image .swiper-button-next:hover svg { fill: #FFF; } .cc--descriptive-links.bg-image .swiper-button-prev svg, .cc--descriptive-links.bg-image .swiper-button-next svg { fill: #FFF; } .cc--descriptive-links.bg-image .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--descriptive-links.bg-image .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--descriptive-links.bg-image .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--descriptive-links.bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--descriptive-links.bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } .cc--descriptive-links.bg-image .inner-wrapper { background-color: rgba(0, 0, 0, 0.6); } .cc--display-cards-rollover .c--display-cards-rollover { padding-top: 3.125rem; } @media screen and (min-width: 768px) { .cc--display-cards-rollover .c--display-cards-rollover { padding-top: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--display-cards-rollover .c--display-cards-rollover { padding-top: 5rem; } } .cc--display-cards-rollover + .cc--display-cards-rollover .c--display-cards-rollover { padding-top: 0; padding-bottom: nul; } .cc--display-cards-rollover .title-cta { max-width: 1440px; margin: 0 auto; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--display-cards-rollover .title-cta { margin-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--display-cards-rollover .title-cta { margin-bottom: 3.75rem; } } .cc--display-cards-rollover .title-cta .title-cta-inner { padding-right: 8%; padding-left: 8%; text-align: center; } @media screen and (min-width: 768px) { .cc--display-cards-rollover .title-cta .title-cta-inner { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--display-cards-rollover .title-cta .title-cta-inner { padding-right: 20%; padding-left: 20%; } } .cc--display-cards-rollover .title-cta .f--section-title h2 { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--display-cards-rollover .title-cta .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .cc--display-cards-rollover .cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cc--display-cards-rollover .cards .card-link { display: block; } @media screen and (min-width: 768px) { .cc--display-cards-rollover .cards .card-link { width: 33.33%; } } @media screen and (max-width: 767px) { .cc--display-cards-rollover .cards .card-link.hovered .rollover-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } html[data-whatintent="mouse"] .cc--display-cards-rollover .cards .card-link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--display-cards-rollover .cards .card-link:hover .rollover-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--display-cards-rollover .cards .card { position: relative; height: 25rem; background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; } @media screen and (min-width: 1024px) { .cc--display-cards-rollover .cards .card { height: 33.3125rem; } } .cc--display-cards-rollover .cards .card .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; padding-bottom: 1.875rem; color: #FFF; } @media screen and (min-width: 1024px) { .cc--display-cards-rollover .cards .card .f--sub-title h3 { font-size: 1.5rem; line-height: 1.3334; padding-bottom: 2.5rem; } } .cc--display-cards-rollover .cards .gradient-wrapper, .cc--display-cards-rollover .cards .rollover-wrapper { padding-right: 8%; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .cc--display-cards-rollover .cards .gradient-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(70%, transparent)); background: linear-gradient(to top, black, transparent 70%); z-index: 1; } .cc--display-cards-rollover .cards .rollover-wrapper { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #C03; opacity: .8; overflow: hidden; z-index: 2; } .cc--display-cards-rollover .cards .rollover-wrapper .f--description p { font-size: 0.875rem; line-height: 1.7143; color: #FFF; } @media screen and (min-width: 768px) { .cc--display-cards-rollover .cards .rollover-wrapper .f--description p { font-size: 1rem; line-height: 1.75; } } @media screen and (min-width: 1024px) { .cc--display-cards-rollover .cards .rollover-wrapper .f--description p { font-size: 1.125rem; line-height: 1.7778; } } .cc--emergency-banner { position: relative; z-index: 0; } .cc--emergency-banner.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--emergency-banner.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--emergency-banner.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--emergency-banner.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--emergency-banner.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--emergency-banner.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--emergency-banner.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--emergency-banner.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--emergency-banner.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--emergency-banner.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--emergency-banner.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--emergency-banner.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--emergency-banner.color-white .f--link .button, .cc--emergency-banner.color-light-gray .f--link .button { background-color: transparent; } .cc--emergency-banner.color-white .f--link .button:hover, .cc--emergency-banner.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--emergency-banner.color-pale-teal .f--link .button, .cc--emergency-banner.color-pale-yellow .f--link .button, .cc--emergency-banner.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--emergency-banner.color-pale-teal .f--link .button, .cc--emergency-banner.color-pale-yellow .f--link .button, .cc--emergency-banner.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--emergency-banner.color-black .f--description, .cc--emergency-banner.color-black .f--text, .cc--emergency-banner.color-black .f--category, .cc--emergency-banner.color-blue .f--description, .cc--emergency-banner.color-blue .f--text, .cc--emergency-banner.color-blue .f--category, .cc--emergency-banner.color-dark-gray .f--description, .cc--emergency-banner.color-dark-gray .f--text, .cc--emergency-banner.color-dark-gray .f--category, .cc--emergency-banner.color-red .f--description, .cc--emergency-banner.color-red .f--text, .cc--emergency-banner.color-red .f--category, .cc--emergency-banner.color-teal .f--description, .cc--emergency-banner.color-teal .f--text, .cc--emergency-banner.color-teal .f--category { color: #FFF; } .cc--emergency-banner.color-black .f--description p, .cc--emergency-banner.color-black .f--description li, .cc--emergency-banner.color-black .f--description a, .cc--emergency-banner.color-black .f--text p, .cc--emergency-banner.color-black .f--text li, .cc--emergency-banner.color-black .f--text a, .cc--emergency-banner.color-black .f--category p, .cc--emergency-banner.color-black .f--category li, .cc--emergency-banner.color-black .f--category a, .cc--emergency-banner.color-blue .f--description p, .cc--emergency-banner.color-blue .f--description li, .cc--emergency-banner.color-blue .f--description a, .cc--emergency-banner.color-blue .f--text p, .cc--emergency-banner.color-blue .f--text li, .cc--emergency-banner.color-blue .f--text a, .cc--emergency-banner.color-blue .f--category p, .cc--emergency-banner.color-blue .f--category li, .cc--emergency-banner.color-blue .f--category a, .cc--emergency-banner.color-dark-gray .f--description p, .cc--emergency-banner.color-dark-gray .f--description li, .cc--emergency-banner.color-dark-gray .f--description a, .cc--emergency-banner.color-dark-gray .f--text p, .cc--emergency-banner.color-dark-gray .f--text li, .cc--emergency-banner.color-dark-gray .f--text a, .cc--emergency-banner.color-dark-gray .f--category p, .cc--emergency-banner.color-dark-gray .f--category li, .cc--emergency-banner.color-dark-gray .f--category a, .cc--emergency-banner.color-red .f--description p, .cc--emergency-banner.color-red .f--description li, .cc--emergency-banner.color-red .f--description a, .cc--emergency-banner.color-red .f--text p, .cc--emergency-banner.color-red .f--text li, .cc--emergency-banner.color-red .f--text a, .cc--emergency-banner.color-red .f--category p, .cc--emergency-banner.color-red .f--category li, .cc--emergency-banner.color-red .f--category a, .cc--emergency-banner.color-teal .f--description p, .cc--emergency-banner.color-teal .f--description li, .cc--emergency-banner.color-teal .f--description a, .cc--emergency-banner.color-teal .f--text p, .cc--emergency-banner.color-teal .f--text li, .cc--emergency-banner.color-teal .f--text a, .cc--emergency-banner.color-teal .f--category p, .cc--emergency-banner.color-teal .f--category li, .cc--emergency-banner.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--description a, html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--text a, html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--category a, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--description a, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--text a, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--category a, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--description a, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--text a, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--category a, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--description a, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--text a, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--category a:hover { color: #FFF; } .cc--emergency-banner.color-black .f--section-title h2, .cc--emergency-banner.color-blue .f--section-title h2, .cc--emergency-banner.color-dark-gray .f--section-title h2, .cc--emergency-banner.color-red .f--section-title h2, .cc--emergency-banner.color-teal .f--section-title h2 { color: #FFF; } .cc--emergency-banner.color-black .f--section-title h2 a, .cc--emergency-banner.color-blue .f--section-title h2 a, .cc--emergency-banner.color-dark-gray .f--section-title h2 a, .cc--emergency-banner.color-red .f--section-title h2 a, .cc--emergency-banner.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--emergency-banner.color-black .f--sub-title h3, .cc--emergency-banner.color-blue .f--sub-title h3, .cc--emergency-banner.color-dark-gray .f--sub-title h3, .cc--emergency-banner.color-red .f--sub-title h3, .cc--emergency-banner.color-teal .f--sub-title h3 { color: #FFF; } .cc--emergency-banner.color-black .f--sub-title h3 a, .cc--emergency-banner.color-blue .f--sub-title h3 a, .cc--emergency-banner.color-dark-gray .f--sub-title h3 a, .cc--emergency-banner.color-red .f--sub-title h3 a, .cc--emergency-banner.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--emergency-banner.color-black .f--page-title h1, .cc--emergency-banner.color-blue .f--page-title h1, .cc--emergency-banner.color-dark-gray .f--page-title h1, .cc--emergency-banner.color-red .f--page-title h1, .cc--emergency-banner.color-teal .f--page-title h1 { color: #FFF; } .cc--emergency-banner.color-black .stat-item .f--text, .cc--emergency-banner.color-black .stat-item .f--stat-prefix, .cc--emergency-banner.color-black .stat-item .f--stat-suffix, .cc--emergency-banner.color-blue .stat-item .f--text, .cc--emergency-banner.color-blue .stat-item .f--stat-prefix, .cc--emergency-banner.color-blue .stat-item .f--stat-suffix, .cc--emergency-banner.color-dark-gray .stat-item .f--text, .cc--emergency-banner.color-dark-gray .stat-item .f--stat-prefix, .cc--emergency-banner.color-dark-gray .stat-item .f--stat-suffix, .cc--emergency-banner.color-red .stat-item .f--text, .cc--emergency-banner.color-red .stat-item .f--stat-prefix, .cc--emergency-banner.color-red .stat-item .f--stat-suffix, .cc--emergency-banner.color-teal .stat-item .f--text, .cc--emergency-banner.color-teal .stat-item .f--stat-prefix, .cc--emergency-banner.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--emergency-banner.color-black .f--stat-subheading, .cc--emergency-banner.color-black .f--description, .cc--emergency-banner.color-black .f--stat-headline, .cc--emergency-banner.color-blue .f--stat-subheading, .cc--emergency-banner.color-blue .f--description, .cc--emergency-banner.color-blue .f--stat-headline, .cc--emergency-banner.color-dark-gray .f--stat-subheading, .cc--emergency-banner.color-dark-gray .f--description, .cc--emergency-banner.color-dark-gray .f--stat-headline, .cc--emergency-banner.color-red .f--stat-subheading, .cc--emergency-banner.color-red .f--description, .cc--emergency-banner.color-red .f--stat-headline, .cc--emergency-banner.color-teal .f--stat-subheading, .cc--emergency-banner.color-teal .f--description, .cc--emergency-banner.color-teal .f--stat-headline { color: #FFF; } .cc--emergency-banner.color-black .f--link .button, .cc--emergency-banner.color-blue .f--link .button, .cc--emergency-banner.color-dark-gray .f--link .button, .cc--emergency-banner.color-red .f--link .button, .cc--emergency-banner.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--emergency-banner.color-black .f--link .button, .cc--emergency-banner.color-blue .f--link .button, .cc--emergency-banner.color-dark-gray .f--link .button, .cc--emergency-banner.color-red .f--link .button, .cc--emergency-banner.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--link .button, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--emergency-banner.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--emergency-banner.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--emergency-banner.color-black .swiper-button-prev svg, .cc--emergency-banner.color-black .swiper-button-next svg, .cc--emergency-banner.color-blue .swiper-button-prev svg, .cc--emergency-banner.color-blue .swiper-button-next svg, .cc--emergency-banner.color-dark-gray .swiper-button-prev svg, .cc--emergency-banner.color-dark-gray .swiper-button-next svg, .cc--emergency-banner.color-red .swiper-button-prev svg, .cc--emergency-banner.color-red .swiper-button-next svg, .cc--emergency-banner.color-teal .swiper-button-prev svg, .cc--emergency-banner.color-teal .swiper-button-next svg { fill: #FFF; } .cc--emergency-banner.color-black .swiper-button-wrapper::before, .cc--emergency-banner.color-blue .swiper-button-wrapper::before, .cc--emergency-banner.color-dark-gray .swiper-button-wrapper::before, .cc--emergency-banner.color-red .swiper-button-wrapper::before, .cc--emergency-banner.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--emergency-banner.color-black .swiper-pagination-bullet, .cc--emergency-banner.color-blue .swiper-pagination-bullet, .cc--emergency-banner.color-dark-gray .swiper-pagination-bullet, .cc--emergency-banner.color-red .swiper-pagination-bullet, .cc--emergency-banner.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--emergency-banner.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--emergency-banner.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--emergency-banner.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--emergency-banner.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--emergency-banner.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--emergency-banner.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--emergency-banner.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--emergency-banner.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--emergency-banner.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--emergency-banner.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--emergency-banner.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--emergency-banner.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--emergency-banner.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--emergency-banner.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--emergency-banner.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--emergency-banner.color-black .cc--user-choice-vertical-slide h2, .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide h2, .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--emergency-banner.color-red .cc--user-choice-vertical-slide h2, .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--emergency-banner.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--emergency-banner.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--emergency-banner.color-black .cc--user-choice-vertical-slide .f--description p, .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--emergency-banner.color-red .cc--user-choice-vertical-slide .f--description p, .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--emergency-banner.color-black .cc--user-choice-vertical-slide .f--link a, .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--emergency-banner.color-red .cc--user-choice-vertical-slide .f--link a, .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--emergency-banner.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--emergency-banner.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--emergency-banner.color-black .cc--user-choice-vertical-slide .icon-close, .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--emergency-banner.color-red .cc--user-choice-vertical-slide .icon-close, .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--emergency-banner.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--emergency-banner.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--emergency-banner.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--emergency-banner.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--emergency-banner.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--emergency-banner.color-pale-yellow { background-color: #FCE488; } .cc--emergency-banner.color-pale-teal { background-color: #87C3BE; } .cc--emergency-banner.color-pale-blue { background-color: #92D6E3; } .cc--emergency-banner.full-screen { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100vh; } .cc--emergency-banner.full-screen .inner-wrapper { display: block; } @media screen and (min-width: 768px) { .cc--emergency-banner.full-screen .inner-wrapper { padding-top: 3.125rem; padding-right: 12%; padding-bottom: 3.125rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--emergency-banner.full-screen .inner-wrapper { padding-top: 3.125rem; padding-right: 20%; padding-bottom: 3.125rem; padding-left: 20%; } } @media screen and (min-width: 768px) { .cc--emergency-banner.full-screen h2 { font-size: 2rem; line-height: 1.25; } } @media screen and (min-width: 768px) { .cc--emergency-banner.full-screen .f--description p { font-size: 1.125rem; line-height: 1.7778; } } .cc--emergency-banner .container-wrapper { max-width: 1440px; margin: 0 auto; } .cc--emergency-banner .inner-wrapper { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--emergency-banner .inner-wrapper { padding-top: 4.0625rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .newark .cc--emergency-banner .inner-wrapper { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media screen and (min-width: 768px) { .newark .cc--emergency-banner .inner-wrapper { padding-top: 2.5rem; padding-bottom: 2.5rem; } } .cc--emergency-banner .header-banner-container { color: inherit; } @media screen and (min-width: 768px) { .cc--emergency-banner .header-banner-container { padding-top: 0; padding-right: 8.69565%; padding-bottom: 0; padding-left: 0; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; } } .cc--emergency-banner .banner-content { color: inherit; } @media screen and (min-width: 768px) { .cc--emergency-banner .banner-content { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; } } .cc--emergency-banner h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-right: 0; margin-bottom: 0.9375rem; margin-left: 0; color: #000; } @media screen and (min-width: 768px) { .cc--emergency-banner h2 { font-size: 1.5rem; line-height: 1.3334; } } .cc--emergency-banner .f--text { margin-bottom: 1.25rem; color: #000; } @media screen and (min-width: 768px) { .cc--emergency-banner .f--text { margin-bottom: 2.5rem; } } .cc--emergency-banner .f--text p { font-size: 0.75rem; line-height: 1.6667; } @media screen and (min-width: 768px) { .cc--emergency-banner .f--text p { font-size: 0.875rem; line-height: 1.5715; } } .cc--emergency-banner .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0; margin-right: 0; margin-bottom: 0.9375rem; margin-left: 0; color: #000; } @media screen and (min-width: 768px) { .cc--emergency-banner .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 0; margin-right: 0; margin-bottom: 1.25rem; margin-left: 0; } } .cc--emergency-banner .f--link .button--alt { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: auto; height: auto; border: 0; background: transparent; color: #000; } .cc--emergency-banner .f--link .button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; width: 0.625rem; height: 0.125rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; fill: #C03; } html[data-whatintent="mouse"] .cc--emergency-banner .f--link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner .f--link .button--alt:hover { background-color: transparent; color: #C03; } html[data-whatintent="mouse"] .cc--emergency-banner .f--link .button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .color-yellow .cc--emergency-banner, .color-white .cc--emergency-banner { color: #000; } .cc--emergency-banner.color-black .f--link .button--alt, .cc--emergency-banner.color-blue .f--link .button--alt, .cc--emergency-banner.color-dark-gray .f--link .button--alt, .cc--emergency-banner.color-red .f--link .button--alt, .cc--emergency-banner.color-teal .f--link .button--alt { color: #FFF; } .cc--emergency-banner.color-black .f--link .button--alt svg, .cc--emergency-banner.color-blue .f--link .button--alt svg, .cc--emergency-banner.color-dark-gray .f--link .button--alt svg, .cc--emergency-banner.color-red .f--link .button--alt svg, .cc--emergency-banner.color-teal .f--link .button--alt svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--link .button--alt, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--link .button--alt, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--link .button--alt, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--link .button--alt, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--emergency-banner.color-black .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-blue .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-dark-gray .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-red .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--emergency-banner.color-teal .f--link .button--alt:hover { color: #FFF; } .visible-alert.slim-nav-visible #l--main-header .utility-nav-container-wrapper, .visible-alert.slim-nav-visible #l--main-header-nb .utility-nav-container-wrapper, .visible-alert.slim-nav-visible #l--main-header-basic .utility-nav-container-wrapper, .visible-alert.slim-nav-visible #l--main-header-rur .utility-nav-container-wrapper, .visible-alert.slim-nav-visible #l--main-header-nwrk .utility-nav-container-wrapper { opacity: 1; } @media screen and (min-width: 1024px) { .visible-alert.slim-nav-visible #l--main-header .main-nav-container .branding-mainmenu-container, .visible-alert.slim-nav-visible #l--main-header-nb .main-nav-container .branding-mainmenu-container, .visible-alert.slim-nav-visible #l--main-header-basic .main-nav-container .branding-mainmenu-container, .visible-alert.slim-nav-visible #l--main-header-rur .main-nav-container .branding-mainmenu-container, .visible-alert.slim-nav-visible #l--main-header-nwrk .main-nav-container .branding-mainmenu-container { position: absolute; } } .visible-alert.is-rutgers-nav #main-content-rur { margin-top: 0; } @media screen and (min-width: 1024px) { .visible-alert:not(.is-rutgers-nav) #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .visible-alert:not(.is-rutgers-nav) #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--main-menu { display: block; width: 100%; } } @media screen and (min-width: 1024px) { .visible-alert:not(.is-rutgers-nav) #l--main-header .main-nav-container .branding-mainmenu-container .buttons-wrapper, .visible-alert:not(.is-rutgers-nav) #l--main-header .main-nav-container .branding-mainmenu-container .cc--branding-header-red-tag { display: none; } } .visible-alert #main-content, .visible-alert #main-content-nb, .visible-alert #main-content-basic, .visible-alert #main-content-rur { margin-top: 0; position: relative; z-index: 0; } @media screen and (min-width: 1024px) { .visible-alert #main-content, .visible-alert #main-content-nb, .visible-alert #main-content-basic, .visible-alert #main-content-rur { margin-top: 4.375rem; } } @media screen and (min-width: 1024px) { .visible-alert.magazine-landing .cc--hero-magazine-feature .hero-bg-image { top: 0; height: 100vh; } } .visible-alert.is-rutgers-research-news-nav #main-content-rur { margin-top: 0; } .visible-alert.is-rutgers-research-news-nav .cc--rur-research-news-nav.slim-nav-is-visible, .visible-alert.is-rutgers-research-news-nav .cc--rur-research-news-nav.slim-nav-is-visible.sticky { position: relative; top: auto; } .visible-alert.is-nbrutgers-news-landing #main-content-nb, .visible-alert.is-nbrutgers-news-landing #main-content-basic, .visible-alert.is-nbrutgers-news-landing #main-content-rur, .visible-alert.is-rutgers-mini-nav #main-content-nb, .visible-alert.is-rutgers-mini-nav #main-content-basic, .visible-alert.is-rutgers-mini-nav #main-content-rur { margin-top: 0; } .visible-alert.is-nbrutgers-news-landing .cc--nb-news-landing-nav.slim-nav-is-visible, .visible-alert.is-nbrutgers-news-landing .cc--nb-news-landing-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-mini-nav .cc--nb-news-landing-nav.slim-nav-is-visible, .visible-alert.is-rutgers-mini-nav .cc--nb-news-landing-nav.slim-nav-is-visible.sticky { position: relative; top: auto; } .visible-alert.is-rutgers-magazine-nav #main-content, .visible-alert.is-rutgers-magazine-nav #main-content-basic, .visible-alert.is-rutgers-magazine-nav #main-content-nb, .visible-alert.is-rutgers-mini-nav #main-content, .visible-alert.is-rutgers-mini-nav #main-content-basic, .visible-alert.is-rutgers-mini-nav #main-content-nb, .visible-alert.is-rutgers-today-nav #main-content, .visible-alert.is-rutgers-today-nav #main-content-basic, .visible-alert.is-rutgers-today-nav #main-content-nb, .visible-alert.is-nbrutgers-jump-links #main-content, .visible-alert.is-nbrutgers-jump-links #main-content-basic, .visible-alert.is-nbrutgers-jump-links #main-content-nb { margin-top: 0; } .visible-alert.is-rutgers-magazine-nav .cc--rutgers-magazine-nav.slim-nav-is-visible, .visible-alert.is-rutgers-magazine-nav .cc--rutgers-magazine-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-magazine-nav .cc--rutgers-today-nav.slim-nav-is-visible, .visible-alert.is-rutgers-magazine-nav .cc--rutgers-today-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-magazine-nav .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible, .visible-alert.is-rutgers-magazine-nav .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-magazine-nav .cc--rutgers-today-mini-header.slim-nav-is-visible, .visible-alert.is-rutgers-magazine-nav .cc--rutgers-today-mini-header.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-magazine-nav .cc--nb-news-landing-nav.slim-nav-is-visible, .visible-alert.is-rutgers-magazine-nav .cc--nb-news-landing-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-magazine-nav .cc--nb-feature-article-jump-links.slim-nav-is-visible, .visible-alert.is-rutgers-magazine-nav .cc--nb-feature-article-jump-links.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-magazine-nav .cc--nb-news-mini-nav.slim-nav-is-visible, .visible-alert.is-rutgers-magazine-nav .cc--nb-news-mini-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-magazine-nav .cc--rur-research-news-mini-nav.slim-nav-is-visible, .visible-alert.is-rutgers-magazine-nav .cc--rur-research-news-mini-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-mini-nav .cc--rutgers-magazine-nav.slim-nav-is-visible, .visible-alert.is-rutgers-mini-nav .cc--rutgers-magazine-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-mini-nav .cc--rutgers-today-nav.slim-nav-is-visible, .visible-alert.is-rutgers-mini-nav .cc--rutgers-today-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-mini-nav .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible, .visible-alert.is-rutgers-mini-nav .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-mini-nav .cc--rutgers-today-mini-header.slim-nav-is-visible, .visible-alert.is-rutgers-mini-nav .cc--rutgers-today-mini-header.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-mini-nav .cc--nb-news-landing-nav.slim-nav-is-visible, .visible-alert.is-rutgers-mini-nav .cc--nb-news-landing-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-mini-nav .cc--nb-feature-article-jump-links.slim-nav-is-visible, .visible-alert.is-rutgers-mini-nav .cc--nb-feature-article-jump-links.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-mini-nav .cc--nb-news-mini-nav.slim-nav-is-visible, .visible-alert.is-rutgers-mini-nav .cc--nb-news-mini-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-mini-nav .cc--rur-research-news-mini-nav.slim-nav-is-visible, .visible-alert.is-rutgers-mini-nav .cc--rur-research-news-mini-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-today-nav .cc--rutgers-magazine-nav.slim-nav-is-visible, .visible-alert.is-rutgers-today-nav .cc--rutgers-magazine-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-today-nav .cc--rutgers-today-nav.slim-nav-is-visible, .visible-alert.is-rutgers-today-nav .cc--rutgers-today-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-today-nav .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible, .visible-alert.is-rutgers-today-nav .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-today-nav .cc--rutgers-today-mini-header.slim-nav-is-visible, .visible-alert.is-rutgers-today-nav .cc--rutgers-today-mini-header.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-today-nav .cc--nb-news-landing-nav.slim-nav-is-visible, .visible-alert.is-rutgers-today-nav .cc--nb-news-landing-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-today-nav .cc--nb-feature-article-jump-links.slim-nav-is-visible, .visible-alert.is-rutgers-today-nav .cc--nb-feature-article-jump-links.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-today-nav .cc--nb-news-mini-nav.slim-nav-is-visible, .visible-alert.is-rutgers-today-nav .cc--nb-news-mini-nav.slim-nav-is-visible.sticky, .visible-alert.is-rutgers-today-nav .cc--rur-research-news-mini-nav.slim-nav-is-visible, .visible-alert.is-rutgers-today-nav .cc--rur-research-news-mini-nav.slim-nav-is-visible.sticky, .visible-alert.is-nbrutgers-jump-links .cc--rutgers-magazine-nav.slim-nav-is-visible, .visible-alert.is-nbrutgers-jump-links .cc--rutgers-magazine-nav.slim-nav-is-visible.sticky, .visible-alert.is-nbrutgers-jump-links .cc--rutgers-today-nav.slim-nav-is-visible, .visible-alert.is-nbrutgers-jump-links .cc--rutgers-today-nav.slim-nav-is-visible.sticky, .visible-alert.is-nbrutgers-jump-links .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible, .visible-alert.is-nbrutgers-jump-links .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible.sticky, .visible-alert.is-nbrutgers-jump-links .cc--rutgers-today-mini-header.slim-nav-is-visible, .visible-alert.is-nbrutgers-jump-links .cc--rutgers-today-mini-header.slim-nav-is-visible.sticky, .visible-alert.is-nbrutgers-jump-links .cc--nb-news-landing-nav.slim-nav-is-visible, .visible-alert.is-nbrutgers-jump-links .cc--nb-news-landing-nav.slim-nav-is-visible.sticky, .visible-alert.is-nbrutgers-jump-links .cc--nb-feature-article-jump-links.slim-nav-is-visible, .visible-alert.is-nbrutgers-jump-links .cc--nb-feature-article-jump-links.slim-nav-is-visible.sticky, .visible-alert.is-nbrutgers-jump-links .cc--nb-news-mini-nav.slim-nav-is-visible, .visible-alert.is-nbrutgers-jump-links .cc--nb-news-mini-nav.slim-nav-is-visible.sticky, .visible-alert.is-nbrutgers-jump-links .cc--rur-research-news-mini-nav.slim-nav-is-visible, .visible-alert.is-nbrutgers-jump-links .cc--rur-research-news-mini-nav.slim-nav-is-visible.sticky { position: relative; top: auto; } .visible-alert.mini-site-secondary .cc--breadcrumbs, .visible-alert.mini-site-secondary .c--mini-site-sidebar.sticky, .visible-alert.mini-site-section .cc--breadcrumbs, .visible-alert.mini-site-section .c--mini-site-sidebar.sticky { position: static; top: auto; } @media screen and (min-width: 1024px) { .visible-alert.home-page #l--main-header, .visible-alert.home-page #l--main-header-rur, .visible-alert.rur-home-page #l--main-header, .visible-alert.rur-home-page #l--main-header-rur { position: relative; margin-top: -4.375rem; -webkit-transform: translateY(100%); transform: translateY(100%); } } @media screen and (min-width: 1024px) { .visible-alert.home-page #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible, .visible-alert.home-page #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible, .visible-alert.rur-home-page #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible, .visible-alert.rur-home-page #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { background: transparent; } } .visible-alert .cc--rur-research-news-nav.slim-nav-expanded, .visible-alert .cc--rutgers-today-nav.slim-nav-expanded, .visible-alert .cc--rutgers-magazine-nav.slim-nav-expanded, .visible-alert .cc--rutgers-today-mini-header.slim-nav-expanded, .visible-alert .cc--nb-feature-article-jump-links.slim-nav-expanded, .visible-alert .cc--nb-news-landing-nav.slim-nav-expanded { margin-top: 3.75rem; } .visible-alert .cc--nb-news-mini-nav.slim-nav-expanded, .visible-alert .cc--rur-research-news-mini-nav.slim-nav-expanded { margin-top: 4.375rem; } .visible-alert .cc--mini-site-sidebar .c--mini-site-sidebar, .visible-alert #l--main-header .mobile-nav, .visible-alert #l--main-header, .visible-alert #l--main-header-nb .mobile-nav, .visible-alert #l--main-header-nb, .visible-alert #l--main-header-basic, .visible-alert #l--main-header-basic .mobile-nav, .visible-alert #l--main-header-rur .mobile-nav, .visible-alert #l--main-header-rur, .visible-alert #l--main-header-nwrk .mobile-nav, .visible-alert #l--main-header-nwrk { position: static; } .visible-alert.mobile-menu-open #l--main-header .mobile-nav, .visible-alert.mobile-menu-open #l--main-header-nb .mobile-nav, .visible-alert.mobile-menu-open #l--main-header-basic .mobile-nav, .visible-alert.mobile-menu-open #l--main-header-rur .mobile-nav, .visible-alert.mobile-menu-open #l--main-header-nwrk .mobile-nav { position: fixed; } @media screen and (min-width: 1024px) { .visible-alert .cc--mini-site-sidebar .c--mini-site-sidebar { position: -webkit-sticky; position: sticky; } } @media screen and (min-width: 960px) { .visible-alert .cc--nb-animated-chapter .background-scroll { top: 0; height: 100vh; } } @media screen and (min-width: 1024px) { .visible-alert .cc--promo-photo-2col .profile-image-wrapper-inner { top: 5rem; height: calc(100vh - 5rem); } } @media screen and (min-width: 1024px) { .visible-alert .cc--animated-50-50 .fixed-background { top: 0; height: 100vh; } } @media screen and (min-width: 1024px) { .visible-alert .cc--animated-50-50 .scroll-button-wrapper { height: 100vh; } } .visible-alert #l--main-header-basic .mobile-nav .mobile-nav-topbar-container { position: relative; } .cc--enhanced-50-50.enhanced-50-50-video .image-video-container .local-video-container { position: relative; padding-top: 56.25%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cc--enhanced-50-50.enhanced-50-50-video .image-video-container .local-video-container video { position: absolute; width: 100%; height: 100%; } .cc--enhanced-50-50.enhanced-50-50-video .image-video-container .video-image-container { position: relative; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); padding-top: 56.25%; } .cc--enhanced-50-50.enhanced-50-50-video .image-video-container img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 100%; } .cc--enhanced-50-50.enhanced-50-50-video .image-video-container:not(.video-played) .local-video-container { display: none; } .cc--enhanced-50-50.enhanced-50-50-video .image-video-container.video-played .video-image-container { display: none; } .enhanced-50-50-image .f--image { position: relative; padding-top: 56.5%; width: auto; height: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .enhanced-50-50-image img { position: absolute; top: 0; left: 0; height: auto; width: 100%; max-width: 100%; aspect-ratio: 16/9; } .cc--enhanced-50-50.enhanced-50-50-ambient .f--ambient-video { position: relative; padding-top: 56.25%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .cc--enhanced-50-50.enhanced-50-50-ambient .fifty-fifty-wrapper .image-video-container video { position: absolute; width: 100%; height: 100%; opacity: 1; } .enhanced-50-50-lottie .lottie-container { position: relative; padding-top: 56.25%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .enhanced-50-50-lottie lottie-player { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; } .enhanced-50-50-remote .f--video-embed { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cc--enhanced-50-50 { position: relative; clear: both; } .cc--enhanced-50-50.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--enhanced-50-50.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--enhanced-50-50.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--enhanced-50-50.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--enhanced-50-50.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--enhanced-50-50.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--enhanced-50-50.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--enhanced-50-50.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--enhanced-50-50.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--enhanced-50-50.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--enhanced-50-50.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--enhanced-50-50.color-white .f--link .button, .cc--enhanced-50-50.color-light-gray .f--link .button { background-color: transparent; } .cc--enhanced-50-50.color-white .f--link .button:hover, .cc--enhanced-50-50.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--enhanced-50-50.color-pale-teal .f--link .button, .cc--enhanced-50-50.color-pale-yellow .f--link .button, .cc--enhanced-50-50.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--enhanced-50-50.color-pale-teal .f--link .button, .cc--enhanced-50-50.color-pale-yellow .f--link .button, .cc--enhanced-50-50.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--enhanced-50-50.color-black .f--description, .cc--enhanced-50-50.color-black .f--text, .cc--enhanced-50-50.color-black .f--category, .cc--enhanced-50-50.color-blue .f--description, .cc--enhanced-50-50.color-blue .f--text, .cc--enhanced-50-50.color-blue .f--category, .cc--enhanced-50-50.color-dark-gray .f--description, .cc--enhanced-50-50.color-dark-gray .f--text, .cc--enhanced-50-50.color-dark-gray .f--category, .cc--enhanced-50-50.color-red .f--description, .cc--enhanced-50-50.color-red .f--text, .cc--enhanced-50-50.color-red .f--category, .cc--enhanced-50-50.color-teal .f--description, .cc--enhanced-50-50.color-teal .f--text, .cc--enhanced-50-50.color-teal .f--category { color: #FFF; } .cc--enhanced-50-50.color-black .f--description p, .cc--enhanced-50-50.color-black .f--description li, .cc--enhanced-50-50.color-black .f--description a, .cc--enhanced-50-50.color-black .f--text p, .cc--enhanced-50-50.color-black .f--text li, .cc--enhanced-50-50.color-black .f--text a, .cc--enhanced-50-50.color-black .f--category p, .cc--enhanced-50-50.color-black .f--category li, .cc--enhanced-50-50.color-black .f--category a, .cc--enhanced-50-50.color-blue .f--description p, .cc--enhanced-50-50.color-blue .f--description li, .cc--enhanced-50-50.color-blue .f--description a, .cc--enhanced-50-50.color-blue .f--text p, .cc--enhanced-50-50.color-blue .f--text li, .cc--enhanced-50-50.color-blue .f--text a, .cc--enhanced-50-50.color-blue .f--category p, .cc--enhanced-50-50.color-blue .f--category li, .cc--enhanced-50-50.color-blue .f--category a, .cc--enhanced-50-50.color-dark-gray .f--description p, .cc--enhanced-50-50.color-dark-gray .f--description li, .cc--enhanced-50-50.color-dark-gray .f--description a, .cc--enhanced-50-50.color-dark-gray .f--text p, .cc--enhanced-50-50.color-dark-gray .f--text li, .cc--enhanced-50-50.color-dark-gray .f--text a, .cc--enhanced-50-50.color-dark-gray .f--category p, .cc--enhanced-50-50.color-dark-gray .f--category li, .cc--enhanced-50-50.color-dark-gray .f--category a, .cc--enhanced-50-50.color-red .f--description p, .cc--enhanced-50-50.color-red .f--description li, .cc--enhanced-50-50.color-red .f--description a, .cc--enhanced-50-50.color-red .f--text p, .cc--enhanced-50-50.color-red .f--text li, .cc--enhanced-50-50.color-red .f--text a, .cc--enhanced-50-50.color-red .f--category p, .cc--enhanced-50-50.color-red .f--category li, .cc--enhanced-50-50.color-red .f--category a, .cc--enhanced-50-50.color-teal .f--description p, .cc--enhanced-50-50.color-teal .f--description li, .cc--enhanced-50-50.color-teal .f--description a, .cc--enhanced-50-50.color-teal .f--text p, .cc--enhanced-50-50.color-teal .f--text li, .cc--enhanced-50-50.color-teal .f--text a, .cc--enhanced-50-50.color-teal .f--category p, .cc--enhanced-50-50.color-teal .f--category li, .cc--enhanced-50-50.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--category a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--category a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--category a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--category a:hover { color: #FFF; } .cc--enhanced-50-50.color-black .f--section-title h2, .cc--enhanced-50-50.color-blue .f--section-title h2, .cc--enhanced-50-50.color-dark-gray .f--section-title h2, .cc--enhanced-50-50.color-red .f--section-title h2, .cc--enhanced-50-50.color-teal .f--section-title h2 { color: #FFF; } .cc--enhanced-50-50.color-black .f--section-title h2 a, .cc--enhanced-50-50.color-blue .f--section-title h2 a, .cc--enhanced-50-50.color-dark-gray .f--section-title h2 a, .cc--enhanced-50-50.color-red .f--section-title h2 a, .cc--enhanced-50-50.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--enhanced-50-50.color-black .f--sub-title h3, .cc--enhanced-50-50.color-blue .f--sub-title h3, .cc--enhanced-50-50.color-dark-gray .f--sub-title h3, .cc--enhanced-50-50.color-red .f--sub-title h3, .cc--enhanced-50-50.color-teal .f--sub-title h3 { color: #FFF; } .cc--enhanced-50-50.color-black .f--sub-title h3 a, .cc--enhanced-50-50.color-blue .f--sub-title h3 a, .cc--enhanced-50-50.color-dark-gray .f--sub-title h3 a, .cc--enhanced-50-50.color-red .f--sub-title h3 a, .cc--enhanced-50-50.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--enhanced-50-50.color-black .f--page-title h1, .cc--enhanced-50-50.color-blue .f--page-title h1, .cc--enhanced-50-50.color-dark-gray .f--page-title h1, .cc--enhanced-50-50.color-red .f--page-title h1, .cc--enhanced-50-50.color-teal .f--page-title h1 { color: #FFF; } .cc--enhanced-50-50.color-black .stat-item .f--text, .cc--enhanced-50-50.color-black .stat-item .f--stat-prefix, .cc--enhanced-50-50.color-black .stat-item .f--stat-suffix, .cc--enhanced-50-50.color-blue .stat-item .f--text, .cc--enhanced-50-50.color-blue .stat-item .f--stat-prefix, .cc--enhanced-50-50.color-blue .stat-item .f--stat-suffix, .cc--enhanced-50-50.color-dark-gray .stat-item .f--text, .cc--enhanced-50-50.color-dark-gray .stat-item .f--stat-prefix, .cc--enhanced-50-50.color-dark-gray .stat-item .f--stat-suffix, .cc--enhanced-50-50.color-red .stat-item .f--text, .cc--enhanced-50-50.color-red .stat-item .f--stat-prefix, .cc--enhanced-50-50.color-red .stat-item .f--stat-suffix, .cc--enhanced-50-50.color-teal .stat-item .f--text, .cc--enhanced-50-50.color-teal .stat-item .f--stat-prefix, .cc--enhanced-50-50.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--enhanced-50-50.color-black .f--stat-subheading, .cc--enhanced-50-50.color-black .f--description, .cc--enhanced-50-50.color-black .f--stat-headline, .cc--enhanced-50-50.color-blue .f--stat-subheading, .cc--enhanced-50-50.color-blue .f--description, .cc--enhanced-50-50.color-blue .f--stat-headline, .cc--enhanced-50-50.color-dark-gray .f--stat-subheading, .cc--enhanced-50-50.color-dark-gray .f--description, .cc--enhanced-50-50.color-dark-gray .f--stat-headline, .cc--enhanced-50-50.color-red .f--stat-subheading, .cc--enhanced-50-50.color-red .f--description, .cc--enhanced-50-50.color-red .f--stat-headline, .cc--enhanced-50-50.color-teal .f--stat-subheading, .cc--enhanced-50-50.color-teal .f--description, .cc--enhanced-50-50.color-teal .f--stat-headline { color: #FFF; } .cc--enhanced-50-50.color-black .f--link .button, .cc--enhanced-50-50.color-blue .f--link .button, .cc--enhanced-50-50.color-dark-gray .f--link .button, .cc--enhanced-50-50.color-red .f--link .button, .cc--enhanced-50-50.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--enhanced-50-50.color-black .f--link .button, .cc--enhanced-50-50.color-blue .f--link .button, .cc--enhanced-50-50.color-dark-gray .f--link .button, .cc--enhanced-50-50.color-red .f--link .button, .cc--enhanced-50-50.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--enhanced-50-50.color-black .swiper-button-prev svg, .cc--enhanced-50-50.color-black .swiper-button-next svg, .cc--enhanced-50-50.color-blue .swiper-button-prev svg, .cc--enhanced-50-50.color-blue .swiper-button-next svg, .cc--enhanced-50-50.color-dark-gray .swiper-button-prev svg, .cc--enhanced-50-50.color-dark-gray .swiper-button-next svg, .cc--enhanced-50-50.color-red .swiper-button-prev svg, .cc--enhanced-50-50.color-red .swiper-button-next svg, .cc--enhanced-50-50.color-teal .swiper-button-prev svg, .cc--enhanced-50-50.color-teal .swiper-button-next svg { fill: #FFF; } .cc--enhanced-50-50.color-black .swiper-button-wrapper::before, .cc--enhanced-50-50.color-blue .swiper-button-wrapper::before, .cc--enhanced-50-50.color-dark-gray .swiper-button-wrapper::before, .cc--enhanced-50-50.color-red .swiper-button-wrapper::before, .cc--enhanced-50-50.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--enhanced-50-50.color-black .swiper-pagination-bullet, .cc--enhanced-50-50.color-blue .swiper-pagination-bullet, .cc--enhanced-50-50.color-dark-gray .swiper-pagination-bullet, .cc--enhanced-50-50.color-red .swiper-pagination-bullet, .cc--enhanced-50-50.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--enhanced-50-50.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--enhanced-50-50.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--enhanced-50-50.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--enhanced-50-50.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--enhanced-50-50.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--enhanced-50-50.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--enhanced-50-50.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--enhanced-50-50.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--enhanced-50-50.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--enhanced-50-50.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--enhanced-50-50.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--enhanced-50-50.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--enhanced-50-50.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--enhanced-50-50.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--enhanced-50-50.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide h2, .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide h2, .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide h2, .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide .f--description p, .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide .f--description p, .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide .f--link a, .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide .f--link a, .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide .icon-close, .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide .icon-close, .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--enhanced-50-50.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--enhanced-50-50.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--enhanced-50-50.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--enhanced-50-50.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--enhanced-50-50.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--enhanced-50-50.color-pale-yellow { background-color: #FCE488; } .cc--enhanced-50-50.color-pale-teal { background-color: #87C3BE; } .cc--enhanced-50-50.color-pale-blue { background-color: #92D6E3; } .cc--enhanced-50-50.color-black .cta-link-list .f--link .button--alt, .cc--enhanced-50-50.color-blue .cta-link-list .f--link .button--alt, .cc--enhanced-50-50.color-dark-gray .cta-link-list .f--link .button--alt, .cc--enhanced-50-50.color-red .cta-link-list .f--link .button--alt, .cc--enhanced-50-50.color-teal .cta-link-list .f--link .button--alt { color: #FFF; } .cc--enhanced-50-50.color-black .cta-link-list .f--link .button--alt svg, .cc--enhanced-50-50.color-blue .cta-link-list .f--link .button--alt svg, .cc--enhanced-50-50.color-dark-gray .cta-link-list .f--link .button--alt svg, .cc--enhanced-50-50.color-red .cta-link-list .f--link .button--alt svg, .cc--enhanced-50-50.color-teal .cta-link-list .f--link .button--alt svg { fill: #FFF; } .cc--enhanced-50-50.color-black .cta-link-list .f--link .button--alt:hover, .cc--enhanced-50-50.color-blue .cta-link-list .f--link .button--alt:hover, .cc--enhanced-50-50.color-dark-gray .cta-link-list .f--link .button--alt:hover, .cc--enhanced-50-50.color-red .cta-link-list .f--link .button--alt:hover, .cc--enhanced-50-50.color-teal .cta-link-list .f--link .button--alt:hover { color: #FFF; text-decoration: underline; } .cc--enhanced-50-50.color-black .cta-link-list .f--link .button--alt.button--arrow, .cc--enhanced-50-50.color-black .cta-link-list .f--link .button--alt.button--external, .cc--enhanced-50-50.color-blue .cta-link-list .f--link .button--alt.button--arrow, .cc--enhanced-50-50.color-blue .cta-link-list .f--link .button--alt.button--external, .cc--enhanced-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow, .cc--enhanced-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--external, .cc--enhanced-50-50.color-red .cta-link-list .f--link .button--alt.button--arrow, .cc--enhanced-50-50.color-red .cta-link-list .f--link .button--alt.button--external, .cc--enhanced-50-50.color-teal .cta-link-list .f--link .button--alt.button--arrow, .cc--enhanced-50-50.color-teal .cta-link-list .f--link .button--alt.button--external { color: #FFF; } .cc--enhanced-50-50.color-black .cta-link-list .f--link .button--alt.button--arrow svg, .cc--enhanced-50-50.color-black .cta-link-list .f--link .button--alt.button--external svg, .cc--enhanced-50-50.color-blue .cta-link-list .f--link .button--alt.button--arrow svg, .cc--enhanced-50-50.color-blue .cta-link-list .f--link .button--alt.button--external svg, .cc--enhanced-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow svg, .cc--enhanced-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--external svg, .cc--enhanced-50-50.color-red .cta-link-list .f--link .button--alt.button--arrow svg, .cc--enhanced-50-50.color-red .cta-link-list .f--link .button--alt.button--external svg, .cc--enhanced-50-50.color-teal .cta-link-list .f--link .button--alt.button--arrow svg, .cc--enhanced-50-50.color-teal .cta-link-list .f--link .button--alt.button--external svg { fill: #FFF; } .cc--enhanced-50-50.color-black .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--enhanced-50-50.color-black .cta-link-list .f--link .button--alt.button--external:hover, .cc--enhanced-50-50.color-blue .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--enhanced-50-50.color-blue .cta-link-list .f--link .button--alt.button--external:hover, .cc--enhanced-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--enhanced-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--external:hover, .cc--enhanced-50-50.color-red .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--enhanced-50-50.color-red .cta-link-list .f--link .button--alt.button--external:hover, .cc--enhanced-50-50.color-teal .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--enhanced-50-50.color-teal .cta-link-list .f--link .button--alt.button--external:hover { color: #FFF; text-decoration: underline; } .cc--enhanced-50-50.enhanced-50-50-video .enhanced-video-controls .video-pause-button { display: none; } .cc--enhanced-50-50.enhanced-50-50-ambient .image-video-container:not(.video-played) .video-pause-button, .cc--enhanced-50-50.enhanced-50-50-lottie .image-video-container:not(.video-played) .video-pause-button { display: none; } .cc--enhanced-50-50.enhanced-50-50-ambient .image-video-container.video-played .video-pause-button, .cc--enhanced-50-50.enhanced-50-50-lottie .image-video-container.video-played .video-pause-button { display: block; } .cc--enhanced-50-50.enhanced-50-50-ambient video { opacity: 1; } .cc--enhanced-50-50.reversed .fifty-fifty-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media screen and (min-width: 768px) { .cc--enhanced-50-50.reversed .fifty-fifty-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 1440px) { .cc--enhanced-50-50.reversed .fifty-fifty-wrapper .text-container .text-container-inner { margin-right: calc((100vw - 1440px) / 2); margin-left: 0; max-width: 100%; } } .cc--enhanced-50-50 .image-container { padding-bottom: 50%; } @media screen and (min-width: 768px) { .cc--enhanced-50-50 .f--category { margin-bottom: 0.9375rem; } } .cc--enhanced-50-50 .f--section-title h2 { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--enhanced-50-50 .f--section-title h2 { margin-bottom: 2.5rem; } } .cc--enhanced-50-50.color-pale-yellow .f--link a, .cc--enhanced-50-50.color-pale-teal .f--link a { background-color: #FFF; color: #000; } .cc--enhanced-50-50.color-pale-yellow .f--link a:hover, .cc--enhanced-50-50.color-pale-yellow .f--link a:focus, .cc--enhanced-50-50.color-pale-teal .f--link a:hover, .cc--enhanced-50-50.color-pale-teal .f--link a:focus { background-color: #000; color: #FFF; border-color: #000; } .cc--enhanced-50-50 .f--link a:not(.button--arrow) { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--enhanced-50-50 .f--link a:not(.button--arrow) { margin-top: 2.5rem; } } .cc--enhanced-50-50 .fifty-fifty-wrapper { 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: 768px) { .cc--enhanced-50-50 .fifty-fifty-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .text-container { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; position: relative; height: auto; } @media screen and (min-width: 768px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .text-container { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; } } @media screen and (min-width: 1024px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .text-container { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 1440px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .text-container { padding-right: calc(((100vw - (100vw - 1440px)) / 50) * 2); padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 2); } } @media screen and (min-width: 1440px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .text-container .text-container-inner { margin-left: calc((100vw - 1440px) / 2); max-width: 100%; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .text-container .f--description { font-size: 1rem; line-height: 1.75; color: #444; } @media screen and (min-width: 768px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .text-container .f--description { font-size: 1.125rem; line-height: 1.7778; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container { position: relative; height: 20rem; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-white .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-light-gray .f--link .button { background-color: transparent; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-white .f--link .button:hover, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--category, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--category, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--category, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--category, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--category { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--description p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--description li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--description a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--text p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--text li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--text a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--category p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--category li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--category a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--description p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--description li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--description a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--text p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--text li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--text a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--category p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--category li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--category a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--description p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--description li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--description a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--text p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--text li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--text a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--category p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--category li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--category a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--description p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--description li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--description a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--text p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--text li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--text a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--category p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--category li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--category a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--description p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--description li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--description a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--text p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--text li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--text a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--category p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--category li, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--category a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--category a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--category a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--description a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--text a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--category a:hover { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--section-title h2, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--section-title h2, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--section-title h2, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--section-title h2, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--section-title h2 { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--section-title h2 a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--section-title h2 a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--section-title h2 a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--section-title h2 a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--sub-title h3, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--sub-title h3, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--sub-title h3, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--sub-title h3, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--sub-title h3 { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--sub-title h3 a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--sub-title h3 a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--sub-title h3 a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--sub-title h3 a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--page-title h1, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--page-title h1, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--page-title h1, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--page-title h1, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--page-title h1 { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .stat-item .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .stat-item .f--stat-prefix, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .stat-item .f--stat-suffix, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .stat-item .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .stat-item .f--stat-prefix, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .stat-item .f--stat-suffix, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .stat-item .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .stat-item .f--stat-prefix, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .stat-item .f--stat-suffix, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .stat-item .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .stat-item .f--stat-prefix, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .stat-item .f--stat-suffix, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .stat-item .f--text, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .stat-item .f--stat-prefix, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--stat-subheading, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--stat-headline, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--stat-subheading, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--stat-headline, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--stat-subheading, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--stat-headline, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--stat-subheading, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--stat-headline, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--stat-subheading, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--description, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--stat-headline { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--link .button, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--link .button, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .swiper-button-prev svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .swiper-button-next svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .swiper-button-prev svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .swiper-button-next svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .swiper-button-prev svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .swiper-button-next svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .swiper-button-prev svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .swiper-button-next svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .swiper-button-prev svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .swiper-button-next svg { fill: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .swiper-button-wrapper::before, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .swiper-button-wrapper::before, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .swiper-button-wrapper::before, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .swiper-button-wrapper::before, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .swiper-pagination-bullet, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .swiper-pagination-bullet, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .swiper-pagination-bullet, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .swiper-pagination-bullet, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide h2, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide h2, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide h2, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--description p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--description p, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--link a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--link a, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .icon-close, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .icon-close, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-yellow { background-color: #FCE488; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-teal { background-color: #87C3BE; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.color-pale-blue { background-color: #92D6E3; } @media screen and (min-width: 768px) { .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container { width: 50%; height: auto; } } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.video-played img { opacity: 0; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.video-played video { opacity: 1; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container.video-played .video-play-button { display: none; } .cc--enhanced-50-50 .fifty-fifty-wrapper .image-video-container video { position: absolute; top: 50%; left: 50%; width: auto; height: auto; opacity: 0; -o-object-fit: cover; object-fit: cover; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .cc--enhanced-50-50.color-black .image-video-container::after { background-color: #000; } .cc--enhanced-50-50.color-blue .image-video-container::after { background-color: #007FAC; } .cc--enhanced-50-50.color-dark-gray .image-video-container::after { background-color: #222; } .cc--enhanced-50-50.color-light-gray .image-video-container::after { background-color: #EFEFEF; } .cc--enhanced-50-50.color-red .image-video-container::after { background-color: #C03; } .cc--enhanced-50-50.color-teal .image-video-container::after { background-color: #00626D; } .enhanced-video-controls .video-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: rgba(255, 255, 255, 0.3); } .enhanced-video-controls .video-button.video-pause-button { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: 0; z-index: 2; } .enhanced-video-controls .video-button.video-play-button { display: -webkit-box; display: -ms-flexbox; display: flex; width: 77px; height: 77px; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 2; } html[data-whatintent="mouse"] .enhanced-video-controls .video-button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .enhanced-video-controls .video-button:hover { background: rgba(255, 255, 255, 0.9); } .enhanced-video-controls .video-button svg { width: 0.875rem; height: 0.875rem; } .enhanced-video-controls .video-button svg path { fill: #000; } @font-face { font-family: 'lg'; src: url("https://cdn.jsdelivr.net/npm/lightgallery@2.7.0/fonts/lg.ttf") format("truetype"), url("https://cdn.jsdelivr.net/npm/lightgallery@2.7.0/fonts/lg.woff") format("woff"), url("https://cdn.jsdelivr.net/npm/lightgallery@2.7.0/fonts/lg.svg") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .cc--enhanced-photo-gallery { padding-top: 1.8125rem; padding-right: 4%; padding-bottom: 1.5625rem; padding-left: 4%; padding-top: 0; padding-bottom: 0; max-width: 90rem; margin: 5rem auto; } .cc--enhanced-photo-gallery .enhanced-gallery__header { max-width: 54rem; margin-left: auto; margin-right: auto; } .cc--enhanced-photo-gallery .enhanced-gallery__title { margin-bottom: 1.875rem; color: #000; } @media screen and (min-width: 1024px) { .cc--enhanced-photo-gallery .enhanced-gallery__title { font-weight: 700; font-size: 3.125rem; line-height: 3.625rem; text-align: center; margin-bottom: 2.5rem; } } .cc--enhanced-photo-gallery .enhanced-gallery__summary { margin-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .cc--enhanced-photo-gallery .enhanced-gallery__summary { margin-bottom: 2.5rem; } } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="grid"] { display: grid; grid-auto-rows: minmax(-webkit-max-content, 243px); grid-auto-rows: minmax(max-content, 243px); -webkit-column-gap: 0.9375rem; -moz-column-gap: 0.9375rem; column-gap: 0.9375rem; row-gap: 0.8125rem; } @media screen and (min-width: 500px) { .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="grid"] { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 768px) { .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="grid"] { grid-template-columns: repeat(3, 1fr); } } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="grid"] .grid-item { position: relative; padding-top: 56.25%; } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="grid"] .grid-item img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] { margin-right: -0.9375rem; } @media screen and (min-width: 768px) { .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] { margin-right: -1.75rem; } } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"]:after { content: ''; display: block; clear: both; } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-sizer, .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-item { width: calc(50% - 15px); margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-sizer, .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-item { width: calc(33% - 15px); } } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-sizer:nth-child(odd), .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-item:nth-child(odd) { height: 11.25rem; } @media screen and (min-width: 500px) { .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-sizer:nth-child(odd), .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-item:nth-child(odd) { height: 16.25rem; } } @media screen and (min-width: 1024px) { .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-sizer:nth-child(odd), .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-item:nth-child(odd) { height: 22.5rem; } } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="masonry"] .grid-item { float: left; } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="slider"] { height: 0; padding-bottom: 100%; max-height: 56.25rem; min-height: 31.25rem; } @media screen and (min-width: 1024px) { .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="slider"] { padding-bottom: 62.5%; } } @media screen and (min-width: 1440px) { .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="slider"] { padding-bottom: 0; height: 56.25rem; } } .cc--enhanced-photo-gallery .lightgallery[data-gallery-type="slider"] .lightgallery__item { display: none; } .cc--enhanced-photo-gallery .lightgallery__item { cursor: pointer; } .cc--enhanced-photo-gallery .lightgallery__item img { max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cc--enhanced-photo-gallery .lightgallery__item.disabled { pointer-events: none; } .enhanced-gallery__lightbox .lg-outer .lg-object { width: 100%; -o-object-fit: contain; object-fit: contain; } .enhanced-gallery__lightbox.masonry .lg-outer .lg-object, .enhanced-gallery__lightbox.grid .lg-outer .lg-object { max-width: 1440px; } .enhanced-gallery__lightbox .lg-backdrop.in { opacity: .8; } .enhanced-gallery__lightbox.color-dark-gray .lg-backdrop.in { background-color: #222; } .enhanced-gallery__lightbox.lg-relative-caption .lg-outer .lg-sub-html { color: #FFF; bottom: 0; padding-left: 1.5625rem; padding-right: 1.5625rem; padding-bottom: 1.875rem; max-width: 53.75rem; margin-left: auto; margin-right: auto; } @media screen and (max-width: 959px) { .enhanced-gallery__lightbox.lg-relative-caption .lg-outer .lg-sub-html { max-height: 48vh; overflow-y: auto; } } .enhanced-gallery__lightbox--summary, .enhanced-gallery__lightbox--subheading, .enhanced-gallery__lightbox--headline { color: #FFF; } .enhanced-gallery__lightbox--summary h2, .enhanced-gallery__lightbox--summary h3, .enhanced-gallery__lightbox--summary h4, .enhanced-gallery__lightbox--summary h5, .enhanced-gallery__lightbox--summary h6, .enhanced-gallery__lightbox--subheading h2, .enhanced-gallery__lightbox--subheading h3, .enhanced-gallery__lightbox--subheading h4, .enhanced-gallery__lightbox--subheading h5, .enhanced-gallery__lightbox--subheading h6, .enhanced-gallery__lightbox--headline h2, .enhanced-gallery__lightbox--headline h3, .enhanced-gallery__lightbox--headline h4, .enhanced-gallery__lightbox--headline h5, .enhanced-gallery__lightbox--headline h6 { margin-bottom: 1.25rem; } .enhanced-gallery__lightbox--summary h2, .enhanced-gallery__lightbox--summary h3, .enhanced-gallery__lightbox--summary h4, .enhanced-gallery__lightbox--summary h5, .enhanced-gallery__lightbox--summary h6, .enhanced-gallery__lightbox--summary p, .enhanced-gallery__lightbox--summary a, .enhanced-gallery__lightbox--summary strong, .enhanced-gallery__lightbox--summary em, .enhanced-gallery__lightbox--subheading h2, .enhanced-gallery__lightbox--subheading h3, .enhanced-gallery__lightbox--subheading h4, .enhanced-gallery__lightbox--subheading h5, .enhanced-gallery__lightbox--subheading h6, .enhanced-gallery__lightbox--subheading p, .enhanced-gallery__lightbox--subheading a, .enhanced-gallery__lightbox--subheading strong, .enhanced-gallery__lightbox--subheading em, .enhanced-gallery__lightbox--headline h2, .enhanced-gallery__lightbox--headline h3, .enhanced-gallery__lightbox--headline h4, .enhanced-gallery__lightbox--headline h5, .enhanced-gallery__lightbox--headline h6, .enhanced-gallery__lightbox--headline p, .enhanced-gallery__lightbox--headline a, .enhanced-gallery__lightbox--headline strong, .enhanced-gallery__lightbox--headline em { color: #FFF; } .enhanced-gallery__lightbox--summary { font-size: 1.125rem; line-height: 2rem; } .enhanced-gallery__lightbox .lg-share::after { margin-left: 1.1875rem; } .enhanced-gallery__lightbox .lg-share::after, .enhanced-gallery__lightbox .lg-close::after { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.84rem; width: 1.4375rem; height: 1.4375rem; background-color: #CC0033; color: #D9D9D9; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .enhanced-gallery__lightbox .lg-share:hover::after, .enhanced-gallery__lightbox .lg-share:focus::after, .enhanced-gallery__lightbox .lg-close:hover::after, .enhanced-gallery__lightbox .lg-close:focus::after { background-color: #D9D9D9; color: #CC0033; } .cc--event-card .c--event-card .text-container { padding-top: 1.25rem; padding-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .text-container { padding-top: 1.875rem; padding-bottom: 1.875rem; } } .cc--event-card .c--event-card > .f--image { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card > .f--image { margin-bottom: 1.875rem; } } .cc--event-card .c--event-card .text-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .text-wrapper { padding-right: 0; padding-left: 0; } } .mini-site-section .cc--event-card .c--event-card .text-wrapper, .mini-site-secondary .cc--event-card .c--event-card .text-wrapper, .chaptered-page .cc--event-card .c--event-card .text-wrapper { padding-right: 0; padding-left: 0; } .cc--event-card .c--event-card .left-col { margin-right: 4.7619%; width: 16.66667%; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .left-col { margin-right: 3.33333%; width: 16.66667%; } } .cc--event-card .c--event-card .left-col .f--date time { font-size: 0.875rem; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #000; text-align: center; text-transform: uppercase; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .left-col .f--date time { font-size: 1.25rem; line-height: 1; } } .cc--event-card .c--event-card .left-col .f--date time span { font-size: 2rem; line-height: 1; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .left-col .f--date time span { font-size: 3.125rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--event-card .c--event-card .left-col .f--date time span { font-size: 3.75rem; line-height: 1; } } .cc--event-card .c--event-card .right-col { padding-right: 8%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .right-col { padding-right: 2.38095%; } } @media screen and (min-width: 1024px) { .cc--event-card .c--event-card .right-col { padding-right: 3.33333%; } } .cc--event-card .c--event-card .right-col .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .right-col .f--sub-title h3 { font-size: 2rem; line-height: 1.25; } } .cc--event-card .c--event-card .right-col .f--text { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--event-card .c--event-card .right-col .f--text { font-size: 1rem; line-height: 1.75; } } .cc--event-card .c--event-card .right-col .f--text span { padding-right: 0.375rem; padding-left: 0.375rem; } .cc--event-card:first-child .c--event-card .text-container { padding-top: 0; border-top: 0; } .cc--event-landing { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--event-landing .c--event-landing { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--event-landing .c--event-landing { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--event-landing .c--event-landing { padding-top: 3.75rem; padding-right: 20%; padding-left: 20%; } } .cc--event-landing .c--event-landing > .f--section-title h2 { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--event-landing .c--event-landing > .f--section-title h2 { margin-bottom: 1.875rem; } } .cc--event-landing .c--event-landing .c--event-card .text-wrapper { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { .cc--filter-form + .cc--event-landing { -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; } } @media screen and (min-width: 768px) { .cc--filter-form + .cc--event-landing .c--event-landing { padding-right: 5.88235%; padding-left: 5.88235%; } } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper { padding-top: 0.8125rem; padding-bottom: 0.8125rem; border-top: 0.0625rem solid #D8D8D8; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 768px) { .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper { padding-top: 0; padding-bottom: 0; border: 0; } } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper.active { padding-bottom: 1.875rem; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .content-wrapper { display: none; } @media screen and (min-width: 768px) { .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .content-wrapper { display: block !important; } } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--button-wrapper .button, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper .f--button-wrapper .button { padding-right: 0; padding-left: 0; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; height: auto; border: 0; text-align: left; } html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--button-wrapper .button, html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper .f--button-wrapper .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--button-wrapper .button:hover, html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper .f--button-wrapper .button:hover { background-color: #FFF; color: #666; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--button-wrapper .button svg, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper .f--button-wrapper .button svg { margin-left: 0.5rem; fill: #C03; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--button-wrapper .button svg, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--link .button svg, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--button-wrapper .button svg, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--link .button svg { width: 0.75rem; height: 0.75rem; } html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--button-wrapper .button, html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--link .button, html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--button-wrapper .button, html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--button-wrapper .button:hover, html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--link .button:hover, html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--button-wrapper .button:hover, html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--link .button:hover { background-color: transparent; color: #C03; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date-wrapper .f--button-wrapper .button { font-size: 0.875rem; line-height: 1.4286; color: #666; } @media screen and (min-width: 768px) { .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper { display: none; } } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper .f--button-wrapper .button { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #000; } html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper .f--button-wrapper .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper .f--button-wrapper .button:hover { color: #000; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper .f--button-wrapper .button svg { width: 0.5625rem; height: 0.375rem; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .details-button-wrapper .f--button-wrapper .button.is-open svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .info-register-wrapper .f--link .button svg, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--link .button svg { margin-left: 1.25rem; width: 0.75rem; height: 0.75rem; fill: #C03; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--link .button { padding-right: 0; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; height: auto; border: 0; color: #666; text-align: left; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location-wrapper .f--link .button svg { margin-left: 0.625rem; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .info-register-wrapper .f--link { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .info-register-wrapper .f--link { margin-top: 2.5rem; width: auto; } } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .info-register-wrapper .f--link .button svg { fill: #C03; } html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .info-register-wrapper .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .info-register-wrapper .f--link .button:hover svg { fill: #FFF; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .label { margin-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.4286; color: #000; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .category, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .media-contact-name, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .media-contact-email, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .media-contact-phone { margin-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.4286; color: #666; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .date a, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .category a, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .location a, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .media-contact-name a, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .media-contact-email a, .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .media-contact-phone a { font-size: 0.875rem; line-height: 1.4286; color: #666; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper p { font-size: 0.875rem; line-height: 1.4286; } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .item-wrapper { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .item-wrapper:first-child { margin-top: 0; } } .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .cc--social-share { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--event-sidebar .c--event-sidebar .event-sidebar-wrapper .cc--social-share { margin-top: 2.5rem; } } .cc--events-display .c--events-display { max-width: 1440px; margin: 0 auto; } .cc--events-display .c--events-display .inner-wrapper { padding-top: 3.125rem; padding-bottom: 3.125rem; } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .inner-wrapper { padding-top: 5rem; padding-right: 4%; padding-left: 4%; 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-display .c--events-display .inner-wrapper { padding-top: 5.625rem; padding-bottom: 3.75rem; } } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .title-cta { width: 30.43478%; } } .cc--events-display .c--events-display .title-cta-inner { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .title-cta-inner { padding-right: 0; padding-left: 0; position: -webkit-sticky; position: sticky; top: 80px; } } @media screen and (min-width: 1024px) { .secondary-nav-visible .cc--events-display .c--events-display .title-cta-inner { top: 8.4375rem; } } .cc--events-display .c--events-display .title-cta-inner .f--section-title { text-align: center; } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .title-cta-inner .f--section-title { text-align: left; } .cc--events-display .c--events-display .title-cta-inner .f--section-title h2 { margin-bottom: 2.5rem; } } .cc--events-display .c--events-display .title-cta-inner .f--link { display: none; } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .title-cta-inner .f--link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .content-wraper { width: 65.21739%; } } .cc--events-display .c--events-display .content-wraper .f--link { margin-top: 1.875rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .content-wraper .f--link { display: none; } } .cc--events-display .c--events-display .events-list header { background-color: #C03; overflow: hidden; } .cc--events-display .c--events-display .events-list header .featured-heading { padding-right: 8%; padding-left: 8%; font-size: 1.25rem; line-height: 1.4; color: #FFF; } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .events-list header .featured-heading { font-size: 2rem; line-height: 1.25; padding-right: 3.84615%; padding-left: 3.84615%; } } @media screen and (min-width: 1024px) { .cc--events-display .c--events-display .events-list header .featured-heading { padding-right: 3.33333%; padding-left: 3.33333%; } } .cc--events-display .c--events-display .events-list header article .f--image { padding-right: 8%; padding-left: 8%; margin-top: 2.5rem; } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .events-list header article .f--image { padding-right: 3.84615%; padding-left: 3.84615%; } } .cc--events-display .c--events-display .events-list header article .text-wrapper { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .events-list header article .text-wrapper { margin-top: 1.875rem; } } .cc--events-display .c--events-display .events-list header article .text-container { border: 0; } .cc--events-display .c--events-display .events-list header article .f--category a { color: #FFF; } .cc--events-display .c--events-display .events-list header article .f--sub-title h3 a { color: #FFF; } .cc--events-display .c--events-display .events-list header article .f--date time { color: #FFF; } .cc--events-display .c--events-display .events-list header article .f--text p { color: #FFF; } .cc--events-display .c--events-display .events-list header .text-wrapper { padding-right: 8%; padding-left: 8%; margin-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--events-display .c--events-display .events-list header .text-wrapper { padding-right: 0; padding-left: 0; margin-top: 1.875rem; } } @media screen and (min-width: 1024px) { .landing-news .cc--events-filtered-display { max-width: 1440px; margin: 0 auto; } } .landing-news .cc--events-filtered-display .c--events-filtered-display { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; } @media screen and (min-width: 768px) { .landing-news .cc--events-filtered-display .c--events-filtered-display { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .landing-news .cc--events-filtered-display .c--events-filtered-display { padding-top: 5rem; padding-bottom: 5rem; } } .cc--events-filtered-display .c--events-filtered-display .f--link { margin-top: 0.625rem; } @media screen and (min-width: 768px) { .cc--events-filtered-display .c--events-filtered-display .f--link { margin-top: 1.25rem; } } .cc--events-filtered-display .c--events-filtered-display .f--link a { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; } @media screen and (min-width: 768px) { .cc--events-filtered-display .c--events-filtered-display .f--link a { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--events-filtered-display .c--events-filtered-display .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--events-filtered-display .c--events-filtered-display .f--link a: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: #C03; color: #FFF; text-decoration: none; } .cc--events-filtered-display .c--events-filtered-display .events-list header { background-color: #C03; overflow: hidden; } .cc--events-filtered-display .c--events-filtered-display .events-list header .featured-heading { padding-right: 8%; padding-left: 8%; font-size: 1.25rem; line-height: 1.4; color: #FFF; } @media screen and (min-width: 768px) { .cc--events-filtered-display .c--events-filtered-display .events-list header .featured-heading { font-size: 2rem; line-height: 1.25; padding-right: 3.84615%; padding-left: 3.84615%; } } @media screen and (min-width: 1024px) { .cc--events-filtered-display .c--events-filtered-display .events-list header .featured-heading { padding-right: 3.33333%; padding-left: 3.33333%; } } .cc--events-filtered-display .c--events-filtered-display .events-list header article .f--image { padding-right: 8%; padding-left: 8%; margin-top: 2.5rem; } @media screen and (min-width: 768px) { .cc--events-filtered-display .c--events-filtered-display .events-list header article .f--image { padding-right: 3.84615%; padding-left: 3.84615%; } } .cc--events-filtered-display .c--events-filtered-display .events-list header article .text-wrapper { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--events-filtered-display .c--events-filtered-display .events-list header article .text-wrapper { margin-top: 1.875rem; } } .cc--events-filtered-display .c--events-filtered-display .events-list header article .text-container { border: 0; } .cc--events-filtered-display .c--events-filtered-display .events-list header article .f--category a { color: #FFF; } .cc--events-filtered-display .c--events-filtered-display .events-list header article .f--sub-title h3 a { color: #FFF; } .cc--events-filtered-display .c--events-filtered-display .events-list header article .f--date time { color: #FFF; } .cc--events-filtered-display .c--events-filtered-display .events-list header article .f--text p { color: #FFF; } .cc--facts-figures-home.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--facts-figures-home.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--facts-figures-home.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--facts-figures-home.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--facts-figures-home.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--facts-figures-home.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--facts-figures-home.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--facts-figures-home.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--facts-figures-home.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--facts-figures-home.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--facts-figures-home.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--facts-figures-home.color-white .f--link .button, .cc--facts-figures-home.color-light-gray .f--link .button { background-color: transparent; } .cc--facts-figures-home.color-white .f--link .button:hover, .cc--facts-figures-home.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--facts-figures-home.color-pale-teal .f--link .button, .cc--facts-figures-home.color-pale-yellow .f--link .button, .cc--facts-figures-home.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--facts-figures-home.color-pale-teal .f--link .button, .cc--facts-figures-home.color-pale-yellow .f--link .button, .cc--facts-figures-home.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--facts-figures-home.color-black .f--description, .cc--facts-figures-home.color-black .f--text, .cc--facts-figures-home.color-black .f--category, .cc--facts-figures-home.color-blue .f--description, .cc--facts-figures-home.color-blue .f--text, .cc--facts-figures-home.color-blue .f--category, .cc--facts-figures-home.color-dark-gray .f--description, .cc--facts-figures-home.color-dark-gray .f--text, .cc--facts-figures-home.color-dark-gray .f--category, .cc--facts-figures-home.color-red .f--description, .cc--facts-figures-home.color-red .f--text, .cc--facts-figures-home.color-red .f--category, .cc--facts-figures-home.color-teal .f--description, .cc--facts-figures-home.color-teal .f--text, .cc--facts-figures-home.color-teal .f--category { color: #FFF; } .cc--facts-figures-home.color-black .f--description p, .cc--facts-figures-home.color-black .f--description li, .cc--facts-figures-home.color-black .f--description a, .cc--facts-figures-home.color-black .f--text p, .cc--facts-figures-home.color-black .f--text li, .cc--facts-figures-home.color-black .f--text a, .cc--facts-figures-home.color-black .f--category p, .cc--facts-figures-home.color-black .f--category li, .cc--facts-figures-home.color-black .f--category a, .cc--facts-figures-home.color-blue .f--description p, .cc--facts-figures-home.color-blue .f--description li, .cc--facts-figures-home.color-blue .f--description a, .cc--facts-figures-home.color-blue .f--text p, .cc--facts-figures-home.color-blue .f--text li, .cc--facts-figures-home.color-blue .f--text a, .cc--facts-figures-home.color-blue .f--category p, .cc--facts-figures-home.color-blue .f--category li, .cc--facts-figures-home.color-blue .f--category a, .cc--facts-figures-home.color-dark-gray .f--description p, .cc--facts-figures-home.color-dark-gray .f--description li, .cc--facts-figures-home.color-dark-gray .f--description a, .cc--facts-figures-home.color-dark-gray .f--text p, .cc--facts-figures-home.color-dark-gray .f--text li, .cc--facts-figures-home.color-dark-gray .f--text a, .cc--facts-figures-home.color-dark-gray .f--category p, .cc--facts-figures-home.color-dark-gray .f--category li, .cc--facts-figures-home.color-dark-gray .f--category a, .cc--facts-figures-home.color-red .f--description p, .cc--facts-figures-home.color-red .f--description li, .cc--facts-figures-home.color-red .f--description a, .cc--facts-figures-home.color-red .f--text p, .cc--facts-figures-home.color-red .f--text li, .cc--facts-figures-home.color-red .f--text a, .cc--facts-figures-home.color-red .f--category p, .cc--facts-figures-home.color-red .f--category li, .cc--facts-figures-home.color-red .f--category a, .cc--facts-figures-home.color-teal .f--description p, .cc--facts-figures-home.color-teal .f--description li, .cc--facts-figures-home.color-teal .f--description a, .cc--facts-figures-home.color-teal .f--text p, .cc--facts-figures-home.color-teal .f--text li, .cc--facts-figures-home.color-teal .f--text a, .cc--facts-figures-home.color-teal .f--category p, .cc--facts-figures-home.color-teal .f--category li, .cc--facts-figures-home.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--description a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--text a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--category a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--description a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--text a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--category a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--description a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--text a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--category a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--description a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--text a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--category a:hover { color: #FFF; } .cc--facts-figures-home.color-black .f--section-title h2, .cc--facts-figures-home.color-blue .f--section-title h2, .cc--facts-figures-home.color-dark-gray .f--section-title h2, .cc--facts-figures-home.color-red .f--section-title h2, .cc--facts-figures-home.color-teal .f--section-title h2 { color: #FFF; } .cc--facts-figures-home.color-black .f--section-title h2 a, .cc--facts-figures-home.color-blue .f--section-title h2 a, .cc--facts-figures-home.color-dark-gray .f--section-title h2 a, .cc--facts-figures-home.color-red .f--section-title h2 a, .cc--facts-figures-home.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--facts-figures-home.color-black .f--sub-title h3, .cc--facts-figures-home.color-blue .f--sub-title h3, .cc--facts-figures-home.color-dark-gray .f--sub-title h3, .cc--facts-figures-home.color-red .f--sub-title h3, .cc--facts-figures-home.color-teal .f--sub-title h3 { color: #FFF; } .cc--facts-figures-home.color-black .f--sub-title h3 a, .cc--facts-figures-home.color-blue .f--sub-title h3 a, .cc--facts-figures-home.color-dark-gray .f--sub-title h3 a, .cc--facts-figures-home.color-red .f--sub-title h3 a, .cc--facts-figures-home.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--facts-figures-home.color-black .f--page-title h1, .cc--facts-figures-home.color-blue .f--page-title h1, .cc--facts-figures-home.color-dark-gray .f--page-title h1, .cc--facts-figures-home.color-red .f--page-title h1, .cc--facts-figures-home.color-teal .f--page-title h1 { color: #FFF; } .cc--facts-figures-home.color-black .stat-item .f--text, .cc--facts-figures-home.color-black .stat-item .f--stat-prefix, .cc--facts-figures-home.color-black .stat-item .f--stat-suffix, .cc--facts-figures-home.color-blue .stat-item .f--text, .cc--facts-figures-home.color-blue .stat-item .f--stat-prefix, .cc--facts-figures-home.color-blue .stat-item .f--stat-suffix, .cc--facts-figures-home.color-dark-gray .stat-item .f--text, .cc--facts-figures-home.color-dark-gray .stat-item .f--stat-prefix, .cc--facts-figures-home.color-dark-gray .stat-item .f--stat-suffix, .cc--facts-figures-home.color-red .stat-item .f--text, .cc--facts-figures-home.color-red .stat-item .f--stat-prefix, .cc--facts-figures-home.color-red .stat-item .f--stat-suffix, .cc--facts-figures-home.color-teal .stat-item .f--text, .cc--facts-figures-home.color-teal .stat-item .f--stat-prefix, .cc--facts-figures-home.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--facts-figures-home.color-black .f--stat-subheading, .cc--facts-figures-home.color-black .f--description, .cc--facts-figures-home.color-black .f--stat-headline, .cc--facts-figures-home.color-blue .f--stat-subheading, .cc--facts-figures-home.color-blue .f--description, .cc--facts-figures-home.color-blue .f--stat-headline, .cc--facts-figures-home.color-dark-gray .f--stat-subheading, .cc--facts-figures-home.color-dark-gray .f--description, .cc--facts-figures-home.color-dark-gray .f--stat-headline, .cc--facts-figures-home.color-red .f--stat-subheading, .cc--facts-figures-home.color-red .f--description, .cc--facts-figures-home.color-red .f--stat-headline, .cc--facts-figures-home.color-teal .f--stat-subheading, .cc--facts-figures-home.color-teal .f--description, .cc--facts-figures-home.color-teal .f--stat-headline { color: #FFF; } .cc--facts-figures-home.color-black .f--link .button, .cc--facts-figures-home.color-blue .f--link .button, .cc--facts-figures-home.color-dark-gray .f--link .button, .cc--facts-figures-home.color-red .f--link .button, .cc--facts-figures-home.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--facts-figures-home.color-black .f--link .button, .cc--facts-figures-home.color-blue .f--link .button, .cc--facts-figures-home.color-dark-gray .f--link .button, .cc--facts-figures-home.color-red .f--link .button, .cc--facts-figures-home.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--facts-figures-home.color-black .swiper-button-prev svg, .cc--facts-figures-home.color-black .swiper-button-next svg, .cc--facts-figures-home.color-blue .swiper-button-prev svg, .cc--facts-figures-home.color-blue .swiper-button-next svg, .cc--facts-figures-home.color-dark-gray .swiper-button-prev svg, .cc--facts-figures-home.color-dark-gray .swiper-button-next svg, .cc--facts-figures-home.color-red .swiper-button-prev svg, .cc--facts-figures-home.color-red .swiper-button-next svg, .cc--facts-figures-home.color-teal .swiper-button-prev svg, .cc--facts-figures-home.color-teal .swiper-button-next svg { fill: #FFF; } .cc--facts-figures-home.color-black .swiper-button-wrapper::before, .cc--facts-figures-home.color-blue .swiper-button-wrapper::before, .cc--facts-figures-home.color-dark-gray .swiper-button-wrapper::before, .cc--facts-figures-home.color-red .swiper-button-wrapper::before, .cc--facts-figures-home.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--facts-figures-home.color-black .swiper-pagination-bullet, .cc--facts-figures-home.color-blue .swiper-pagination-bullet, .cc--facts-figures-home.color-dark-gray .swiper-pagination-bullet, .cc--facts-figures-home.color-red .swiper-pagination-bullet, .cc--facts-figures-home.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--facts-figures-home.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--facts-figures-home.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--facts-figures-home.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--facts-figures-home.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--facts-figures-home.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--facts-figures-home.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--facts-figures-home.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--facts-figures-home.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--facts-figures-home.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--facts-figures-home.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--facts-figures-home.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--facts-figures-home.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--facts-figures-home.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--facts-figures-home.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--facts-figures-home.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide h2, .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide h2, .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide h2, .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide .f--description p, .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide .f--description p, .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide .f--link a, .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide .f--link a, .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide .icon-close, .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide .icon-close, .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--facts-figures-home.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--facts-figures-home.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--facts-figures-home.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--facts-figures-home.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--facts-figures-home.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--facts-figures-home.color-pale-yellow { background-color: #FCE488; } .cc--facts-figures-home.color-pale-teal { background-color: #87C3BE; } .cc--facts-figures-home.color-pale-blue { background-color: #92D6E3; } .cc--facts-figures-home .c--facts-figures-home { max-width: 1440px; margin: 0 auto; } .cc--facts-figures-home.hide-title .f--section-title { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .cc--facts-figures-home .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; position: relative; text-align: center; } @media screen and (min-width: 768px) { .cc--facts-figures-home .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--facts-figures-home .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--facts-figures-home .facts-figures-title-wrapper { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--facts-figures-home .facts-figures-title-wrapper { max-width: 82.6087%; margin: 0 auto; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--facts-figures-home .facts-figures-title-wrapper { max-width: 65.21739%; margin: 0 auto; margin-bottom: 3.125rem; } } .cc--facts-figures-home .facts-figures-title-wrapper .f--section-title h2 { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--facts-figures-home .facts-figures-title-wrapper .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .cc--facts-figures-home .cards { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--facts-figures-home .animation-anchor { position: absolute; left: 0; } .cc--facts-figures-home .animation-anchor-1 { top: -9.375rem; } .cc--facts-figures-home .animation-anchor-2 { top: -6.25rem; } .cc--facts-figures-home .animation-anchor-3 { top: -3.125rem; } @media screen and (min-width: 768px) { .cc--facts-figures-home .cc--stat-item { padding-right: 2.17391%; padding-left: 2.17391%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cc--facts-figures-home .cc--stat-item:first-child { padding-left: 0; } .cc--facts-figures-home .cc--stat-item:last-child { padding-right: 0; } } .cc--facts-figures-home .cc--stat-item .stat-item .f--text { font-size: 3.5rem; line-height: 1; } @media screen and (min-width: 768px) { .cc--facts-figures-home .cc--stat-item .stat-item .f--text { font-size: 4.375rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--facts-figures-home .cc--stat-item .stat-item .f--text { font-size: 6.875rem; line-height: 1; } } .cc--facts-figures-home .cc--stat-item .stat-item .f--stat-prefix, .cc--facts-figures-home .cc--stat-item .stat-item .f--stat-suffix { font-size: 1.875rem; line-height: 1.0667; } @media screen and (min-width: 768px) { .cc--facts-figures-home .cc--stat-item .stat-item .f--stat-prefix, .cc--facts-figures-home .cc--stat-item .stat-item .f--stat-suffix { font-size: 2.5rem; line-height: 1.05; } } @media screen and (min-width: 1024px) { .cc--facts-figures-home .cc--stat-item .stat-item .f--stat-prefix, .cc--facts-figures-home .cc--stat-item .stat-item .f--stat-suffix { font-size: 4.375rem; line-height: 1.0715; } } .cc--facts-figures-home .f--link { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--facts-figures-home .f--link { margin-top: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--facts-figures-home .f--link { margin-top: 3.125rem; } } .cc--facts-figures-home .f--link .button.disabled { outline: 0; opacity: .5; } html[data-whatintent="mouse"] .cc--facts-figures-home .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home .f--link .button.disabled:hover { background-color: #FFF; color: #000; cursor: default; } .cc--facts-figures-home.bg-image { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--facts-figures-home.bg-image .f--description, .cc--facts-figures-home.bg-image .f--text, .cc--facts-figures-home.bg-image .f--category { color: #FFF; } .cc--facts-figures-home.bg-image .f--description p, .cc--facts-figures-home.bg-image .f--description li, .cc--facts-figures-home.bg-image .f--description a, .cc--facts-figures-home.bg-image .f--text p, .cc--facts-figures-home.bg-image .f--text li, .cc--facts-figures-home.bg-image .f--text a, .cc--facts-figures-home.bg-image .f--category p, .cc--facts-figures-home.bg-image .f--category li, .cc--facts-figures-home.bg-image .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--description a, html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--text a, html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--category a:hover { color: #FFF; } .cc--facts-figures-home.bg-image .f--section-title h2 { color: #FFF; } .cc--facts-figures-home.bg-image .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--section-title h2 a:hover { color: #FFF; } .cc--facts-figures-home.bg-image .f--sub-title h3 { color: #FFF; } .cc--facts-figures-home.bg-image .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--sub-title h3 a:hover { color: #FFF; } .cc--facts-figures-home.bg-image .f--page-title h1 { color: #FFF; } .cc--facts-figures-home.bg-image .stat-item .f--text, .cc--facts-figures-home.bg-image .stat-item .f--stat-prefix, .cc--facts-figures-home.bg-image .stat-item .f--stat-suffix { color: #FFF; } .cc--facts-figures-home.bg-image .f--stat-subheading, .cc--facts-figures-home.bg-image .f--description, .cc--facts-figures-home.bg-image .f--stat-headline { color: #FFF; } .cc--facts-figures-home.bg-image .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--facts-figures-home.bg-image .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures-home.bg-image .swiper-button-next:hover svg { fill: #FFF; } .cc--facts-figures-home.bg-image .swiper-button-prev svg, .cc--facts-figures-home.bg-image .swiper-button-next svg { fill: #FFF; } .cc--facts-figures-home.bg-image .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--facts-figures-home.bg-image .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--facts-figures-home.bg-image .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--facts-figures-home.bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--facts-figures-home.bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } .cc--facts-figures-home.bg-image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ''; z-index: 1; } .cc--facts-figures-home.bg-image .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; position: relative; z-index: 2; } @media screen and (min-width: 768px) { .cc--facts-figures-home.bg-image .inner-wrapper { padding-top: 4.375rem; padding-bottom: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--facts-figures-home.bg-image .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 768px) and (min-width: 768px) { .cc--facts-figures-home.headline-padding .cc--stat-item .c--stat-item { padding-top: 2rem; position: relative; } } @media screen and (min-width: 768px) and (min-width: 768px) { .cc--facts-figures-home.headline-padding .cc--stat-item .f--stat-headline { position: absolute; top: -10px; left: 0; width: 100%; white-space: nowrap; overflow: hidden; } } .cc--heading-description + .cc--facts-figures-home.color-white .inner-wrapper { padding-top: 0; } .cc--facts-figures.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--facts-figures.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--facts-figures.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--facts-figures.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--facts-figures.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--facts-figures.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--facts-figures.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--facts-figures.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--facts-figures.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--facts-figures.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--facts-figures.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--facts-figures.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--facts-figures.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--facts-figures.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--facts-figures.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--facts-figures.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--facts-figures.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--facts-figures.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--facts-figures.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--facts-figures.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--facts-figures.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--facts-figures.color-white .f--link .button, .cc--facts-figures.color-light-gray .f--link .button { background-color: transparent; } .cc--facts-figures.color-white .f--link .button:hover, .cc--facts-figures.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--facts-figures.color-pale-teal .f--link .button, .cc--facts-figures.color-pale-yellow .f--link .button, .cc--facts-figures.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--facts-figures.color-pale-teal .f--link .button, .cc--facts-figures.color-pale-yellow .f--link .button, .cc--facts-figures.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--facts-figures.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--facts-figures.color-black .f--description, .cc--facts-figures.color-black .f--text, .cc--facts-figures.color-black .f--category, .cc--facts-figures.color-blue .f--description, .cc--facts-figures.color-blue .f--text, .cc--facts-figures.color-blue .f--category, .cc--facts-figures.color-dark-gray .f--description, .cc--facts-figures.color-dark-gray .f--text, .cc--facts-figures.color-dark-gray .f--category, .cc--facts-figures.color-red .f--description, .cc--facts-figures.color-red .f--text, .cc--facts-figures.color-red .f--category, .cc--facts-figures.color-teal .f--description, .cc--facts-figures.color-teal .f--text, .cc--facts-figures.color-teal .f--category { color: #FFF; } .cc--facts-figures.color-black .f--description p, .cc--facts-figures.color-black .f--description li, .cc--facts-figures.color-black .f--description a, .cc--facts-figures.color-black .f--text p, .cc--facts-figures.color-black .f--text li, .cc--facts-figures.color-black .f--text a, .cc--facts-figures.color-black .f--category p, .cc--facts-figures.color-black .f--category li, .cc--facts-figures.color-black .f--category a, .cc--facts-figures.color-blue .f--description p, .cc--facts-figures.color-blue .f--description li, .cc--facts-figures.color-blue .f--description a, .cc--facts-figures.color-blue .f--text p, .cc--facts-figures.color-blue .f--text li, .cc--facts-figures.color-blue .f--text a, .cc--facts-figures.color-blue .f--category p, .cc--facts-figures.color-blue .f--category li, .cc--facts-figures.color-blue .f--category a, .cc--facts-figures.color-dark-gray .f--description p, .cc--facts-figures.color-dark-gray .f--description li, .cc--facts-figures.color-dark-gray .f--description a, .cc--facts-figures.color-dark-gray .f--text p, .cc--facts-figures.color-dark-gray .f--text li, .cc--facts-figures.color-dark-gray .f--text a, .cc--facts-figures.color-dark-gray .f--category p, .cc--facts-figures.color-dark-gray .f--category li, .cc--facts-figures.color-dark-gray .f--category a, .cc--facts-figures.color-red .f--description p, .cc--facts-figures.color-red .f--description li, .cc--facts-figures.color-red .f--description a, .cc--facts-figures.color-red .f--text p, .cc--facts-figures.color-red .f--text li, .cc--facts-figures.color-red .f--text a, .cc--facts-figures.color-red .f--category p, .cc--facts-figures.color-red .f--category li, .cc--facts-figures.color-red .f--category a, .cc--facts-figures.color-teal .f--description p, .cc--facts-figures.color-teal .f--description li, .cc--facts-figures.color-teal .f--description a, .cc--facts-figures.color-teal .f--text p, .cc--facts-figures.color-teal .f--text li, .cc--facts-figures.color-teal .f--text a, .cc--facts-figures.color-teal .f--category p, .cc--facts-figures.color-teal .f--category li, .cc--facts-figures.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--description a, html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--text a, html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--category a, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--description a, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--text a, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--category a, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--description a, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--text a, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--category a, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--description a, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--text a, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--category a:hover { color: #FFF; } .cc--facts-figures.color-black .f--section-title h2, .cc--facts-figures.color-blue .f--section-title h2, .cc--facts-figures.color-dark-gray .f--section-title h2, .cc--facts-figures.color-red .f--section-title h2, .cc--facts-figures.color-teal .f--section-title h2 { color: #FFF; } .cc--facts-figures.color-black .f--section-title h2 a, .cc--facts-figures.color-blue .f--section-title h2 a, .cc--facts-figures.color-dark-gray .f--section-title h2 a, .cc--facts-figures.color-red .f--section-title h2 a, .cc--facts-figures.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--facts-figures.color-black .f--sub-title h3, .cc--facts-figures.color-blue .f--sub-title h3, .cc--facts-figures.color-dark-gray .f--sub-title h3, .cc--facts-figures.color-red .f--sub-title h3, .cc--facts-figures.color-teal .f--sub-title h3 { color: #FFF; } .cc--facts-figures.color-black .f--sub-title h3 a, .cc--facts-figures.color-blue .f--sub-title h3 a, .cc--facts-figures.color-dark-gray .f--sub-title h3 a, .cc--facts-figures.color-red .f--sub-title h3 a, .cc--facts-figures.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--facts-figures.color-black .f--page-title h1, .cc--facts-figures.color-blue .f--page-title h1, .cc--facts-figures.color-dark-gray .f--page-title h1, .cc--facts-figures.color-red .f--page-title h1, .cc--facts-figures.color-teal .f--page-title h1 { color: #FFF; } .cc--facts-figures.color-black .stat-item .f--text, .cc--facts-figures.color-black .stat-item .f--stat-prefix, .cc--facts-figures.color-black .stat-item .f--stat-suffix, .cc--facts-figures.color-blue .stat-item .f--text, .cc--facts-figures.color-blue .stat-item .f--stat-prefix, .cc--facts-figures.color-blue .stat-item .f--stat-suffix, .cc--facts-figures.color-dark-gray .stat-item .f--text, .cc--facts-figures.color-dark-gray .stat-item .f--stat-prefix, .cc--facts-figures.color-dark-gray .stat-item .f--stat-suffix, .cc--facts-figures.color-red .stat-item .f--text, .cc--facts-figures.color-red .stat-item .f--stat-prefix, .cc--facts-figures.color-red .stat-item .f--stat-suffix, .cc--facts-figures.color-teal .stat-item .f--text, .cc--facts-figures.color-teal .stat-item .f--stat-prefix, .cc--facts-figures.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--facts-figures.color-black .f--stat-subheading, .cc--facts-figures.color-black .f--description, .cc--facts-figures.color-black .f--stat-headline, .cc--facts-figures.color-blue .f--stat-subheading, .cc--facts-figures.color-blue .f--description, .cc--facts-figures.color-blue .f--stat-headline, .cc--facts-figures.color-dark-gray .f--stat-subheading, .cc--facts-figures.color-dark-gray .f--description, .cc--facts-figures.color-dark-gray .f--stat-headline, .cc--facts-figures.color-red .f--stat-subheading, .cc--facts-figures.color-red .f--description, .cc--facts-figures.color-red .f--stat-headline, .cc--facts-figures.color-teal .f--stat-subheading, .cc--facts-figures.color-teal .f--description, .cc--facts-figures.color-teal .f--stat-headline { color: #FFF; } .cc--facts-figures.color-black .f--link .button, .cc--facts-figures.color-blue .f--link .button, .cc--facts-figures.color-dark-gray .f--link .button, .cc--facts-figures.color-red .f--link .button, .cc--facts-figures.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--facts-figures.color-black .f--link .button, .cc--facts-figures.color-blue .f--link .button, .cc--facts-figures.color-dark-gray .f--link .button, .cc--facts-figures.color-red .f--link .button, .cc--facts-figures.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--link .button, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--facts-figures.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--facts-figures.color-black .swiper-button-prev svg, .cc--facts-figures.color-black .swiper-button-next svg, .cc--facts-figures.color-blue .swiper-button-prev svg, .cc--facts-figures.color-blue .swiper-button-next svg, .cc--facts-figures.color-dark-gray .swiper-button-prev svg, .cc--facts-figures.color-dark-gray .swiper-button-next svg, .cc--facts-figures.color-red .swiper-button-prev svg, .cc--facts-figures.color-red .swiper-button-next svg, .cc--facts-figures.color-teal .swiper-button-prev svg, .cc--facts-figures.color-teal .swiper-button-next svg { fill: #FFF; } .cc--facts-figures.color-black .swiper-button-wrapper::before, .cc--facts-figures.color-blue .swiper-button-wrapper::before, .cc--facts-figures.color-dark-gray .swiper-button-wrapper::before, .cc--facts-figures.color-red .swiper-button-wrapper::before, .cc--facts-figures.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--facts-figures.color-black .swiper-pagination-bullet, .cc--facts-figures.color-blue .swiper-pagination-bullet, .cc--facts-figures.color-dark-gray .swiper-pagination-bullet, .cc--facts-figures.color-red .swiper-pagination-bullet, .cc--facts-figures.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--facts-figures.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--facts-figures.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--facts-figures.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--facts-figures.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--facts-figures.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--facts-figures.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--facts-figures.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--facts-figures.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--facts-figures.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--facts-figures.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--facts-figures.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--facts-figures.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--facts-figures.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--facts-figures.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--facts-figures.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--facts-figures.color-black .cc--user-choice-vertical-slide h2, .cc--facts-figures.color-blue .cc--user-choice-vertical-slide h2, .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--facts-figures.color-red .cc--user-choice-vertical-slide h2, .cc--facts-figures.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--facts-figures.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--facts-figures.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--facts-figures.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--facts-figures.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--facts-figures.color-black .cc--user-choice-vertical-slide .f--description p, .cc--facts-figures.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--facts-figures.color-red .cc--user-choice-vertical-slide .f--description p, .cc--facts-figures.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--facts-figures.color-black .cc--user-choice-vertical-slide .f--link a, .cc--facts-figures.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--facts-figures.color-red .cc--user-choice-vertical-slide .f--link a, .cc--facts-figures.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--facts-figures.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--facts-figures.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--facts-figures.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--facts-figures.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--facts-figures.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--facts-figures.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--facts-figures.color-black .cc--user-choice-vertical-slide .icon-close, .cc--facts-figures.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--facts-figures.color-red .cc--user-choice-vertical-slide .icon-close, .cc--facts-figures.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--facts-figures.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--facts-figures.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--facts-figures.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--facts-figures.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--facts-figures.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--facts-figures.color-pale-yellow { background-color: #FCE488; } .cc--facts-figures.color-pale-teal { background-color: #87C3BE; } .cc--facts-figures.color-pale-blue { background-color: #92D6E3; } .cc--facts-figures .c--facts-figures { max-width: 1440px; margin: 0 auto; } .cc--facts-figures.hide-title .f--section-title { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .cc--facts-figures .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; position: relative; text-align: center; } @media screen and (min-width: 768px) { .cc--facts-figures .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--facts-figures .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--facts-figures .facts-figures-title-wrapper { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--facts-figures .facts-figures-title-wrapper { max-width: 82.6087%; margin: 0 auto; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--facts-figures .facts-figures-title-wrapper { max-width: 65.21739%; margin: 0 auto; margin-bottom: 3.125rem; } } .cc--facts-figures .facts-figures-title-wrapper .f--section-title h2 { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--facts-figures .facts-figures-title-wrapper .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .cc--facts-figures .cards { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--facts-figures .animation-anchor { position: absolute; left: 0; } .cc--facts-figures .animation-anchor-1 { top: -9.375rem; } .cc--facts-figures .animation-anchor-2 { top: -6.25rem; } .cc--facts-figures .animation-anchor-3 { top: -3.125rem; } .cc--facts-figures .animation-anchor-4 { top: 0rem; } @media screen and (min-width: 768px) { .cc--facts-figures .cc--stat-item { padding-right: 2.17391%; padding-left: 2.17391%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cc--facts-figures .cc--stat-item:first-child { padding-left: 0; } .cc--facts-figures .cc--stat-item:last-child { padding-right: 0; } } @media screen and (min-width: 1024px) { .cc--facts-figures .cc--stat-item { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0.2; } } .cc--facts-figures .f--link { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--facts-figures .f--link { margin-top: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--facts-figures .f--link { margin-top: 3.125rem; } } .cc--facts-figures .f--link .button.disabled { outline: 0; opacity: .5; } html[data-whatintent="mouse"] .cc--facts-figures .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures .f--link .button.disabled:hover { background-color: #FFF; color: #000; cursor: default; } .cc--facts-figures.bg-image { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--facts-figures.bg-image .f--description, .cc--facts-figures.bg-image .f--text, .cc--facts-figures.bg-image .f--category { color: #FFF; } .cc--facts-figures.bg-image .f--description p, .cc--facts-figures.bg-image .f--description li, .cc--facts-figures.bg-image .f--description a, .cc--facts-figures.bg-image .f--text p, .cc--facts-figures.bg-image .f--text li, .cc--facts-figures.bg-image .f--text a, .cc--facts-figures.bg-image .f--category p, .cc--facts-figures.bg-image .f--category li, .cc--facts-figures.bg-image .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--description a, html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--text a, html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--description a:hover, html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--text a:hover, html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--category a:hover { color: #FFF; } .cc--facts-figures.bg-image .f--section-title h2 { color: #FFF; } .cc--facts-figures.bg-image .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--section-title h2 a:hover { color: #FFF; } .cc--facts-figures.bg-image .f--sub-title h3 { color: #FFF; } .cc--facts-figures.bg-image .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--sub-title h3 a:hover { color: #FFF; } .cc--facts-figures.bg-image .f--page-title h1 { color: #FFF; } .cc--facts-figures.bg-image .stat-item .f--text, .cc--facts-figures.bg-image .stat-item .f--stat-prefix, .cc--facts-figures.bg-image .stat-item .f--stat-suffix { color: #FFF; } .cc--facts-figures.bg-image .f--stat-subheading, .cc--facts-figures.bg-image .f--description, .cc--facts-figures.bg-image .f--stat-headline { color: #FFF; } .cc--facts-figures.bg-image .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--facts-figures.bg-image .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .swiper-button-prev, html[data-whatintent="mouse"] .cc--facts-figures.bg-image .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--facts-figures.bg-image .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--facts-figures.bg-image .swiper-button-next:hover svg { fill: #FFF; } .cc--facts-figures.bg-image .swiper-button-prev svg, .cc--facts-figures.bg-image .swiper-button-next svg { fill: #FFF; } .cc--facts-figures.bg-image .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--facts-figures.bg-image .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--facts-figures.bg-image .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--facts-figures.bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--facts-figures.bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } .cc--facts-figures.bg-image::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ''; } .cc--facts-figures.bg-image .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; position: relative; z-index: 2; } @media screen and (min-width: 768px) { .cc--facts-figures.bg-image .inner-wrapper { padding-top: 4.375rem; padding-bottom: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--facts-figures.bg-image .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 768px) and (min-width: 768px) { .cc--facts-figures.headline-padding .cc--stat-item .c--stat-item { padding-top: 2rem; position: relative; } } @media screen and (min-width: 768px) and (min-width: 768px) { .cc--facts-figures.headline-padding .cc--stat-item .f--stat-headline { position: absolute; top: -10px; left: 0; width: 100%; white-space: nowrap; overflow: hidden; } } .cc--heading-description + .cc--facts-figures.color-white .inner-wrapper { padding-top: 0; } .cc--feature-external-internal .c--feature-external-internal { max-width: 1440px; margin: 0 auto; } .cc--feature-external-internal .c--feature-external-internal .inner-wrapper { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 500px) { .cc--feature-external-internal .c--feature-external-internal .inner-wrapper { overflow: hidden; } } @media screen and (min-width: 768px) { .cc--feature-external-internal .c--feature-external-internal .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-left: 4%; 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--feature-external-internal .c--feature-external-internal .inner-wrapper { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .area-study .cc--feature-external-internal .c--feature-external-internal .inner-wrapper { padding-right: 0; padding-left: 0; } .cc--feature-external-internal .image-container { margin-bottom: 1.25rem; display: block; } @media screen and (min-width: 500px) { .cc--feature-external-internal .image-container { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--feature-external-internal .image-container { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 47.82609%; float: none; } } @media screen and (min-width: 768px) { .cc--feature-external-internal .text-container { width: 47.82609%; } } @media screen and (min-width: 1024px) { .cc--feature-external-internal .text-container { 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; } } .cc--feature-external-internal .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--feature-external-internal .f--sub-title h3 { font-size: 2rem; line-height: 1.25; } } .cc--feature-external-internal .f--label, .cc--feature-external-internal .f--text { margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--feature-external-internal .f--label, .cc--feature-external-internal .f--text { margin-top: 1.25rem; } } .cc--feature-external-internal .f--text p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--feature-external-internal .f--text p { font-size: 1rem; line-height: 1.75; } } .cc--featured-events { background-color: #C03; } .cc--featured-events .f--description, .cc--featured-events .f--text, .cc--featured-events .f--category { color: #FFF; } .cc--featured-events .f--description p, .cc--featured-events .f--description li, .cc--featured-events .f--description a, .cc--featured-events .f--text p, .cc--featured-events .f--text li, .cc--featured-events .f--text a, .cc--featured-events .f--category p, .cc--featured-events .f--category li, .cc--featured-events .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--featured-events .f--description a, html[data-whatintent="mouse"] .cc--featured-events .f--text a, html[data-whatintent="mouse"] .cc--featured-events .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-events .f--description a:hover, html[data-whatintent="mouse"] .cc--featured-events .f--text a:hover, html[data-whatintent="mouse"] .cc--featured-events .f--category a:hover { color: #FFF; } .cc--featured-events .f--section-title h2 { color: #FFF; } .cc--featured-events .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--featured-events .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-events .f--section-title h2 a:hover { color: #FFF; } .cc--featured-events .f--sub-title h3 { color: #FFF; } .cc--featured-events .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--featured-events .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-events .f--sub-title h3 a:hover { color: #FFF; } .cc--featured-events .f--page-title h1 { color: #FFF; } .cc--featured-events .stat-item .f--text, .cc--featured-events .stat-item .f--stat-prefix, .cc--featured-events .stat-item .f--stat-suffix { color: #FFF; } .cc--featured-events .f--stat-subheading, .cc--featured-events .f--description, .cc--featured-events .f--stat-headline { color: #FFF; } .cc--featured-events .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--featured-events .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--featured-events .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-events .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--featured-events .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-events .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--featured-events .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-events .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--featured-events .swiper-button-prev, html[data-whatintent="mouse"] .cc--featured-events .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-events .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--featured-events .swiper-button-next:hover svg { fill: #FFF; } .cc--featured-events .swiper-button-prev svg, .cc--featured-events .swiper-button-next svg { fill: #FFF; } .cc--featured-events .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--featured-events .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--featured-events .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--featured-events .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--featured-events .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } .cc--featured-events .c--featured-events { max-width: 1440px; margin: 0 auto; } .cc--featured-events .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--featured-events .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--featured-events .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--featured-events .inner-wrapper .title-cta .f--section-title h2 { margin-bottom: 1.875rem; text-align: left; } @media screen and (min-width: 768px) { .cc--featured-events .inner-wrapper .title-cta .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .cc--featured-events .inner-wrapper .events-list { 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--featured-events .inner-wrapper .events-list .cc--event-card { width: 21.73913%; } } .cc--featured-events .inner-wrapper .events-list .cc--event-card .text-wrapper { padding: 0; } @media screen and (min-width: 768px) { .cc--featured-events .inner-wrapper .events-list .cc--event-card .text-container { padding-top: 0; padding-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 0; } } .cc--featured-events .inner-wrapper .events-list .cc--event-card .f--sub-title { margin-bottom: 0; } html[data-whatintent="mouse"] .cc--featured-events .inner-wrapper .events-list .cc--event-card .f--sub-title a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-events .inner-wrapper .events-list .cc--event-card .f--sub-title a:hover { color: #FFF; } @media screen and (min-width: 768px) { .cc--featured-events .inner-wrapper .events-list .cc--event-card .left-col { margin-right: 0; margin-bottom: 1.875rem; width: 100%; } } @media screen and (min-width: 768px) { .cc--featured-events .inner-wrapper .events-list .cc--event-card .left-col .f--date { width: 50%; } } @media screen and (min-width: 1024px) { .cc--featured-events .inner-wrapper .events-list .cc--event-card .left-col .f--date { width: 30%; } } .cc--featured-events .inner-wrapper .events-list .cc--event-card .left-col .f--date time { color: #FFF; } @media screen and (min-width: 768px) { .cc--featured-events .inner-wrapper .events-list .cc--event-card .left-col .f--date time span { margin-top: 0.625rem; } } @media screen and (min-width: 768px) { .cc--featured-events .inner-wrapper .events-list .cc--event-card .right-col .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; } } @media screen and (min-width: 768px) { .cc--featured-events .inner-wrapper .events-list .cc--event-card .right-col .f-text { font-size: 0.875rem; line-height: 1.4286; } } .cc--featured-results .c--featured-results { max-width: 1440px; margin: 0 auto; } .cc--featured-results .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--featured-results .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--featured-results .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--featured-results .inner-wrapper .title-cta .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.875rem; text-align: left; } @media screen and (min-width: 768px) { .cc--featured-results .inner-wrapper .title-cta .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--featured-results .inner-wrapper .title-cta .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; margin-bottom: 3.125rem; } } @media screen and (min-width: 768px) { .cc--featured-results .inner-wrapper .news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--featured-results .inner-wrapper .news-list .cc--news-card { margin-bottom: 1.875rem; } .cc--featured-results .inner-wrapper .news-list .cc--news-card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--featured-results .inner-wrapper .news-list .cc--news-card:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--featured-results .inner-wrapper .news-list .cc--news-card:nth-child(3n+1):nth-last-child(-n+3), .cc--featured-results .inner-wrapper .news-list .cc--news-card:nth-child(3n+1):nth-last-child(-n+3) ~ article { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--featured-results .inner-wrapper .news-list .cc--news-card { margin-right: 4.34783%; margin-bottom: 3.125rem; width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--featured-results .inner-wrapper .news-list .cc--news-card { margin-bottom: 3.75rem; } } @media screen and (min-width: 500px) { .cc--featured-results .inner-wrapper .news-list .cc--news-card .c--news-card { overflow: hidden; } } .cc--featured-results .inner-wrapper .news-list .cc--news-card .c--news-card .f--image { display: block; } @media screen and (min-width: 500px) { .cc--featured-results .inner-wrapper .news-list .cc--news-card .c--news-card .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--featured-results .inner-wrapper .news-list .cc--news-card .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--featured-results .inner-wrapper .news-list .cc--news-card .f--sub-title { margin-bottom: 0; } .cc--featured-results .inner-wrapper .news-list .cc--news-card .f--sub-title h3 { margin-bottom: 0; } .cc--featured-results .inner-wrapper .news-list .cc--news-card .f--image { margin-bottom: 1.25rem; } .cc--featured-results .inner-wrapper .news-list .cc--news-card .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--featured-results .inner-wrapper .news-list .cc--news-card .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } .cc--featured-summaries.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--featured-summaries.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--featured-summaries.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--featured-summaries.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--featured-summaries.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--featured-summaries.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--featured-summaries.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--featured-summaries.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--featured-summaries.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--featured-summaries.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--featured-summaries.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--featured-summaries.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--featured-summaries.color-white .f--link .button, .cc--featured-summaries.color-light-gray .f--link .button { background-color: transparent; } .cc--featured-summaries.color-white .f--link .button:hover, .cc--featured-summaries.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--featured-summaries.color-pale-teal .f--link .button, .cc--featured-summaries.color-pale-yellow .f--link .button, .cc--featured-summaries.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--featured-summaries.color-pale-teal .f--link .button, .cc--featured-summaries.color-pale-yellow .f--link .button, .cc--featured-summaries.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--featured-summaries.color-black .f--description, .cc--featured-summaries.color-black .f--text, .cc--featured-summaries.color-black .f--category, .cc--featured-summaries.color-blue .f--description, .cc--featured-summaries.color-blue .f--text, .cc--featured-summaries.color-blue .f--category, .cc--featured-summaries.color-dark-gray .f--description, .cc--featured-summaries.color-dark-gray .f--text, .cc--featured-summaries.color-dark-gray .f--category, .cc--featured-summaries.color-red .f--description, .cc--featured-summaries.color-red .f--text, .cc--featured-summaries.color-red .f--category, .cc--featured-summaries.color-teal .f--description, .cc--featured-summaries.color-teal .f--text, .cc--featured-summaries.color-teal .f--category { color: #FFF; } .cc--featured-summaries.color-black .f--description p, .cc--featured-summaries.color-black .f--description li, .cc--featured-summaries.color-black .f--description a, .cc--featured-summaries.color-black .f--text p, .cc--featured-summaries.color-black .f--text li, .cc--featured-summaries.color-black .f--text a, .cc--featured-summaries.color-black .f--category p, .cc--featured-summaries.color-black .f--category li, .cc--featured-summaries.color-black .f--category a, .cc--featured-summaries.color-blue .f--description p, .cc--featured-summaries.color-blue .f--description li, .cc--featured-summaries.color-blue .f--description a, .cc--featured-summaries.color-blue .f--text p, .cc--featured-summaries.color-blue .f--text li, .cc--featured-summaries.color-blue .f--text a, .cc--featured-summaries.color-blue .f--category p, .cc--featured-summaries.color-blue .f--category li, .cc--featured-summaries.color-blue .f--category a, .cc--featured-summaries.color-dark-gray .f--description p, .cc--featured-summaries.color-dark-gray .f--description li, .cc--featured-summaries.color-dark-gray .f--description a, .cc--featured-summaries.color-dark-gray .f--text p, .cc--featured-summaries.color-dark-gray .f--text li, .cc--featured-summaries.color-dark-gray .f--text a, .cc--featured-summaries.color-dark-gray .f--category p, .cc--featured-summaries.color-dark-gray .f--category li, .cc--featured-summaries.color-dark-gray .f--category a, .cc--featured-summaries.color-red .f--description p, .cc--featured-summaries.color-red .f--description li, .cc--featured-summaries.color-red .f--description a, .cc--featured-summaries.color-red .f--text p, .cc--featured-summaries.color-red .f--text li, .cc--featured-summaries.color-red .f--text a, .cc--featured-summaries.color-red .f--category p, .cc--featured-summaries.color-red .f--category li, .cc--featured-summaries.color-red .f--category a, .cc--featured-summaries.color-teal .f--description p, .cc--featured-summaries.color-teal .f--description li, .cc--featured-summaries.color-teal .f--description a, .cc--featured-summaries.color-teal .f--text p, .cc--featured-summaries.color-teal .f--text li, .cc--featured-summaries.color-teal .f--text a, .cc--featured-summaries.color-teal .f--category p, .cc--featured-summaries.color-teal .f--category li, .cc--featured-summaries.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--description a, html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--text a, html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--category a, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--description a, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--text a, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--category a, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--description a, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--text a, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--category a, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--description a, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--text a, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--category a:hover { color: #FFF; } .cc--featured-summaries.color-black .f--section-title h2, .cc--featured-summaries.color-blue .f--section-title h2, .cc--featured-summaries.color-dark-gray .f--section-title h2, .cc--featured-summaries.color-red .f--section-title h2, .cc--featured-summaries.color-teal .f--section-title h2 { color: #FFF; } .cc--featured-summaries.color-black .f--section-title h2 a, .cc--featured-summaries.color-blue .f--section-title h2 a, .cc--featured-summaries.color-dark-gray .f--section-title h2 a, .cc--featured-summaries.color-red .f--section-title h2 a, .cc--featured-summaries.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--featured-summaries.color-black .f--sub-title h3, .cc--featured-summaries.color-blue .f--sub-title h3, .cc--featured-summaries.color-dark-gray .f--sub-title h3, .cc--featured-summaries.color-red .f--sub-title h3, .cc--featured-summaries.color-teal .f--sub-title h3 { color: #FFF; } .cc--featured-summaries.color-black .f--sub-title h3 a, .cc--featured-summaries.color-blue .f--sub-title h3 a, .cc--featured-summaries.color-dark-gray .f--sub-title h3 a, .cc--featured-summaries.color-red .f--sub-title h3 a, .cc--featured-summaries.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--featured-summaries.color-black .f--page-title h1, .cc--featured-summaries.color-blue .f--page-title h1, .cc--featured-summaries.color-dark-gray .f--page-title h1, .cc--featured-summaries.color-red .f--page-title h1, .cc--featured-summaries.color-teal .f--page-title h1 { color: #FFF; } .cc--featured-summaries.color-black .stat-item .f--text, .cc--featured-summaries.color-black .stat-item .f--stat-prefix, .cc--featured-summaries.color-black .stat-item .f--stat-suffix, .cc--featured-summaries.color-blue .stat-item .f--text, .cc--featured-summaries.color-blue .stat-item .f--stat-prefix, .cc--featured-summaries.color-blue .stat-item .f--stat-suffix, .cc--featured-summaries.color-dark-gray .stat-item .f--text, .cc--featured-summaries.color-dark-gray .stat-item .f--stat-prefix, .cc--featured-summaries.color-dark-gray .stat-item .f--stat-suffix, .cc--featured-summaries.color-red .stat-item .f--text, .cc--featured-summaries.color-red .stat-item .f--stat-prefix, .cc--featured-summaries.color-red .stat-item .f--stat-suffix, .cc--featured-summaries.color-teal .stat-item .f--text, .cc--featured-summaries.color-teal .stat-item .f--stat-prefix, .cc--featured-summaries.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--featured-summaries.color-black .f--stat-subheading, .cc--featured-summaries.color-black .f--description, .cc--featured-summaries.color-black .f--stat-headline, .cc--featured-summaries.color-blue .f--stat-subheading, .cc--featured-summaries.color-blue .f--description, .cc--featured-summaries.color-blue .f--stat-headline, .cc--featured-summaries.color-dark-gray .f--stat-subheading, .cc--featured-summaries.color-dark-gray .f--description, .cc--featured-summaries.color-dark-gray .f--stat-headline, .cc--featured-summaries.color-red .f--stat-subheading, .cc--featured-summaries.color-red .f--description, .cc--featured-summaries.color-red .f--stat-headline, .cc--featured-summaries.color-teal .f--stat-subheading, .cc--featured-summaries.color-teal .f--description, .cc--featured-summaries.color-teal .f--stat-headline { color: #FFF; } .cc--featured-summaries.color-black .f--link .button, .cc--featured-summaries.color-blue .f--link .button, .cc--featured-summaries.color-dark-gray .f--link .button, .cc--featured-summaries.color-red .f--link .button, .cc--featured-summaries.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--featured-summaries.color-black .f--link .button, .cc--featured-summaries.color-blue .f--link .button, .cc--featured-summaries.color-dark-gray .f--link .button, .cc--featured-summaries.color-red .f--link .button, .cc--featured-summaries.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--link .button, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--featured-summaries.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--featured-summaries.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--featured-summaries.color-black .swiper-button-prev svg, .cc--featured-summaries.color-black .swiper-button-next svg, .cc--featured-summaries.color-blue .swiper-button-prev svg, .cc--featured-summaries.color-blue .swiper-button-next svg, .cc--featured-summaries.color-dark-gray .swiper-button-prev svg, .cc--featured-summaries.color-dark-gray .swiper-button-next svg, .cc--featured-summaries.color-red .swiper-button-prev svg, .cc--featured-summaries.color-red .swiper-button-next svg, .cc--featured-summaries.color-teal .swiper-button-prev svg, .cc--featured-summaries.color-teal .swiper-button-next svg { fill: #FFF; } .cc--featured-summaries.color-black .swiper-button-wrapper::before, .cc--featured-summaries.color-blue .swiper-button-wrapper::before, .cc--featured-summaries.color-dark-gray .swiper-button-wrapper::before, .cc--featured-summaries.color-red .swiper-button-wrapper::before, .cc--featured-summaries.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--featured-summaries.color-black .swiper-pagination-bullet, .cc--featured-summaries.color-blue .swiper-pagination-bullet, .cc--featured-summaries.color-dark-gray .swiper-pagination-bullet, .cc--featured-summaries.color-red .swiper-pagination-bullet, .cc--featured-summaries.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--featured-summaries.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--featured-summaries.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--featured-summaries.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--featured-summaries.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--featured-summaries.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--featured-summaries.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--featured-summaries.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--featured-summaries.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--featured-summaries.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--featured-summaries.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--featured-summaries.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--featured-summaries.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--featured-summaries.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--featured-summaries.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--featured-summaries.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--featured-summaries.color-black .cc--user-choice-vertical-slide h2, .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide h2, .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--featured-summaries.color-red .cc--user-choice-vertical-slide h2, .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--featured-summaries.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--featured-summaries.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--featured-summaries.color-black .cc--user-choice-vertical-slide .f--description p, .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--featured-summaries.color-red .cc--user-choice-vertical-slide .f--description p, .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--featured-summaries.color-black .cc--user-choice-vertical-slide .f--link a, .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--featured-summaries.color-red .cc--user-choice-vertical-slide .f--link a, .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--featured-summaries.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--featured-summaries.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-summaries.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--featured-summaries.color-black .cc--user-choice-vertical-slide .icon-close, .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--featured-summaries.color-red .cc--user-choice-vertical-slide .icon-close, .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--featured-summaries.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--featured-summaries.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--featured-summaries.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--featured-summaries.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--featured-summaries.color-pale-yellow { background-color: #FCE488; } .cc--featured-summaries.color-pale-teal { background-color: #87C3BE; } .cc--featured-summaries.color-pale-blue { background-color: #92D6E3; } .cc--featured-summaries .c--featured-summaries { max-width: 1440px; margin: 0 auto; } .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--featured-summaries .c--featured-summaries .header-text-container { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .header-text-container { max-width: 90.47619%; margin: 0 auto; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--featured-summaries .c--featured-summaries .header-text-container { max-width: 65.21739%; margin: 0 auto; margin-bottom: 3.125rem; } } .cc--featured-summaries .c--featured-summaries .header-text-container .title-cta .f--section-title h2 { margin-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .header-text-container .title-cta .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--featured-summaries .c--featured-summaries .header-text-container .title-cta .f--section-title h2 { font-size: 3.5rem; line-height: 1.1429; } } .cc--featured-summaries .c--featured-summaries .header-text-container .f--description { text-align: center; } @media screen and (min-width: 1024px) { .cc--featured-summaries .c--featured-summaries .header-text-container .f--description { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .cards-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card { margin-bottom: 1.875rem; } .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card:nth-child(3n+1):nth-last-child(-n+3), .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card:nth-child(3n+1):nth-last-child(-n+3) ~ article { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card { margin-right: 4.34783%; margin-bottom: 3.125rem; width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card { margin-bottom: 3.75rem; } } @media screen and (min-width: 500px) { .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card .c--news-card { overflow: hidden; } } .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card .c--news-card .f--image { display: block; } @media screen and (min-width: 500px) { .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card .c--news-card .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card .f--sub-title h3 { margin-bottom: 0; } .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card .f--image { margin-bottom: 1.25rem; } .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .cards-list .cc--news-card .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } .cc--featured-summaries .c--featured-summaries .f--link { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--featured-summaries .c--featured-summaries .f--link { margin-top: 3.125rem; text-align: center; } } @media screen and (min-width: 1024px) { .cc--featured-summaries .c--featured-summaries .f--link { margin-top: 3.75rem; } } .cc--featured-topic .content-container { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } .cc--featured-topic .content-container::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ''; } .cc--featured-topic .content-wrapper { max-width: 1440px; margin: 0 auto; position: relative; z-index: 1; } .cc--featured-topic .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--featured-topic .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; 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; } } @media screen and (min-width: 1024px) { .cc--featured-topic .inner-wrapper { padding-top: 7.5rem; padding-right: 4%; padding-bottom: 7.5rem; padding-left: 4%; } } @media screen and (min-width: 768px) { .cc--featured-topic .inner-wrapper > .text-container { -webkit-box-flex: 0; -ms-flex: 0 0 47.82609%; flex: 0 0 47.82609%; } } .cc--featured-topic .inner-wrapper > .text-container .f--section-title h2 { color: #FFF; } @media screen and (min-width: 768px) { .cc--featured-topic .inner-wrapper > .text-container .f--section-title h2 { margin-bottom: 2.5rem; } } .cc--featured-topic .inner-wrapper > .text-container .f--link { position: absolute; right: 8%; bottom: 3.125rem; left: 8%; } @media screen and (min-width: 768px) { .cc--featured-topic .inner-wrapper > .text-container .f--link { position: static; } } .cc--featured-topic .inner-wrapper > .text-container .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--featured-topic .inner-wrapper > .text-container .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--featured-topic .inner-wrapper > .text-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-topic .inner-wrapper > .text-container .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--featured-topic .inner-wrapper > .text-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-topic .inner-wrapper > .text-container .f--link .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: #FFF; color: #000; text-decoration: none; } .cc--featured-topic .news-list { padding-bottom: 3.75rem; } @media screen and (min-width: 768px) { .cc--featured-topic .news-list { padding-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 47.82609%; flex: 0 0 47.82609%; } } .cc--featured-topic .news-list > .cc--news-card { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--featured-topic .news-list > .cc--news-card { margin-bottom: 3.125rem; } .cc--featured-topic .news-list > .cc--news-card:last-child { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--featured-topic .news-list > .cc--news-card > .c--news-card { 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: 1024px) { .cc--featured-topic .news-list > .cc--news-card > .c--news-card { -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; } } .cc--featured-topic .news-list > .cc--news-card .image-link { margin-top: 0; margin-right: 0; margin-bottom: 1.25rem; margin-left: 0; display: block; float: none; } @media screen and (min-width: 500px) { .cc--featured-topic .news-list > .cc--news-card .image-link { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; -webkit-box-flex: 47.61905%; -ms-flex: 47.61905%; flex: 47.61905%; width: auto; } } @media screen and (min-width: 768px) { .cc--featured-topic .news-list > .cc--news-card .image-link { margin-top: 0; margin-right: 0; margin-bottom: 1.25rem; margin-left: 0; max-width: 45.45455%; } } @media screen and (min-width: 1024px) { .cc--featured-topic .news-list > .cc--news-card .image-link { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .cc--featured-topic .news-list > .cc--news-card .text-container { padding-top: 0; } @media screen and (min-width: 500px) { .cc--featured-topic .news-list > .cc--news-card .text-container { padding-right: 4.7619%; -webkit-box-flex: 52.38095%; -ms-flex: 52.38095%; flex: 52.38095%; } } @media screen and (min-width: 768px) { .cc--featured-topic .news-list > .cc--news-card .text-container { padding-right: 0; } } @media screen and (min-width: 1024px) { .cc--featured-topic .news-list > .cc--news-card .text-container { padding-left: 4.54545%; -webkit-box-flex: 0; -ms-flex: 0 0 54.54545%; flex: 0 0 54.54545%; } } .cc--featured-topic .news-list > .cc--news-card .f--sub-title, .cc--featured-topic .news-list > .cc--news-card .f--sub-title h3 { margin-bottom: 0; } .cc--featured-topic .news-list > .cc--news-card .f--sub-title a { color: #FFF; } @media screen and (min-width: 768px) { .cc--featured-topic .news-list > .cc--news-card .f--sub-title a { font-size: 1.25rem; line-height: 1.4; } } .cc--featured-videos .c--featured-videos { position: relative; } .cc--featured-videos .bg-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 22.5rem; } .ie11 .cc--featured-videos .bg-container { overflow: hidden; } @media screen and (min-width: 768px) { .cc--featured-videos .bg-container { height: auto; } } .cc--featured-videos .bg-container .featured-videos-bg-image::after, .cc--featured-videos .bg-container .f--ambient-video::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ''; z-index: 1; } .cc--featured-videos .icon-video { fill: rgba(255, 255, 255, 0.5); } @media screen and (min-width: 768px) { .cc--featured-videos .icon-video { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 1024px) { .cc--featured-videos .icon-video { width: 2.5rem; height: 2.5rem; } } .cc--featured-videos .video-play-btn { display: block; } html[data-whatintent="mouse"] .cc--featured-videos .video-play-btn { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-videos .video-play-btn:hover svg { fill: white; } .cc--featured-videos .content-container { padding-top: 0; padding-bottom: 0; position: relative; } @media screen and (min-width: 768px) { .cc--featured-videos .content-container { padding-top: 4.375rem; padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--featured-videos .content-container { padding-top: 5rem; padding-bottom: 3.75rem; } } .cc--featured-videos .inner-wrapper { max-width: 1440px; margin: 0 auto; padding-bottom: 3.125rem; position: relative; z-index: 2; } @media screen and (min-width: 768px) { .cc--featured-videos .inner-wrapper { padding-bottom: 0; } } .cc--featured-videos .text-wrapper { margin-bottom: 1.875rem; padding-top: 0; padding-right: 8%; padding-left: 8%; position: static; top: 0; left: 0; width: 100%; height: 20rem; } @media screen and (min-width: 768px) { .cc--featured-videos .text-wrapper { margin-bottom: 3.125rem; padding-top: 0; padding-right: 4%; padding-left: 4%; position: initial; height: auto; } } .cc--featured-videos .text-wrapper .cta-wrapper { position: absolute; bottom: -18.125rem; } @media screen and (min-width: 768px) { .cc--featured-videos .text-wrapper .cta-wrapper { position: static; } } .cc--featured-videos .text-wrapper .text-container { position: relative; } @media screen and (min-width: 768px) { .cc--featured-videos .text-wrapper .text-container { width: 76.08696%; } } @media screen and (min-width: 1024px) { .cc--featured-videos .text-wrapper .text-container { width: 54.34783%; } } .cc--featured-videos .text-wrapper .text-container a { font-size: 1rem; line-height: 1.375; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--featured-videos .text-wrapper .text-container a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-videos .text-wrapper .text-container a:hover { color: #FFF; text-decoration: underline; -webkit-text-decoration-color: #FFF; text-decoration-color: #FFF; } .cc--featured-videos .text-wrapper .text-container .watch-more-link .button--alt { padding-right: 0; padding-left: 0; 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; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: auto; height: auto; border: 0; background: transparent; } .cc--featured-videos .text-wrapper .text-container .watch-more-link .button--alt svg { margin-right: 0.9375rem; width: 2.5rem; height: 2.5rem; fill: rgba(255, 255, 255, 0.5); } @media screen and (min-width: 768px) { .cc--featured-videos .text-wrapper .text-container .watch-more-link .button--alt svg { margin-right: 1.25rem; width: 3.125rem; height: 3.125rem; } } html[data-whatintent="mouse"] .cc--featured-videos .text-wrapper .text-container .watch-more-link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-videos .text-wrapper .text-container .watch-more-link .button--alt:hover svg { fill: white; } .cc--featured-videos .text-wrapper .f--section-title { position: absolute; top: 3.125rem; } @media screen and (min-width: 768px) { .cc--featured-videos .text-wrapper .f--section-title { position: static; } } .cc--featured-videos .text-wrapper .f--section-title h2 { color: #FFF; } @media screen and (min-width: 768px) { .cc--featured-videos .text-wrapper .f--section-title h2 { margin-bottom: 3.125rem; } } .cc--featured-videos .text-wrapper .f--cta-title { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--featured-videos .text-wrapper .f--cta-title { margin-bottom: 1.875rem; } } .cc--featured-videos .text-wrapper .f--cta-title h3 a { font-size: 1.25rem; line-height: 1.4; color: #FFF; } @media screen and (min-width: 768px) { .cc--featured-videos .text-wrapper .f--cta-title h3 a { font-size: 2rem; line-height: 1.25; } } @media screen and (min-width: 1024px) { .cc--featured-videos .text-wrapper .f--cta-title h3 a { font-size: 2.5rem; line-height: 1.2; } } .cc--featured-videos .news-list { padding-right: 8%; padding-left: 8%; position: relative; top: -2.5rem; z-index: 2; } @media screen and (min-width: 500px) { .cc--featured-videos .news-list { 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: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .cc--featured-videos .news-list { margin-bottom: 2.5rem; padding-right: 4%; padding-left: 4%; top: 0rem; } } .cc--featured-videos .news-list .cc--news-card-video:not(:last-child) { margin-bottom: 1.875rem; } @media screen and (min-width: 500px) { .cc--featured-videos .news-list .cc--news-card-video { width: 47.61905%; } .cc--featured-videos .news-list .cc--news-card-video:not(:last-child) { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--featured-videos .news-list .cc--news-card-video { width: 47.82609%; } } @media screen and (min-width: 500px) { .cc--featured-videos .news-list .cc--news-card-video .c--news-card-video { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 1024px) { .cc--featured-videos .news-list .cc--news-card-video .c--news-card-video { 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; } } @media screen and (min-width: 500px) { .cc--featured-videos .news-list .cc--news-card-video .video-container, .cc--featured-videos .news-list .cc--news-card-video .text-container { width: 100%; } } .cc--featured-videos .news-list .cc--news-card-video .video-container { margin-bottom: 1.25rem; margin-left: 0; } @media screen and (min-width: 768px) { .cc--featured-videos .news-list .cc--news-card-video .video-container { width: 45.45455%; } } @media screen and (min-width: 1024px) { .cc--featured-videos .news-list .cc--news-card-video .video-container { margin-right: 4.54545%; margin-bottom: 0; } } .cc--featured-videos .news-list .cc--news-card-video .text-container { padding-top: 0; } @media screen and (min-width: 1024px) { .cc--featured-videos .news-list .cc--news-card-video .text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .cc--featured-videos .news-list .cc--news-card-video .text-container .f--sub-title h3 { margin-bottom: 0; } .cc--featured-videos .news-list .cc--news-card-video .text-container .f--sub-title a { color: #000; } @media screen and (min-width: 768px) { .cc--featured-videos .news-list .cc--news-card-video .text-container .f--sub-title a { font-size: 1.25rem; line-height: 1.4; color: #FFF; } } .cc--featured-videos .cta-container { padding-right: 8%; padding-left: 8%; text-align: center; } @media screen and (min-width: 768px) { .cc--featured-videos .cta-container { padding-right: 4%; padding-left: 4%; } .cc--featured-videos .cta-container .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } } @media screen and (min-width: 768px) and (min-width: 768px) { .cc--featured-videos .cta-container .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } @media screen and (min-width: 768px) { html[data-whatintent="mouse"] .cc--featured-videos .cta-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-videos .cta-container .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--featured-videos .cta-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--featured-videos .cta-container .f--link .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: #FFF; color: #000; text-decoration: none; } } .cc--featured-videos.no-video-list .bg-container { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--featured-videos.no-video-list .bg-container { margin-bottom: 0; } } .cc--featured-videos.no-video-list .bg-container .featured-videos-bg-image, .cc--featured-videos.no-video-list .bg-container .f--ambient-video { height: 21.25rem; } @media screen and (min-width: 768px) { .cc--featured-videos.no-video-list .bg-container .featured-videos-bg-image, .cc--featured-videos.no-video-list .bg-container .f--ambient-video { height: 30.625rem; } } @media screen and (min-width: 1024px) { .cc--featured-videos.no-video-list .bg-container .featured-videos-bg-image, .cc--featured-videos.no-video-list .bg-container .f--ambient-video { height: 37.5rem; } } .cc--featured-videos.bg-image .c--featured-videos .featured-videos-bg-image { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--featured-videos.bg-video .c--featured-videos .f--ambient-video { padding-bottom: 0; } .cc--featured-videos.bg-video .c--featured-videos .video-controls { position: absolute; right: 0; bottom: 4.375rem; z-index: 4; } @media screen and (min-width: 768px) { .cc--featured-videos.bg-video .c--featured-videos .video-controls { bottom: 0; } } @media screen and (min-width: 1024px) { .cc--filter-abc-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--filter-abc-form form .filter-container { position: relative; width: 100%; } @media screen and (min-width: 768px) { .cc--filter-abc-form form .filter-container { margin-bottom: 1.5625rem; overflow: hidden; } } @media screen and (min-width: 1024px) { .cc--filter-abc-form form .filter-container { margin-bottom: 1.25rem; } } .cc--filter-abc-form form .filter-container > .filter-label { display: none; } @media screen and (min-width: 768px) { .cc--filter-abc-form form .filter-container > .filter-label { font-size: 0.875rem; line-height: 1.1429; margin-bottom: 0.625rem; display: block; color: #000; } } @media screen and (min-width: 768px) { .cc--filter-abc-form form .filter-container .abc-all-wrapper { padding-left: 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%; z-index: 2; } } .cc--filter-abc-form form .filter-container .abc-all-wrapper .form-no-label { display: none; } .cc--filter-abc-form form .abc-all-wrapper ul, .cc--filter-abc-form form .abc-all-wrapper .abc-list { padding-top: 0.9375rem; list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media screen and (max-width: 499px) { .cc--filter-abc-form form .abc-all-wrapper ul, .cc--filter-abc-form form .abc-all-wrapper .abc-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .cc--filter-abc-form form .abc-all-wrapper ul, .cc--filter-abc-form form .abc-all-wrapper .abc-list { padding-top: 0; } } .cc--filter-abc-form form .abc-all-wrapper ul > li, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li { margin-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.4286; -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; color: #B3B3B3; } @media screen and (max-width: 499px) { .cc--filter-abc-form form .abc-all-wrapper ul > li, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li { padding-right: 0.25rem; padding-left: 0.3125rem; } } @media screen and (min-width: 768px) { .cc--filter-abc-form form .abc-all-wrapper ul > li, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li { margin-bottom: 0; font-size: 1rem; line-height: 1.375; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } } .cc--filter-abc-form form .abc-all-wrapper ul > li a, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a { font-size: 0.875rem; line-height: 1.4286; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--filter-abc-form form .abc-all-wrapper ul > li a, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a { font-size: 1rem; line-height: 1.375; } } html[data-whatintent="mouse"] .cc--filter-abc-form form .abc-all-wrapper ul > li a, html[data-whatintent="mouse"] .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--filter-abc-form form .abc-all-wrapper ul > li a:hover, html[data-whatintent="mouse"] .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a:hover { text-decoration: underline; } .cc--filter-abc-form form .abc-all-wrapper ul > li a.all-button, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a.all-button { font-size: 0.875rem; line-height: 1.4286; cursor: pointer; } @media screen and (min-width: 768px) { .cc--filter-abc-form form .abc-all-wrapper ul > li a.all-button, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a.all-button { font-size: 1rem; line-height: 1.375; } } .cc--filter-abc-form form .abc-all-wrapper ul > li a.active, .cc--filter-abc-form form .abc-all-wrapper ul > li a.is-active, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a.active, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a.is-active { color: #C03; } .cc--filter-form { margin-top: 2.1875rem; background-color: #C03; } @media screen and (min-width: 768px) { .cc--filter-form { margin-top: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; height: 100%; } } .cc--filter-form .c--filter-form { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--filter-form .c--filter-form { padding-right: 12.5%; padding-left: 12.5%; } } .cc--filter-form .c--filter-form * { color: #FFF; } .cc--filter-form .filter-form-header { padding-top: 0.9375rem; padding-bottom: 0.9375rem; 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; } @media screen and (min-width: 768px) { .cc--filter-form .filter-form-header { display: none; } } .cc--filter-form .filter-form-header h2 { font-size: 0.875rem; line-height: 1.4286; } .cc--filter-form .filter-form-header .open .opened { display: block; } .cc--filter-form .filter-form-header .open .closed { display: none; } .cc--filter-form .filter-form-header .opened { display: none; } .cc--filter-form .form-filter-content { padding-top: 1.25rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; display: none; position: absolute; right: 0; left: 0; background-color: #C03; z-index: 1; } @media screen and (min-width: 768px) { .cc--filter-form .form-filter-content { padding-top: 3.125rem; padding-right: 0; padding-bottom: 3.125rem; padding-left: 0; display: block; position: static; } } .cc--filter-form .select-wrap, .cc--filter-form input[type='text'], .cc--filter-form input[type='search'] { border-color: #FFF; color: #FFF; } .cc--filter-form input[type='text']::-webkit-input-placeholder, .cc--filter-form input[type='search']::-webkit-input-placeholder { color: #FFF; } .cc--filter-form input[type='text']::-moz-placeholder, .cc--filter-form input[type='search']::-moz-placeholder { color: #FFF; } .cc--filter-form input[type='text']:-ms-input-placeholder, .cc--filter-form input[type='search']:-ms-input-placeholder { color: #FFF; } .cc--filter-form input[type='text']::-ms-input-placeholder, .cc--filter-form input[type='search']::-ms-input-placeholder { color: #FFF; } .cc--filter-form input[type='text']::placeholder, .cc--filter-form input[type='search']::placeholder { color: #FFF; } .cc--filter-form .select-wrap select { color: #FFF; } .cc--filter-form .select-wrap svg polygon { fill: #FFF; } .cc--filter-form .form-item-search-api-fulltext input[type='text'] { padding-right: 2.125rem; background: url("../images/icons/icon-search-white.svg") no-repeat right 0.625rem center; background-size: 0.875rem auto; } .cc--filter-form .form-item-search-api-fulltext input[type='text']::-webkit-search-decoration, .cc--filter-form .form-item-search-api-fulltext input[type='text']::-webkit-search-cancel-button { display: none; } .cc--filter-form .button-container { padding-top: 2.5rem; text-align: center; } @media screen and (min-width: 768px) { .cc--filter-form .button-container { text-align: left; } } @media screen and (min-width: 1024px) { .cc--filter-form .button-container { padding-top: 3.125rem; } } .cc--filter-form .button-container .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; padding-right: 2rem; padding-left: 0.9375rem; font-size: 0.875rem; line-height: 1.4286; width: auto; min-width: 5rem; height: 1.875rem; border-width: 0.0625rem; border-radius: 0.9375rem; background: url("../images/icons/icon-close-white.svg") no-repeat right 0.9375rem center; background-size: 0.5rem auto; } @media screen and (min-width: 768px) { .cc--filter-form .button-container .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--filter-form .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--filter-form .button-container .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--filter-form .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--filter-form .button-container .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: #FFF; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--filter-form .button-container .button { padding-right: 2rem; padding-left: 0.9375rem; } } html[data-whatintent="mouse"] .cc--filter-form .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--filter-form .button-container .button:hover { background: #FFF url("../images/icons/icon-close.svg") no-repeat right 0.9375rem center; background-size: 0.5rem auto; } .cc--footer { background-color: #000; } .cc--footer .c--footer { max-width: 1440px; margin: 0 auto; color: #FFF; } .cc--footer .c--footer .footer-main { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--footer .c--footer .footer-main { padding-top: 5rem; padding-right: 4%; padding-left: 4%; } } .cc--footer .c--footer a { color: #FFF; } @media screen and (min-width: 1024px) { .cc--footer .c--footer .footer-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; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .footer-middle { padding-top: 3.125rem; padding-bottom: 2.1875rem; 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--footer .c--footer .footer-middle { padding-top: 3.75rem; padding-bottom: 2.8125rem; } } .cc--footer .c--footer .cc--branding-footer { margin-bottom: 2.5rem; max-width: 13.625rem; } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--branding-footer { margin-bottom: 3.125rem; max-width: 18.875rem; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .cc--branding-footer { margin-bottom: 0; } } .cc--footer .c--footer .cc--branding-footer a { padding-bottom: 0.3125rem; display: block; } .cc--footer .c--footer .cc--branding-footer a svg { display: block; width: 100%; } .cc--footer .c--footer .connect-menu-section { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--footer .c--footer .connect-menu-section { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .connect-menu-section { width: 58.69565%; } } .cc--footer .c--footer .connect-menu-section h2 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--footer .c--footer .connect-menu-section h2 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--footer .c--footer .connect-menu-section h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } @media screen and (min-width: 1024px) { .cc--footer .c--footer .connect-menu-section .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .connect-menu-section .menu-wrapper .cc--footer-menu { margin-right: 7.40741%; width: 25.92593%; } } .cc--footer .c--footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--footer .c--footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { display: block; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .connect-menu-section .menu-wrapper .cc--footer-menu ul li { width: 100%; } } .cc--footer .c--footer .cc--footer-menu h3 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu h3 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--footer .c--footer .cc--footer-menu nav ul { margin-bottom: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu nav ul { margin-bottom: 0; } } .cc--footer .c--footer .cc--footer-menu nav ul li { margin-bottom: 0.9375rem; font-size: 0.75rem; line-height: 1.3334; width: 50%; } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu nav ul li { margin-bottom: 1.25rem; font-size: 0.875rem; line-height: 1.4286; } } .cc--footer .c--footer .cc--footer-menu nav ul li a { text-decoration: none; } html[data-whatintent="mouse"] .cc--footer .c--footer .cc--footer-menu nav ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--footer .c--footer .cc--footer-menu nav ul li a:hover { color: #FFF; text-decoration: underline; } .cc--footer .c--footer .cc--footer-menu.supplemental-menu h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .cc--footer .c--footer .cc--footer-menu.supplemental-menu nav ul { display: block; } .cc--footer .c--footer .cc--footer-menu.supplemental-menu nav ul li { display: inline-block; width: auto; } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu.supplemental-menu nav ul li { margin-bottom: 0; } } .cc--footer .c--footer .cc--footer-menu.supplemental-menu nav ul li::after { padding-right: 1.25rem; padding-left: 1.25rem; display: inline-block; color: #666; content: '|'; } .cc--footer .c--footer .cc--footer-menu.supplemental-menu nav ul li:last-child::after { display: none; } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu.academic-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .cc--footer-menu.academic-menu { width: 15.21739%; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu.academic-menu nav ul { display: block; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu.academic-menu nav ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu.notices-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .cc--footer-menu.notices-menu { width: 21.73913%; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu.notices-menu ul { display: block; } } .cc--footer .c--footer .cc--footer-menu.notices-menu ul li:nth-child(1) { padding-bottom: 1.25rem; margin-bottom: 1.25rem; width: 100%; border-bottom: 0.0625rem solid #333; } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu.notices-menu ul li:nth-child(1) { padding-bottom: 1.875rem; margin-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .cc--footer-menu.notices-menu ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .footer-bottom { border-top: 0; border-bottom: 0; } } .cc--footer .c--footer .footer-bottom .social-newsletter-container { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--footer .c--footer .footer-bottom .social-newsletter-container { padding-top: 1.75rem; padding-bottom: 1.75rem; 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; } } @media screen and (min-width: 768px) { .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link { width: 40.90909%; } } @media screen and (min-width: 1024px) { .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link { width: 23.91304%; } } .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link a { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: #000; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link a { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link a: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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link a: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: #FFF; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--footer .c--footer .footer-bottom .social-newsletter-container .f--link a { padding-right: 0.9375rem; padding-left: 0.9375rem; width: 100%; } } .ieEdge .cc--full-width-hero, .ie11 .cc--full-width-hero { overflow: hidden; } .cc--full-width-hero .c--full-width-hero { position: relative; height: 28.5rem; } @media screen and (min-width: 768px) { .cc--full-width-hero .c--full-width-hero { height: 42.1875rem; } } @media screen and (min-width: 1440px) { .cc--full-width-hero .c--full-width-hero { height: 45rem; } } .cc--full-width-hero .c--full-width-hero .inner-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; overflow: hidden; z-index: 2; } @media screen and (min-width: 1440px) { .cc--full-width-hero .c--full-width-hero .text-container { width: 90rem; } } .cc--full-width-hero .c--full-width-hero .text-wrapper { padding-right: 8%; padding-left: 8%; position: relative; } .cc--full-width-hero .c--full-width-hero .text-wrapper .f--page-title { -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 0; } .cc--full-width-hero .c--full-width-hero .text-wrapper .f--page-title.visible { opacity: 1; } .cc--full-width-hero .c--full-width-hero .text-wrapper .f--page-title h1 { font-size: 3rem; line-height: 1; color: #FFF; } @media screen and (min-width: 768px) { .cc--full-width-hero .c--full-width-hero .text-wrapper .f--page-title h1 { font-size: 5rem; line-height: 1.1; } } @media screen and (min-width: 1024px) { .cc--full-width-hero .c--full-width-hero .text-wrapper .f--page-title h1 { font-size: 6rem; line-height: 1.0834; } } .cc--full-width-hero .c--full-width-hero .text-wrapper .f--description { -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 0; } .cc--full-width-hero .c--full-width-hero .text-wrapper .f--description.visible { opacity: 1; } @media screen and (min-width: 1024px) { .cc--full-width-hero .c--full-width-hero .text-wrapper .f--description { max-width: 71.42857%; margin: 0 auto; } } .cc--full-width-hero .c--full-width-hero .text-wrapper .f--description p { font-size: 1.125rem; line-height: 1.7778; margin-top: 1.5rem; color: #FFF; } .cc--full-width-hero .c--full-width-hero .text-wrapper .f--description p a { color: inherit; } @media screen and (min-width: 768px) { .cc--full-width-hero .c--full-width-hero .text-wrapper .f--description p { margin-top: 1.875rem; } } @media screen and (min-width: 1440px) { .cc--full-width-hero .c--full-width-hero .text-wrapper .f--description p { font-size: 1.375rem; line-height: 1.6364; margin-top: 1.875rem; } } .cc--full-width-hero .c--full-width-hero .text-wrapper .v-line { margin-top: 1.875rem; position: absolute; top: 100%; left: 50%; height: 0; border-left: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 768px) { .cc--full-width-hero .c--full-width-hero .text-wrapper .v-line { margin-top: 4.375rem; } } @media screen and (min-width: 1200px) { .cc--full-width-hero .c--full-width-hero .text-wrapper .v-line { margin-top: 5rem; } } .cc--full-width-hero.bg-image .c--full-width-hero .hero-bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--full-width-hero.bg-video .c--full-width-hero .f--ambient-video { padding-bottom: 0; height: 100%; } .c--grant-announcement-card .f--cta-title h3 { margin-bottom: 0.9375rem; } .c--grant-announcement-card .f--cta-title h3 a { font-size: 1.125rem; line-height: 1.4445; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .c--grant-announcement-card .f--cta-title h3 a { font-size: 1.25rem; line-height: 1.4; } } html[data-whatintent="mouse"] .c--grant-announcement-card .f--cta-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .c--grant-announcement-card .f--cta-title h3 a:hover { text-decoration: underline; } .c--grant-announcement-card .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c--grant-announcement-card .text-container .f--text { color: #666; } .c--grant-announcement-card .text-container .f--text p:first-child { font-size: 1rem; line-height: 1.375; margin-bottom: 0.625rem; } .c--grant-announcement-card .text-container .f--text p:last-child { font-size: 0.875rem; line-height: 1.4286; margin: 0; } @media screen and (min-width: 1024px) { #l--main-header { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 100; background-color: #FFF; } } #l--main-header .mobile-nav { position: fixed; top: 0; right: 0; left: 0; width: 100%; background-color: #FFF; z-index: 100; } @media screen and (min-width: 1024px) { #l--main-header .mobile-nav { display: none; } } #l--main-header .mobile-nav .mobile-nav-topbar-container { padding-top: 0.625rem; padding-right: 4%; padding-bottom: 0.625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 5rem; } #l--main-header .mobile-nav .mobile-nav-topbar-container .logo-link-mobile { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 12.75rem; height: 3rem; } @media screen and (min-width: 768px) { #l--main-header .mobile-nav .mobile-nav-topbar-container .logo-link-mobile { display: none; } } #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-logo { width: 12.75rem; height: 3rem; } #l--main-header .mobile-nav .mobile-nav-topbar-container .logo-link-tablet-desktop { display: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 12.75rem; height: 3rem; } @media screen and (min-width: 768px) { #l--main-header .mobile-nav .mobile-nav-topbar-container .logo-link-tablet-desktop { display: block; } } #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-logo-long-tag { width: 12.75rem; height: 3rem; } #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-close, #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-hamburger, #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-search, #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-search-close { width: 1.25rem; height: 1.25rem; fill: #C03; } #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-search-close { display: none; } .search-is-open #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-search-close { margin-right: 0; display: block; } #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-search { width: 2.75rem; height: 2.75rem; } .search-is-open #l--main-header .mobile-nav .mobile-nav-topbar-container .icon-search { display: none; } #l--main-header .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { margin-right: -0.75rem; width: 2.75rem; height: 2.75rem; } #l--main-header .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-hamburger { display: none; } #l--main-header .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #l--main-header .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger .icon-close { display: none; } .search-is-open #l--main-header .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { display: none; } #l--main-header .mobile-nav .mobile-nav-menu-container { display: none; position: fixed; top: 5rem; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 3.125rem); background-color: #222; z-index: 99; overflow-y: auto; } #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu { background-color: #FFF; } @media screen and (min-width: 1024px) { #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu { display: none; width: 62%; } } #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 8%; padding-bottom: 0.8125rem; padding-left: 8%; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-bottom: 0.8125rem; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item.is-open .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #C03; } #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 0; padding-bottom: 0.8125rem; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li.menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #C03; } #l--main-header .mobile-nav .cc--utility-menu { padding-top: 1.25rem; padding-bottom: 1.25rem; background-color: #000; } @media screen and (min-width: 768px) { #l--main-header .mobile-nav .cc--utility-menu { overflow: hidden; } } #l--main-header .mobile-nav .cc--utility-menu ul { padding-right: 8%; padding-left: 8%; } #l--main-header .mobile-nav .cc--utility-menu ul li { margin-right: 0; margin-left: 0; } #l--main-header .mobile-nav .cc--utility-menu ul li a { color: #FFF; } #l--main-header .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button { height: auto; color: #FFF; } #l--main-header .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button svg { display: none; } #l--main-header .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu { padding-right: 0; padding-left: 0; margin-bottom: 1.25rem; 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 (min-width: 768px) { #l--main-header .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu { margin-bottom: 0; } } #l--main-header .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li { width: 47.61905%; } #l--main-header .mobile-nav .cc--locations-menu { padding-top: 1.25rem; padding-bottom: 1.875rem; background-color: #222; } #l--main-header .mobile-nav .cc--locations-menu ul { padding-right: 8%; padding-left: 8%; } #l--main-header .mobile-nav .cc--locations-menu ul li { display: inline-block; } #l--main-header .mobile-nav .cc--locations-menu ul li:not(:last-child)::after { display: inline-block; padding-right: 0.625rem; padding-left: 0.625rem; color: #FFF; font-size: 0.75rem; line-height: 1.1667; content: '|'; } #l--main-header .mobile-nav .cc--locations-menu ul li a { padding-top: 0; padding-bottom: 0; color: #FFF; } #l--main-header .utility-nav-container { display: none; } @media screen and (min-width: 1024px) { #l--main-header .utility-nav-container { display: block; } } @media screen and (min-width: 1024px) { #l--main-header .utility-nav-container .utility-nav-container-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; background-color: #FFF; } } #l--main-header .utility-nav-container .icon-close { display: none; } #l--main-header .utility-nav-container .cc--branding-header-red-tag { margin-left: 2.5rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (min-width: 1024px) { #l--main-header .utility-nav-container .icon-search { margin-right: 2.5rem; margin-left: 1.25rem; background-color: transparent; } } #l--main-header .utility-nav-container .icon-search svg { fill: #000; } .home-page #l--main-header .utility-nav-container .icon-search svg { fill: #000; } @media screen and (min-width: 1024px) { #l--main-header .utility-nav-container.slim-nav-expanded { background-color: #FFF; opacity: 1 !important; } #l--main-header .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper { opacity: 1; } #l--main-header .utility-nav-container.slim-nav-expanded .cc--branding-header-red-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .home-page #l--main-header .utility-nav-container.slim-nav-expanded .cc--branding-header-red-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #l--main-header .utility-nav-container.slim-nav-expanded .icon-search { margin-right: 1.25rem; } #l--main-header .utility-nav-container.slim-nav-expanded .icon-search svg { fill: #C03; } #l--main-header .utility-nav-container.slim-nav-expanded .icon-close { margin-right: 2.5rem; display: block; } #l--main-header .utility-nav-container.slim-nav-expanded .icon-close svg { fill: #C03; } } #l--main-header .main-nav-container { display: none; position: relative; } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container { display: block; width: 100%; } } #l--main-header .main-nav-container .buttons-wrapper { display: none; } #l--main-header .main-nav-container .branding-hamburger-container { z-index: 3; } #l--main-header .main-nav-container .branding-hamburger-container .ru-hamburger { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 1.25rem; height: 0.9375rem; } #l--main-header .main-nav-container .branding-hamburger-container .ru-hamburger svg { width: 1.25rem; height: 0.9375rem; fill: #C03; } #l--main-header .main-nav-container .branding-mainmenu-container { position: absolute; top: 0; right: 0; left: 0; width: 100%; border-bottom: 0; background-color: #FFF; z-index: 2; } #l--main-header .main-nav-container .branding-mainmenu-container .cc--branding-header-red-tag { display: none; } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 4.375rem; border-bottom: 0; z-index: 5; } #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner { max-width: 100%; } #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--branding-header-red-tag { margin-left: 0; display: block; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--main-menu { display: none; width: 62%; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .buttons-wrapper { margin-right: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search { margin-right: 1.125rem; height: 1.375rem; } #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search svg { fill: #C03; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-expanded { top: 4.375rem; } } #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-expanded .cc--branding-header-red-tag { display: none; } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-expanded .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-expanded .buttons-wrapper { display: none; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner { max-width: 1440px; margin: 0 auto; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; } } #l--main-header .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner { max-width: 1440px; margin: 0 auto; } #l--main-header .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; 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; width: 100%; height: 4.375rem; } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu { width: 100%; } } @media screen and (min-width: 1024px) { #l--main-header .main-nav-container .branding-mainmenu-container .cc--main-menu.slim-nav-is-visible { display: none; } } @media screen and (min-width: 1024px) { .slim-nav-expanded #l--main-header .main-nav-container .branding-mainmenu-container .cc--main-menu { 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) { #l--main-header .main-nav-container .branding-mainmenu-container .icon-search { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } #l--main-header .cc--search-form { display: none; height: 100%; } #main-content { margin-top: 5rem; display: block; } @media screen and (min-width: 1024px) { #main-content { margin-top: 8.75rem; } } body.home-page #main-content { margin-top: 0; } @media screen and (min-width: 1024px) { body.home-page #l--main-header .main-nav-container .branding-mainmenu-container { background-color: #FFF; } } body.home-page #l--main-header .main-nav-container .branding-mainmenu-container ul.m--menu > li > div > a { color: #000; } @media screen and (min-width: 1024px) { body.home-page #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { background-color: #FFF; } } @media screen and (min-width: 1024px) { body.home-page #l--main-header .utility-nav-container .utility-nav-container-wrapper { background-color: transparent; } } body.home-page #l--main-header .utility-nav-container .utility-nav-container-wrapper ul.m--menu > li > a { color: #000; } body.home-page #l--main-header .utility-nav-container .utility-nav-container-wrapper ul.m--menu > li > div > button span { color: #000; } .cc--heading-description.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--heading-description.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--heading-description.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--heading-description.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--heading-description.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--heading-description.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--heading-description.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--heading-description.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--heading-description.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--heading-description.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--heading-description.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--heading-description.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--heading-description.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--heading-description.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--heading-description.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--heading-description.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--heading-description.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--heading-description.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--heading-description.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--heading-description.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--heading-description.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--heading-description.color-white .f--link .button, .cc--heading-description.color-light-gray .f--link .button { background-color: transparent; } .cc--heading-description.color-white .f--link .button:hover, .cc--heading-description.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--heading-description.color-pale-teal .f--link .button, .cc--heading-description.color-pale-yellow .f--link .button, .cc--heading-description.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--heading-description.color-pale-teal .f--link .button, .cc--heading-description.color-pale-yellow .f--link .button, .cc--heading-description.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--heading-description.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--heading-description.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--heading-description.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--heading-description.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--heading-description.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--heading-description.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--heading-description.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--heading-description.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--heading-description.color-black .f--description, .cc--heading-description.color-black .f--text, .cc--heading-description.color-black .f--category, .cc--heading-description.color-blue .f--description, .cc--heading-description.color-blue .f--text, .cc--heading-description.color-blue .f--category, .cc--heading-description.color-dark-gray .f--description, .cc--heading-description.color-dark-gray .f--text, .cc--heading-description.color-dark-gray .f--category, .cc--heading-description.color-red .f--description, .cc--heading-description.color-red .f--text, .cc--heading-description.color-red .f--category, .cc--heading-description.color-teal .f--description, .cc--heading-description.color-teal .f--text, .cc--heading-description.color-teal .f--category { color: #FFF; } .cc--heading-description.color-black .f--description p, .cc--heading-description.color-black .f--description li, .cc--heading-description.color-black .f--description a, .cc--heading-description.color-black .f--text p, .cc--heading-description.color-black .f--text li, .cc--heading-description.color-black .f--text a, .cc--heading-description.color-black .f--category p, .cc--heading-description.color-black .f--category li, .cc--heading-description.color-black .f--category a, .cc--heading-description.color-blue .f--description p, .cc--heading-description.color-blue .f--description li, .cc--heading-description.color-blue .f--description a, .cc--heading-description.color-blue .f--text p, .cc--heading-description.color-blue .f--text li, .cc--heading-description.color-blue .f--text a, .cc--heading-description.color-blue .f--category p, .cc--heading-description.color-blue .f--category li, .cc--heading-description.color-blue .f--category a, .cc--heading-description.color-dark-gray .f--description p, .cc--heading-description.color-dark-gray .f--description li, .cc--heading-description.color-dark-gray .f--description a, .cc--heading-description.color-dark-gray .f--text p, .cc--heading-description.color-dark-gray .f--text li, .cc--heading-description.color-dark-gray .f--text a, .cc--heading-description.color-dark-gray .f--category p, .cc--heading-description.color-dark-gray .f--category li, .cc--heading-description.color-dark-gray .f--category a, .cc--heading-description.color-red .f--description p, .cc--heading-description.color-red .f--description li, .cc--heading-description.color-red .f--description a, .cc--heading-description.color-red .f--text p, .cc--heading-description.color-red .f--text li, .cc--heading-description.color-red .f--text a, .cc--heading-description.color-red .f--category p, .cc--heading-description.color-red .f--category li, .cc--heading-description.color-red .f--category a, .cc--heading-description.color-teal .f--description p, .cc--heading-description.color-teal .f--description li, .cc--heading-description.color-teal .f--description a, .cc--heading-description.color-teal .f--text p, .cc--heading-description.color-teal .f--text li, .cc--heading-description.color-teal .f--text a, .cc--heading-description.color-teal .f--category p, .cc--heading-description.color-teal .f--category li, .cc--heading-description.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--description a, html[data-whatintent="mouse"] .cc--heading-description.color-black .f--text a, html[data-whatintent="mouse"] .cc--heading-description.color-black .f--category a, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--description a, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--text a, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--category a, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--description a, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--text a, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--category a, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--description a, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--text a, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--category a:hover { color: #FFF; } .cc--heading-description.color-black .f--section-title h2, .cc--heading-description.color-blue .f--section-title h2, .cc--heading-description.color-dark-gray .f--section-title h2, .cc--heading-description.color-red .f--section-title h2, .cc--heading-description.color-teal .f--section-title h2 { color: #FFF; } .cc--heading-description.color-black .f--section-title h2 a, .cc--heading-description.color-blue .f--section-title h2 a, .cc--heading-description.color-dark-gray .f--section-title h2 a, .cc--heading-description.color-red .f--section-title h2 a, .cc--heading-description.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--heading-description.color-black .f--sub-title h3, .cc--heading-description.color-blue .f--sub-title h3, .cc--heading-description.color-dark-gray .f--sub-title h3, .cc--heading-description.color-red .f--sub-title h3, .cc--heading-description.color-teal .f--sub-title h3 { color: #FFF; } .cc--heading-description.color-black .f--sub-title h3 a, .cc--heading-description.color-blue .f--sub-title h3 a, .cc--heading-description.color-dark-gray .f--sub-title h3 a, .cc--heading-description.color-red .f--sub-title h3 a, .cc--heading-description.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--heading-description.color-black .f--page-title h1, .cc--heading-description.color-blue .f--page-title h1, .cc--heading-description.color-dark-gray .f--page-title h1, .cc--heading-description.color-red .f--page-title h1, .cc--heading-description.color-teal .f--page-title h1 { color: #FFF; } .cc--heading-description.color-black .stat-item .f--text, .cc--heading-description.color-black .stat-item .f--stat-prefix, .cc--heading-description.color-black .stat-item .f--stat-suffix, .cc--heading-description.color-blue .stat-item .f--text, .cc--heading-description.color-blue .stat-item .f--stat-prefix, .cc--heading-description.color-blue .stat-item .f--stat-suffix, .cc--heading-description.color-dark-gray .stat-item .f--text, .cc--heading-description.color-dark-gray .stat-item .f--stat-prefix, .cc--heading-description.color-dark-gray .stat-item .f--stat-suffix, .cc--heading-description.color-red .stat-item .f--text, .cc--heading-description.color-red .stat-item .f--stat-prefix, .cc--heading-description.color-red .stat-item .f--stat-suffix, .cc--heading-description.color-teal .stat-item .f--text, .cc--heading-description.color-teal .stat-item .f--stat-prefix, .cc--heading-description.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--heading-description.color-black .f--stat-subheading, .cc--heading-description.color-black .f--description, .cc--heading-description.color-black .f--stat-headline, .cc--heading-description.color-blue .f--stat-subheading, .cc--heading-description.color-blue .f--description, .cc--heading-description.color-blue .f--stat-headline, .cc--heading-description.color-dark-gray .f--stat-subheading, .cc--heading-description.color-dark-gray .f--description, .cc--heading-description.color-dark-gray .f--stat-headline, .cc--heading-description.color-red .f--stat-subheading, .cc--heading-description.color-red .f--description, .cc--heading-description.color-red .f--stat-headline, .cc--heading-description.color-teal .f--stat-subheading, .cc--heading-description.color-teal .f--description, .cc--heading-description.color-teal .f--stat-headline { color: #FFF; } .cc--heading-description.color-black .f--link .button, .cc--heading-description.color-blue .f--link .button, .cc--heading-description.color-dark-gray .f--link .button, .cc--heading-description.color-red .f--link .button, .cc--heading-description.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--heading-description.color-black .f--link .button, .cc--heading-description.color-blue .f--link .button, .cc--heading-description.color-dark-gray .f--link .button, .cc--heading-description.color-red .f--link .button, .cc--heading-description.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--link .button, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--heading-description.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--heading-description.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--heading-description.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--heading-description.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--heading-description.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--heading-description.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--heading-description.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--heading-description.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--heading-description.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--heading-description.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--heading-description.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--heading-description.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--heading-description.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--heading-description.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--heading-description.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--heading-description.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--heading-description.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--heading-description.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--heading-description.color-black .swiper-button-prev svg, .cc--heading-description.color-black .swiper-button-next svg, .cc--heading-description.color-blue .swiper-button-prev svg, .cc--heading-description.color-blue .swiper-button-next svg, .cc--heading-description.color-dark-gray .swiper-button-prev svg, .cc--heading-description.color-dark-gray .swiper-button-next svg, .cc--heading-description.color-red .swiper-button-prev svg, .cc--heading-description.color-red .swiper-button-next svg, .cc--heading-description.color-teal .swiper-button-prev svg, .cc--heading-description.color-teal .swiper-button-next svg { fill: #FFF; } .cc--heading-description.color-black .swiper-button-wrapper::before, .cc--heading-description.color-blue .swiper-button-wrapper::before, .cc--heading-description.color-dark-gray .swiper-button-wrapper::before, .cc--heading-description.color-red .swiper-button-wrapper::before, .cc--heading-description.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--heading-description.color-black .swiper-pagination-bullet, .cc--heading-description.color-blue .swiper-pagination-bullet, .cc--heading-description.color-dark-gray .swiper-pagination-bullet, .cc--heading-description.color-red .swiper-pagination-bullet, .cc--heading-description.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--heading-description.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--heading-description.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--heading-description.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--heading-description.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--heading-description.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--heading-description.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--heading-description.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--heading-description.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--heading-description.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--heading-description.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--heading-description.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--heading-description.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--heading-description.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--heading-description.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--heading-description.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--heading-description.color-black .cc--user-choice-vertical-slide h2, .cc--heading-description.color-blue .cc--user-choice-vertical-slide h2, .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--heading-description.color-red .cc--user-choice-vertical-slide h2, .cc--heading-description.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--heading-description.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--heading-description.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--heading-description.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--heading-description.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--heading-description.color-black .cc--user-choice-vertical-slide .f--description p, .cc--heading-description.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--heading-description.color-red .cc--user-choice-vertical-slide .f--description p, .cc--heading-description.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--heading-description.color-black .cc--user-choice-vertical-slide .f--link a, .cc--heading-description.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--heading-description.color-red .cc--user-choice-vertical-slide .f--link a, .cc--heading-description.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--heading-description.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--heading-description.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--heading-description.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--heading-description.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--heading-description.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--heading-description.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--heading-description.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--heading-description.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--heading-description.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--heading-description.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--heading-description.color-black .cc--user-choice-vertical-slide .icon-close, .cc--heading-description.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--heading-description.color-red .cc--user-choice-vertical-slide .icon-close, .cc--heading-description.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--heading-description.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--heading-description.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--heading-description.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--heading-description.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--heading-description.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--heading-description.color-pale-yellow { background-color: #FCE488; } .cc--heading-description.color-pale-teal { background-color: #87C3BE; } .cc--heading-description.color-pale-blue { background-color: #92D6E3; } .cc--heading-description .c--heading-description { max-width: 1440px; margin: 0 auto; } .cc--heading-description .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--heading-description .inner-wrapper { padding-top: 4.375rem; padding-right: 12%; padding-bottom: 3.125rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--heading-description .inner-wrapper { padding-top: 5rem; padding-right: 20%; padding-bottom: 3.75rem; padding-left: 20%; } } .cc--heading-description .f--section-title { margin-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .cc--heading-description .f--section-title { margin-bottom: 2.5rem; } } .cc--heading-description .cta-container { text-align: center; } .cc--heading-description .f--link { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--heading-description .f--link { margin-top: 2.5rem; } } .cc--heading-description.two-col .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--heading-description.two-col .inner-wrapper { padding-bottom: 4.375rem; } .cc--heading-description.two-col .text-container { margin-right: 0; margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: none; } .cc--heading-description.two-col .f--section-title { margin-bottom: 0; padding-right: 2.38095%; } .cc--heading-description.two-col .f--section-title h2 { margin-bottom: 0; } .cc--heading-description.two-col .cta-container { padding-top: 0.625rem; padding-left: 2.38095%; } .cc--heading-description.two-col .f--section-title, .cc--heading-description.two-col .cta-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; } } @media screen and (min-width: 1024px) { .cc--heading-description.two-col .inner-wrapper { padding-bottom: 5rem; } .cc--heading-description.two-col .text-container { margin-right: 0; margin-left: 0; max-width: none; } .cc--heading-description.two-col .text-container .cta-container { padding-top: 1.25rem; } } .cc--heading-description.vertical-animated { opacity: 0; } .cc--heading-description.vertical-animated .c--heading-description { -webkit-transform: translateY(30%); transform: translateY(30%); } .cc--hero-basic.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--hero-basic.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--hero-basic.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--hero-basic.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--hero-basic.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--hero-basic.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--hero-basic.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--hero-basic.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--hero-basic.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--hero-basic.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--hero-basic.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--hero-basic.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--hero-basic.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--hero-basic.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--hero-basic.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--hero-basic.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--hero-basic.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--hero-basic.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--hero-basic.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--hero-basic.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--hero-basic.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--hero-basic.color-white .f--link .button, .cc--hero-basic.color-light-gray .f--link .button { background-color: transparent; } .cc--hero-basic.color-white .f--link .button:hover, .cc--hero-basic.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--hero-basic.color-pale-teal .f--link .button, .cc--hero-basic.color-pale-yellow .f--link .button, .cc--hero-basic.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--hero-basic.color-pale-teal .f--link .button, .cc--hero-basic.color-pale-yellow .f--link .button, .cc--hero-basic.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--hero-basic.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--hero-basic.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--hero-basic.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--hero-basic.color-black .f--description, .cc--hero-basic.color-black .f--text, .cc--hero-basic.color-black .f--category, .cc--hero-basic.color-blue .f--description, .cc--hero-basic.color-blue .f--text, .cc--hero-basic.color-blue .f--category, .cc--hero-basic.color-dark-gray .f--description, .cc--hero-basic.color-dark-gray .f--text, .cc--hero-basic.color-dark-gray .f--category, .cc--hero-basic.color-red .f--description, .cc--hero-basic.color-red .f--text, .cc--hero-basic.color-red .f--category, .cc--hero-basic.color-teal .f--description, .cc--hero-basic.color-teal .f--text, .cc--hero-basic.color-teal .f--category { color: #FFF; } .cc--hero-basic.color-black .f--description p, .cc--hero-basic.color-black .f--description li, .cc--hero-basic.color-black .f--description a, .cc--hero-basic.color-black .f--text p, .cc--hero-basic.color-black .f--text li, .cc--hero-basic.color-black .f--text a, .cc--hero-basic.color-black .f--category p, .cc--hero-basic.color-black .f--category li, .cc--hero-basic.color-black .f--category a, .cc--hero-basic.color-blue .f--description p, .cc--hero-basic.color-blue .f--description li, .cc--hero-basic.color-blue .f--description a, .cc--hero-basic.color-blue .f--text p, .cc--hero-basic.color-blue .f--text li, .cc--hero-basic.color-blue .f--text a, .cc--hero-basic.color-blue .f--category p, .cc--hero-basic.color-blue .f--category li, .cc--hero-basic.color-blue .f--category a, .cc--hero-basic.color-dark-gray .f--description p, .cc--hero-basic.color-dark-gray .f--description li, .cc--hero-basic.color-dark-gray .f--description a, .cc--hero-basic.color-dark-gray .f--text p, .cc--hero-basic.color-dark-gray .f--text li, .cc--hero-basic.color-dark-gray .f--text a, .cc--hero-basic.color-dark-gray .f--category p, .cc--hero-basic.color-dark-gray .f--category li, .cc--hero-basic.color-dark-gray .f--category a, .cc--hero-basic.color-red .f--description p, .cc--hero-basic.color-red .f--description li, .cc--hero-basic.color-red .f--description a, .cc--hero-basic.color-red .f--text p, .cc--hero-basic.color-red .f--text li, .cc--hero-basic.color-red .f--text a, .cc--hero-basic.color-red .f--category p, .cc--hero-basic.color-red .f--category li, .cc--hero-basic.color-red .f--category a, .cc--hero-basic.color-teal .f--description p, .cc--hero-basic.color-teal .f--description li, .cc--hero-basic.color-teal .f--description a, .cc--hero-basic.color-teal .f--text p, .cc--hero-basic.color-teal .f--text li, .cc--hero-basic.color-teal .f--text a, .cc--hero-basic.color-teal .f--category p, .cc--hero-basic.color-teal .f--category li, .cc--hero-basic.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--description a, html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--text a, html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--category a, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--description a, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--text a, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--category a, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--description a, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--text a, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--category a, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--description a, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--text a, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--category a:hover { color: #FFF; } .cc--hero-basic.color-black .f--section-title h2, .cc--hero-basic.color-blue .f--section-title h2, .cc--hero-basic.color-dark-gray .f--section-title h2, .cc--hero-basic.color-red .f--section-title h2, .cc--hero-basic.color-teal .f--section-title h2 { color: #FFF; } .cc--hero-basic.color-black .f--section-title h2 a, .cc--hero-basic.color-blue .f--section-title h2 a, .cc--hero-basic.color-dark-gray .f--section-title h2 a, .cc--hero-basic.color-red .f--section-title h2 a, .cc--hero-basic.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--hero-basic.color-black .f--sub-title h3, .cc--hero-basic.color-blue .f--sub-title h3, .cc--hero-basic.color-dark-gray .f--sub-title h3, .cc--hero-basic.color-red .f--sub-title h3, .cc--hero-basic.color-teal .f--sub-title h3 { color: #FFF; } .cc--hero-basic.color-black .f--sub-title h3 a, .cc--hero-basic.color-blue .f--sub-title h3 a, .cc--hero-basic.color-dark-gray .f--sub-title h3 a, .cc--hero-basic.color-red .f--sub-title h3 a, .cc--hero-basic.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--hero-basic.color-black .f--page-title h1, .cc--hero-basic.color-blue .f--page-title h1, .cc--hero-basic.color-dark-gray .f--page-title h1, .cc--hero-basic.color-red .f--page-title h1, .cc--hero-basic.color-teal .f--page-title h1 { color: #FFF; } .cc--hero-basic.color-black .stat-item .f--text, .cc--hero-basic.color-black .stat-item .f--stat-prefix, .cc--hero-basic.color-black .stat-item .f--stat-suffix, .cc--hero-basic.color-blue .stat-item .f--text, .cc--hero-basic.color-blue .stat-item .f--stat-prefix, .cc--hero-basic.color-blue .stat-item .f--stat-suffix, .cc--hero-basic.color-dark-gray .stat-item .f--text, .cc--hero-basic.color-dark-gray .stat-item .f--stat-prefix, .cc--hero-basic.color-dark-gray .stat-item .f--stat-suffix, .cc--hero-basic.color-red .stat-item .f--text, .cc--hero-basic.color-red .stat-item .f--stat-prefix, .cc--hero-basic.color-red .stat-item .f--stat-suffix, .cc--hero-basic.color-teal .stat-item .f--text, .cc--hero-basic.color-teal .stat-item .f--stat-prefix, .cc--hero-basic.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--hero-basic.color-black .f--stat-subheading, .cc--hero-basic.color-black .f--description, .cc--hero-basic.color-black .f--stat-headline, .cc--hero-basic.color-blue .f--stat-subheading, .cc--hero-basic.color-blue .f--description, .cc--hero-basic.color-blue .f--stat-headline, .cc--hero-basic.color-dark-gray .f--stat-subheading, .cc--hero-basic.color-dark-gray .f--description, .cc--hero-basic.color-dark-gray .f--stat-headline, .cc--hero-basic.color-red .f--stat-subheading, .cc--hero-basic.color-red .f--description, .cc--hero-basic.color-red .f--stat-headline, .cc--hero-basic.color-teal .f--stat-subheading, .cc--hero-basic.color-teal .f--description, .cc--hero-basic.color-teal .f--stat-headline { color: #FFF; } .cc--hero-basic.color-black .f--link .button, .cc--hero-basic.color-blue .f--link .button, .cc--hero-basic.color-dark-gray .f--link .button, .cc--hero-basic.color-red .f--link .button, .cc--hero-basic.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--hero-basic.color-black .f--link .button, .cc--hero-basic.color-blue .f--link .button, .cc--hero-basic.color-dark-gray .f--link .button, .cc--hero-basic.color-red .f--link .button, .cc--hero-basic.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--hero-basic.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--hero-basic.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--hero-basic.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--hero-basic.color-black .swiper-button-prev svg, .cc--hero-basic.color-black .swiper-button-next svg, .cc--hero-basic.color-blue .swiper-button-prev svg, .cc--hero-basic.color-blue .swiper-button-next svg, .cc--hero-basic.color-dark-gray .swiper-button-prev svg, .cc--hero-basic.color-dark-gray .swiper-button-next svg, .cc--hero-basic.color-red .swiper-button-prev svg, .cc--hero-basic.color-red .swiper-button-next svg, .cc--hero-basic.color-teal .swiper-button-prev svg, .cc--hero-basic.color-teal .swiper-button-next svg { fill: #FFF; } .cc--hero-basic.color-black .swiper-button-wrapper::before, .cc--hero-basic.color-blue .swiper-button-wrapper::before, .cc--hero-basic.color-dark-gray .swiper-button-wrapper::before, .cc--hero-basic.color-red .swiper-button-wrapper::before, .cc--hero-basic.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--hero-basic.color-black .swiper-pagination-bullet, .cc--hero-basic.color-blue .swiper-pagination-bullet, .cc--hero-basic.color-dark-gray .swiper-pagination-bullet, .cc--hero-basic.color-red .swiper-pagination-bullet, .cc--hero-basic.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--hero-basic.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--hero-basic.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--hero-basic.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--hero-basic.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--hero-basic.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--hero-basic.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--hero-basic.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--hero-basic.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--hero-basic.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--hero-basic.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--hero-basic.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--hero-basic.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--hero-basic.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--hero-basic.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--hero-basic.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--hero-basic.color-black .cc--user-choice-vertical-slide h2, .cc--hero-basic.color-blue .cc--user-choice-vertical-slide h2, .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--hero-basic.color-red .cc--user-choice-vertical-slide h2, .cc--hero-basic.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--hero-basic.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--hero-basic.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--hero-basic.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--hero-basic.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--hero-basic.color-black .cc--user-choice-vertical-slide .f--description p, .cc--hero-basic.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--hero-basic.color-red .cc--user-choice-vertical-slide .f--description p, .cc--hero-basic.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--hero-basic.color-black .cc--user-choice-vertical-slide .f--link a, .cc--hero-basic.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--hero-basic.color-red .cc--user-choice-vertical-slide .f--link a, .cc--hero-basic.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--hero-basic.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--hero-basic.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--hero-basic.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--hero-basic.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--hero-basic.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--hero-basic.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--hero-basic.color-black .cc--user-choice-vertical-slide .icon-close, .cc--hero-basic.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--hero-basic.color-red .cc--user-choice-vertical-slide .icon-close, .cc--hero-basic.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--hero-basic.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--hero-basic.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--hero-basic.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--hero-basic.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--hero-basic.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--hero-basic.color-pale-yellow { background-color: #FCE488; } .cc--hero-basic.color-pale-teal { background-color: #87C3BE; } .cc--hero-basic.color-pale-blue { background-color: #92D6E3; } .cc--hero-basic .c--hero-basic { max-width: 1440px; margin: 0 auto; } .cc--hero-basic .c--hero-basic .outer-wrapper { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--hero-basic .c--hero-basic .outer-wrapper { padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--hero-basic .c--hero-basic .outer-wrapper { padding-top: 4.375rem; padding-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--hero-basic .c--hero-basic .text-wrapper { width: 80.43478%; } } .cc--hero-basic .c--hero-basic .f--text { font-size: 1rem; line-height: 1.75; margin-top: 0.3125rem; } @media screen and (min-width: 768px) { .cc--hero-basic .c--hero-basic .f--text { font-size: 1.375rem; line-height: 1.6364; margin-top: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--hero-basic .c--hero-basic .f--text { margin-top: 1.875rem; padding-right: 18.91892%; } } .cc--hero-basic.bg-image .f--description, .cc--hero-basic.bg-image .f--text, .cc--hero-basic.bg-image .f--category, .cc--hero-basic.bg-video .f--description, .cc--hero-basic.bg-video .f--text, .cc--hero-basic.bg-video .f--category { color: #FFF; } .cc--hero-basic.bg-image .f--description p, .cc--hero-basic.bg-image .f--description li, .cc--hero-basic.bg-image .f--description a, .cc--hero-basic.bg-image .f--text p, .cc--hero-basic.bg-image .f--text li, .cc--hero-basic.bg-image .f--text a, .cc--hero-basic.bg-image .f--category p, .cc--hero-basic.bg-image .f--category li, .cc--hero-basic.bg-image .f--category a, .cc--hero-basic.bg-video .f--description p, .cc--hero-basic.bg-video .f--description li, .cc--hero-basic.bg-video .f--description a, .cc--hero-basic.bg-video .f--text p, .cc--hero-basic.bg-video .f--text li, .cc--hero-basic.bg-video .f--text a, .cc--hero-basic.bg-video .f--category p, .cc--hero-basic.bg-video .f--category li, .cc--hero-basic.bg-video .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--description a, html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--text a, html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--category a, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--description a, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--text a, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--description a:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--text a:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--category a:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--description a:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--text a:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--category a:hover { color: #FFF; } .cc--hero-basic.bg-image .f--section-title h2, .cc--hero-basic.bg-video .f--section-title h2 { color: #FFF; } .cc--hero-basic.bg-image .f--section-title h2 a, .cc--hero-basic.bg-video .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--section-title h2 a, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--section-title h2 a:hover { color: #FFF; } .cc--hero-basic.bg-image .f--sub-title h3, .cc--hero-basic.bg-video .f--sub-title h3 { color: #FFF; } .cc--hero-basic.bg-image .f--sub-title h3 a, .cc--hero-basic.bg-video .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--sub-title h3 a:hover { color: #FFF; } .cc--hero-basic.bg-image .f--page-title h1, .cc--hero-basic.bg-video .f--page-title h1 { color: #FFF; } .cc--hero-basic.bg-image .stat-item .f--text, .cc--hero-basic.bg-image .stat-item .f--stat-prefix, .cc--hero-basic.bg-image .stat-item .f--stat-suffix, .cc--hero-basic.bg-video .stat-item .f--text, .cc--hero-basic.bg-video .stat-item .f--stat-prefix, .cc--hero-basic.bg-video .stat-item .f--stat-suffix { color: #FFF; } .cc--hero-basic.bg-image .f--stat-subheading, .cc--hero-basic.bg-image .f--description, .cc--hero-basic.bg-image .f--stat-headline, .cc--hero-basic.bg-video .f--stat-subheading, .cc--hero-basic.bg-video .f--description, .cc--hero-basic.bg-video .f--stat-headline { color: #FFF; } .cc--hero-basic.bg-image .f--link .button, .cc--hero-basic.bg-video .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--hero-basic.bg-image .f--link .button, .cc--hero-basic.bg-video .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--link .button, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--link .button:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--link .button.disabled, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .swiper-button-prev, html[data-whatintent="mouse"] .cc--hero-basic.bg-image .swiper-button-next, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .swiper-button-prev, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-basic.bg-image .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.bg-image .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--hero-basic.bg-video .swiper-button-next:hover svg { fill: #FFF; } .cc--hero-basic.bg-image .swiper-button-prev svg, .cc--hero-basic.bg-image .swiper-button-next svg, .cc--hero-basic.bg-video .swiper-button-prev svg, .cc--hero-basic.bg-video .swiper-button-next svg { fill: #FFF; } .cc--hero-basic.bg-image .swiper-button-wrapper::before, .cc--hero-basic.bg-video .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--hero-basic.bg-image .swiper-pagination-bullet, .cc--hero-basic.bg-video .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--hero-basic.bg-image .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--hero-basic.bg-video .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--hero-basic.bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--hero-basic.bg-video .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--hero-basic.bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--hero-basic.bg-video .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } .cc--hero-basic.bg-image .c--hero-basic, .cc--hero-basic.bg-video .c--hero-basic { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; position: relative; max-width: none; height: 25rem; } @media screen and (min-width: 768px) { .cc--hero-basic.bg-image .c--hero-basic, .cc--hero-basic.bg-video .c--hero-basic { height: 37.5rem; } } .cc--hero-basic.bg-image .c--hero-basic .outer-wrapper, .cc--hero-basic.bg-video .c--hero-basic .outer-wrapper { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; } .cc--hero-basic.bg-image .c--hero-basic .inner-wrapper, .cc--hero-basic.bg-video .c--hero-basic .inner-wrapper { max-width: 1440px; margin: 0 auto; 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; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100%; } .cc--hero-basic.bg-image .c--hero-basic .text-container, .cc--hero-basic.bg-video .c--hero-basic .text-container { padding-right: 8%; padding-bottom: 1.875rem; padding-left: 4%; } @media screen and (min-width: 768px) { .cc--hero-basic.bg-image .c--hero-basic .text-container, .cc--hero-basic.bg-video .c--hero-basic .text-container { padding-right: 4%; padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--hero-basic.bg-image .c--hero-basic .text-container, .cc--hero-basic.bg-video .c--hero-basic .text-container { padding-bottom: 3.75rem; } } .cc--hero-basic.bg-image .c--hero-basic .text-container .text-wrapper, .cc--hero-basic.bg-video .c--hero-basic .text-container .text-wrapper { padding-left: 1.4375rem; border-left: 0.625rem solid #C03; } @media screen and (min-width: 768px) { .cc--hero-basic.bg-image .c--hero-basic .text-container .text-wrapper, .cc--hero-basic.bg-video .c--hero-basic .text-container .text-wrapper { padding-left: 2.5rem; } } .cc--hero-basic.bg-image .c--hero-basic .f--page-title h1, .cc--hero-basic.bg-video .c--hero-basic .f--page-title h1 { font-size: 2.25rem; line-height: 1.2223; } @media screen and (min-width: 768px) { .cc--hero-basic.bg-image .c--hero-basic .f--page-title h1, .cc--hero-basic.bg-video .c--hero-basic .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; } } @media screen and (min-width: 1024px) { .cc--hero-basic.bg-image .c--hero-basic .f--page-title h1, .cc--hero-basic.bg-video .c--hero-basic .f--page-title h1 { font-size: 4rem; line-height: 1.125; } } .cc--hero-basic.bg-image .c--hero-basic .f--text, .cc--hero-basic.bg-video .c--hero-basic .f--text { font-size: 1.125rem; line-height: 1.7778; } @media screen and (min-width: 768px) { .cc--hero-basic.bg-image .c--hero-basic .f--text, .cc--hero-basic.bg-video .c--hero-basic .f--text { font-size: 1.375rem; line-height: 1.6364; } } .cc--hero-basic.bg-image .c--hero-basic .hero-bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--hero-basic.bg-image .c--hero-basic .outer-wrapper { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(transparent)); background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent); } .cc--hero-basic.bg-video .c--hero-basic .f--ambient-video { padding-bottom: 0; height: 100%; } .cc--hero-headline-image .text-container { max-width: 1440px; margin: 0 auto; } .cc--hero-headline-image .text-container-inner { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--hero-headline-image .text-container-inner { padding-top: 2.5rem; padding-right: 12%; padding-bottom: 1.875rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--hero-headline-image .text-container-inner { padding-top: 5rem; padding-right: 10%; padding-bottom: 3.75rem; padding-left: 20%; } } .cc--hero-headline-image .text-container-inner .f--page-title h1 { font-size: 2rem; line-height: 1.25; } @media screen and (min-width: 768px) { .cc--hero-headline-image .text-container-inner .f--page-title h1 { font-size: 3rem; line-height: 1.1667; } } @media screen and (min-width: 1024px) { .cc--hero-headline-image .text-container-inner .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; } } .cc--hero-headline-image .caption-credit { max-width: 1440px; margin: 0 auto; } .cc--hero-headline-image .caption-credit .inner-wrapper { padding-top: 0.9375rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--hero-headline-image .caption-credit .inner-wrapper { padding-top: 1.25rem; padding-right: 12%; padding-bottom: 1.875rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--hero-headline-image .caption-credit .inner-wrapper { padding-top: 1.25rem; padding-right: 20%; padding-bottom: 1.25rem; padding-left: 20%; } } .cc--hero-headline-image .caption-credit .f--description { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .cc--hero-headline-image .caption-credit .f--description { font-size: 0.875rem; line-height: 1.7143; } } .cc--hero-headline-image .caption-credit .f--description p { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .cc--hero-headline-image .caption-credit .f--description p { font-size: 0.875rem; line-height: 1.7143; } } .cc--hero-headline-over-image .article-hero-wrapper { position: relative; } .cc--hero-headline-over-image .article-hero-wrapper .article-hero-wrapper-image { height: 18.75rem; background-repeat: no-repeat; background-position: center; background-size: cover; } @media screen and (min-width: 768px) { .cc--hero-headline-over-image .article-hero-wrapper .article-hero-wrapper-image { height: 42.1875rem; } } @media screen and (min-width: 768px) { .cc--hero-headline-over-image .article-hero-wrapper .article-hero-wrapper-image::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(transparent)); background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent); content: ''; z-index: 0; } } .cc--hero-headline-over-image .article-hero-wrapper .text-container { max-width: 1440px; margin: 0 auto; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; color: #000; } @media screen and (min-width: 768px) { .cc--hero-headline-over-image .article-hero-wrapper .text-container { padding-top: 0; padding-right: 6%; padding-bottom: 3.125rem; padding-left: 6%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 100%; z-index: 1; } } @media screen and (min-width: 1024px) { .cc--hero-headline-over-image .article-hero-wrapper .text-container { padding-right: 4%; padding-bottom: 3.75rem; padding-left: 4%; font-size: 0.875rem; line-height: 1.4286; } } @media screen and (min-width: 768px) { .cc--hero-headline-over-image .article-hero-wrapper .text-container .f--category { text-align: center; } } @media screen and (min-width: 768px) { .cc--hero-headline-over-image .article-hero-wrapper .text-container .f--category a { color: #FFF; } } .cc--hero-headline-over-image .article-hero-wrapper .text-container .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-weight: bold; } @media screen and (min-width: 768px) { .cc--hero-headline-over-image .article-hero-wrapper .text-container .f--page-title h1 { font-size: 3rem; line-height: 1.1667; color: #FFF; text-align: center; } } @media screen and (min-width: 1024px) { .cc--hero-headline-over-image .article-hero-wrapper .text-container .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; } } .cc--hero-headline-over-image .caption-credit { max-width: 1440px; margin: 0 auto; } .cc--hero-headline-over-image .caption-credit .inner-wrapper { padding-top: 0.9375rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--hero-headline-over-image .caption-credit .inner-wrapper { padding-top: 1.25rem; padding-right: 12%; padding-bottom: 1.875rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--hero-headline-over-image .caption-credit .inner-wrapper { padding-top: 1.25rem; padding-right: 20%; padding-bottom: 1.25rem; padding-left: 20%; } } .cc--hero-headline-over-image .caption-credit .f--description { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .cc--hero-headline-over-image .caption-credit .f--description { font-size: 0.875rem; line-height: 1.7143; } } .cc--hero-headline-over-image .caption-credit .f--description p { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .cc--hero-headline-over-image .caption-credit .f--description p { font-size: 0.875rem; line-height: 1.7143; } } .cc--hero-headline { max-width: 1440px; margin: 0 auto; } .cc--hero-headline .c--hero-headline { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--hero-headline .c--hero-headline { padding-top: 2.5rem; padding-right: 12%; padding-bottom: 1.875rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--hero-headline .c--hero-headline { padding-top: 5rem; padding-right: 10%; padding-bottom: 0; padding-left: 20%; } } .cc--hero-headline .f--page-title h1 { font-size: 2rem; line-height: 1.25; } @media screen and (min-width: 768px) { .cc--hero-headline .f--page-title h1 { font-size: 3rem; line-height: 1.1667; } } @media screen and (min-width: 1024px) { .cc--hero-headline .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; } } .cc--hero-home { position: relative; } .cc--hero-home::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.2); content: ''; z-index: 3; } @media screen and (min-width: 1024px) { .cc--hero-home::before { position: absolute; top: 0; left: 0; width: 100%; height: 18.75rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(transparent)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent); content: ''; z-index: 3; } } @media screen and (min-width: 1200px) { .cc--hero-home::before { height: 15.625rem; } } .cc--hero-home .image-video { position: relative; height: 100vh; overflow: hidden; } .cc--hero-home .branding-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 2.5rem; width: 84%; z-index: 4; } @media screen and (min-width: 768px) { .cc--hero-home .branding-container { width: 80%; } } @media screen and (min-width: 1024px) { .cc--hero-home .branding-container { width: 64%; } } @media screen and (min-width: 1200px) { .cc--hero-home .branding-container { max-width: 53.875rem; } } .cc--hero-home .scroll-button { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: #C03; z-index: 4; } @media screen and (min-width: 1024px) { .cc--hero-home .scroll-button { width: 5rem; height: 5rem; } } .cc--hero-home .scroll-button svg { width: 0.9375rem; height: 0.5625rem; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @media screen and (min-width: 1024px) { .cc--hero-home .scroll-button svg { width: 1.125rem; height: 0.6875rem; } } .cc--hero-home .scroll-button svg path { fill: #FFF; } .cc--hero-home .branding-animation-anchor { position: absolute; top: 50vh; } .cc--hero-magazine-feature .inner-wrapper { padding-bottom: 1.875rem; } @media screen and (min-width: 500px) { .cc--hero-magazine-feature .inner-wrapper { padding-bottom: 3.125rem; } } @media screen and (min-width: 768px) { .cc--hero-magazine-feature .inner-wrapper { padding-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--hero-magazine-feature .inner-wrapper { padding-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--hero-magazine-feature .hero-bg-image { margin-bottom: 2.5rem; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 36rem; background-repeat: no-repeat; background-position: center; background-size: cover; text-decoration: none; } @media screen and (min-width: 768px) { .cc--hero-magazine-feature .hero-bg-image { margin-bottom: 3.75rem; padding-top: 2.5rem; padding-bottom: 2.5rem; height: 42.1875rem; } } @media screen and (min-width: 1024px) { .cc--hero-magazine-feature .hero-bg-image { margin-bottom: 0; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 3.75rem; padding-left: 4%; position: -webkit-sticky; position: sticky; top: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100vh; } .magazine-landing .cc--hero-magazine-feature .hero-bg-image { top: 12.3125rem; height: calc(100vh - 12.3125rem); } } .cc--hero-magazine-feature .hero-bg-image::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(transparent)); background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent); content: ''; } .cc--hero-magazine-feature .hero-bg-image .text-container { max-width: 46.875rem; margin: 0 auto; position: relative; text-align: center; z-index: 1; } .cc--hero-magazine-feature .hero-bg-image .text-container .f--description, .cc--hero-magazine-feature .hero-bg-image .text-container .f--text, .cc--hero-magazine-feature .hero-bg-image .text-container .f--category { color: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .f--description p, .cc--hero-magazine-feature .hero-bg-image .text-container .f--description li, .cc--hero-magazine-feature .hero-bg-image .text-container .f--description a, .cc--hero-magazine-feature .hero-bg-image .text-container .f--text p, .cc--hero-magazine-feature .hero-bg-image .text-container .f--text li, .cc--hero-magazine-feature .hero-bg-image .text-container .f--text a, .cc--hero-magazine-feature .hero-bg-image .text-container .f--category p, .cc--hero-magazine-feature .hero-bg-image .text-container .f--category li, .cc--hero-magazine-feature .hero-bg-image .text-container .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--description a, html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--text a, html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--description a:hover, html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--text a:hover, html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--category a:hover { color: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .f--section-title h2 { color: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--section-title h2 a:hover { color: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .f--sub-title h3 { color: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--sub-title h3 a:hover { color: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .f--page-title h1 { color: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .stat-item .f--text, .cc--hero-magazine-feature .hero-bg-image .text-container .stat-item .f--stat-prefix, .cc--hero-magazine-feature .hero-bg-image .text-container .stat-item .f--stat-suffix { color: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .f--stat-subheading, .cc--hero-magazine-feature .hero-bg-image .text-container .f--description, .cc--hero-magazine-feature .hero-bg-image .text-container .f--stat-headline { color: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--hero-magazine-feature .hero-bg-image .text-container .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .swiper-button-prev, html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--hero-magazine-feature .hero-bg-image .text-container .swiper-button-next:hover svg { fill: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .swiper-button-prev svg, .cc--hero-magazine-feature .hero-bg-image .text-container .swiper-button-next svg { fill: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--hero-magazine-feature .hero-bg-image .text-container .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--hero-magazine-feature .hero-bg-image .text-container .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--hero-magazine-feature .hero-bg-image .text-container .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--hero-magazine-feature .hero-bg-image .text-container .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } .cc--hero-magazine-feature .hero-bg-image .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--hero-magazine-feature .hero-bg-image .f--section-title h2 { font-size: 3rem; line-height: 1.1667; margin-bottom: 1.875rem; } } @media screen and (min-width: 500px) { .cc--hero-magazine-feature .hero-stories { padding-right: 8%; padding-left: 8%; } } @media screen and (min-width: 768px) { .cc--hero-magazine-feature .hero-stories { padding-right: 4%; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .cc--hero-magazine-feature .hero-stories { padding-top: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 30.43478%; flex: 0 0 30.43478%; overflow: auto; } } .cc--hero-magazine-feature .hero-stories .cc--news-card-video, .cc--hero-magazine-feature .hero-stories .cc--news-card { margin-bottom: 1.875rem; } .cc--hero-magazine-feature .hero-stories .cc--news-card-video:last-child, .cc--hero-magazine-feature .hero-stories .cc--news-card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--hero-magazine-feature .hero-stories .cc--news-card-video, .cc--hero-magazine-feature .hero-stories .cc--news-card { margin-bottom: 3.125rem; -webkit-box-flex: 0; -ms-flex: 0 0 47.82609%; flex: 0 0 47.82609%; } .cc--hero-magazine-feature .hero-stories .cc--news-card-video:nth-child(odd), .cc--hero-magazine-feature .hero-stories .cc--news-card:nth-child(odd) { margin-right: 4.34783%; } .cc--hero-magazine-feature .hero-stories .cc--news-card-video:nth-child(2n+1):nth-last-child(-n+2), .cc--hero-magazine-feature .hero-stories .cc--news-card-video:nth-child(2n+1):nth-last-child(-n+2) ~ article, .cc--hero-magazine-feature .hero-stories .cc--news-card:nth-child(2n+1):nth-last-child(-n+2), .cc--hero-magazine-feature .hero-stories .cc--news-card:nth-child(2n+1):nth-last-child(-n+2) ~ article { margin-bottom: 0; } } @media screen and (min-width: 1024px) { .cc--hero-magazine-feature .hero-stories .cc--news-card-video, .cc--hero-magazine-feature .hero-stories .cc--news-card { margin-bottom: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cc--hero-magazine-feature .hero-stories .cc--news-card-video:nth-child(odd), .cc--hero-magazine-feature .hero-stories .cc--news-card:nth-child(odd) { margin-right: 0; } .cc--hero-magazine-feature .hero-stories .cc--news-card-video:nth-child(2n+1):nth-last-child(-n+2), .cc--hero-magazine-feature .hero-stories .cc--news-card-video:nth-child(2n+1):nth-last-child(-n+2) ~ article, .cc--hero-magazine-feature .hero-stories .cc--news-card:nth-child(2n+1):nth-last-child(-n+2), .cc--hero-magazine-feature .hero-stories .cc--news-card:nth-child(2n+1):nth-last-child(-n+2) ~ article { margin-bottom: 3.75rem; } } .cc--hero-magazine-feature .hero-stories .c--news-card .text-container, .cc--hero-magazine-feature .hero-stories .c--news-card-video .text-container { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 500px) { .cc--hero-magazine-feature .hero-stories .c--news-card .text-container, .cc--hero-magazine-feature .hero-stories .c--news-card-video .text-container { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 500px) { .cc--hero-magazine-feature .hero-stories .c--news-card { overflow: hidden; } } .cc--hero-magazine-feature .hero-stories .c--news-card .f--image { display: block; } @media screen and (min-width: 500px) { .cc--hero-magazine-feature .hero-stories .c--news-card .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--hero-magazine-feature .hero-stories .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--hero-magazine-feature .hero-stories .c--news-card .f--image { margin-bottom: 1.25rem; } .cc--hero-news-feature .hero-content-wrapper { max-width: 1440px; margin: 0 auto; } .cc--hero-news-feature .inner-wrapper { padding-bottom: 3.125rem; } @media screen and (min-width: 768px) { .cc--hero-news-feature .inner-wrapper { padding-top: 3.25rem; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--hero-news-feature .inner-wrapper { padding-top: 3.75rem; } } .cc--hero-news-feature .inner-wrapper > .f--link { margin-top: 2.5rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--hero-news-feature .inner-wrapper > .f--link { padding-right: 0; padding-left: 0; text-align: center; } } @media screen and (min-width: 768px) { .cc--hero-news-feature .hero-stories-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--hero-news-feature .news-list-secondary-cards { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--hero-news-feature .news-list-secondary-cards { padding-right: 0; padding-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 21.73913%; flex: 0 0 21.73913%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .cc--hero-news-feature .news-list-secondary-cards .cc--news-card:not(:last-child) { margin-bottom: 1.875rem; } .cc--hero-news-feature .news-list-secondary-cards .f--image { margin-bottom: 1.25rem; } .cc--hero-news-feature .news-list-secondary-cards .f--sub-title h3 { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--hero-news-feature .news-list-secondary-cards .f--sub-title a { font-size: 1.25rem; line-height: 1.4; } } .cc--hero-news-feature .news-list-featured-card { margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--hero-news-feature .news-list-featured-card { margin-bottom: 0; padding-right: 4.34783%; padding-left: 4.34783%; -webkit-box-flex: 0; -ms-flex: 0 0 56.52174%; flex: 0 0 56.52174%; } } .cc--hero-news-feature .news-list-featured-card .c--news-card .f--image { margin-bottom: 1.25rem; } @media screen and (min-width: 500px) { .cc--hero-news-feature .news-list-featured-card .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--hero-news-feature .news-list-featured-card .c--news-card .text-container { padding-right: 8%; padding-left: 8%; text-align: center; } @media screen and (min-width: 768px) { .cc--hero-news-feature .news-list-featured-card .c--news-card .text-container { padding-right: 0; padding-left: 0; } } .cc--hero-news-feature .news-list-featured-card .f--category { text-align: center; } .cc--hero-news-feature .news-list-featured-card .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } @media screen and (min-width: 768px) { .cc--hero-news-feature .news-list-featured-card .f--sub-title a { font-size: 2rem; line-height: 1.25; } } @media screen and (min-width: 1024px) { .cc--hero-news-feature .news-list-featured-card .f--sub-title a { font-size: 2.5rem; line-height: 1.2; } } .cc--hero-news-feature .cc--latest-news { margin-bottom: 0; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--hero-news-feature .cc--latest-news { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 21.73913%; flex: 0 0 21.73913%; } } @media screen and (min-width: 1024px) { .cc--hero-news-feature .cc--latest-news .text-container .f--sub-title h3 a { font-size: 1.125rem; line-height: 1.4445; } } @media screen and (min-width: 1024px) { .cc--hero-news-feature .cc--latest-news .image-link { margin-bottom: 1.25rem; margin-left: 0.9375rem; } } .cc--hero-swoosh .c--hero-swoosh { position: relative; } .cc--hero-swoosh .c--hero-swoosh .bg-image-wrapper { position: relative; } .cc--hero-swoosh .c--hero-swoosh .bg-image-container { position: relative; height: 15.625rem; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } @media screen and (min-width: 768px) { .cc--hero-swoosh .c--hero-swoosh .bg-image-container { margin-left: 16%; width: 84%; height: 42.1875rem; } } @media screen and (min-width: 1024px) { .cc--hero-swoosh .c--hero-swoosh .bg-image-container { margin-left: 24%; width: 76%; } } @media screen and (min-width: 1440px) { .cc--hero-swoosh .c--hero-swoosh .bg-image-container { height: 45rem; } } .cc--hero-swoosh .c--hero-swoosh .bg-image-container::before { position: absolute; top: 0; left: -1px; width: 100%; height: 100%; background: url("../images/hero-swoosh-bg-red.png") no-repeat center center/100% 100%; content: ''; z-index: 2; } @media screen and (min-width: 1440px) { .cc--hero-swoosh .c--hero-swoosh .bg-image-container::before { width: 62.5rem; } } .cc--hero-swoosh .c--hero-swoosh .bg-image-container::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent)); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); content: ''; z-index: 1; } @media screen and (min-width: 768px) { .cc--hero-swoosh .c--hero-swoosh .bg-image-container::after { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent)); background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent); } } @media screen and (min-width: 768px) { .cc--hero-swoosh .c--hero-swoosh .mask-container { position: absolute; top: 0; left: 0; width: 16%; height: 100%; background-color: #C03; z-index: 3; } } @media screen and (min-width: 768px) and (min-width: 1024px) { .cc--hero-swoosh .c--hero-swoosh .mask-container { width: 24%; } } .cc--hero-swoosh .c--hero-swoosh .outer-container { padding-bottom: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; height: 100%; background-color: #C03; z-index: 4; } @media screen and (min-width: 768px) { .cc--hero-swoosh .c--hero-swoosh .outer-container { padding-bottom: 0; position: absolute; -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; background-color: transparent; overflow: hidden; } } .cc--hero-swoosh .c--hero-swoosh .inner-container { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--hero-swoosh .c--hero-swoosh .text-wrapper { margin-top: -3.75rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--hero-swoosh .c--hero-swoosh .text-wrapper { margin-top: 0; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 768px) { .cc--hero-swoosh .c--hero-swoosh .text-container { width: 65.21739%; } } .cc--hero-swoosh .c--hero-swoosh .text-container h1 { font-size: 3rem; line-height: 1; margin-bottom: 1.5625rem; color: #FFF; } @media screen and (max-width: 767px) { .cc--hero-swoosh .c--hero-swoosh .text-container h1 { word-break: break-word; } } @media screen and (min-width: 768px) { .cc--hero-swoosh .c--hero-swoosh .text-container h1 { font-size: 5rem; line-height: 1.1; margin-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .cc--hero-swoosh .c--hero-swoosh .text-container h1 { font-size: 6rem; line-height: 1.0834; } } @media screen and (min-width: 768px) { .cc--hero-swoosh .c--hero-swoosh .text-container .f--description { padding-right: 33.33333%; } } .cc--hero-swoosh .c--hero-swoosh .text-container .f--description p { font-size: 1.125rem; line-height: 1.7778; color: #FFF; } @media screen and (min-width: 1440px) { .cc--hero-swoosh .c--hero-swoosh .text-container .f--description p { font-size: 1.375rem; line-height: 1.6364; } } .cc--hero-swoosh.color-white .c--hero-swoosh .bg-image-container::before { background: url("../images/hero-swoosh-bg-white.png") no-repeat center center/100% 100%; } .cc--hero-swoosh.color-white .c--hero-swoosh .bg-image-container::after { background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.8)), to(transparent)); background: linear-gradient(to top, rgba(255, 255, 255, 0.8), transparent); } @media screen and (min-width: 768px) { .cc--hero-swoosh.color-white .c--hero-swoosh .bg-image-container::after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8)), to(transparent)); background: linear-gradient(to right, rgba(255, 255, 255, 0.8), transparent); } } .cc--hero-swoosh.color-white .c--hero-swoosh .mask-container { background-color: #FFF; } .cc--hero-swoosh.color-white .c--hero-swoosh .outer-container { background-color: #FFF; } @media screen and (min-width: 768px) { .cc--hero-swoosh.color-white .c--hero-swoosh .outer-container { background-color: transparent; } } .cc--hero-swoosh.color-white .c--hero-swoosh .text-wrapper { position: relative; } .cc--hero-swoosh.color-white .c--hero-swoosh .text-wrapper::before { margin-bottom: -0.1875rem; position: absolute; top: 0; left: 0; width: 0.9375rem; height: 100%; background-color: #C03; content: ''; } .cc--hero-swoosh.color-white .c--hero-swoosh .text-container h1 { color: #000; } .cc--hero-swoosh.color-white .c--hero-swoosh .text-container .f--description p { color: #444; } .cc--horizontal-listing .c--horizontal-listing { max-width: 1440px; margin: 0 auto; } .cc--horizontal-listing .c--horizontal-listing .inner-wrapper { padding-right: 8%; padding-left: 8%; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--horizontal-listing .c--horizontal-listing .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--horizontal-listing .c--horizontal-listing .inner-wrapper { padding-right: 20%; padding-left: 20%; } } @media screen and (min-width: 768px) { .cc--horizontal-listing .c--horizontal-listing .inner-wrapper { padding-top: 3.75rem; padding-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--horizontal-listing .c--horizontal-listing .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--horizontal-listing .c--horizontal-listing .header-text-container { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--horizontal-listing .c--horizontal-listing .header-text-container { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--horizontal-listing .c--horizontal-listing .header-text-container { margin-bottom: 3.125rem; } } .cc--horizontal-listing .c--horizontal-listing .header-text-container .f--section-title h2 { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--horizontal-listing .c--horizontal-listing .header-text-container .f--section-title h2 { margin-bottom: 2.5rem; font-size: 2rem; line-height: 1.25; } } @media screen and (min-width: 1024px) { .cc--horizontal-listing .c--horizontal-listing .header-text-container .f--description { padding-right: 0; padding-left: 0; } } .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .c--news-card { margin-bottom: 1.25rem; overflow: hidden; } @media screen and (min-width: 500px) { .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .c--news-card { overflow: hidden; } } .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .c--news-card .f--image { display: block; } @media screen and (min-width: 500px) { .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .c--news-card .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } @media screen and (min-width: 768px) { .cc--horizontal-listing .c--horizontal-listing .cards-list .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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1024px) { .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .c--news-card { margin-bottom: 2.5rem; } } .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .f--sub-title { margin-bottom: 0; } .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .f--sub-title h3 { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .image-link { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 47.36842%; } } @media screen and (min-width: 1024px) { .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .image-link { width: 46.66667%; } } @media screen and (min-width: 768px) { .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .text-container { width: 47.36842%; } } .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .f--image { margin-bottom: 1.25rem; } .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--horizontal-listing .c--horizontal-listing .cards-list .cc--news-card .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } .cc--image-full-width .caption-credit { max-width: 1440px; margin: 0 auto; } .cc--image-full-width .caption-credit .inner-wrapper { padding-top: 0.9375rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--image-full-width .caption-credit .inner-wrapper { padding-top: 1.25rem; padding-right: 12%; padding-bottom: 1.875rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--image-full-width .caption-credit .inner-wrapper { padding-top: 1.25rem; padding-right: 20%; padding-bottom: 1.25rem; padding-left: 20%; } } .cc--image-full-width .caption-credit .f--description { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .cc--image-full-width .caption-credit .f--description { font-size: 0.875rem; line-height: 1.7143; } } .cc--image-full-width .caption-credit .f--description p { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .cc--image-full-width .caption-credit .f--description p { font-size: 0.875rem; line-height: 1.7143; } } .cc--in-the-news.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--in-the-news.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--in-the-news.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--in-the-news.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--in-the-news.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--in-the-news.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--in-the-news.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--in-the-news.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--in-the-news.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--in-the-news.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--in-the-news.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--in-the-news.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--in-the-news.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--in-the-news.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--in-the-news.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--in-the-news.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--in-the-news.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--in-the-news.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--in-the-news.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--in-the-news.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--in-the-news.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--in-the-news.color-white .f--link .button, .cc--in-the-news.color-light-gray .f--link .button { background-color: transparent; } .cc--in-the-news.color-white .f--link .button:hover, .cc--in-the-news.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--in-the-news.color-pale-teal .f--link .button, .cc--in-the-news.color-pale-yellow .f--link .button, .cc--in-the-news.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--in-the-news.color-pale-teal .f--link .button, .cc--in-the-news.color-pale-yellow .f--link .button, .cc--in-the-news.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--in-the-news.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--in-the-news.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--in-the-news.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--in-the-news.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--in-the-news.color-black .f--description, .cc--in-the-news.color-black .f--text, .cc--in-the-news.color-black .f--category, .cc--in-the-news.color-blue .f--description, .cc--in-the-news.color-blue .f--text, .cc--in-the-news.color-blue .f--category, .cc--in-the-news.color-dark-gray .f--description, .cc--in-the-news.color-dark-gray .f--text, .cc--in-the-news.color-dark-gray .f--category, .cc--in-the-news.color-red .f--description, .cc--in-the-news.color-red .f--text, .cc--in-the-news.color-red .f--category, .cc--in-the-news.color-teal .f--description, .cc--in-the-news.color-teal .f--text, .cc--in-the-news.color-teal .f--category { color: #FFF; } .cc--in-the-news.color-black .f--description p, .cc--in-the-news.color-black .f--description li, .cc--in-the-news.color-black .f--description a, .cc--in-the-news.color-black .f--text p, .cc--in-the-news.color-black .f--text li, .cc--in-the-news.color-black .f--text a, .cc--in-the-news.color-black .f--category p, .cc--in-the-news.color-black .f--category li, .cc--in-the-news.color-black .f--category a, .cc--in-the-news.color-blue .f--description p, .cc--in-the-news.color-blue .f--description li, .cc--in-the-news.color-blue .f--description a, .cc--in-the-news.color-blue .f--text p, .cc--in-the-news.color-blue .f--text li, .cc--in-the-news.color-blue .f--text a, .cc--in-the-news.color-blue .f--category p, .cc--in-the-news.color-blue .f--category li, .cc--in-the-news.color-blue .f--category a, .cc--in-the-news.color-dark-gray .f--description p, .cc--in-the-news.color-dark-gray .f--description li, .cc--in-the-news.color-dark-gray .f--description a, .cc--in-the-news.color-dark-gray .f--text p, .cc--in-the-news.color-dark-gray .f--text li, .cc--in-the-news.color-dark-gray .f--text a, .cc--in-the-news.color-dark-gray .f--category p, .cc--in-the-news.color-dark-gray .f--category li, .cc--in-the-news.color-dark-gray .f--category a, .cc--in-the-news.color-red .f--description p, .cc--in-the-news.color-red .f--description li, .cc--in-the-news.color-red .f--description a, .cc--in-the-news.color-red .f--text p, .cc--in-the-news.color-red .f--text li, .cc--in-the-news.color-red .f--text a, .cc--in-the-news.color-red .f--category p, .cc--in-the-news.color-red .f--category li, .cc--in-the-news.color-red .f--category a, .cc--in-the-news.color-teal .f--description p, .cc--in-the-news.color-teal .f--description li, .cc--in-the-news.color-teal .f--description a, .cc--in-the-news.color-teal .f--text p, .cc--in-the-news.color-teal .f--text li, .cc--in-the-news.color-teal .f--text a, .cc--in-the-news.color-teal .f--category p, .cc--in-the-news.color-teal .f--category li, .cc--in-the-news.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--description a, html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--text a, html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--category a, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--description a, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--text a, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--category a, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--description a, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--text a, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--category a, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--description a, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--text a, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--category a:hover { color: #FFF; } .cc--in-the-news.color-black .f--section-title h2, .cc--in-the-news.color-blue .f--section-title h2, .cc--in-the-news.color-dark-gray .f--section-title h2, .cc--in-the-news.color-red .f--section-title h2, .cc--in-the-news.color-teal .f--section-title h2 { color: #FFF; } .cc--in-the-news.color-black .f--section-title h2 a, .cc--in-the-news.color-blue .f--section-title h2 a, .cc--in-the-news.color-dark-gray .f--section-title h2 a, .cc--in-the-news.color-red .f--section-title h2 a, .cc--in-the-news.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--in-the-news.color-black .f--sub-title h3, .cc--in-the-news.color-blue .f--sub-title h3, .cc--in-the-news.color-dark-gray .f--sub-title h3, .cc--in-the-news.color-red .f--sub-title h3, .cc--in-the-news.color-teal .f--sub-title h3 { color: #FFF; } .cc--in-the-news.color-black .f--sub-title h3 a, .cc--in-the-news.color-blue .f--sub-title h3 a, .cc--in-the-news.color-dark-gray .f--sub-title h3 a, .cc--in-the-news.color-red .f--sub-title h3 a, .cc--in-the-news.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--in-the-news.color-black .f--page-title h1, .cc--in-the-news.color-blue .f--page-title h1, .cc--in-the-news.color-dark-gray .f--page-title h1, .cc--in-the-news.color-red .f--page-title h1, .cc--in-the-news.color-teal .f--page-title h1 { color: #FFF; } .cc--in-the-news.color-black .stat-item .f--text, .cc--in-the-news.color-black .stat-item .f--stat-prefix, .cc--in-the-news.color-black .stat-item .f--stat-suffix, .cc--in-the-news.color-blue .stat-item .f--text, .cc--in-the-news.color-blue .stat-item .f--stat-prefix, .cc--in-the-news.color-blue .stat-item .f--stat-suffix, .cc--in-the-news.color-dark-gray .stat-item .f--text, .cc--in-the-news.color-dark-gray .stat-item .f--stat-prefix, .cc--in-the-news.color-dark-gray .stat-item .f--stat-suffix, .cc--in-the-news.color-red .stat-item .f--text, .cc--in-the-news.color-red .stat-item .f--stat-prefix, .cc--in-the-news.color-red .stat-item .f--stat-suffix, .cc--in-the-news.color-teal .stat-item .f--text, .cc--in-the-news.color-teal .stat-item .f--stat-prefix, .cc--in-the-news.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--in-the-news.color-black .f--stat-subheading, .cc--in-the-news.color-black .f--description, .cc--in-the-news.color-black .f--stat-headline, .cc--in-the-news.color-blue .f--stat-subheading, .cc--in-the-news.color-blue .f--description, .cc--in-the-news.color-blue .f--stat-headline, .cc--in-the-news.color-dark-gray .f--stat-subheading, .cc--in-the-news.color-dark-gray .f--description, .cc--in-the-news.color-dark-gray .f--stat-headline, .cc--in-the-news.color-red .f--stat-subheading, .cc--in-the-news.color-red .f--description, .cc--in-the-news.color-red .f--stat-headline, .cc--in-the-news.color-teal .f--stat-subheading, .cc--in-the-news.color-teal .f--description, .cc--in-the-news.color-teal .f--stat-headline { color: #FFF; } .cc--in-the-news.color-black .f--link .button, .cc--in-the-news.color-blue .f--link .button, .cc--in-the-news.color-dark-gray .f--link .button, .cc--in-the-news.color-red .f--link .button, .cc--in-the-news.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--in-the-news.color-black .f--link .button, .cc--in-the-news.color-blue .f--link .button, .cc--in-the-news.color-dark-gray .f--link .button, .cc--in-the-news.color-red .f--link .button, .cc--in-the-news.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--link .button, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--in-the-news.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--in-the-news.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--in-the-news.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--in-the-news.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--in-the-news.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--in-the-news.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--in-the-news.color-black .swiper-button-prev svg, .cc--in-the-news.color-black .swiper-button-next svg, .cc--in-the-news.color-blue .swiper-button-prev svg, .cc--in-the-news.color-blue .swiper-button-next svg, .cc--in-the-news.color-dark-gray .swiper-button-prev svg, .cc--in-the-news.color-dark-gray .swiper-button-next svg, .cc--in-the-news.color-red .swiper-button-prev svg, .cc--in-the-news.color-red .swiper-button-next svg, .cc--in-the-news.color-teal .swiper-button-prev svg, .cc--in-the-news.color-teal .swiper-button-next svg { fill: #FFF; } .cc--in-the-news.color-black .swiper-button-wrapper::before, .cc--in-the-news.color-blue .swiper-button-wrapper::before, .cc--in-the-news.color-dark-gray .swiper-button-wrapper::before, .cc--in-the-news.color-red .swiper-button-wrapper::before, .cc--in-the-news.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--in-the-news.color-black .swiper-pagination-bullet, .cc--in-the-news.color-blue .swiper-pagination-bullet, .cc--in-the-news.color-dark-gray .swiper-pagination-bullet, .cc--in-the-news.color-red .swiper-pagination-bullet, .cc--in-the-news.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--in-the-news.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--in-the-news.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--in-the-news.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--in-the-news.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--in-the-news.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--in-the-news.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--in-the-news.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--in-the-news.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--in-the-news.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--in-the-news.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--in-the-news.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--in-the-news.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--in-the-news.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--in-the-news.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--in-the-news.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--in-the-news.color-black .cc--user-choice-vertical-slide h2, .cc--in-the-news.color-blue .cc--user-choice-vertical-slide h2, .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--in-the-news.color-red .cc--user-choice-vertical-slide h2, .cc--in-the-news.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--in-the-news.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--in-the-news.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--in-the-news.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--in-the-news.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--in-the-news.color-black .cc--user-choice-vertical-slide .f--description p, .cc--in-the-news.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--in-the-news.color-red .cc--user-choice-vertical-slide .f--description p, .cc--in-the-news.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--in-the-news.color-black .cc--user-choice-vertical-slide .f--link a, .cc--in-the-news.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--in-the-news.color-red .cc--user-choice-vertical-slide .f--link a, .cc--in-the-news.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--in-the-news.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--in-the-news.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--in-the-news.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--in-the-news.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--in-the-news.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--in-the-news.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--in-the-news.color-black .cc--user-choice-vertical-slide .icon-close, .cc--in-the-news.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--in-the-news.color-red .cc--user-choice-vertical-slide .icon-close, .cc--in-the-news.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--in-the-news.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--in-the-news.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--in-the-news.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--in-the-news.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--in-the-news.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--in-the-news.color-pale-yellow { background-color: #FCE488; } .cc--in-the-news.color-pale-teal { background-color: #87C3BE; } .cc--in-the-news.color-pale-blue { background-color: #92D6E3; } .cc--in-the-news .c--in-the-news { max-width: 1440px; margin: 0 auto; } .cc--in-the-news .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--in-the-news .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--in-the-news .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--in-the-news .title-container { text-decoration: none; } html[data-whatintent="mouse"] .cc--in-the-news .title-container { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--in-the-news .title-container:hover { text-decoration: underline; } @media screen and (min-width: 768px) { .cc--in-the-news .cards { padding-bottom: 3.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--in-the-news .card { margin-bottom: 1.875rem; } .cc--in-the-news .card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--in-the-news .card { margin-bottom: 0; position: relative; width: 21.73913%; } } @media screen and (min-width: 768px) { .cc--in-the-news .card .text-container { position: absolute; bottom: -3.75rem; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 3.75rem; } } .cc--in-the-news .f--section-title { text-align: center; } @media screen and (min-width: 768px) { .cc--in-the-news .f--section-title { text-align: left; } } @media screen and (min-width: 768px) { .cc--in-the-news .f--section-title h2 { margin-bottom: 2.5rem; } } .cc--in-the-news .f--link { margin-top: 1.875rem; text-align: center; } .cc--latest-news { margin-bottom: 2.5rem; padding-top: 0.5rem; padding-bottom: 3.75rem; } @media screen and (min-width: 768px) { .cc--latest-news { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } } .cc--latest-news .f--section-title h2 { font-size: 1.125rem; line-height: 1.4445; margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--latest-news .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; margin-bottom: 1.25rem; } } .cc--latest-news .news-container { padding-top: 0.9375rem; padding-bottom: 1rem; border-top: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 768px) { .cc--latest-news .news-container { padding-top: 1.3125rem; padding-bottom: 1.375rem; } } .cc--latest-news .news-container a:not(.image-link) { text-decoration: none; } html[data-whatintent="mouse"] .cc--latest-news .news-container a:not(.image-link) { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--latest-news .news-container a:not(.image-link):hover { text-decoration: underline; } .cc--latest-news .text-container::after { display: block; clear: both; content: ""; } .cc--latest-news .text-container .f--category { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--latest-news .text-container .f--category { font-size: 0.75rem; line-height: 1.3334; } } @media screen and (min-width: 768px) { .cc--latest-news .text-container .f--category a { font-size: 0.75rem; line-height: 1.3334; } } .cc--latest-news .text-container .f--sub-title h3 { margin-bottom: 0; } .cc--latest-news .text-container .f--sub-title h3 a { font-size: 0.875rem; line-height: 1.4286; color: #000; } @media screen and (min-width: 1024px) { .cc--latest-news .text-container .f--sub-title h3 a { font-size: 1rem; line-height: 1.375; } } .cc--latest-news .image-link { margin-left: 0.625rem; width: 3.875rem; height: 3.875rem; float: right; } @media screen and (min-width: 1024px) { .cc--latest-news .image-link { margin-left: 0.9375rem; width: 4.5rem; height: 4.5rem; } } .cc--link-grid { margin-top: 3.125rem; } @media screen and (min-width: 768px) { .cc--link-grid { margin-top: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--link-grid { margin-top: 5rem; } } .cc--link-grid .section-header { max-width: 1440px; margin: 0 auto; } .cc--link-grid .section-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--link-grid .section-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--link-grid .section-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .cc--link-grid .f--section-title { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--link-grid .f--section-title { margin-bottom: 2.5rem; } } .cc--link-grid .f--section-title h2 { font-size: 1.75rem; line-height: 1.2858; text-align: center; } @media screen and (min-width: 768px) { .cc--link-grid .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--link-grid .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .cc--link-grid .f--description { margin-bottom: 0; text-align: center; } .cc--link-grid .outer-wrapper { max-width: 1440px; margin: 0 auto; position: relative; z-index: 1; } .cc--link-grid .outer-wrapper .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--link-grid .outer-wrapper .inner-wrapper { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--link-grid .outer-wrapper .inner-wrapper { padding-right: 10%; padding-left: 10%; } } .cc--link-grid .link-list { padding-top: 1.875rem; padding-bottom: 3.125rem; position: relative; } @media screen and (max-width: 767px) { .cc--link-grid .link-list { background-image: none !important; } } @media screen and (min-width: 768px) { .cc--link-grid .link-list { padding-top: 3.125rem; padding-bottom: 3.125rem; background-repeat: no-repeat; background-position: center center; background-size: cover; } } @media screen and (min-width: 1024px) { .cc--link-grid .link-list { padding-top: 3.75rem; padding-bottom: 3.75rem; } } @media screen and (min-width: 768px) { .cc--link-grid .link-list::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 12.5rem; background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); content: ''; z-index: 0; } } @media screen and (min-width: 768px) { .cc--link-grid .link-list::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; content: ''; opacity: 0.7; z-index: 0; } } .cc--link-grid .link-list .link-list-wrapper { overflow: hidden; } @media screen and (min-width: 768px) { .cc--link-grid .link-list .link-list-wrapper .link-list-inner { margin-right: -0.0625rem; margin-bottom: -0.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--link-grid .link-list .link-list-wrapper .f--link { border-bottom: 0.0625rem solid #D8D8D8; cursor: pointer; } @media screen and (min-width: 768px) { .cc--link-grid .link-list .link-list-wrapper .f--link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 0.0625rem solid #D8D8D8; } .ie11 .cc--link-grid .link-list .link-list-wrapper .f--link { position: relative; border-right: 0; } .ie11 .cc--link-grid .link-list .link-list-wrapper .f--link::after { display: block; position: absolute; top: 0; right: 0; height: 100%; border-right: 0.0625rem solid #D8D8D8; content: ''; } } @media screen and (min-width: 1024px) { .cc--link-grid .link-list .link-list-wrapper .f--link { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } } html[data-whatintent="mouse"] .cc--link-grid .link-list .link-list-wrapper .f--link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--link-grid .link-list .link-list-wrapper .f--link:hover { background: #C03; } html[data-whatintent="mouse"] .cc--link-grid .link-list .link-list-wrapper .f--link:hover a { color: #FFF; } .cc--link-grid .link-list .link-list-wrapper .f--link a { font-size: 1rem; line-height: 1.375; padding-top: 0.9375rem; padding-right: 0.8125rem; padding-bottom: 0.9375rem; padding-left: 0.8125rem; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100%; height: auto; border: 0; background: transparent; color: #000; text-align: left; } @media screen and (min-width: 768px) { .cc--link-grid .link-list .link-list-wrapper .f--link a { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.875rem; padding-right: 1rem; padding-bottom: 1.875rem; padding-left: 1rem; min-height: 8.625rem; } } @media screen and (min-width: 1024px) { .cc--link-grid .link-list .link-list-wrapper .f--link a { font-size: 1.25rem; line-height: 1.4; padding-right: 1.5rem; padding-left: 1.5rem; min-height: 10.75rem; } } .cc--load-more .pager { list-style: none; padding: 0; margin: 0; } .cc--load-more .pager .f--button-link { margin-top: 1.875rem; padding-top: 1.25rem; } .cc--load-more .pager .f--button-link.no-padding { padding-top: 0; } .cc--load-more .pager .f--button-link.no-padding::before { margin-top: 0; } .cc--load-more .pager .f--button-link::before { margin-top: 0.625rem; } .cc--load-more .pager .f--link { position: relative; text-align: center; } .cc--load-more .pager .f--link::before { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 0.0625rem solid #D8D8D8; content: ''; } .cc--load-more .pager .f--link .button--alt { padding-right: 1.25rem; padding-left: 1.25rem; font-size: 1rem; line-height: 1.375; width: auto; height: auto; border: 0; background-color: #FFF; color: #000; text-align: left; text-transform: capitalize; } .cc--load-more .pager .f--link .button--alt svg { margin-left: 0.625rem; width: 0.75rem; height: 0.75rem; } html[data-whatintent="mouse"] .cc--load-more .pager .f--link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--load-more .pager .f--link .button--alt:hover { color: #C03; } .cc--location-tabs { position: relative; height: 31.125rem; } @media screen and (max-width: 767px) { .cc--location-tabs.with-bg-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } } @media screen and (min-width: 768px) { .cc--location-tabs { height: 50rem; } } .cc--location-tabs .c--location-tabs, .cc--location-tabs .swiper-container { height: 100%; } @media screen and (max-width: 767px) { .cc--location-tabs .top-container { display: none; } } .cc--location-tabs .top-container.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; z-index: 10; } .cc--location-tabs .bottom-container { position: relative; width: 100%; } @media screen and (max-width: 767px) { .cc--location-tabs .bottom-container { height: 100%; } } @media screen and (min-width: 768px) { .cc--location-tabs .bottom-container { position: absolute; left: 0; z-index: 4; background-color: black; } } @media screen and (max-width: 767px) { .cc--location-tabs .bottom-container::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(204, 0, 51, 0.8); content: ''; z-index: 0; } } @media screen and (max-width: 767px) { .cc--location-tabs .bottom-container .text-container { padding-top: 3.75rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; z-index: 2; } } .cc--location-tabs .bottom-container .text-container .f--rich-text { margin-bottom: 0.3125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media screen and (max-width: 767px) { .cc--location-tabs .bottom-container .text-container .f--rich-text svg { width: 7rem; height: 1.875rem; fill: #FFF; } } .cc--location-tabs .bottom-container .text-container .f--section-title { text-align: center; } @media screen and (max-width: 767px) { .cc--location-tabs .bottom-container .text-container .f--section-title h2 { margin-bottom: 0; font-size: 2rem; line-height: 1.25; color: #FFF; } } @media screen and (max-width: 767px) { .cc--location-tabs .ambient-video-container .f--ambient-video { padding-bottom: 0; height: 100%; } } @media screen and (min-width: 768px) { .cc--location-tabs .ambient-video-container .video-controls { bottom: 80px; } } @media screen and (max-width: 767px) { .cc--location-tabs .side-nav { margin-top: 2.5rem; } } @media screen and (min-width: 768px) { .cc--location-tabs .side-nav { border-top: 1px solid rgba(255, 255, 255, 0.5); } } @media screen and (min-width: 768px) { .cc--location-tabs .side-nav .side-nav-inner { max-width: 1440px; margin: 0 auto; position: relative; } } @media screen and (min-width: 768px) { .cc--location-tabs .side-nav .sliding-line { position: absolute; top: 0; left: 4%; width: 4.375rem; height: 0.3125rem; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; background-color: #FFF; } } @media screen and (min-width: 1024px) { .cc--location-tabs .side-nav .sliding-line { left: 8%; } } @media screen and (min-width: 768px) { .cc--location-tabs .side-nav .sliding-line::after { width: 0; height: 0; content: ''; z-index: 2; border-top: 8px solid #FFF; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0.25rem; content: ''; } } .cc--location-tabs .side-nav .swiper-pagination { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; } @media screen and (min-width: 768px) { .cc--location-tabs .side-nav .swiper-pagination { padding-right: 4%; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 80px; } } @media screen and (min-width: 1024px) { .cc--location-tabs .side-nav .swiper-pagination { padding-right: 8%; padding-left: 8%; } } @media screen and (min-width: 768px) { .cc--location-tabs .side-nav .swiper-pagination .swiper-pagination-customs { 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: 100%; cursor: pointer; } } .cc--location-tabs .side-nav .swiper-pagination .swiper-pagination-customs:not(:last-child) { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--location-tabs .side-nav .swiper-pagination .swiper-pagination-customs:not(:last-child) { margin-bottom: 0; } } .cc--location-tabs .side-nav .swiper-pagination .swiper-pagination-customs .location-link { font-size: 1.25rem; line-height: 1.4; color: #FFF; text-align: center; } @media screen and (min-width: 768px) { .cc--location-tabs .side-nav .swiper-pagination .swiper-pagination-customs .location-link { font-size: 1rem; line-height: 1.375; } } @media screen and (min-width: 1024px) { .cc--location-tabs .side-nav .swiper-pagination .swiper-pagination-customs .location-link { font-size: 1.125rem; line-height: 1.3334; } } .cc--locations-menu { padding-bottom: 1.875rem; width: 100%; background-color: transparent; } @media screen and (min-width: 1024px) { .cc--locations-menu { padding-right: 0; padding-bottom: 0; padding-left: 0; width: auto; } } @media screen and (min-width: 1024px) { .cc--locations-menu .m--menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 70px; } } .cc--locations-menu .m--menu > li { position: relative; } @media screen and (min-width: 1024px) { .cc--locations-menu .m--menu > li { margin-right: 0; margin-left: 0; } .cc--locations-menu .m--menu > li:not(:first-child) { margin-left: 1.25rem; } } .cc--locations-menu .m--menu > li > a { font-size: 0.8125rem; line-height: 1.2308; padding-top: 0.875rem; padding-bottom: 0.875rem; display: inline-block; height: 100%; color: #000; text-decoration: none; } @media screen and (min-width: 1024px) { .cc--locations-menu .m--menu > li > a { display: block; } html[data-whatintent="mouse"] .cc--locations-menu .m--menu > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--locations-menu .m--menu > li > a:hover { text-decoration: underline; } } .home-page .cc--locations-menu .m--menu > li > a { color: #FFF; } .slim-nav-expanded .cc--locations-menu .m--menu > li > a { color: #000; } .cc--login-form { margin-top: 1.5625rem; margin-bottom: 1.5625rem; } @media screen and (min-width: 768px) { .cc--login-form { margin-top: 2.5rem; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--login-form { margin-top: 3.125rem; margin-bottom: 3.125rem; } } .cc--login-form .c--login-form { max-width: 320px; margin: 0 auto; padding-right: 4%; padding-left: 4%; width: 100%; } @media screen and (min-width: 768px) { .cc--login-form .c--login-form { padding-right: 0; padding-left: 0; } } .cc--login-form .user-login-form { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #FFF; } .cc--login-form .user-login-form .form-item { margin-right: 0; margin-bottom: 1.25rem; width: 100%; } .cc--login-form .user-login-form .form-item:last-child { margin-bottom: 0; } .cc--login-form .user-login-form .form-item label { font-size: 0.875rem; line-height: 1.1429; margin-bottom: 0.625rem; display: block; color: #000; } @media screen and (min-width: 768px) { .cc--login-form .user-login-form .form-item label { font-size: 1rem; line-height: 1.3125; margin-bottom: 1.25rem; } } .cc--login-form .user-login-form .form-item .description { margin-top: 0.3125rem; margin-bottom: 0.3125rem; } .cc--login-form .user-login-form .form-actions { margin-top: 0; width: 100%; } .cc--login-form .user-login-form .form-actions .form-item { margin-right: 0; width: 100%; } .cc--login-form .user-login-form .form-actions .form-item:first-child > input { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; } @media screen and (min-width: 768px) { .cc--login-form .user-login-form .form-actions .form-item:first-child > input { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--login-form .user-login-form .form-actions .form-item:first-child > input { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--login-form .user-login-form .form-actions .form-item:first-child > input: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: #C03; color: #FFF; text-decoration: none; } #block-rutgers-local-tasks { margin-bottom: 2.5rem; padding-top: 1.875rem; position: relative; } @media screen and (min-width: 768px) { #block-rutgers-local-tasks { margin-bottom: 1.875rem; padding-top: 2.5rem; } } #block-rutgers-local-tasks ul { list-style: none; padding: 0; margin: 0; position: relative; text-align: center; } #block-rutgers-local-tasks ul::after { display: block; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #EFEFEF; content: ''; } #block-rutgers-local-tasks ul li { font-size: 0.875rem; line-height: 1.1429; padding-top: 0; padding-right: 0.5rem; padding-bottom: 0; padding-left: 0.5rem; display: inline-block; position: relative; z-index: 1; } @media screen and (min-width: 768px) { #block-rutgers-local-tasks ul li { font-size: 1.125rem; line-height: 1.1112; padding-top: 0; padding-right: 1.875rem; padding-bottom: 0; padding-left: 1.875rem; } } #block-rutgers-local-tasks ul li a { padding-top: 0.3125rem; padding-right: 0; padding-bottom: 1.25rem; padding-left: 0; display: block; position: relative; color: #444; text-decoration: none; } #block-rutgers-local-tasks ul li a.is-active { color: #000; } #block-rutgers-local-tasks ul li a.is-active::after { display: block; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #EFEFEF; content: ''; } html[data-whatintent="mouse"] #block-rutgers-local-tasks ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] #block-rutgers-local-tasks ul li a:hover { color: #C03; } html[data-whatintent="mouse"] #block-rutgers-local-tasks ul li a:hover::after { display: block; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #EFEFEF; content: ''; } .cc--logo-promo .c--logo-promo { max-width: 1440px; margin: 0 auto; } .cc--logo-promo .inner-wrapper { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--logo-promo .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--logo-promo .inner-wrapper { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .cc--logo-promo .content-wrapper { padding-top: 3.125rem; padding-right: 4.7619%; padding-bottom: 2.5rem; padding-left: 4.7619%; } .cc--logo-promo .content-wrapper.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--logo-promo .content-wrapper.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--logo-promo .content-wrapper.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--logo-promo .content-wrapper.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--logo-promo .content-wrapper.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--logo-promo .content-wrapper.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--logo-promo .content-wrapper.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--logo-promo .content-wrapper.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--logo-promo .content-wrapper.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--logo-promo .content-wrapper.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--logo-promo .content-wrapper.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--logo-promo .content-wrapper.color-white .f--link .button, .cc--logo-promo .content-wrapper.color-light-gray .f--link .button { background-color: transparent; } .cc--logo-promo .content-wrapper.color-white .f--link .button:hover, .cc--logo-promo .content-wrapper.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button, .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button, .cc--logo-promo .content-wrapper.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button, .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button, .cc--logo-promo .content-wrapper.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--logo-promo .content-wrapper.color-black .f--description, .cc--logo-promo .content-wrapper.color-black .f--text, .cc--logo-promo .content-wrapper.color-black .f--category, .cc--logo-promo .content-wrapper.color-blue .f--description, .cc--logo-promo .content-wrapper.color-blue .f--text, .cc--logo-promo .content-wrapper.color-blue .f--category, .cc--logo-promo .content-wrapper.color-dark-gray .f--description, .cc--logo-promo .content-wrapper.color-dark-gray .f--text, .cc--logo-promo .content-wrapper.color-dark-gray .f--category, .cc--logo-promo .content-wrapper.color-red .f--description, .cc--logo-promo .content-wrapper.color-red .f--text, .cc--logo-promo .content-wrapper.color-red .f--category, .cc--logo-promo .content-wrapper.color-teal .f--description, .cc--logo-promo .content-wrapper.color-teal .f--text, .cc--logo-promo .content-wrapper.color-teal .f--category { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .f--description p, .cc--logo-promo .content-wrapper.color-black .f--description li, .cc--logo-promo .content-wrapper.color-black .f--description a, .cc--logo-promo .content-wrapper.color-black .f--text p, .cc--logo-promo .content-wrapper.color-black .f--text li, .cc--logo-promo .content-wrapper.color-black .f--text a, .cc--logo-promo .content-wrapper.color-black .f--category p, .cc--logo-promo .content-wrapper.color-black .f--category li, .cc--logo-promo .content-wrapper.color-black .f--category a, .cc--logo-promo .content-wrapper.color-blue .f--description p, .cc--logo-promo .content-wrapper.color-blue .f--description li, .cc--logo-promo .content-wrapper.color-blue .f--description a, .cc--logo-promo .content-wrapper.color-blue .f--text p, .cc--logo-promo .content-wrapper.color-blue .f--text li, .cc--logo-promo .content-wrapper.color-blue .f--text a, .cc--logo-promo .content-wrapper.color-blue .f--category p, .cc--logo-promo .content-wrapper.color-blue .f--category li, .cc--logo-promo .content-wrapper.color-blue .f--category a, .cc--logo-promo .content-wrapper.color-dark-gray .f--description p, .cc--logo-promo .content-wrapper.color-dark-gray .f--description li, .cc--logo-promo .content-wrapper.color-dark-gray .f--description a, .cc--logo-promo .content-wrapper.color-dark-gray .f--text p, .cc--logo-promo .content-wrapper.color-dark-gray .f--text li, .cc--logo-promo .content-wrapper.color-dark-gray .f--text a, .cc--logo-promo .content-wrapper.color-dark-gray .f--category p, .cc--logo-promo .content-wrapper.color-dark-gray .f--category li, .cc--logo-promo .content-wrapper.color-dark-gray .f--category a, .cc--logo-promo .content-wrapper.color-red .f--description p, .cc--logo-promo .content-wrapper.color-red .f--description li, .cc--logo-promo .content-wrapper.color-red .f--description a, .cc--logo-promo .content-wrapper.color-red .f--text p, .cc--logo-promo .content-wrapper.color-red .f--text li, .cc--logo-promo .content-wrapper.color-red .f--text a, .cc--logo-promo .content-wrapper.color-red .f--category p, .cc--logo-promo .content-wrapper.color-red .f--category li, .cc--logo-promo .content-wrapper.color-red .f--category a, .cc--logo-promo .content-wrapper.color-teal .f--description p, .cc--logo-promo .content-wrapper.color-teal .f--description li, .cc--logo-promo .content-wrapper.color-teal .f--description a, .cc--logo-promo .content-wrapper.color-teal .f--text p, .cc--logo-promo .content-wrapper.color-teal .f--text li, .cc--logo-promo .content-wrapper.color-teal .f--text a, .cc--logo-promo .content-wrapper.color-teal .f--category p, .cc--logo-promo .content-wrapper.color-teal .f--category li, .cc--logo-promo .content-wrapper.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--description a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--text a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--category a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--description a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--text a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--category a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--description a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--text a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--category a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--description a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--text a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--category a:hover { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .f--section-title h2, .cc--logo-promo .content-wrapper.color-blue .f--section-title h2, .cc--logo-promo .content-wrapper.color-dark-gray .f--section-title h2, .cc--logo-promo .content-wrapper.color-red .f--section-title h2, .cc--logo-promo .content-wrapper.color-teal .f--section-title h2 { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .f--section-title h2 a, .cc--logo-promo .content-wrapper.color-blue .f--section-title h2 a, .cc--logo-promo .content-wrapper.color-dark-gray .f--section-title h2 a, .cc--logo-promo .content-wrapper.color-red .f--section-title h2 a, .cc--logo-promo .content-wrapper.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .f--sub-title h3, .cc--logo-promo .content-wrapper.color-blue .f--sub-title h3, .cc--logo-promo .content-wrapper.color-dark-gray .f--sub-title h3, .cc--logo-promo .content-wrapper.color-red .f--sub-title h3, .cc--logo-promo .content-wrapper.color-teal .f--sub-title h3 { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .f--sub-title h3 a, .cc--logo-promo .content-wrapper.color-blue .f--sub-title h3 a, .cc--logo-promo .content-wrapper.color-dark-gray .f--sub-title h3 a, .cc--logo-promo .content-wrapper.color-red .f--sub-title h3 a, .cc--logo-promo .content-wrapper.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .f--page-title h1, .cc--logo-promo .content-wrapper.color-blue .f--page-title h1, .cc--logo-promo .content-wrapper.color-dark-gray .f--page-title h1, .cc--logo-promo .content-wrapper.color-red .f--page-title h1, .cc--logo-promo .content-wrapper.color-teal .f--page-title h1 { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .stat-item .f--text, .cc--logo-promo .content-wrapper.color-black .stat-item .f--stat-prefix, .cc--logo-promo .content-wrapper.color-black .stat-item .f--stat-suffix, .cc--logo-promo .content-wrapper.color-blue .stat-item .f--text, .cc--logo-promo .content-wrapper.color-blue .stat-item .f--stat-prefix, .cc--logo-promo .content-wrapper.color-blue .stat-item .f--stat-suffix, .cc--logo-promo .content-wrapper.color-dark-gray .stat-item .f--text, .cc--logo-promo .content-wrapper.color-dark-gray .stat-item .f--stat-prefix, .cc--logo-promo .content-wrapper.color-dark-gray .stat-item .f--stat-suffix, .cc--logo-promo .content-wrapper.color-red .stat-item .f--text, .cc--logo-promo .content-wrapper.color-red .stat-item .f--stat-prefix, .cc--logo-promo .content-wrapper.color-red .stat-item .f--stat-suffix, .cc--logo-promo .content-wrapper.color-teal .stat-item .f--text, .cc--logo-promo .content-wrapper.color-teal .stat-item .f--stat-prefix, .cc--logo-promo .content-wrapper.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .f--stat-subheading, .cc--logo-promo .content-wrapper.color-black .f--description, .cc--logo-promo .content-wrapper.color-black .f--stat-headline, .cc--logo-promo .content-wrapper.color-blue .f--stat-subheading, .cc--logo-promo .content-wrapper.color-blue .f--description, .cc--logo-promo .content-wrapper.color-blue .f--stat-headline, .cc--logo-promo .content-wrapper.color-dark-gray .f--stat-subheading, .cc--logo-promo .content-wrapper.color-dark-gray .f--description, .cc--logo-promo .content-wrapper.color-dark-gray .f--stat-headline, .cc--logo-promo .content-wrapper.color-red .f--stat-subheading, .cc--logo-promo .content-wrapper.color-red .f--description, .cc--logo-promo .content-wrapper.color-red .f--stat-headline, .cc--logo-promo .content-wrapper.color-teal .f--stat-subheading, .cc--logo-promo .content-wrapper.color-teal .f--description, .cc--logo-promo .content-wrapper.color-teal .f--stat-headline { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .f--link .button, .cc--logo-promo .content-wrapper.color-blue .f--link .button, .cc--logo-promo .content-wrapper.color-dark-gray .f--link .button, .cc--logo-promo .content-wrapper.color-red .f--link .button, .cc--logo-promo .content-wrapper.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--logo-promo .content-wrapper.color-black .f--link .button, .cc--logo-promo .content-wrapper.color-blue .f--link .button, .cc--logo-promo .content-wrapper.color-dark-gray .f--link .button, .cc--logo-promo .content-wrapper.color-red .f--link .button, .cc--logo-promo .content-wrapper.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--link .button, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--logo-promo .content-wrapper.color-black .swiper-button-prev svg, .cc--logo-promo .content-wrapper.color-black .swiper-button-next svg, .cc--logo-promo .content-wrapper.color-blue .swiper-button-prev svg, .cc--logo-promo .content-wrapper.color-blue .swiper-button-next svg, .cc--logo-promo .content-wrapper.color-dark-gray .swiper-button-prev svg, .cc--logo-promo .content-wrapper.color-dark-gray .swiper-button-next svg, .cc--logo-promo .content-wrapper.color-red .swiper-button-prev svg, .cc--logo-promo .content-wrapper.color-red .swiper-button-next svg, .cc--logo-promo .content-wrapper.color-teal .swiper-button-prev svg, .cc--logo-promo .content-wrapper.color-teal .swiper-button-next svg { fill: #FFF; } .cc--logo-promo .content-wrapper.color-black .swiper-button-wrapper::before, .cc--logo-promo .content-wrapper.color-blue .swiper-button-wrapper::before, .cc--logo-promo .content-wrapper.color-dark-gray .swiper-button-wrapper::before, .cc--logo-promo .content-wrapper.color-red .swiper-button-wrapper::before, .cc--logo-promo .content-wrapper.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--logo-promo .content-wrapper.color-black .swiper-pagination-bullet, .cc--logo-promo .content-wrapper.color-blue .swiper-pagination-bullet, .cc--logo-promo .content-wrapper.color-dark-gray .swiper-pagination-bullet, .cc--logo-promo .content-wrapper.color-red .swiper-pagination-bullet, .cc--logo-promo .content-wrapper.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--logo-promo .content-wrapper.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--logo-promo .content-wrapper.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--logo-promo .content-wrapper.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--logo-promo .content-wrapper.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--logo-promo .content-wrapper.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--logo-promo .content-wrapper.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--logo-promo .content-wrapper.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--logo-promo .content-wrapper.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--logo-promo .content-wrapper.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--logo-promo .content-wrapper.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--logo-promo .content-wrapper.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--logo-promo .content-wrapper.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--logo-promo .content-wrapper.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--logo-promo .content-wrapper.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--logo-promo .content-wrapper.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide h2, .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide h2, .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide h2, .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide .f--description p, .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide .f--description p, .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide .f--link a, .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide .f--link a, .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide .icon-close, .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide .icon-close, .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--logo-promo .content-wrapper.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--logo-promo .content-wrapper.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--logo-promo .content-wrapper.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--logo-promo .content-wrapper.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--logo-promo .content-wrapper.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--logo-promo .content-wrapper.color-pale-yellow { background-color: #FCE488; } .cc--logo-promo .content-wrapper.color-pale-teal { background-color: #87C3BE; } .cc--logo-promo .content-wrapper.color-pale-blue { background-color: #92D6E3; } @media screen and (min-width: 768px) { .cc--logo-promo .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 18.75rem; } } @media screen and (min-width: 1024px) { .cc--logo-promo .content-wrapper { padding-top: 3.75rem; padding-right: 6.52174%; padding-bottom: 3.75rem; padding-left: 6.52174%; } } @media screen and (min-width: 768px) { .cc--logo-promo .content { -webkit-box-flex: 0; -ms-flex: 0 0 52.17391%; flex: 0 0 52.17391%; } } @media screen and (min-width: 1024px) { .cc--logo-promo .content { -webkit-box-flex: 0; -ms-flex: 0 0 45.45455%; flex: 0 0 45.45455%; } } .cc--logo-promo .f--description { margin-top: 1.875rem; } .cc--logo-promo .f--link { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--logo-promo .f--link { margin-top: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } } .cc--logo-promo.color-red .logo svg, .cc--logo-promo.color-blue .logo svg, .cc--logo-promo.color-teal .logo svg, .cc--logo-promo.color-dark-gray .logo svg, .cc--logo-promo.color-black .logo svg { fill: #FFF; } .cc--magazine-issue-card:not(:last-child) { padding-bottom: 2.625rem; } @media screen and (min-width: 768px) { .cc--magazine-issue-card:not(:last-child) { padding-bottom: 3.125rem; } } @media screen and (min-width: 768px) { .cc--magazine-issue-card .c--magazine-issue-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--magazine-issue-card .f--link .button { height: auto; border: 0; } html[data-whatintent="mouse"] .cc--magazine-issue-card .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--magazine-issue-card .f--link .button:hover { background-color: transparent; color: #000; text-decoration: underline; } .cc--magazine-issue-card .image-wrapper { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--magazine-issue-card .image-wrapper { margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; } } .cc--magazine-issue-card .image-wrapper .f--image { margin-bottom: 1.25rem; padding-right: 14%; padding-left: 14%; } @media screen and (min-width: 768px) { .cc--magazine-issue-card .image-wrapper .f--image { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .cc--magazine-issue-card .text-container { padding-left: 2%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .cc--magazine-issue-card .view-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--magazine-issue-card .view-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 1200px) { .cc--magazine-issue-card .view-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (min-width: 768px) { .cc--magazine-issue-card .view-links .f--link:first-child { margin-bottom: 0.625rem; } } @media screen and (min-width: 1200px) { .cc--magazine-issue-card .view-links .f--link:first-child .button::after { font-size: 1rem; line-height: 1.375; padding-right: 0.9375rem; padding-left: 0.9375rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #D8D8D8; content: '|'; } } .cc--magazine-issue-card .view-links .button { font-size: 1rem; line-height: 1.375; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (min-width: 768px) { .cc--magazine-issue-card .view-links .button { padding-right: 0; padding-left: 0; } } .cc--magazine-issue-card .view-links .button svg { margin-left: 0.5rem; width: 0.5625rem; fill: #C03; } .cc--magazine-issue-card .f--sub-title h3 { font-size: 1.5rem; line-height: 1.3334; margin-bottom: 1.25rem; text-align: center; } @media screen and (min-width: 768px) { .cc--magazine-issue-card .f--sub-title h3 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.875rem; text-align: left; } } .cc--magazine-issue-card .cta-link-list { list-style: none; padding: 0; margin: 0; } .cc--magazine-issue-card .cta-link-list .cta-link:not(:last-child) { margin-bottom: 0.625rem; } .cc--magazine-issue-card .cta-link-list .f--link .button { font-size: 0.875rem; line-height: 1.5715; padding-right: 0; padding-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #444; } @media screen and (min-width: 768px) { .cc--magazine-issue-card .cta-link-list .f--link .button { font-size: 1rem; line-height: 1.5; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; text-align: left; } } .cc--magazine-issue-header .c--magazine-issue-header { max-width: 1440px; margin: 0 auto; } .cc--magazine-issue-header .inner-wrapper { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--magazine-issue-header .inner-wrapper { padding-top: 3.75rem; padding-right: 4%; padding-bottom: 2.5rem; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--magazine-issue-header .image-link { margin-bottom: 1.5rem; padding-right: 16.66667%; padding-left: 16.66667%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--magazine-issue-header .image-link { margin-bottom: 0; padding-right: 4.54545%; padding-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 34.09091%; flex: 0 0 34.09091%; } } .cc--magazine-issue-header .text-container { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc--magazine-issue-header .f--page-title { max-width: 1440px; margin: 0 auto; margin-right: 0; margin-left: 0; width: 100%; max-width: none; text-align: center; } .cc--magazine-issue-header .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--magazine-issue-header .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--magazine-issue-header .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .cc--magazine-issue-header .f--page-title h1 { padding-top: 0; padding-right: 0; padding-bottom: 1.25rem; padding-left: 0; } @media screen and (min-width: 768px) { .cc--magazine-issue-header .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .cc--magazine-issue-header .f--page-title h1 { padding-bottom: 2.5rem; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--magazine-issue-header .f--page-title h1 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--magazine-issue-header .f--rich-text { padding-right: 7.40741%; padding-left: 7.40741%; } } .cc--magazine-issue-header .f--rich-text p { font-size: 1rem; line-height: 1.75; margin-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .cc--magazine-issue-header .f--rich-text p { margin-bottom: 2.5rem; } } .cc--magazine-issue-header .f--text { font-size: 1.25rem; line-height: 1.4; padding-right: 2rem; padding-left: 2rem; color: #000; } .cc--magazine-issue-header .f--text-wrapper { margin-bottom: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media screen and (min-width: 768px) { .cc--magazine-issue-header .f--text-wrapper { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--magazine-issue-header .f--text-wrapper { margin-bottom: 3.125rem; } } .cc--magazine-issue-header .f--text-wrapper::after, .cc--magazine-issue-header .f--text-wrapper::before { display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 0.0625rem; background: #000; content: ''; } @media screen and (min-width: 768px) { .cc--magazine-issue-header .f--text { font-size: 1.5rem; line-height: 1.3334; padding-right: 1.25rem; padding-left: 1.25rem; } } .cc--magazine-issue-header .f--link { width: 100%; } @media screen and (min-width: 768px) { .cc--magazine-issue-header .f--link { width: auto; } } .cc--magazine-issue-header .f--link a { padding-right: 2.5rem; padding-left: 2.5rem; } html[data-whatintent="mouse"] .cc--magazine-issue-header .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--magazine-issue-header .f--link a:hover svg { fill: #FFF; } .cc--magazine-issue-header .f--link svg { margin-left: 1.375rem; width: 0.6875rem; fill: #C03; } .cc--magazine-issue-listing .c--magazine-issue-listing { max-width: 1440px; margin: 0 auto; } .cc--magazine-issue-listing .inner-wrapper { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--magazine-issue-listing .inner-wrapper { padding-top: 3.75rem; padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--magazine-issue-listing .inner-wrapper { padding-right: 4%; padding-bottom: 6.25rem; padding-left: 4%; } } @media screen and (min-width: 768px) { .cc--magazine-issue-listing .issue-list { 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--magazine-issue-listing .issue-list-ctas { margin-top: 2.5625rem; } @media screen and (min-width: 768px) { .cc--magazine-issue-listing .issue-list-ctas { margin-top: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cc--magazine-issue-listing .issue-list-ctas .f--link:last-child { margin-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--magazine-issue-listing .issue-list-ctas .f--link:last-child { margin-top: 0; } .cc--magazine-issue-listing .issue-list-ctas .f--link:last-child .button { border-left: 0; } } @media screen and (min-width: 768px) { .cc--magazine-issue-listing .cc--magazine-issue-card { -webkit-box-flex: 0; -ms-flex: 0 0 47.82609%; flex: 0 0 47.82609%; } } @media screen and (min-width: 768px) { .cc--magazine-issue-listing .cc--magazine-issue-card .image-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 40.90909%; flex: 0 0 40.90909%; } } @media screen and (min-width: 768px) { .cc--magazine-issue-listing .cc--magazine-issue-card .text-container { padding-left: 4.54545%; } } .cc--magazine-promo { max-width: 1440px; margin: 0 auto; } .cc--magazine-promo .c--magazine-promo { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--magazine-promo .c--magazine-promo { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; } } @media screen and (min-width: 1200px) { .cc--magazine-promo .c--magazine-promo { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .cc--magazine-promo .magazine-promo-container { padding-top: 3.125rem; padding-right: 4.7619%; padding-bottom: 2.5rem; padding-left: 4.7619%; background-color: #C03; text-align: center; } @media screen and (min-width: 768px) { .cc--magazine-promo .magazine-promo-container { padding-top: 2.625rem; padding-right: 4.34783%; padding-bottom: 2.625rem; padding-left: 4.34783%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1200px) { .cc--magazine-promo .magazine-promo-container { padding-top: 1.6875rem; padding-right: 6.52174%; padding-bottom: 1.6875rem; padding-left: 6.52174%; } } .cc--magazine-promo .magazine-promo-container .logo-container { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--magazine-promo .magazine-promo-container .logo-container { text-align: left; } } .cc--magazine-promo .magazine-promo-container .logo-container svg { max-width: 15.1875rem; margin: 0 auto; fill: #FFF; } @media screen and (min-width: 768px) { .cc--magazine-promo .magazine-promo-container .logo-container svg { max-width: 13.125rem; } } @media screen and (min-width: 1200px) { .cc--magazine-promo .magazine-promo-container .logo-container svg { max-width: 16.375rem; } } .cc--magazine-promo .magazine-promo-container .image-container { margin-bottom: 1.875rem; } .cc--magazine-promo .magazine-promo-container .image-container .f--image { max-width: 9.625rem; margin: 0 auto; } @media screen and (min-width: 768px) { .cc--magazine-promo .magazine-promo-container .image-container .f--image { max-width: 10.5625rem; } } @media screen and (min-width: 1200px) { .cc--magazine-promo .magazine-promo-container .image-container .f--image { max-width: 12rem; } } @media screen and (min-width: 768px) { .cc--magazine-promo .magazine-promo-container .link-container { text-align: right; } } .cc--magazine-promo .magazine-promo-container .link-container .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--magazine-promo .magazine-promo-container .link-container .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--magazine-promo .magazine-promo-container .link-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--magazine-promo .magazine-promo-container .link-container .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--magazine-promo .magazine-promo-container .link-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--magazine-promo .magazine-promo-container .link-container .f--link .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: #FFF; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--magazine-promo .magazine-promo-container .logo-container, .cc--magazine-promo .magazine-promo-container .image-container, .cc--magazine-promo .magazine-promo-container .link-container { margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .cc--magazine-promo .magazine-promo-container .logo-container, .cc--magazine-promo .magazine-promo-container .image-container { display: block; } .cc--magazine-promo.color-black .magazine-promo-container { background-color: #000; } .cc--main-menu { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media screen and (min-width: 1024px) { .cc--main-menu { padding-top: 0; padding-bottom: 0; height: 3.75rem; background-color: #FFF; } .home-page .cc--main-menu, .rur-home-page .cc--main-menu { background-color: transparent; } } @media screen and (min-width: 1024px) { .cc--main-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--main-menu ul > li { position: relative; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li { padding-top: 0.625rem; padding-bottom: 0.625rem; } } html[data-whatintent="mouse"] .cc--main-menu ul > li { -webkit-transition: all 0.1s; transition: all 0.1s; } @media screen and (min-width: 1024px) { html[data-whatintent="mouse"] .cc--main-menu ul > li:hover .link-arrow-wrapper > span, html[data-whatintent="mouse"] .cc--main-menu ul > li:hover .link-arrow-wrapper > a { position: relative; } html[data-whatintent="mouse"] .cc--main-menu ul > li:hover .link-arrow-wrapper > span::after, html[data-whatintent="mouse"] .cc--main-menu ul > li:hover .link-arrow-wrapper > a::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 4.375rem; height: 0.3125rem; background-color: #C03; bottom: -0.875rem; } } @media screen and (min-width: 1024px) { html[data-whatintent="mouse"] .cc--main-menu ul > li:hover .submenus-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-whatintent="mouse"] .cc--main-menu ul > li:hover .submenus-wrapper::before { display: block; position: absolute; right: 0; bottom: 100%; left: 0; width: 100%; height: 0.3125rem; content: ''; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li > span, .cc--main-menu ul > li > a { font-size: 1.125rem; line-height: 1.1667; padding-top: 0.625rem; padding-bottom: 0.625rem; display: block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--main-menu ul > li > span, html[data-whatintent="mouse"] .cc--main-menu ul > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--main-menu ul > li > span:hover, html[data-whatintent="mouse"] .cc--main-menu ul > li > a:hover { position: relative; color: #000; } html[data-whatintent="mouse"] .cc--main-menu ul > li > span:hover::after, html[data-whatintent="mouse"] .cc--main-menu ul > li > a:hover::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 4.375rem; height: 0.3125rem; background-color: #C03; bottom: -0.875rem; } } @media screen and (min-width: 1024px) and (min-width: 1024px) { .home-page .cc--main-menu ul > li > span, .rur-home-page .cc--main-menu ul > li > span, .home-page .cc--main-menu ul > li > a, .rur-home-page .cc--main-menu ul > li > a { color: #FFF; } html[data-whatintent="mouse"] .home-page .cc--main-menu ul > li > span, html[data-whatintent="mouse"] .rur-home-page .cc--main-menu ul > li > span, html[data-whatintent="mouse"] .home-page .cc--main-menu ul > li > a, html[data-whatintent="mouse"] .rur-home-page .cc--main-menu ul > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .home-page .cc--main-menu ul > li > span:hover, html[data-whatintent="mouse"] .rur-home-page .cc--main-menu ul > li > span:hover, html[data-whatintent="mouse"] .home-page .cc--main-menu ul > li > a:hover, html[data-whatintent="mouse"] .rur-home-page .cc--main-menu ul > li > a:hover { color: #FFF; } } @media screen and (min-width: 1024px) and (min-width: 1024px) { .slim-nav-expanded .cc--main-menu ul > li > span, .slim-nav-expanded .cc--main-menu ul > li > a { color: #000; } html[data-whatintent="mouse"] .slim-nav-expanded .cc--main-menu ul > li > span, html[data-whatintent="mouse"] .slim-nav-expanded .cc--main-menu ul > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .slim-nav-expanded .cc--main-menu ul > li > span:hover, html[data-whatintent="mouse"] .slim-nav-expanded .cc--main-menu ul > li > a:hover { color: #C03; } } .cc--main-menu ul > li .link-arrow-wrapper { padding-right: 8%; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .link-arrow-wrapper { padding-right: 0; padding-left: 0; } } .cc--main-menu ul > li .link-arrow-wrapper > span, .cc--main-menu ul > li .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-bottom: 0.8125rem; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .link-arrow-wrapper > span, .cc--main-menu ul > li .link-arrow-wrapper > a { font-size: 1.125rem; line-height: 1.1667; padding-top: 0.625rem; padding-bottom: 0.625rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border-color: transparent; } } .home-page .cc--main-menu ul > li .link-arrow-wrapper > span, .rur-home-page .cc--main-menu ul > li .link-arrow-wrapper > span, .home-page .cc--main-menu ul > li .link-arrow-wrapper > a, .rur-home-page .cc--main-menu ul > li .link-arrow-wrapper > a { color: #FFF; } .slim-nav-expanded .cc--main-menu ul > li .link-arrow-wrapper > span, .slim-nav-expanded .cc--main-menu ul > li .link-arrow-wrapper > a { color: #000; } .cc--main-menu ul > li .link-arrow-wrapper > .arrow-toggle { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; position: absolute; top: 0; right: 4.5%; text-align: right; } @media screen and (max-width: 1023px) { .cc--main-menu ul > li .link-arrow-wrapper > .arrow-toggle { width: 2.75rem; height: 2.75rem; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .link-arrow-wrapper > .arrow-toggle { display: none; } } .cc--main-menu ul > li .link-arrow-wrapper > .arrow-toggle svg { width: 0.75rem; height: 0.4375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); fill: #C03; } .cc--main-menu ul > li .submenus-wrapper { display: none; width: 100%; background-color: #EFEFEF; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .submenus-wrapper { position: absolute; top: 4.0625rem; left: 50%; min-width: 15.625rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #FFF; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); z-index: 2; } } .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner { padding-top: 1.25rem; padding-right: 0; padding-bottom: 1.25rem; padding-left: 0; width: 100%; } } .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li { padding-right: 2.5rem; padding-left: 1.875rem; } html[data-whatintent="mouse"] .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li:hover { background-color: #EFEFEF; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span, .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a { padding-right: 0.625rem; font-size: 1rem; line-height: 1.375; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; } html[data-whatintent="mouse"] .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span, html[data-whatintent="mouse"] .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span:hover, html[data-whatintent="mouse"] .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a:hover { color: #C03; } .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span::after, .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a::after { display: none; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li .link-arrow-wrapper { position: relative; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li .link-arrow-wrapper .arrow-toggle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; right: -1.5625rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); cursor: auto; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li .link-arrow-wrapper .arrow-toggle svg { margin-top: -0.1875rem; width: 0.5rem; height: 0.375rem; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li .submenus-wrapper { display: none; } } html[data-whatintent="mouse"] .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li { -webkit-transition: all 0.1s; transition: all 0.1s; } @media screen and (min-width: 1024px) { html[data-whatintent="mouse"] .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li:hover .submenus-wrapper { display: block; min-height: 100%; } } .cc--main-menu ul > li ul.submenu { display: block; width: 100%; } @media screen and (max-width: 1023px) { .cc--main-menu ul > li ul.submenu > li { padding-right: 8%; padding-left: 8%; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li ul.submenu > li { padding-top: 0; padding-right: 1.5625rem; padding-bottom: 0; padding-left: 1.5625rem; position: static; } } .cc--main-menu ul > li ul.submenu > li .link-arrow-wrapper { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail { background-color: #EFEFEF; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .link-arrow-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .link-arrow-wrapper > span, .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .link-arrow-wrapper > a { position: relative; color: #C03; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .link-arrow-wrapper > span, .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .link-arrow-wrapper > a { color: #C03; } .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .link-arrow-wrapper > span::after, .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .link-arrow-wrapper > a::after { display: none; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail .submenus-wrapper { display: none; } } html[data-whatintent="mouse"] .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail { -webkit-transition: all 0.1s; transition: all 0.1s; } @media screen and (min-width: 1024px) { html[data-whatintent="mouse"] .cc--main-menu ul > li ul.submenu > li.menu-item--active-trail:hover .submenus-wrapper { display: block; } } .cc--main-menu ul > li ul.submenu > li > span, .cc--main-menu ul > li ul.submenu > li > a { font-size: 0.9375rem; line-height: 1.4667; padding-top: 1rem; padding-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 0; color: #000; text-decoration: none; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li ul.submenu > li > span, .cc--main-menu ul > li ul.submenu > li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.625rem; padding-bottom: 0.625rem; } } html[data-whatintent="mouse"] .cc--main-menu ul > li ul.submenu > li > span, html[data-whatintent="mouse"] .cc--main-menu ul > li ul.submenu > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--main-menu ul > li ul.submenu > li > span:hover, html[data-whatintent="mouse"] .cc--main-menu ul > li ul.submenu > li > a:hover { color: #C03; } .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper { position: relative; top: 0; left: 0; width: auto; min-width: auto; padding: 0; -webkit-transform: none; transform: none; -webkit-box-shadow: none !important; box-shadow: none !important; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper { position: absolute; top: 0; left: 100%; width: 100%; background-color: #EFEFEF; } } @media screen and (max-width: 1023px) { .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul > li { padding-top: 0; padding-right: 0; padding-left: 4%; } @media screen and (max-width: 1023px) { .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul > li { margin-bottom: 0; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul > li { padding-right: 1.875rem; padding-left: 1.875rem; } } .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul > li span, .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul > li a { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media screen and (min-width: 1024px) { html[data-whatintent='touch'] .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul > li span, html[data-whatintent='touch'] .cc--main-menu ul > li ul.submenu > li > .submenus-wrapper .submenus-wrapper-inner > ul > li a { pointer-events: auto; } } @media screen and (min-width: 1024px) { html[data-whatintent='touch'] .cc--main-menu ul > li.menu-item--expanded:not(.ally-focus-within) span, html[data-whatintent='touch'] .cc--main-menu ul > li.menu-item--expanded:not(.ally-focus-within) a { pointer-events: none; } } .cc--main-menu ul > li.is-open > .link-arrow-wrapper > span, .cc--main-menu ul > li.is-open > .link-arrow-wrapper > a { border-color: transparent; } .cc--main-menu ul > li.is-open > .link-arrow-wrapper > .arrow-toggle { border-color: transparent; } .cc--main-menu ul > li.is-open > .link-arrow-wrapper > .arrow-toggle > svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > span, .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a { position: relative; color: #C03; } @media screen and (min-width: 1024px) { .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > span::after, .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 4.375rem; height: 0.3125rem; background-color: #C03; bottom: -0.875rem; } .home-page .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > span, .rur-home-page .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > span, .home-page .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a, .rur-home-page .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a { color: #FFF; } .slim-nav-expanded .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > span, .slim-nav-expanded .cc--main-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a { color: #000; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li:focus-within .link-arrow-wrapper > span, .cc--main-menu ul > li:focus-within .link-arrow-wrapper > a, .cc--main-menu ul > li.ally-focus-within .link-arrow-wrapper > span, .cc--main-menu ul > li.ally-focus-within .link-arrow-wrapper > a { pointer-events: auto; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li:focus-within .link-arrow-wrapper > span, .cc--main-menu ul > li:focus-within .link-arrow-wrapper > a, .cc--main-menu ul > li.ally-focus-within .link-arrow-wrapper > span, .cc--main-menu ul > li.ally-focus-within .link-arrow-wrapper > a { border-color: #C03; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li:focus-within .submenus-wrapper, .cc--main-menu ul > li.ally-focus-within .submenus-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--main-menu ul > li:nth-last-child(2) .submenus-wrapper .submenus-wrapper, .cc--main-menu ul > li:last-child .submenus-wrapper .submenus-wrapper { left: 100%; -webkit-transform: translateX(-200%); transform: translateX(-200%); } } .c--media-mention-card .f--cta-title h3 { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .c--media-mention-card .f--cta-title h3 { margin-bottom: 1.25rem; } } .c--media-mention-card .f--cta-title h3 a { font-size: 1.125rem; line-height: 1.4445; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .c--media-mention-card .f--cta-title h3 a { font-size: 1.25rem; line-height: 1.4; } } html[data-whatintent="mouse"] .c--media-mention-card .f--cta-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .c--media-mention-card .f--cta-title h3 a:hover { text-decoration: underline; } .c--media-mention-card .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c--media-mention-card .text-container .f--image { margin-right: 0.625rem; } .c--media-mention-card .text-container .f--image img { border-radius: 50%; } .c--media-mention-card .text-container .f--text { font-size: 0.875rem; line-height: 1.4286; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #666; } .cc--media-mention-listing .c--media-mention-listing { max-width: 1440px; margin: 0 auto; } .cc--media-mention-listing .c--media-mention-listing .inner-wrapper { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--media-mention-listing .c--media-mention-listing .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--media-mention-listing .c--media-mention-listing .inner-wrapper { padding-top: 3.75rem; padding-right: 4%; padding-bottom: 6.25rem; padding-left: 4%; } } @media screen and (min-width: 768px) { .cc--media-mention-listing .c--media-mention-listing .media-mention-list .views-infinite-scroll-content-wrapper { 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--media-mention-listing .c--media-mention-listing .media-mention-list .views-infinite-scroll-content-wrapper::after { display: none; } .cc--media-mention-listing .c--media-mention-listing .cc--media-mention-card:not(:last-child) { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--media-mention-listing .c--media-mention-listing .cc--media-mention-card { padding-bottom: 3.75rem; position: relative; width: 21.73913%; } .cc--media-mention-listing .c--media-mention-listing .cc--media-mention-card:not(:last-child) { margin-bottom: 3.8125rem; } .cc--media-mention-listing .c--media-mention-listing .cc--media-mention-card:nth-child(4n+1):nth-last-child(-n+4), .cc--media-mention-listing .c--media-mention-listing .cc--media-mention-card:nth-child(4n+1):nth-last-child(-n+4) ~ .cc--media-mention-card { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--media-mention-listing .c--media-mention-listing .cc--media-mention-card .text-container { position: absolute; bottom: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--media-mention-listing .c--media-mention-listing .cc--load-more .pager .f--button-link { margin-top: 3.75rem; } } .cc--menu-banner.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--menu-banner.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--menu-banner.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--menu-banner.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--menu-banner.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--menu-banner.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--menu-banner.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--menu-banner.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--menu-banner.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--menu-banner.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--menu-banner.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--menu-banner.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--menu-banner.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--menu-banner.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--menu-banner.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--menu-banner.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--menu-banner.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--menu-banner.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--menu-banner.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--menu-banner.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--menu-banner.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--menu-banner.color-white .f--link .button, .cc--menu-banner.color-light-gray .f--link .button { background-color: transparent; } .cc--menu-banner.color-white .f--link .button:hover, .cc--menu-banner.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--menu-banner.color-pale-teal .f--link .button, .cc--menu-banner.color-pale-yellow .f--link .button, .cc--menu-banner.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--menu-banner.color-pale-teal .f--link .button, .cc--menu-banner.color-pale-yellow .f--link .button, .cc--menu-banner.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--menu-banner.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--menu-banner.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--menu-banner.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--menu-banner.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--menu-banner.color-black .f--description, .cc--menu-banner.color-black .f--text, .cc--menu-banner.color-black .f--category, .cc--menu-banner.color-blue .f--description, .cc--menu-banner.color-blue .f--text, .cc--menu-banner.color-blue .f--category, .cc--menu-banner.color-dark-gray .f--description, .cc--menu-banner.color-dark-gray .f--text, .cc--menu-banner.color-dark-gray .f--category, .cc--menu-banner.color-red .f--description, .cc--menu-banner.color-red .f--text, .cc--menu-banner.color-red .f--category, .cc--menu-banner.color-teal .f--description, .cc--menu-banner.color-teal .f--text, .cc--menu-banner.color-teal .f--category { color: #FFF; } .cc--menu-banner.color-black .f--description p, .cc--menu-banner.color-black .f--description li, .cc--menu-banner.color-black .f--description a, .cc--menu-banner.color-black .f--text p, .cc--menu-banner.color-black .f--text li, .cc--menu-banner.color-black .f--text a, .cc--menu-banner.color-black .f--category p, .cc--menu-banner.color-black .f--category li, .cc--menu-banner.color-black .f--category a, .cc--menu-banner.color-blue .f--description p, .cc--menu-banner.color-blue .f--description li, .cc--menu-banner.color-blue .f--description a, .cc--menu-banner.color-blue .f--text p, .cc--menu-banner.color-blue .f--text li, .cc--menu-banner.color-blue .f--text a, .cc--menu-banner.color-blue .f--category p, .cc--menu-banner.color-blue .f--category li, .cc--menu-banner.color-blue .f--category a, .cc--menu-banner.color-dark-gray .f--description p, .cc--menu-banner.color-dark-gray .f--description li, .cc--menu-banner.color-dark-gray .f--description a, .cc--menu-banner.color-dark-gray .f--text p, .cc--menu-banner.color-dark-gray .f--text li, .cc--menu-banner.color-dark-gray .f--text a, .cc--menu-banner.color-dark-gray .f--category p, .cc--menu-banner.color-dark-gray .f--category li, .cc--menu-banner.color-dark-gray .f--category a, .cc--menu-banner.color-red .f--description p, .cc--menu-banner.color-red .f--description li, .cc--menu-banner.color-red .f--description a, .cc--menu-banner.color-red .f--text p, .cc--menu-banner.color-red .f--text li, .cc--menu-banner.color-red .f--text a, .cc--menu-banner.color-red .f--category p, .cc--menu-banner.color-red .f--category li, .cc--menu-banner.color-red .f--category a, .cc--menu-banner.color-teal .f--description p, .cc--menu-banner.color-teal .f--description li, .cc--menu-banner.color-teal .f--description a, .cc--menu-banner.color-teal .f--text p, .cc--menu-banner.color-teal .f--text li, .cc--menu-banner.color-teal .f--text a, .cc--menu-banner.color-teal .f--category p, .cc--menu-banner.color-teal .f--category li, .cc--menu-banner.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--description a, html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--text a, html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--category a, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--description a, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--text a, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--category a, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--description a, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--text a, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--category a, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--description a, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--text a, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--category a:hover { color: #FFF; } .cc--menu-banner.color-black .f--section-title h2, .cc--menu-banner.color-blue .f--section-title h2, .cc--menu-banner.color-dark-gray .f--section-title h2, .cc--menu-banner.color-red .f--section-title h2, .cc--menu-banner.color-teal .f--section-title h2 { color: #FFF; } .cc--menu-banner.color-black .f--section-title h2 a, .cc--menu-banner.color-blue .f--section-title h2 a, .cc--menu-banner.color-dark-gray .f--section-title h2 a, .cc--menu-banner.color-red .f--section-title h2 a, .cc--menu-banner.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--menu-banner.color-black .f--sub-title h3, .cc--menu-banner.color-blue .f--sub-title h3, .cc--menu-banner.color-dark-gray .f--sub-title h3, .cc--menu-banner.color-red .f--sub-title h3, .cc--menu-banner.color-teal .f--sub-title h3 { color: #FFF; } .cc--menu-banner.color-black .f--sub-title h3 a, .cc--menu-banner.color-blue .f--sub-title h3 a, .cc--menu-banner.color-dark-gray .f--sub-title h3 a, .cc--menu-banner.color-red .f--sub-title h3 a, .cc--menu-banner.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--menu-banner.color-black .f--page-title h1, .cc--menu-banner.color-blue .f--page-title h1, .cc--menu-banner.color-dark-gray .f--page-title h1, .cc--menu-banner.color-red .f--page-title h1, .cc--menu-banner.color-teal .f--page-title h1 { color: #FFF; } .cc--menu-banner.color-black .stat-item .f--text, .cc--menu-banner.color-black .stat-item .f--stat-prefix, .cc--menu-banner.color-black .stat-item .f--stat-suffix, .cc--menu-banner.color-blue .stat-item .f--text, .cc--menu-banner.color-blue .stat-item .f--stat-prefix, .cc--menu-banner.color-blue .stat-item .f--stat-suffix, .cc--menu-banner.color-dark-gray .stat-item .f--text, .cc--menu-banner.color-dark-gray .stat-item .f--stat-prefix, .cc--menu-banner.color-dark-gray .stat-item .f--stat-suffix, .cc--menu-banner.color-red .stat-item .f--text, .cc--menu-banner.color-red .stat-item .f--stat-prefix, .cc--menu-banner.color-red .stat-item .f--stat-suffix, .cc--menu-banner.color-teal .stat-item .f--text, .cc--menu-banner.color-teal .stat-item .f--stat-prefix, .cc--menu-banner.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--menu-banner.color-black .f--stat-subheading, .cc--menu-banner.color-black .f--description, .cc--menu-banner.color-black .f--stat-headline, .cc--menu-banner.color-blue .f--stat-subheading, .cc--menu-banner.color-blue .f--description, .cc--menu-banner.color-blue .f--stat-headline, .cc--menu-banner.color-dark-gray .f--stat-subheading, .cc--menu-banner.color-dark-gray .f--description, .cc--menu-banner.color-dark-gray .f--stat-headline, .cc--menu-banner.color-red .f--stat-subheading, .cc--menu-banner.color-red .f--description, .cc--menu-banner.color-red .f--stat-headline, .cc--menu-banner.color-teal .f--stat-subheading, .cc--menu-banner.color-teal .f--description, .cc--menu-banner.color-teal .f--stat-headline { color: #FFF; } .cc--menu-banner.color-black .f--link .button, .cc--menu-banner.color-blue .f--link .button, .cc--menu-banner.color-dark-gray .f--link .button, .cc--menu-banner.color-red .f--link .button, .cc--menu-banner.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--menu-banner.color-black .f--link .button, .cc--menu-banner.color-blue .f--link .button, .cc--menu-banner.color-dark-gray .f--link .button, .cc--menu-banner.color-red .f--link .button, .cc--menu-banner.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--menu-banner.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--menu-banner.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--menu-banner.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--menu-banner.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--menu-banner.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--menu-banner.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--menu-banner.color-black .swiper-button-prev svg, .cc--menu-banner.color-black .swiper-button-next svg, .cc--menu-banner.color-blue .swiper-button-prev svg, .cc--menu-banner.color-blue .swiper-button-next svg, .cc--menu-banner.color-dark-gray .swiper-button-prev svg, .cc--menu-banner.color-dark-gray .swiper-button-next svg, .cc--menu-banner.color-red .swiper-button-prev svg, .cc--menu-banner.color-red .swiper-button-next svg, .cc--menu-banner.color-teal .swiper-button-prev svg, .cc--menu-banner.color-teal .swiper-button-next svg { fill: #FFF; } .cc--menu-banner.color-black .swiper-button-wrapper::before, .cc--menu-banner.color-blue .swiper-button-wrapper::before, .cc--menu-banner.color-dark-gray .swiper-button-wrapper::before, .cc--menu-banner.color-red .swiper-button-wrapper::before, .cc--menu-banner.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--menu-banner.color-black .swiper-pagination-bullet, .cc--menu-banner.color-blue .swiper-pagination-bullet, .cc--menu-banner.color-dark-gray .swiper-pagination-bullet, .cc--menu-banner.color-red .swiper-pagination-bullet, .cc--menu-banner.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--menu-banner.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--menu-banner.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--menu-banner.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--menu-banner.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--menu-banner.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--menu-banner.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--menu-banner.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--menu-banner.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--menu-banner.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--menu-banner.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--menu-banner.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--menu-banner.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--menu-banner.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--menu-banner.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--menu-banner.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--menu-banner.color-black .cc--user-choice-vertical-slide h2, .cc--menu-banner.color-blue .cc--user-choice-vertical-slide h2, .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--menu-banner.color-red .cc--user-choice-vertical-slide h2, .cc--menu-banner.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--menu-banner.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--menu-banner.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--menu-banner.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--menu-banner.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--menu-banner.color-black .cc--user-choice-vertical-slide .f--description p, .cc--menu-banner.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--menu-banner.color-red .cc--user-choice-vertical-slide .f--description p, .cc--menu-banner.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--menu-banner.color-black .cc--user-choice-vertical-slide .f--link a, .cc--menu-banner.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--menu-banner.color-red .cc--user-choice-vertical-slide .f--link a, .cc--menu-banner.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--menu-banner.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--menu-banner.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--menu-banner.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--menu-banner.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--menu-banner.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--menu-banner.color-black .cc--user-choice-vertical-slide .icon-close, .cc--menu-banner.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--menu-banner.color-red .cc--user-choice-vertical-slide .icon-close, .cc--menu-banner.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--menu-banner.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--menu-banner.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--menu-banner.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--menu-banner.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--menu-banner.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--menu-banner.color-pale-yellow { background-color: #FCE488; } .cc--menu-banner.color-pale-teal { background-color: #87C3BE; } .cc--menu-banner.color-pale-blue { background-color: #92D6E3; } .cc--menu-banner .c--menu-banner { max-width: 1440px; margin: 0 auto; } .cc--menu-banner .inner-wrapper { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 0.9375rem; padding-left: 8%; } @media screen and (min-width: 500px) { .cc--menu-banner .inner-wrapper { padding-top: 2.5rem; padding-bottom: 1.5625rem; } } .cc--menu-banner .f--section-title { text-align: center; } @media screen and (min-width: 500px) { .cc--menu-banner .f--section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc--menu-banner .f--section-title h2 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.5625rem; } @media screen and (min-width: 500px) { .cc--menu-banner .f--section-title h2 { margin-bottom: 0; } } .cc--menu-banner .menu--banner-menu { list-style: none; padding: 0; margin: 0; } @media screen and (min-width: 500px) { .cc--menu-banner .menu--banner-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cc--menu-banner .menu--banner-menu .banner-link-item { margin-bottom: 0.9375rem; } @media screen and (min-width: 500px) { .cc--menu-banner .menu--banner-menu .banner-link-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--menu-banner .menu--banner-menu .banner-link-item:first-child { margin-bottom: 0.9375rem; } .cc--menu-banner .menu--banner-menu .banner-link-item:not(:first-child)::before { padding-right: 1.25rem; padding-left: 1.25rem; color: #444; content: '|'; opacity: 0.3; } } .cc--menu-banner .menu--banner-menu .f--link .button { font-size: 0.875rem; line-height: 1.4286; padding-right: 0; padding-left: 0; height: auto; border: 0; } html[data-whatintent="mouse"] .cc--menu-banner .menu--banner-menu .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner .menu--banner-menu .f--link .button:hover { background-color: transparent; color: #000; text-decoration: underline; } .cc--menu-banner .menu--banner-menu .f--link span { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.5625rem; color: #000; } @media screen and (min-width: 500px) { .cc--menu-banner .menu--banner-menu .f--link span { margin-bottom: 0; } } @media screen and (min-width: 500px) { .cc--menu-banner.color-black .c--menu-banner .menu--banner-menu .banner-link-item:not(:first-child)::before, .cc--menu-banner.color-dark-gray .c--menu-banner .menu--banner-menu .banner-link-item:not(:first-child)::before, .cc--menu-banner.color-red .c--menu-banner .menu--banner-menu .banner-link-item:not(:first-child)::before, .cc--menu-banner.color-blue .c--menu-banner .menu--banner-menu .banner-link-item:not(:first-child)::before, .cc--menu-banner.color-teal .c--menu-banner .menu--banner-menu .banner-link-item:not(:first-child)::before { color: #FFF; } } .cc--menu-banner.color-black .c--menu-banner .menu--banner-menu .banner-link-item span, .cc--menu-banner.color-dark-gray .c--menu-banner .menu--banner-menu .banner-link-item span, .cc--menu-banner.color-red .c--menu-banner .menu--banner-menu .banner-link-item span, .cc--menu-banner.color-blue .c--menu-banner .menu--banner-menu .banner-link-item span, .cc--menu-banner.color-teal .c--menu-banner .menu--banner-menu .banner-link-item span { color: #FFF; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .c--menu-banner .menu--banner-menu .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .c--menu-banner .menu--banner-menu .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-red .c--menu-banner .menu--banner-menu .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .c--menu-banner .menu--banner-menu .f--link .button, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .c--menu-banner .menu--banner-menu .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--menu-banner.color-black .c--menu-banner .menu--banner-menu .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-dark-gray .c--menu-banner .menu--banner-menu .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-red .c--menu-banner .menu--banner-menu .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-blue .c--menu-banner .menu--banner-menu .f--link .button:hover, html[data-whatintent="mouse"] .cc--menu-banner.color-teal .c--menu-banner .menu--banner-menu .f--link .button:hover { background-color: transparent; color: #FFF; text-decoration: underline; } .cc--mini-site-listing-item { margin-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .cc--mini-site-listing-item { margin-bottom: 3.125rem; } } @media screen and (min-width: 768px) { .cc--mini-site-listing-item .c--mini-site-listing-item { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--mini-site-listing-item .c--mini-site-listing-item .image-container { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--mini-site-listing-item .c--mini-site-listing-item .image-container { -webkit-box-flex: 0; -ms-flex: 0 0 34.21053%; flex: 0 0 34.21053%; width: 34.21053%; margin-bottom: 0; } } @media screen and (min-width: 1024px) { .cc--mini-site-listing-item .c--mini-site-listing-item .image-container { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 30%; } } @media screen and (min-width: 768px) { .cc--mini-site-listing-item .c--mini-site-listing-item .image-container + .text-container { -webkit-box-flex: 0; -ms-flex: 0 0 65.78947%; flex: 0 0 65.78947%; width: 65.78947%; padding-left: 5.26316%; } } @media screen and (min-width: 1024px) { .cc--mini-site-listing-item .c--mini-site-listing-item .image-container + .text-container { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; width: 70%; padding-left: 3.33333%; } } .cc--mini-site-listing-item .c--mini-site-listing-item h3 { margin-bottom: 0.625rem; } .cc--mini-site-listing-item .c--mini-site-listing-item h3 a { font-size: 1.125rem; line-height: 1.7778; border-bottom: 1px solid #C03; color: #444; } html[data-whatintent="mouse"] .cc--mini-site-listing-item .c--mini-site-listing-item h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mini-site-listing-item .c--mini-site-listing-item h3 a:hover { border-bottom: 0; text-decoration: none; } .cc--mini-site-listing-item .c--mini-site-listing-item .f--date, .cc--mini-site-listing-item .c--mini-site-listing-item .f--date p, .cc--mini-site-listing-item .c--mini-site-listing-item .f--description, .cc--mini-site-listing-item .c--mini-site-listing-item .f--description p { font-size: 1.125rem; line-height: 1.7778; color: #444; } .cc--mini-site-listing { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--mini-site-listing { margin-top: 3.75rem; margin-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--mini-site-listing { margin-top: 5rem; margin-bottom: 5rem; } } .cc--mini-site-listing .header-text-container .f--description { margin-bottom: 1.875rem; } @media screen and (min-width: 1024px) { .cc--mini-site-listing .header-text-container .f--description { margin-bottom: 3.125rem; } } .cc--mini-site-sidebar { padding-right: 0; padding-left: 0; width: 100%; height: 3.75rem; } @media screen and (min-width: 768px) { .cc--mini-site-sidebar { height: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar { height: auto; } } .cc--mini-site-sidebar .c--mini-site-sidebar { top: 5rem; left: 0; width: 100%; background-color: #FFF; z-index: 9; } #main-content-basic .cc--mini-site-sidebar .c--mini-site-sidebar { top: 9.75rem; } @media screen and (min-width: 768px) { #main-content-basic .cc--mini-site-sidebar .c--mini-site-sidebar { top: 6.875rem; } } @media screen and (min-width: 1024px) { #main-content-basic .cc--mini-site-sidebar .c--mini-site-sidebar { top: 4.375rem; } } .cc--mini-site-sidebar .c--mini-site-sidebar.sticky { position: fixed; } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar .c--mini-site-sidebar { position: -webkit-sticky; position: sticky; top: 4.375rem; } .cc--mini-site-sidebar .c--mini-site-sidebar.sticky { position: -webkit-sticky; position: sticky; } } .cc--mini-site-sidebar .c--mini-site-sidebar nav ul.m--mini-site-menu { overflow: auto; } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar .variant { padding-top: 4.0625rem; min-height: 37.5rem; } } .cc--mini-site-sidebar .variant.color-teal .mc--menu li .utility-button svg { fill: #00626D; } html[data-whatintent="mouse"] .cc--mini-site-sidebar .variant.color-teal .mc--menu li a, html[data-whatintent="mouse"] .cc--mini-site-sidebar .variant.color-teal .mc--menu li span { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mini-site-sidebar .variant.color-teal .mc--menu li a:hover, html[data-whatintent="mouse"] .cc--mini-site-sidebar .variant.color-teal .mc--menu li span:hover { color: #00626D; } .cc--mini-site-sidebar .variant.color-teal .mc--menu li a.is-active, .cc--mini-site-sidebar .variant.color-teal .mc--menu li span.is-active { color: #00626D; } .cc--mini-site-sidebar .variant.color-teal .mc--menu li a::before, .cc--mini-site-sidebar .variant.color-teal .mc--menu li span::before { background-color: #00626D; } .cc--mini-site-sidebar .variant.color-teal .mc--menu li.menu-item--active-trail span, .cc--mini-site-sidebar .variant.color-teal .mc--menu li.menu-item--active-trail a { color: #00626D; } .cc--mini-site-sidebar .variant.color-teal .arrow-wrapper svg { fill: #00626D; } .cc--mini-site-sidebar .variant.color-blue .mc--menu li .utility-button svg { fill: #007FAC; } html[data-whatintent="mouse"] .cc--mini-site-sidebar .variant.color-blue .mc--menu li a, html[data-whatintent="mouse"] .cc--mini-site-sidebar .variant.color-blue .mc--menu li span { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mini-site-sidebar .variant.color-blue .mc--menu li a:hover, html[data-whatintent="mouse"] .cc--mini-site-sidebar .variant.color-blue .mc--menu li span:hover { color: #007FAC; } .cc--mini-site-sidebar .variant.color-blue .mc--menu li a.is-active, .cc--mini-site-sidebar .variant.color-blue .mc--menu li span.is-active { color: #007FAC; } .cc--mini-site-sidebar .variant.color-blue .mc--menu li a::before, .cc--mini-site-sidebar .variant.color-blue .mc--menu li span::before { background-color: #007FAC; } .cc--mini-site-sidebar .variant.color-blue .mc--menu li.menu-item--active-trail span, .cc--mini-site-sidebar .variant.color-blue .mc--menu li.menu-item--active-trail a { color: #007FAC; } .cc--mini-site-sidebar .variant.color-blue .arrow-wrapper svg { fill: #007FAC; } .cc--mini-site-sidebar * { color: #000; } .cc--mini-site-sidebar .arrow-wrapper { -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; cursor: pointer; } .cc--mini-site-sidebar .arrow-wrapper svg { fill: #C03; } .cc--mini-site-sidebar .arrow-wrapper.open { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cc--mini-site-sidebar .m--menu > li { padding-right: 4%; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--mini-site-sidebar .m--menu > li { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar .m--menu > li { padding-right: 0; padding-left: 12.5%; } } .cc--mini-site-sidebar .submenu { display: none; } .cc--mini-site-sidebar .submenu > li { position: relative; } .cc--mini-site-sidebar .submenu > li li span, .cc--mini-site-sidebar .submenu > li li a { padding-right: 0; padding-left: 3rem; } .cc--mini-site-sidebar .submenu > li span, .cc--mini-site-sidebar .submenu > li a { padding-right: 0; padding-left: 1.5rem; position: relative; } .cc--mini-site-sidebar .submenu li .utility-button { right: 2%; } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar .submenu li .utility-button { right: -3.125%; } } .cc--mini-site-sidebar h2 { padding-top: 0.3125rem; padding-right: 4%; padding-bottom: 0.3125rem; padding-left: 8%; font-size: 1.125rem; line-height: 1.4445; 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; } .cc--mini-site-sidebar h2.active::before { display: none; } @media screen and (max-width: 1023px) { .cc--mini-site-sidebar h2::before { display: block; position: absolute; top: 100%; right: 4%; left: 4%; height: 1px; background-color: #D8D8D8; content: ''; } } @media screen and (max-width: 767px) { .cc--mini-site-sidebar h2::before { left: 8%; } } @media screen and (min-width: 768px) { .cc--mini-site-sidebar h2 { padding-right: 4%; padding-left: 4%; font-size: 1.75rem; line-height: 1.2858; } } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar h2 { padding-top: 0; padding-right: 6.25%; padding-bottom: 2.1875rem; padding-left: 12.5%; font-size: 2.5rem; line-height: 1.2; } } .cc--mini-site-sidebar h2 a { text-decoration: none; } html[data-whatintent="mouse"] .cc--mini-site-sidebar h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mini-site-sidebar h2 a:hover { color: inherit; } .cc--mini-site-sidebar h2 .arrow-wrapper { margin-right: -1.1875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; height: 3.125rem; } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar h2 .arrow-wrapper { display: none; } } .cc--mini-site-sidebar .mc--menu { padding-bottom: 1.875rem; display: none; } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar .mc--menu { padding-top: 0; padding-bottom: 3rem; display: block !important; } } .cc--mini-site-sidebar .mc--menu > ul > li:last-child > a, .cc--mini-site-sidebar .mc--menu > ul > li:last-child > span { border-bottom: 1px solid #D8D8D8; } .cc--mini-site-sidebar .mc--menu li.on-hover, .cc--mini-site-sidebar .mc--menu li.is-open { background: #EFEFEF; } html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li a:hover { text-decoration: underline; } .cc--mini-site-sidebar .mc--menu li a, .cc--mini-site-sidebar .mc--menu li span { padding-top: 0.75rem; padding-right: 1.25rem; padding-bottom: 0.75rem; font-size: 1rem; line-height: 1.375; display: block; position: relative; border-top: 1px solid #D8D8D8; text-decoration: none; } .cc--mini-site-sidebar .mc--menu li a::before, .cc--mini-site-sidebar .mc--menu li span::before { display: block; position: absolute; top: 0; left: -9.2%; width: 0.9375rem; height: 100%; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; background-color: #C03; content: ''; opacity: 0; } @media screen and (min-width: 768px) { .cc--mini-site-sidebar .mc--menu li a::before, .cc--mini-site-sidebar .mc--menu li span::before { left: -4.3%; } } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar .mc--menu li a::before, .cc--mini-site-sidebar .mc--menu li span::before { left: -14.3%; } } html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li a, html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li span { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li a:hover, html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li span:hover { color: #C03; } html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li a:hover::before, html[data-whatintent="mouse"] .cc--mini-site-sidebar .mc--menu li span:hover::before { opacity: 1; } .cc--mini-site-sidebar .mc--menu li a.is-active, .cc--mini-site-sidebar .mc--menu li span.is-active { color: #C03; } .cc--mini-site-sidebar .mc--menu li a.is-active::before, .cc--mini-site-sidebar .mc--menu li span.is-active::before { opacity: 1; } .cc--mini-site-sidebar .mc--menu li.menu-item--active-trail span, .cc--mini-site-sidebar .mc--menu li.menu-item--active-trail a { color: #C03; } .cc--mini-site-sidebar .mc--menu li.menu-item--active-trail span::before, .cc--mini-site-sidebar .mc--menu li.menu-item--active-trail a::before { opacity: 1; } .cc--mini-site-sidebar .mc--menu li li.is-open { background: transparent; } .cc--mini-site-sidebar .mc--menu li .utility-button { margin-top: -0.0625rem; margin-right: -1.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 4%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; height: 3.125rem; } @media screen and (min-width: 1024px) { .cc--mini-site-sidebar .mc--menu li .utility-button { margin-right: 0; right: 0; } } .cc--mini-site-sidebar .mc--menu li .utility-button.is-open svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cc--mini-site-sidebar .mc--menu li .utility-button svg { padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; width: 1.25rem; -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; fill: #C03; } .ie11 .cc--mini-site-sidebar .mc--menu li .utility-button svg { height: 0.9375rem; } .cc--mini-site-sidebar .mc--menu li .submenu li .utility-button { right: 0; } @media screen and (min-width: 1440px) { .cc--mini-site-sidebar .mini-sidebar-inner { min-width: 18.75rem; margin-left: calc((100vw - 1440px) / 2); } } .cc--mosaic { position: relative; } .cc--mosaic .home-page-mosaic-wrapper { display: grid; grid-template-columns: 1fr; -ms-grid-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: 'item-1' 'item-4' 'item-5' 'item-2' 'item-3' 'item-6'; } .ie11 .cc--mosaic .home-page-mosaic-wrapper { display: -ms-grid; } @media screen and (min-width: 500px) { .cc--mosaic .home-page-mosaic-wrapper { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr; grid-template-areas: 'item-1 item-4' 'item-5 item-2' 'item-3 item-6'; } } @media screen and (min-width: 768px) { .cc--mosaic .home-page-mosaic-wrapper { grid-template-columns: 36% auto 36%; -ms-grid-columns: 36% 1fr 36%; grid-template-rows: 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr; grid-template-areas: 'item-1 item-1 item-4' 'item-1 item-1 item-5' 'item-2 item-6 item-6' 'item-3 item-6 item-6'; } } @media screen and (min-width: 1024px) { .cc--mosaic .home-page-mosaic-wrapper { grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr; grid-template-areas: 'item-1 item-1 item-4 item-5' 'item-1 item-1 item-6 item-6' 'item-2 item-3 item-6 item-6'; } } .cc--mosaic .mosaic-item:first-child { grid-area: item-1; -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item:first-child { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; } } .cc--mosaic .mosaic-item:nth-child(2) { grid-area: item-2; -ms-grid-row: 4; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } @media screen and (min-width: 500px) { .cc--mosaic .mosaic-item:nth-child(2) { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; } } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item:nth-child(2) { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } } .cc--mosaic .mosaic-item:nth-child(3) { grid-area: item-3; -ms-grid-row: 5; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } @media screen and (min-width: 500px) { .cc--mosaic .mosaic-item:nth-child(3) { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item:nth-child(3) { -ms-grid-row: 4; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-item:nth-child(3) { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; } } .cc--mosaic .mosaic-item:nth-child(4) { grid-area: item-4; -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } @media screen and (min-width: 500px) { .cc--mosaic .mosaic-item:nth-child(4) { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; } } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item:nth-child(4) { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 3; -ms-grid-column-span: 1; } } .cc--mosaic .mosaic-item:nth-child(5) { grid-area: item-5; -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } @media screen and (min-width: 500px) { .cc--mosaic .mosaic-item:nth-child(5) { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item:nth-child(5) { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 3; -ms-grid-column-span: 1; } } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-item:nth-child(5) { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 4; -ms-grid-column-span: 1; } } .cc--mosaic .mosaic-item:nth-child(6) { grid-area: item-6; -ms-grid-row: 6; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } @media screen and (min-width: 500px) { .cc--mosaic .mosaic-item:nth-child(6) { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; } } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item:nth-child(6) { -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 2; } } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-item:nth-child(6) { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 2; } } .cc--mosaic .mosaic-item.no-color .f--category, .cc--mosaic .mosaic-item.no-color .f--stat-prefix, .cc--mosaic .mosaic-item.no-color .f--sub-title h3, .cc--mosaic .mosaic-item.no-color .f--sub-title .sub-title-h3 { color: #444; } .cc--mosaic .mosaic-item.no-color .f--category a, .cc--mosaic .mosaic-item.no-color .f--stat-prefix a, .cc--mosaic .mosaic-item.no-color .f--sub-title h3 a, .cc--mosaic .mosaic-item.no-color .f--sub-title .sub-title-h3 a { color: #444; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.no-color .f--category a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.no-color .f--stat-prefix a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.no-color .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.no-color .f--sub-title .sub-title-h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.no-color .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.no-color .f--stat-prefix a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.no-color .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.no-color .f--sub-title .sub-title-h3 a:hover { color: #444; } .cc--mosaic .color-item { text-align: center; } .cc--mosaic .color-item.has-icon { background-repeat: no-repeat; background-position: right top; background-size: 50%; } .cc--mosaic .color-item .f--stat-prefix, .cc--mosaic .color-item .f--sub-title h3, .cc--mosaic .color-item .f--sub-title .sub-title-h3 { color: #FFF; } .cc--mosaic .color-item.color-white .f--category, .cc--mosaic .color-item.color-white .f--stat-prefix, .cc--mosaic .color-item.color-white .f--sub-title h3, .cc--mosaic .color-item.color-white .f--sub-title .sub-title-h3, .cc--mosaic .color-item.color-light-gray .f--category, .cc--mosaic .color-item.color-light-gray .f--stat-prefix, .cc--mosaic .color-item.color-light-gray .f--sub-title h3, .cc--mosaic .color-item.color-light-gray .f--sub-title .sub-title-h3 { color: #444; } .cc--mosaic .color-item.color-white .f--category a, .cc--mosaic .color-item.color-white .f--stat-prefix a, .cc--mosaic .color-item.color-white .f--sub-title h3 a, .cc--mosaic .color-item.color-white .f--sub-title .sub-title-h3 a, .cc--mosaic .color-item.color-light-gray .f--category a, .cc--mosaic .color-item.color-light-gray .f--stat-prefix a, .cc--mosaic .color-item.color-light-gray .f--sub-title h3 a, .cc--mosaic .color-item.color-light-gray .f--sub-title .sub-title-h3 a { color: #444; } html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white .f--category a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white .f--stat-prefix a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white .f--sub-title .sub-title-h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray .f--category a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray .f--stat-prefix a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray .f--sub-title .sub-title-h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white .f--stat-prefix a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white .f--sub-title .sub-title-h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray .f--stat-prefix a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray .f--sub-title .sub-title-h3 a:hover { color: #444; } .cc--mosaic .color-item.color-white.item-1 .f--category, .cc--mosaic .color-item.color-white.item-1 .f--stat-prefix, .cc--mosaic .color-item.color-white.item-1 .f--sub-title h3, .cc--mosaic .color-item.color-white.item-1 .f--sub-title .sub-title-h3, .cc--mosaic .color-item.color-white.item-6 .f--category, .cc--mosaic .color-item.color-white.item-6 .f--stat-prefix, .cc--mosaic .color-item.color-white.item-6 .f--sub-title h3, .cc--mosaic .color-item.color-white.item-6 .f--sub-title .sub-title-h3, .cc--mosaic .color-item.color-light-gray.item-1 .f--category, .cc--mosaic .color-item.color-light-gray.item-1 .f--stat-prefix, .cc--mosaic .color-item.color-light-gray.item-1 .f--sub-title h3, .cc--mosaic .color-item.color-light-gray.item-1 .f--sub-title .sub-title-h3, .cc--mosaic .color-item.color-light-gray.item-6 .f--category, .cc--mosaic .color-item.color-light-gray.item-6 .f--stat-prefix, .cc--mosaic .color-item.color-light-gray.item-6 .f--sub-title h3, .cc--mosaic .color-item.color-light-gray.item-6 .f--sub-title .sub-title-h3 { color: #FFF; } .cc--mosaic .color-item.color-white.item-1 .f--category a, .cc--mosaic .color-item.color-white.item-1 .f--stat-prefix a, .cc--mosaic .color-item.color-white.item-1 .f--sub-title h3 a, .cc--mosaic .color-item.color-white.item-1 .f--sub-title .sub-title-h3 a, .cc--mosaic .color-item.color-white.item-6 .f--category a, .cc--mosaic .color-item.color-white.item-6 .f--stat-prefix a, .cc--mosaic .color-item.color-white.item-6 .f--sub-title h3 a, .cc--mosaic .color-item.color-white.item-6 .f--sub-title .sub-title-h3 a, .cc--mosaic .color-item.color-light-gray.item-1 .f--category a, .cc--mosaic .color-item.color-light-gray.item-1 .f--stat-prefix a, .cc--mosaic .color-item.color-light-gray.item-1 .f--sub-title h3 a, .cc--mosaic .color-item.color-light-gray.item-1 .f--sub-title .sub-title-h3 a, .cc--mosaic .color-item.color-light-gray.item-6 .f--category a, .cc--mosaic .color-item.color-light-gray.item-6 .f--stat-prefix a, .cc--mosaic .color-item.color-light-gray.item-6 .f--sub-title h3 a, .cc--mosaic .color-item.color-light-gray.item-6 .f--sub-title .sub-title-h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-1 .f--category a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-1 .f--stat-prefix a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-1 .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-1 .f--sub-title .sub-title-h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-6 .f--category a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-6 .f--stat-prefix a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-6 .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-6 .f--sub-title .sub-title-h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-1 .f--category a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-1 .f--stat-prefix a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-1 .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-1 .f--sub-title .sub-title-h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-6 .f--category a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-6 .f--stat-prefix a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-6 .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-6 .f--sub-title .sub-title-h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-1 .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-1 .f--stat-prefix a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-1 .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-1 .f--sub-title .sub-title-h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-6 .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-6 .f--stat-prefix a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-6 .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-white.item-6 .f--sub-title .sub-title-h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-1 .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-1 .f--stat-prefix a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-1 .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-1 .f--sub-title .sub-title-h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-6 .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-6 .f--stat-prefix a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-6 .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .color-item.color-light-gray.item-6 .f--sub-title .sub-title-h3 a:hover { color: #FFF; } .cc--mosaic .mosaic-text.mosaic-item .f--sub-title h3, .cc--mosaic .mosaic-text.mosaic-item .f--sub-title .sub-title-h3 { margin-bottom: 1.25rem; } .cc--mosaic .mosaic-text.mosaic-item .f--description a { text-decoration: none; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-text.mosaic-item .f--description a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-text.mosaic-item .f--description a:hover { text-decoration: underline; } .cc--mosaic .mosaic-text.mosaic-item .content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc--mosaic .mosaic-stat.mosaic-item { position: relative; } .cc--mosaic .mosaic-stat.mosaic-item .content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc--mosaic .mosaic-stat.mosaic-item .f--stat-prefix { font-size: 1.875rem; line-height: 1; display: inline-block; vertical-align: super; } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-stat.mosaic-item .f--stat-prefix { font-size: 2.5rem; line-height: 1; } } .cc--mosaic .mosaic-stat.mosaic-item .f--sub-title h3, .cc--mosaic .mosaic-stat.mosaic-item .f--sub-title .sub-title-h3 { font-size: 3.5rem; line-height: 1; margin-bottom: 1.25rem; display: inline-block; } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-stat.mosaic-item .f--sub-title h3, .cc--mosaic .mosaic-stat.mosaic-item .f--sub-title .sub-title-h3 { font-size: 4rem; line-height: 1; } } .cc--mosaic .mosaic-stat.mosaic-item .f--description p { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-stat.mosaic-item .f--description p { font-size: 1.5rem; line-height: 1.3334; } } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-stat.mosaic-item .f--description p { font-size: 1.375rem; line-height: 1.3637; } } .cc--mosaic .mosaic-item { position: relative; background-size: contain; } .cc--mosaic .mosaic-item.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--mosaic .mosaic-item.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--mosaic .mosaic-item.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--mosaic .mosaic-item.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--mosaic .mosaic-item.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--mosaic .mosaic-item.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--mosaic .mosaic-item.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--mosaic .mosaic-item.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--mosaic .mosaic-item.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--mosaic .mosaic-item.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--mosaic .mosaic-item.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--mosaic .mosaic-item.color-white .f--link .button, .cc--mosaic .mosaic-item.color-light-gray .f--link .button { background-color: transparent; } .cc--mosaic .mosaic-item.color-white .f--link .button:hover, .cc--mosaic .mosaic-item.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--mosaic .mosaic-item.color-pale-teal .f--link .button, .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button, .cc--mosaic .mosaic-item.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item.color-pale-teal .f--link .button, .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button, .cc--mosaic .mosaic-item.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--mosaic .mosaic-item.color-black .f--description, .cc--mosaic .mosaic-item.color-black .f--text, .cc--mosaic .mosaic-item.color-black .f--category, .cc--mosaic .mosaic-item.color-blue .f--description, .cc--mosaic .mosaic-item.color-blue .f--text, .cc--mosaic .mosaic-item.color-blue .f--category, .cc--mosaic .mosaic-item.color-dark-gray .f--description, .cc--mosaic .mosaic-item.color-dark-gray .f--text, .cc--mosaic .mosaic-item.color-dark-gray .f--category, .cc--mosaic .mosaic-item.color-red .f--description, .cc--mosaic .mosaic-item.color-red .f--text, .cc--mosaic .mosaic-item.color-red .f--category, .cc--mosaic .mosaic-item.color-teal .f--description, .cc--mosaic .mosaic-item.color-teal .f--text, .cc--mosaic .mosaic-item.color-teal .f--category { color: #FFF; } .cc--mosaic .mosaic-item.color-black .f--description p, .cc--mosaic .mosaic-item.color-black .f--description li, .cc--mosaic .mosaic-item.color-black .f--description a, .cc--mosaic .mosaic-item.color-black .f--text p, .cc--mosaic .mosaic-item.color-black .f--text li, .cc--mosaic .mosaic-item.color-black .f--text a, .cc--mosaic .mosaic-item.color-black .f--category p, .cc--mosaic .mosaic-item.color-black .f--category li, .cc--mosaic .mosaic-item.color-black .f--category a, .cc--mosaic .mosaic-item.color-blue .f--description p, .cc--mosaic .mosaic-item.color-blue .f--description li, .cc--mosaic .mosaic-item.color-blue .f--description a, .cc--mosaic .mosaic-item.color-blue .f--text p, .cc--mosaic .mosaic-item.color-blue .f--text li, .cc--mosaic .mosaic-item.color-blue .f--text a, .cc--mosaic .mosaic-item.color-blue .f--category p, .cc--mosaic .mosaic-item.color-blue .f--category li, .cc--mosaic .mosaic-item.color-blue .f--category a, .cc--mosaic .mosaic-item.color-dark-gray .f--description p, .cc--mosaic .mosaic-item.color-dark-gray .f--description li, .cc--mosaic .mosaic-item.color-dark-gray .f--description a, .cc--mosaic .mosaic-item.color-dark-gray .f--text p, .cc--mosaic .mosaic-item.color-dark-gray .f--text li, .cc--mosaic .mosaic-item.color-dark-gray .f--text a, .cc--mosaic .mosaic-item.color-dark-gray .f--category p, .cc--mosaic .mosaic-item.color-dark-gray .f--category li, .cc--mosaic .mosaic-item.color-dark-gray .f--category a, .cc--mosaic .mosaic-item.color-red .f--description p, .cc--mosaic .mosaic-item.color-red .f--description li, .cc--mosaic .mosaic-item.color-red .f--description a, .cc--mosaic .mosaic-item.color-red .f--text p, .cc--mosaic .mosaic-item.color-red .f--text li, .cc--mosaic .mosaic-item.color-red .f--text a, .cc--mosaic .mosaic-item.color-red .f--category p, .cc--mosaic .mosaic-item.color-red .f--category li, .cc--mosaic .mosaic-item.color-red .f--category a, .cc--mosaic .mosaic-item.color-teal .f--description p, .cc--mosaic .mosaic-item.color-teal .f--description li, .cc--mosaic .mosaic-item.color-teal .f--description a, .cc--mosaic .mosaic-item.color-teal .f--text p, .cc--mosaic .mosaic-item.color-teal .f--text li, .cc--mosaic .mosaic-item.color-teal .f--text a, .cc--mosaic .mosaic-item.color-teal .f--category p, .cc--mosaic .mosaic-item.color-teal .f--category li, .cc--mosaic .mosaic-item.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--description a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--text a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--category a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--description a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--text a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--category a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--description a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--text a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--category a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--description a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--text a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--category a:hover { color: #FFF; } .cc--mosaic .mosaic-item.color-black .f--section-title h2, .cc--mosaic .mosaic-item.color-blue .f--section-title h2, .cc--mosaic .mosaic-item.color-dark-gray .f--section-title h2, .cc--mosaic .mosaic-item.color-red .f--section-title h2, .cc--mosaic .mosaic-item.color-teal .f--section-title h2 { color: #FFF; } .cc--mosaic .mosaic-item.color-black .f--section-title h2 a, .cc--mosaic .mosaic-item.color-blue .f--section-title h2 a, .cc--mosaic .mosaic-item.color-dark-gray .f--section-title h2 a, .cc--mosaic .mosaic-item.color-red .f--section-title h2 a, .cc--mosaic .mosaic-item.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--mosaic .mosaic-item.color-black .f--sub-title h3, .cc--mosaic .mosaic-item.color-blue .f--sub-title h3, .cc--mosaic .mosaic-item.color-dark-gray .f--sub-title h3, .cc--mosaic .mosaic-item.color-red .f--sub-title h3, .cc--mosaic .mosaic-item.color-teal .f--sub-title h3 { color: #FFF; } .cc--mosaic .mosaic-item.color-black .f--sub-title h3 a, .cc--mosaic .mosaic-item.color-blue .f--sub-title h3 a, .cc--mosaic .mosaic-item.color-dark-gray .f--sub-title h3 a, .cc--mosaic .mosaic-item.color-red .f--sub-title h3 a, .cc--mosaic .mosaic-item.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--mosaic .mosaic-item.color-black .f--page-title h1, .cc--mosaic .mosaic-item.color-blue .f--page-title h1, .cc--mosaic .mosaic-item.color-dark-gray .f--page-title h1, .cc--mosaic .mosaic-item.color-red .f--page-title h1, .cc--mosaic .mosaic-item.color-teal .f--page-title h1 { color: #FFF; } .cc--mosaic .mosaic-item.color-black .stat-item .f--text, .cc--mosaic .mosaic-item.color-black .stat-item .f--stat-prefix, .cc--mosaic .mosaic-item.color-black .stat-item .f--stat-suffix, .cc--mosaic .mosaic-item.color-blue .stat-item .f--text, .cc--mosaic .mosaic-item.color-blue .stat-item .f--stat-prefix, .cc--mosaic .mosaic-item.color-blue .stat-item .f--stat-suffix, .cc--mosaic .mosaic-item.color-dark-gray .stat-item .f--text, .cc--mosaic .mosaic-item.color-dark-gray .stat-item .f--stat-prefix, .cc--mosaic .mosaic-item.color-dark-gray .stat-item .f--stat-suffix, .cc--mosaic .mosaic-item.color-red .stat-item .f--text, .cc--mosaic .mosaic-item.color-red .stat-item .f--stat-prefix, .cc--mosaic .mosaic-item.color-red .stat-item .f--stat-suffix, .cc--mosaic .mosaic-item.color-teal .stat-item .f--text, .cc--mosaic .mosaic-item.color-teal .stat-item .f--stat-prefix, .cc--mosaic .mosaic-item.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--mosaic .mosaic-item.color-black .f--stat-subheading, .cc--mosaic .mosaic-item.color-black .f--description, .cc--mosaic .mosaic-item.color-black .f--stat-headline, .cc--mosaic .mosaic-item.color-blue .f--stat-subheading, .cc--mosaic .mosaic-item.color-blue .f--description, .cc--mosaic .mosaic-item.color-blue .f--stat-headline, .cc--mosaic .mosaic-item.color-dark-gray .f--stat-subheading, .cc--mosaic .mosaic-item.color-dark-gray .f--description, .cc--mosaic .mosaic-item.color-dark-gray .f--stat-headline, .cc--mosaic .mosaic-item.color-red .f--stat-subheading, .cc--mosaic .mosaic-item.color-red .f--description, .cc--mosaic .mosaic-item.color-red .f--stat-headline, .cc--mosaic .mosaic-item.color-teal .f--stat-subheading, .cc--mosaic .mosaic-item.color-teal .f--description, .cc--mosaic .mosaic-item.color-teal .f--stat-headline { color: #FFF; } .cc--mosaic .mosaic-item.color-black .f--link .button, .cc--mosaic .mosaic-item.color-blue .f--link .button, .cc--mosaic .mosaic-item.color-dark-gray .f--link .button, .cc--mosaic .mosaic-item.color-red .f--link .button, .cc--mosaic .mosaic-item.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item.color-black .f--link .button, .cc--mosaic .mosaic-item.color-blue .f--link .button, .cc--mosaic .mosaic-item.color-dark-gray .f--link .button, .cc--mosaic .mosaic-item.color-red .f--link .button, .cc--mosaic .mosaic-item.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--link .button, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--mosaic .mosaic-item.color-black .swiper-button-prev svg, .cc--mosaic .mosaic-item.color-black .swiper-button-next svg, .cc--mosaic .mosaic-item.color-blue .swiper-button-prev svg, .cc--mosaic .mosaic-item.color-blue .swiper-button-next svg, .cc--mosaic .mosaic-item.color-dark-gray .swiper-button-prev svg, .cc--mosaic .mosaic-item.color-dark-gray .swiper-button-next svg, .cc--mosaic .mosaic-item.color-red .swiper-button-prev svg, .cc--mosaic .mosaic-item.color-red .swiper-button-next svg, .cc--mosaic .mosaic-item.color-teal .swiper-button-prev svg, .cc--mosaic .mosaic-item.color-teal .swiper-button-next svg { fill: #FFF; } .cc--mosaic .mosaic-item.color-black .swiper-button-wrapper::before, .cc--mosaic .mosaic-item.color-blue .swiper-button-wrapper::before, .cc--mosaic .mosaic-item.color-dark-gray .swiper-button-wrapper::before, .cc--mosaic .mosaic-item.color-red .swiper-button-wrapper::before, .cc--mosaic .mosaic-item.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--mosaic .mosaic-item.color-black .swiper-pagination-bullet, .cc--mosaic .mosaic-item.color-blue .swiper-pagination-bullet, .cc--mosaic .mosaic-item.color-dark-gray .swiper-pagination-bullet, .cc--mosaic .mosaic-item.color-red .swiper-pagination-bullet, .cc--mosaic .mosaic-item.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--mosaic .mosaic-item.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--mosaic .mosaic-item.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--mosaic .mosaic-item.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--mosaic .mosaic-item.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--mosaic .mosaic-item.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--mosaic .mosaic-item.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--mosaic .mosaic-item.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--mosaic .mosaic-item.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--mosaic .mosaic-item.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--mosaic .mosaic-item.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--mosaic .mosaic-item.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--mosaic .mosaic-item.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--mosaic .mosaic-item.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--mosaic .mosaic-item.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide h2, .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide h2, .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide h2, .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide .f--description p, .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide .f--description p, .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide .f--link a, .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide .f--link a, .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide .icon-close, .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide .icon-close, .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--mosaic .mosaic-item.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--mosaic .mosaic-item.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--mosaic .mosaic-item.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--mosaic .mosaic-item.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--mosaic .mosaic-item.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--mosaic .mosaic-item.color-pale-yellow { background-color: #FCE488; } .cc--mosaic .mosaic-item.color-pale-teal { background-color: #87C3BE; } .cc--mosaic .mosaic-item.color-pale-blue { background-color: #92D6E3; } .cc--mosaic .mosaic-item .f--ambient-video { position: absolute; bottom: 0; height: 100%; overflow: hidden; } .cc--mosaic .mosaic-item .f--ambient-video video { width: auto; height: 100%; } .cc--mosaic .mosaic-item .content { padding-right: 8%; padding-left: 8%; 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: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; color: #FFF; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item .content { padding-right: 11.11111%; padding-left: 11.11111%; } } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-item .content { padding-right: 15.38462%; padding-left: 15.38462%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-item.vertical-align-bottom-centered .content { padding-bottom: 2.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; } } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-item.vertical-align-top-centered .content { padding-top: 2.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; } } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-item.vertical-align-center .content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } .cc--mosaic .mosaic-item .f--category { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item .f--category { margin-bottom: 0.9375rem; } } .cc--mosaic .mosaic-item .f--category, .cc--mosaic .mosaic-item .f--category a { font-size: 0.75rem; line-height: 1.3334; color: #FFF; text-decoration: none; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item .f--category, .cc--mosaic .mosaic-item .f--category a { font-size: 0.875rem; line-height: 1.4286; } } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item .f--category a:hover { color: #FFF; text-decoration: underline; } .cc--mosaic .mosaic-item .f--sub-title { display: inline-block; } .cc--mosaic .mosaic-item .f--sub-title h3, .cc--mosaic .mosaic-item .f--sub-title .sub-title-h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item .f--sub-title h3, .cc--mosaic .mosaic-item .f--sub-title .sub-title-h3 { font-size: 1.5rem; line-height: 1.3334; margin-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--mosaic .mosaic-item .f--sub-title h3, .cc--mosaic .mosaic-item .f--sub-title .sub-title-h3 { font-size: 1.375rem; line-height: 1.3637; margin-bottom: 0; } } .cc--mosaic .mosaic-item .f--sub-title h3, .cc--mosaic .mosaic-item .f--sub-title h3 a, .cc--mosaic .mosaic-item .f--sub-title .sub-title-h3, .cc--mosaic .mosaic-item .f--sub-title .sub-title-h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item .f--sub-title .sub-title-h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--mosaic .mosaic-item .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--mosaic .mosaic-item .f--sub-title .sub-title-h3 a:hover { color: #FFF; } .cc--mosaic .mosaic-item .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--mosaic .mosaic-item .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--mosaic .background-image { position: relative; } .cc--mosaic .background-image::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent)); background: linear-gradient(to top, black, transparent); content: ''; } @media screen and (min-width: 500px) { .cc--mosaic .background-image::before { height: 100%; background: #000; opacity: .55; } } .cc--mosaic .item-1, .cc--mosaic .item-6 { position: relative; } .cc--mosaic .item-1::after, .cc--mosaic .item-6::after { display: block; width: 100%; padding-top: 100%; content: ''; } @media screen and (min-width: 768px) { .cc--mosaic .item-1::after, .cc--mosaic .item-6::after { padding-top: 113%; } } @media screen and (min-width: 1024px) { .cc--mosaic .item-1::after, .cc--mosaic .item-6::after { padding-top: 100%; } } .cc--mosaic .item-1::before, .cc--mosaic .item-6::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent)); background: linear-gradient(to top, black, transparent); content: ''; z-index: 1; } @media screen and (min-width: 500px) { .cc--mosaic .item-1::before, .cc--mosaic .item-6::before { height: 100%; background: #000; opacity: .42; } } @media screen and (min-width: 768px) { .cc--mosaic .item-1::before, .cc--mosaic .item-6::before { height: 70%; background: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent)); background: linear-gradient(to top, black, transparent); opacity: 1; } } @media screen and (min-width: 1024px) { .cc--mosaic .item-1.vertical-align-top-centered::before, .cc--mosaic .item-6.vertical-align-top-centered::before { top: 0; bottom: auto; background: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent)); background: linear-gradient(to bottom, black, transparent); } } @media screen and (min-width: 1024px) { .cc--mosaic .item-1.vertical-align-centered::before, .cc--mosaic .item-6.vertical-align-centered::before { height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(48%, #000), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 48%, rgba(0, 0, 0, 0) 100%); opacity: 0.8; } } .cc--mosaic .item-1 .content, .cc--mosaic .item-6 .content { padding-right: 8%; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 100%; z-index: 1; } @media screen and (min-width: 768px) { .cc--mosaic .item-1 .content, .cc--mosaic .item-6 .content { padding-right: 6.25%; padding-left: 6.25%; } } @media screen and (min-width: 1024px) { .cc--mosaic .item-1 .content, .cc--mosaic .item-6 .content { padding-right: 8%; padding-left: 8%; } } .cc--mosaic .item-1 .f--sub-title h3, .cc--mosaic .item-1 .f--sub-title .sub-title-h3, .cc--mosaic .item-6 .f--sub-title h3, .cc--mosaic .item-6 .f--sub-title .sub-title-h3 { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--mosaic .item-1 .f--sub-title h3, .cc--mosaic .item-1 .f--sub-title .sub-title-h3, .cc--mosaic .item-6 .f--sub-title h3, .cc--mosaic .item-6 .f--sub-title .sub-title-h3 { font-size: 2rem; line-height: 1.25; } } @media screen and (min-width: 1024px) { .cc--mosaic .item-1 .f--sub-title h3, .cc--mosaic .item-1 .f--sub-title .sub-title-h3, .cc--mosaic .item-6 .f--sub-title h3, .cc--mosaic .item-6 .f--sub-title .sub-title-h3 { margin-bottom: 2.5rem; } } .cc--nb-animated-chapter-section { position: relative; z-index: 1; } @media screen and (max-width: 959px) { .cc--nb-animated-chapter-section { padding-top: 0.625rem; padding-right: 12%; padding-left: 12%; } } @media screen and (max-width: 767px) { .cc--nb-animated-chapter-section { padding-right: 8%; padding-left: 8%; } } @media screen and (max-width: 959px) { .cc--nb-animated-chapter-section .fixed-background .image-wrapper { display: none; } } @media screen and (max-width: 959px) { .cc--nb-animated-chapter-section .image-wrapper-mobile { margin-right: -15.78947%; margin-bottom: 1.875rem; margin-left: -15.78947%; } } @media screen and (max-width: 767px) { .cc--nb-animated-chapter-section .image-wrapper-mobile { margin-right: -9.52381%; margin-bottom: 1.875rem; margin-left: -9.52381%; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter-section .image-wrapper-mobile { display: none; } } @media screen and (max-width: 959px) { .cc--nb-animated-chapter-section .video-wrapper { margin-right: -15.78947%; margin-bottom: 1.875rem; margin-left: -15.78947%; position: relative; } } @media screen and (max-width: 767px) { .cc--nb-animated-chapter-section .video-wrapper { margin-right: -9.52381%; margin-left: -9.52381%; } } @media screen and (max-width: 959px) { .cc--nb-animated-chapter-section .video-wrapper .f--ambient-video { padding-bottom: 56.25%; } } .cc--nb-animated-chapter-section .f--sub-title h3 { font-size: 1.5rem; line-height: 1.3334; } @media screen and (min-width: 768px) { .cc--nb-animated-chapter-section .f--sub-title h3 { font-size: 2rem; line-height: 1.25; } } .cc--nb-animated-chapter { position: relative; } @media screen and (max-width: 959px) { .cc--nb-animated-chapter { padding-top: 1.875rem; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter::before { display: block; position: absolute; left: 0; width: 50%; height: 100%; background: rgba(255, 255, 255, 0.8); content: ''; z-index: 1; } } .cc--nb-animated-chapter .c--nb-animated-chapter { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 960px) { .cc--nb-animated-chapter .inner-wrapper { padding-right: 4%; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter .section-scroll { padding-top: 5rem; padding-right: 4.34783%; position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; width: 50%; z-index: 1; } } @media screen and (min-width: 960px) { .ie11 .cc--nb-animated-chapter .section-scroll { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter .background-scroll { margin-left: -50vw; position: -webkit-sticky; position: sticky; top: 8.1875rem; right: 0; left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100vw; height: calc(100vh - 8.125rem); z-index: 0; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter .background-scroll .fixed-background { position: absolute; top: 0; left: 0; opacity: 0; } .cc--nb-animated-chapter .background-scroll .fixed-background:first-child { opacity: 1; z-index: 1; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter .background-scroll .fixed-background, .cc--nb-animated-chapter .background-scroll .video-wrapper, .cc--nb-animated-chapter .background-scroll .image-wrapper, .cc--nb-animated-chapter .background-scroll .bg-image { width: 100%; height: 100%; } } .cc--nb-animated-chapter .background-scroll .bg-image { background-repeat: no-repeat; background-position: right bottom; background-size: cover; } @media screen and (min-width: 960px) { .cc--nb-animated-chapter.layout-right::before { right: 0; left: auto; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter.layout-right .video-controls { right: auto; left: 0; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter.layout-right .inner-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter.layout-right .section-scroll { padding-right: 0; padding-left: 4.34783%; } } @media screen and (min-width: 960px) { .cc--nb-animated-chapter.layout-right .background-scroll { margin-right: -50vw; margin-left: 0; } } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper { padding-top: 0.8125rem; padding-bottom: 0.8125rem; border-top: 0.0625rem solid #D8D8D8; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 768px) { .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper { padding-top: 0; padding-bottom: 0; border: 0; } } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper.active { padding-bottom: 1.875rem; } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .content-wrapper { display: none; } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .content-wrapper.active { padding-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .content-wrapper { display: block !important; } } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .content-wrapper .f--link { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .content-wrapper .f--link { margin-top: 3.125rem; } } @media screen and (min-width: 768px) { .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .details-button-wrapper { display: none; } } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .details-button-wrapper .f--button-wrapper .button { font-size: 0.875rem; line-height: 1.4286; padding-right: 0; padding-left: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto; border: 0; text-align: left; } html[data-whatintent="mouse"] .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .details-button-wrapper .f--button-wrapper .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .details-button-wrapper .f--button-wrapper .button:hover { background-color: #FFF; color: #000; } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .details-button-wrapper .f--button-wrapper .button svg { width: 0.5625rem; height: 0.375rem; margin-left: 0.5rem; fill: #C03; } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .details-button-wrapper .f--button-wrapper .button.is-open svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing { margin-bottom: 3.125rem; } } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing:nth-last-child(2) { margin-bottom: 0; } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--cta-title { margin-bottom: 0.9375rem; } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--cta-title h3 { font-size: 0.875rem; line-height: 1.4286; } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text p, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul li, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol li { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.25rem; } .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul { padding-left: 1.625rem; } @media screen and (min-width: 768px) { .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul { padding-left: 1.9375rem; } } @media screen and (min-width: 1024px) { .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ol, .cc--nb-areas-study-sidebar .c--nb-areas-study-sidebar .areas-study-wrapper .sidebar-listing .f--text ul { padding-left: 2.25rem; } } .cc--nb-branding-header-red-tag h2, .cc--nb-branding-header-red-tag h4 { font-size: 1rem; line-height: 1.25; text-align: left; text-transform: uppercase; } @media screen and (min-width: 768px) { .cc--nb-branding-header-red-tag h2, .cc--nb-branding-header-red-tag h4 { font-size: 1.375rem; line-height: 1.091; } } @media screen and (min-width: 1024px) { .cc--nb-branding-header-red-tag h2, .cc--nb-branding-header-red-tag h4 { font-size: 1.5rem; line-height: 1.0834; } } .cc--nb-branding-header-red-tag h2 a, .cc--nb-branding-header-red-tag h4 a { text-decoration: none; } .cc--nb-branding-header-red-tag a { display: block; } @media screen and (min-width: 1024px) { .cc--nb-branding-header-red-tag a .icon-logo-color { display: -webkit-box; display: -ms-flexbox; display: flex; width: 18.9375rem; height: 3rem; } } @media screen and (min-width: 1200px) { .cc--nb-branding-header-red-tag a .icon-logo-color { display: none; } } .cc--nb-branding-header-red-tag a .icon-logo-color-stacked { display: none; } @media screen and (min-width: 1200px) { .cc--nb-branding-header-red-tag a .icon-logo-color-stacked { width: 19.5625rem; height: 4.375rem; } } @media screen and (min-width: 1440px) { .cc--nb-branding-header-red-tag a .icon-logo-color-stacked { width: 25.125rem; height: 5.625rem; } } .cc--nb-feature-article-jump-links { padding-right: 4%; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2.75rem; background-color: #000; } @media screen and (min-width: 768px) { .cc--nb-feature-article-jump-links { height: 3.8125rem; position: fixed; width: 100%; z-index: 99; } } .cc--nb-feature-article-jump-links .c--nb-feature-article-jump-links { width: 100%; } @media screen and (max-width: 767px) { .cc--nb-feature-article-jump-links .c--nb-feature-article-jump-links { 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; } } .cc--nb-feature-article-jump-links.slim-nav-is-visible { position: fixed; top: 5rem; left: 0; width: 100%; -webkit-transition: none; transition: none; z-index: 4; } @media screen and (min-width: 1024px) { .cc--nb-feature-article-jump-links.slim-nav-is-visible { top: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--nb-feature-article-jump-links.slim-nav-expanded { top: 8.75rem; } } .cc--nb-feature-article-jump-links .mobile-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { .cc--nb-feature-article-jump-links .mobile-dropdown { display: none; } } .cc--nb-feature-article-jump-links .mobile-dropdown-inner { cursor: pointer; } .cc--nb-feature-article-jump-links .mobile-dropdown-inner svg { position: relative; top: -0.125rem; -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; } .cc--nb-feature-article-jump-links .mobile-dropdown-inner.is-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cc--nb-feature-article-jump-links .mobile-dropdown .text { margin-left: 0.75rem; font-size: 0.875rem; line-height: 1.4286; color: #FFF; } .cc--nb-feature-article-jump-links .jump-links { display: none; } @media screen and (max-width: 767px) { .cc--nb-feature-article-jump-links .jump-links { padding-top: 1.25rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; position: absolute; top: 100%; right: 0; left: 0; width: 100%; background-color: #000; z-index: 8; } } @media screen and (min-width: 768px) { .cc--nb-feature-article-jump-links .jump-links { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--nb-feature-article-jump-links .jump-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 767px) { .cc--nb-feature-article-jump-links .jump-links .jump-link:not(:last-child) { margin-bottom: 0.9375rem; } } @media screen and (min-width: 768px) { .cc--nb-feature-article-jump-links .jump-links-nav { position: relative; } } .cc--nb-feature-article-jump-links .jump-links-nav a.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--nb-feature-article-jump-links .jump-links-nav a.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--nb-feature-article-jump-links .jump-links-nav a.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--nb-feature-article-jump-links .jump-links-nav a.button--alt:hover { color: #C03; } .cc--nb-feature-article-jump-links .jump-links-nav a.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--nb-feature-article-jump-links .jump-links-nav a.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--nb-feature-article-jump-links .jump-links-nav a.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--nb-feature-article-jump-links .jump-links-nav a.button--alt.disabled:hover { cursor: default; } .cc--nb-feature-article-jump-links .jump-links-nav a.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .cc--nb-feature-article-jump-links .jump-links-nav .link { line-height: 1; text-decoration: none; } .cc--nb-feature-article-jump-links .jump-links-nav .link .button--alt { padding-right: 0; font-size: 1rem; line-height: 1.375; color: rgba(255, 255, 255, 0.5); text-decoration: none; } @media screen and (min-width: 768px) { .cc--nb-feature-article-jump-links .jump-links-nav .link .button--alt { font-size: 0.875rem; line-height: 1.4286; } } .cc--nb-feature-article-jump-links .jump-links-nav .link .button--alt.is-active { color: #FFF; } html[data-whatintent="mouse"] .cc--nb-feature-article-jump-links .jump-links-nav .link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-feature-article-jump-links .jump-links-nav .link .button--alt:hover { color: #FFF; } @media screen and (min-width: 768px) { .cc--nb-feature-article-jump-links .jump-links-nav .jump-link { margin-left: 1.75rem; } .cc--nb-feature-article-jump-links .jump-links-nav .jump-link:first-child { margin-left: 0; } } @media screen and (min-width: 768px) { .cc--nb-feature-article-jump-links .jump-links-nav .last-link { position: absolute; top: 0; right: 0; } } .cc--nb-feature-article-jump-links .jump-links-nav .last-link .button--alt { font-size: 0.875rem; line-height: 1.4286; color: #FFF; } .cc--nb-feature-article-jump-links .jump-links-progress { position: absolute; top: 100%; left: 0; width: 0; height: 0.3125rem; background-color: #EBB600; z-index: 9; } .is-nbrutgers-jump-links #main-content, .is-nbrutgers-jump-links #main-content-nb, .is-nbrutgers-jump-links #main-content-rur { margin-top: 7.75rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .is-nbrutgers-jump-links #main-content, .is-nbrutgers-jump-links #main-content-nb, .is-nbrutgers-jump-links #main-content-rur { margin-top: 8.1875rem; } } .cc--nb-feature-hero .feature-hero-top, .cc--nb-feature-hero .background-image { height: 27rem; } @media screen and (min-width: 768px) { .cc--nb-feature-hero .feature-hero-top, .cc--nb-feature-hero .background-image { height: 54rem; } } @media screen and (min-width: 1024px) { .cc--nb-feature-hero .feature-hero-top, .cc--nb-feature-hero .background-image { height: 42.1875rem; } } .cc--nb-feature-hero .background-image { background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--nb-feature-hero .feature-hero-top { position: relative; } .ie11 .cc--nb-feature-hero .feature-hero-top { overflow: hidden; } .cc--nb-feature-hero .feature-hero-top::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; content: ''; opacity: 0.6; z-index: 1; } .cc--nb-feature-hero .feature-hero-top * { color: #FFF; } .cc--nb-feature-hero .cc--social-share { padding-top: 1.25rem; padding-right: 8%; padding-left: 8%; position: absolute; top: 0; left: 0; z-index: 2; } @media screen and (min-width: 768px) { .cc--nb-feature-hero .cc--social-share { padding-top: 1.875rem; padding-right: 4%; padding-left: 4%; } } .cc--nb-feature-hero .cc--social-share .c--social-share .f--button button { background-color: transparent; } html[data-whatintent="mouse"] .cc--nb-feature-hero .cc--social-share .c--social-share .f--button button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-feature-hero .cc--social-share .c--social-share .f--button button:hover { color: #FFF; } .cc--nb-feature-hero .cc--social-share .share-icon { width: 1.25rem; height: 1.25rem; fill: #FFF; } .cc--nb-feature-hero .outer-wrapper { max-width: 1440px; margin: 0 auto; padding-bottom: 3.125rem; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 2; } @media screen and (min-width: 1024px) { .cc--nb-feature-hero .outer-wrapper { padding-bottom: 3.75rem; } } .cc--nb-feature-hero .outer-wrapper .inner-wrapper { padding-top: 1.25rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--nb-feature-hero .outer-wrapper .inner-wrapper { padding-top: 1.875rem; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 768px) { .cc--nb-feature-hero .outer-wrapper .f--category { margin-bottom: 1.25rem; } } html[data-whatintent="mouse"] .cc--nb-feature-hero .outer-wrapper .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-feature-hero .outer-wrapper .f--category a:hover { color: #FFF; } @media screen and (min-width: 768px) { .cc--nb-feature-hero .outer-wrapper .f--category a { font-size: 0.875rem; line-height: 1.1429; } } .cc--nb-feature-hero .outer-wrapper h1 { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--nb-feature-hero .outer-wrapper h1 { margin-bottom: 1.875rem; } } .cc--nb-feature-hero .outer-wrapper .posted-wrapper { font-size: 0.875rem; line-height: 1.4286; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc--nb-feature-hero .outer-wrapper .posted-wrapper .f--text { margin-right: 0.9375rem; } @media screen and (min-width: 768px) { .cc--nb-feature-hero .outer-wrapper .posted-wrapper .f--text { margin-right: 1.25rem; } } .cc--nb-feature-hero .feature-hero-bottom { max-width: 1440px; margin: 0 auto; } .cc--nb-feature-hero .feature-hero-bottom .inner-wrapper { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--nb-feature-hero .feature-hero-bottom .inner-wrapper { padding-top: 3.75rem; padding-right: 12%; padding-bottom: 3.75rem; padding-left: 12%; } } @media screen and (min-width: 960px) { .cc--nb-feature-hero .feature-hero-bottom .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .cc--nb-footer { background-color: #000; } .cc--nb-footer .c--nb-footer { max-width: 1440px; margin: 0 auto; color: #FFF; } .cc--nb-footer .c--nb-footer .footer-main { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .footer-main { padding-top: 5rem; padding-right: 4%; padding-left: 4%; } } .cc--nb-footer .c--nb-footer a { color: #FFF; } @media screen and (min-width: 1024px) { .cc--nb-footer .c--nb-footer .footer-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; } } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .footer-middle { padding-top: 3.125rem; padding-bottom: 2.1875rem; 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 (min-width: 1024px) { .cc--nb-footer .c--nb-footer .footer-middle { padding-top: 3.75rem; padding-bottom: 2.8125rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cc--nb-footer .c--nb-footer .cc--nb-branding-footer { margin-bottom: 2.5rem; max-width: 16.875rem; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--nb-branding-footer { margin-bottom: 3.125rem; max-width: 16.5rem; } } @media screen and (min-width: 1024px) { .cc--nb-footer .c--nb-footer .cc--nb-branding-footer { margin-bottom: 0; } } .cc--nb-footer .c--nb-footer .cc--nb-branding-footer a { padding-bottom: 0.3125rem; display: block; } .cc--nb-footer .c--nb-footer .cc--nb-branding-footer a svg { display: block; width: 100%; } .cc--nb-footer .c--nb-footer .connect-menu-section { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .connect-menu-section { width: 30.43478%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--nb-footer .c--nb-footer .connect-menu-section { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 1024px) { .cc--nb-footer .c--nb-footer .connect-menu-section { padding-left: 2.17391%; width: 43.47826%; } } .cc--nb-footer .c--nb-footer .connect-menu-section h2 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .connect-menu-section h2 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--nb-footer .c--nb-footer .connect-menu-section h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } @media screen and (min-width: 1024px) { .cc--nb-footer .c--nb-footer .connect-menu-section .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .cc--nb-footer .c--nb-footer .connect-menu-section .menu-wrapper .cc--footer-menu { padding-right: 10.52632%; width: 47.36842%; } } .cc--nb-footer .c--nb-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { display: block; } } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul li { width: 100%; } } .cc--nb-footer .c--nb-footer .cc--footer-menu h3 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu h3 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--nb-footer .c--nb-footer .cc--footer-menu nav ul { margin-bottom: 0.9375rem; 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 (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu nav ul { margin-bottom: 0; } } .cc--nb-footer .c--nb-footer .cc--footer-menu nav ul li { margin-bottom: 0.9375rem; font-size: 0.75rem; line-height: 1.3334; width: 47.61905%; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu nav ul li { margin-bottom: 1.25rem; font-size: 0.875rem; line-height: 1.4286; } } .cc--nb-footer .c--nb-footer .cc--footer-menu nav ul li a { font-size: 0.75rem; line-height: 1.3334; text-decoration: none; } html[data-whatintent="mouse"] .cc--nb-footer .c--nb-footer .cc--footer-menu nav ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-footer .c--nb-footer .cc--footer-menu nav ul li a:hover { color: #FFF; text-decoration: underline; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu nav ul li a { font-size: 0.875rem; line-height: 1.4286; } } .cc--nb-footer .c--nb-footer .cc--footer-menu.supplemental-menu h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .cc--nb-footer .c--nb-footer .cc--footer-menu.supplemental-menu nav ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cc--nb-footer .c--nb-footer .cc--footer-menu.supplemental-menu nav ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.supplemental-menu nav ul li { margin-bottom: 0; } } .cc--nb-footer .c--nb-footer .cc--footer-menu.supplemental-menu nav ul li::after { padding-right: 1.125rem; padding-left: 1.125rem; display: inline-block; color: #666; content: '|'; } .cc--nb-footer .c--nb-footer .cc--footer-menu.supplemental-menu nav ul li:last-child::after { display: none; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.campus-menu, .cc--nb-footer .c--nb-footer .cc--footer-menu.academic-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.campus-menu, .cc--nb-footer .c--nb-footer .cc--footer-menu.academic-menu { padding-right: 2.17391%; width: 17.3913%; } } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.campus-menu nav ul, .cc--nb-footer .c--nb-footer .cc--footer-menu.academic-menu nav ul { display: block; } } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.campus-menu nav ul li, .cc--nb-footer .c--nb-footer .cc--footer-menu.academic-menu nav ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.notices-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.notices-menu { width: 21.73913%; } } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.notices-menu ul { display: block; } } .cc--nb-footer .c--nb-footer .cc--footer-menu.notices-menu ul li:nth-child(1) { padding-bottom: 1.25rem; margin-bottom: 1.25rem; width: 100%; border-bottom: 0.0625rem solid #333; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.notices-menu ul li:nth-child(1) { padding-bottom: 1.875rem; margin-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .cc--footer-menu.notices-menu ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .footer-bottom { border-top: 0; border-bottom: 0; } } .cc--nb-footer .c--nb-footer .footer-bottom .social-newsletter-container { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .footer-bottom .social-newsletter-container { padding-top: 1.25rem; padding-bottom: 1.75rem; 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; } } @media screen and (min-width: 768px) { .cc--nb-footer .c--nb-footer .footer-bottom .social-newsletter-container .cc--footer-social .footer-social-container { width: 24.5rem; } } .cc--nb-footer .cc--footer-copyright .c--footer-copyright { padding-top: 0; } @media screen and (min-width: 768px) { .cc--nb-footer .cc--footer-copyright .c--footer-copyright { padding-top: 2.625rem; } } .cc--nb-footer .cc--footer-copyright .c--footer-copyright .f--description p { margin-top: 0; } .cc--nb-full-width-hero-carousel { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (max-width: 767px) { .cc--nb-full-width-hero-carousel::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; content: ''; opacity: 0.6; } } @media screen and (max-width: 767px) { .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-wrapper { z-index: 1; } } .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-background { position: relative; height: 25rem; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-background { height: 37.5rem; } } .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-background::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(to bottom, transparent, #000); content: ''; opacity: 0.9; } @media screen and (max-width: 767px) { .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-background::after { background-color: #000; opacity: 0.6; } } .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper { max-width: 1440px; margin: 0 auto; position: relative; height: 100%; z-index: 2; } .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 3rem; line-height: 1.1667; } } .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 a:hover { text-decoration: underline; } .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .category { margin-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.4286; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .category { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .category:hover { text-decoration: underline; } @media screen and (min-width: 768px) { .cc--nb-full-width-hero-carousel .c--nb-full-width-hero-carousel .swiper-slide .slide-inner-wrapper .category { margin-bottom: 0.9375rem; } } .cc--nb-full-width-hero-carousel .swiper-navigation { margin-top: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { .cc--nb-full-width-hero-carousel .swiper-navigation { margin-top: 1.5625rem; } } .cc--nb-full-width-hero-carousel .swiper-navigation .swiper-counter { font-size: 1rem; line-height: 1.375; margin-right: 1rem; margin-left: 1rem; color: #FFF; } .cc--nb-full-width-hero-carousel .text-container { position: absolute; bottom: 2.5rem; left: 0; width: 100%; z-index: 1; } @media screen and (min-width: 768px) { .cc--nb-full-width-hero-carousel .text-container { bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--nb-full-width-hero-carousel .text-container { bottom: 6.25rem; } } .cc--nb-full-width-hero-carousel .text-container .text-container-inner { max-width: 1440px; margin: 0 auto; 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: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; } .cc--nb-full-width-hero-carousel .text-container .text-container-inner .text-navigation-container { padding-right: 4%; padding-left: 4%; } @media screen and (min-width: 768px) { .cc--nb-full-width-hero-carousel .text-container .text-container-inner .text-navigation-container { padding-right: 8%; } } @media screen and (min-width: 1024px) { .cc--nb-full-width-hero-carousel .text-container .text-container-inner .text-navigation-container { padding-right: 32%; } } .cc--nb-full-width-hero-carousel .text-container .text-container-inner .text-navigation-container .text-navigation-container-inner { padding-left: 0.625rem; border-left: 0.625rem solid #C03; } @media screen and (min-width: 768px) { .cc--nb-full-width-hero-carousel .text-container .text-container-inner .text-navigation-container .text-navigation-container-inner { padding-left: 0.9375rem; border-left: 0.9375rem solid #C03; } } @media screen and (min-width: 1024px) { .cc--nb-full-width-hero-carousel .text-container .text-container-inner .text-navigation-container .text-navigation-container-inner { padding-left: 1.875rem; } } .cc--nb-full-width-hero-carousel .full-width-hero-carousel-text-container .swiper-slide { width: 100%; height: 100%; } @media screen and (min-width: 1024px) { #l--main-header-nb { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 100; } } #l--main-header-nb .mobile-nav { position: fixed; top: 0; right: 0; left: 0; width: 100%; background-color: #FFF; z-index: 100; } @media screen and (min-width: 1024px) { #l--main-header-nb .mobile-nav { display: none; } } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container { padding-top: 0.625rem; padding-right: 4%; padding-bottom: 0.625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 5rem; } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .logo-link-mobile { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 12.75rem; height: 3.75rem; } @media screen and (min-width: 768px) { #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .logo-link-mobile { display: none; } } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-logo { width: 12.75rem; height: 3.75rem; } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .logo-link-tablet-desktop { display: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 22.75rem; height: 3rem; } @media screen and (min-width: 768px) { #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .logo-link-tablet-desktop { display: block; } } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-logo-long-tag { width: 18.9375rem; height: 3rem; } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-close, #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-hamburger, #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-search, #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-search-close { width: 1.25rem; height: 1.25rem; fill: #C03; } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-search-close { display: none; } .search-is-open #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-search-close { margin-right: 0; display: block; } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-search { width: 2.75rem; height: 2.75rem; } .search-is-open #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .icon-search { display: none; } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { margin-right: -0.75rem; width: 2.75rem; height: 2.75rem; } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-hamburger { display: none; } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger .icon-close { display: none; } .search-is-open #l--main-header-nb .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { display: none; } #l--main-header-nb .mobile-nav .mobile-nav-menu-container { display: none; position: fixed; top: 5rem; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 3.125rem); background-color: #222; z-index: 99; overflow-y: auto; } #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu { background-color: #FFF; } @media screen and (min-width: 1024px) { #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu { display: none; width: 62%; } } #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > span, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 8%; padding-bottom: 0.8125rem; padding-left: 8%; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > span, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-bottom: 0.8125rem; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item.is-open .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #C03; } #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 0; padding-bottom: 0.8125rem; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-nb .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li.menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #C03; } #l--main-header-nb .mobile-nav .cc--utility-menu { background-color: #000; } #l--main-header-nb .mobile-nav .cc--utility-menu .c--utility-menu { padding-top: 1.25rem; padding-bottom: 0.0625rem; } @media screen and (min-width: 768px) { #l--main-header-nb .mobile-nav .cc--utility-menu { overflow: hidden; } } #l--main-header-nb .mobile-nav .cc--utility-menu ul { padding-right: 8%; padding-left: 8%; } #l--main-header-nb .mobile-nav .cc--utility-menu ul::after { display: block; clear: both; content: ""; } #l--main-header-nb .mobile-nav .cc--utility-menu ul li { margin-right: 0; margin-bottom: 0.625rem; margin-left: 0; width: 100%; } #l--main-header-nb .mobile-nav .cc--utility-menu ul li li { margin-bottom: 0; } @media screen and (min-width: 768px) { #l--main-header-nb .mobile-nav .cc--utility-menu ul li:nth-child(2), #l--main-header-nb .mobile-nav .cc--utility-menu ul li:nth-child(3) { width: 69.04762%; float: left; } } @media screen and (min-width: 768px) { #l--main-header-nb .mobile-nav .cc--utility-menu ul li:nth-child(n + 4) { margin-left: auto; width: 30.95238%; } } #l--main-header-nb .mobile-nav .cc--utility-menu ul li a { color: #FFF; } #l--main-header-nb .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button { height: auto; color: #FFF; } #l--main-header-nb .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button.is-open { color: #C03; } #l--main-header-nb .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button svg { display: none; } #l--main-header-nb .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu { padding-right: 0; padding-left: 0; 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; } #l--main-header-nb .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li { width: 47.61905%; } #l--main-header-nb .utility-nav-container { display: none; } @media screen and (min-width: 1024px) { #l--main-header-nb .utility-nav-container { display: block; } #l--main-header-nb .utility-nav-container .m--menu li .utility-button::before { content: none; } #l--main-header-nb .utility-nav-container .m--menu li:nth-child(2) { margin-left: 0; } #l--main-header-nb .utility-nav-container .m--menu li:nth-child(2) .utility-button::before { content: '|'; } } @media screen and (min-width: 1024px) { #l--main-header-nb .utility-nav-container .utility-nav-container-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFF; } } #l--main-header-nb .utility-nav-container .icon-close { display: none; } #l--main-header-nb .utility-nav-container .cc--nb-branding-header-red-tag { margin-left: 2.5rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (min-width: 1200px) { #l--main-header-nb .utility-nav-container .cc--nb-branding-header-red-tag a { display: none; } } @media screen and (min-width: 1024px) { #l--main-header-nb .utility-nav-container .icon-search { margin-right: 2.5rem; margin-left: 1.25rem; background-color: transparent; } } #l--main-header-nb .utility-nav-container .icon-search svg { fill: #C03; } @media screen and (min-width: 1024px) { #l--main-header-nb .utility-nav-container.slim-nav-expanded { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFF; opacity: 1 !important; } #l--main-header-nb .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper { opacity: 1; } #l--main-header-nb .utility-nav-container.slim-nav-expanded .cc--nb-branding-header-red-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #l--main-header-nb .utility-nav-container.slim-nav-expanded .icon-search { margin-right: 1.25rem; } #l--main-header-nb .utility-nav-container.slim-nav-expanded .icon-search svg { fill: #C03; } #l--main-header-nb .utility-nav-container.slim-nav-expanded .icon-close { margin-right: 2.5rem; display: block; } #l--main-header-nb .utility-nav-container.slim-nav-expanded .icon-close svg { fill: #C03; } } @media screen and (min-width: 1200px) { #l--main-header-nb .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper .cc--nb-branding-header-red-tag a { display: block; } #l--main-header-nb .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper .cc--nb-branding-header-red-tag a .icon-logo-color { display: block; } } #l--main-header-nb .main-nav-container { display: none; position: relative; } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container { display: block; width: 100%; } } #l--main-header-nb .main-nav-container .buttons-wrapper { display: none; } #l--main-header-nb .main-nav-container .branding-hamburger-container { z-index: 3; } #l--main-header-nb .main-nav-container .branding-hamburger-container .ru-hamburger { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 1.25rem; height: 0.9375rem; } #l--main-header-nb .main-nav-container .branding-hamburger-container .ru-hamburger svg { width: 1.25rem; height: 0.9375rem; fill: #C03; } #l--main-header-nb .main-nav-container .branding-mainmenu-container { position: absolute; top: 0; right: 0; left: 0; width: 100%; border-bottom: 0; background-color: #FFF; z-index: 2; } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--nb-branding-header-red-tag { display: none; } } @media screen and (min-width: 1200px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--nb-branding-header-red-tag { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--nb-branding-header-red-tag a { position: absolute; top: -1.75rem; } } @media screen and (min-width: 1440px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--nb-branding-header-red-tag a { top: -2.9375rem; left: 2.5rem; } } @media screen and (min-width: 1200px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--nb-branding-header-red-tag a .icon-logo-color-stacked { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 4.375rem; border-bottom: 0; z-index: 5; } #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner { max-width: 100%; } #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1024px) and (min-width: 1200px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper .cc--nb-branding-header-red-tag a { position: relative; top: auto; left: auto; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper .cc--nb-branding-header-red-tag a .icon-logo-color-stacked { display: none; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--nb-branding-header-red-tag { margin-left: 2.5rem; display: block; } } @media screen and (min-width: 1200px) and (min-width: 1200px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--nb-branding-header-red-tag .icon-logo-color { display: block; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--main-menu { display: none; width: 62%; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .buttons-wrapper { margin-right: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search { margin-right: 1.25rem; height: auto; } #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search svg { fill: #C03; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-expanded { top: 4.375rem; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner { max-width: 1440px; margin: 0 auto; } } #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner .cc--nb-branding-header-red-tag { display: none; } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-expanded .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-expanded .buttons-wrapper { display: none; } } #l--main-header-nb .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner { max-width: 1440px; margin: 0 auto; } #l--main-header-nb .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; 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; width: 100%; height: 4.375rem; } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--main-menu ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu { width: 100%; } #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li { margin-left: 1.5625rem; } #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:first-child { margin-left: 0; } #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul.submenu li { margin-left: 0; } } @media screen and (min-width: 1024px) { #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--main-menu.slim-nav-is-visible { display: none; } } @media screen and (min-width: 1024px) { .slim-nav-expanded #l--main-header-nb .main-nav-container .branding-mainmenu-container .cc--main-menu { 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) { #l--main-header-nb .main-nav-container .branding-mainmenu-container .icon-search { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } #l--main-header-nb .cc--nb-search-form { display: none; height: 100%; } #main-content-nb { margin-top: 5rem; display: block; } @media screen and (min-width: 1024px) { #main-content-nb { margin-top: 8.75rem; } } .cc--nb-hero-carousel { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (max-width: 767px) { .cc--nb-hero-carousel { position: relative; } } @media screen and (max-width: 767px) { .cc--nb-hero-carousel::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; content: ''; opacity: 0.6; } } @media screen and (max-width: 767px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-wrapper { z-index: 1; } } @media screen and (max-width: 767px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide { visibility: hidden; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide.active { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: visible; z-index: 3; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide.active .slide-inner-wrapper { display: block; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-background { position: relative; height: 30rem; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-background { height: 50rem; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-background::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(to bottom, transparent, #000); content: ''; opacity: 0.9; } @media screen and (max-width: 767px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-background::after { background-color: #000; opacity: 0.6; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper { max-width: 1440px; margin: 0 auto; position: relative; height: 100%; z-index: 2; } @media screen and (max-width: 767px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper { padding-top: 1.875rem; padding-right: 2.8125rem; padding-bottom: 1.875rem; padding-left: 2.8125rem; position: absolute; width: 100%; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .slide-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .slide-inner { padding-right: 4%; padding-bottom: 3.75rem; padding-left: 4%; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .text-container { padding-left: 2.5rem; max-width: 50%; border-left: 0.625rem solid #C03; } } @media screen and (min-width: 1024px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .text-container { max-width: 43.47826%; } } @media screen and (max-width: 767px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; text-align: center; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 a { color: #FFF; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link { text-align: center; } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link { text-align: left; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt:hover { color: #C03; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt.disabled:hover { cursor: default; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt { color: #FFF; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .f--link a.button--alt:hover { color: #FFF; text-decoration: underline; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .slide-label { font-size: 1.75rem; line-height: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #FFF; } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-slide .slide-inner-wrapper .slide-label { display: none; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 767px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper { z-index: 2; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner { max-width: 1440px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner .swiper-pagination { list-style: none; padding: 0; margin: 0; position: relative; } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner .swiper-pagination { padding-right: 4%; padding-left: 4%; margin-bottom: 3.75rem; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner .swiper-pagination li { text-align: center; } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner .swiper-pagination li { text-align: right; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner .swiper-pagination li:not(:last-child) { margin-bottom: 1.25rem; } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner .swiper-pagination li button { font-size: 1.75rem; line-height: 1; color: rgba(255, 255, 255, 0.7); } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner .swiper-pagination li button { font-size: 2.5rem; line-height: 1.2; } } .cc--nb-hero-carousel .c--nb-hero-carousel .swiper-pagination-wrapper .swiper-pagination-inner .swiper-pagination li.new-brunswick-hero-carousel-bullet-active button { color: #FFF; } .cc--nb-hero-carousel .c--nb-hero-carousel .icon-close { margin-top: 1.25rem; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: 1px solid #FFF; border-radius: 100%; } @media screen and (min-width: 768px) { .cc--nb-hero-carousel .c--nb-hero-carousel .icon-close { display: none; } } .cc--nb-hero-carousel .c--nb-hero-carousel .icon-close svg { width: 0.75rem; height: 0.75rem; fill: #FFF; } .cc--nb-hero-home { position: relative; } .cc--nb-hero-home .image-video { position: relative; height: 120vh; background-repeat: no-repeat; background-position: center center; background-size: cover; } .cc--nb-hero-home .video-field-wrapper { position: -webkit-sticky; position: sticky; top: 0; left: 0; height: 100vh; } .cc--nb-hero-home .video-field-wrapper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cc--nb-hero-home .mask-container { position: absolute; top: 0; left: 0; width: 100%; max-width: none; height: 120vh; margin: 0; overflow: hidden; z-index: 4; } .cc--nb-hero-home .mask-container-inner { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: calc(100vh - 3.75rem); -webkit-transform: none; transform: none; } @media screen and (min-width: 1024px) { .cc--nb-hero-home .mask-container-inner { height: calc(100vh - 7.5rem); } } .cc--nb-hero-home .mask-container-inner::before, .cc--nb-hero-home .mask-container-inner::after { margin-top: -0.0625rem; margin-right: -0.0625rem; margin-bottom: -0.0625rem; margin-left: -0.0625rem; display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; background: #FFF; content: ''; } .cc--nb-hero-home .mask-container-inner .branding-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .cc--nb-hero-home .mask-container-inner .branding-wrapper::before, .cc--nb-hero-home .mask-container-inner .branding-wrapper::after { display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; background: #FFF; content: ''; } .cc--nb-hero-home .mask-container svg { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 18.125rem; max-height: 100%; margin-right: -1px; margin-left: -1px; } @media screen and (min-width: 768px) { .cc--nb-hero-home .mask-container svg { height: 42.5rem; } .ie11 .cc--nb-hero-home .mask-container svg { width: calc(42.5rem * 1200 / 660); } } @media screen and (min-width: 1024px) { .cc--nb-hero-home .mask-container svg { height: calc(100vh - 7.5rem); } .ie11 .cc--nb-hero-home .mask-container svg { width: calc((100vh - 7.5rem) * 1200 / 660); } } .cc--nb-hero-home .video-actions { position: -webkit-sticky; position: sticky; bottom: 0; left: 0; height: 20vh; z-index: 5; } .cc--nb-hero-home .scroll-button { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: #C03; z-index: 4; } @media screen and (min-width: 1024px) { .cc--nb-hero-home .scroll-button { width: 5rem; height: 5rem; } } .cc--nb-hero-home .scroll-button svg { width: 0.9375rem; height: 0.5625rem; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @media screen and (min-width: 1024px) { .cc--nb-hero-home .scroll-button svg { width: 1.125rem; height: 0.6875rem; } } .cc--nb-hero-home .scroll-button svg path { fill: #FFF; } .cc--location-map .c--location-map { position: relative; } .cc--location-map .tabs-pinmaps { 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: 1024px) { .cc--location-map .tabs-pinmaps { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cc--location-map .tabs-pinmaps .tabs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .tabs { padding-right: 2%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 26%; } } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel { height: 100%; border-right: 0.0625rem solid #FFF; overflow: visible; } } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide { height: 3.125rem; } @media screen and (min-width: 768px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide { height: 9rem; } } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: auto; } } .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tab-carousel-button-wrap { position: relative; height: 100%; } @media screen and (max-width: 767px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tab-carousel-button-wrap { background-color: #C03 !important; background-image: none !important; } } @media screen and (min-width: 768px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tab-carousel-button-wrap { background-position: center center; background-size: cover; } } @media screen and (min-width: 768px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tab-carousel-button-wrap::before { position: absolute; width: 100%; height: 100%; background-color: #000; content: ''; opacity: 0.6; } } @media screen and (min-width: 768px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tab-carousel-button-wrap::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #C03; content: ''; z-index: 1; } } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tab-carousel-button-wrap::after { top: 0; left: 0; width: 0; height: 100%; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } } .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide.swiper-slide-active .tab-carousel-button-wrap::after { height: 100%; } @media screen and (min-width: 768px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide.swiper-slide-active .tab-carousel-button-wrap::after { -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide.swiper-slide-active .tab-carousel-button-wrap::after { width: calc(100% + 7.69231%); -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } } .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tabs-carousel-button { font-size: 0.875rem; line-height: 1.4286; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; color: #FFF; } @media screen and (min-width: 768px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tabs-carousel-button { font-size: 1.125rem; line-height: 1.3334; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; z-index: 2; } } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .tabs .tabs-carousel .swiper-wrapper .swiper-slide .tabs-carousel-button { padding-right: 16.66667%; padding-left: 16.66667%; } } @media screen and (max-width: 1023px) { .cc--location-map .tabs-pinmaps .tabs .swiper-navigation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .tabs .swiper-navigation { display: none; } } @media screen and (max-width: 1023px) { .cc--location-map .tabs-pinmaps .tabs .swiper-navigation .swiper-button-prev, .cc--location-map .tabs-pinmaps .tabs .swiper-navigation .swiper-button-next { top: 0; width: 20px; height: 100%; margin-top: 0; background-color: rgba(0, 0, 0, 0.5); background-image: none; } } .cc--location-map .tabs-pinmaps .tabs .swiper-navigation .swiper-button-prev.swiper-button-disabled, .cc--location-map .tabs-pinmaps .tabs .swiper-navigation .swiper-button-next.swiper-button-disabled { display: none; } .cc--location-map .tabs-pinmaps .tabs .swiper-navigation .swiper-button-prev { left: 0; } .cc--location-map .tabs-pinmaps .tabs .swiper-navigation .swiper-button-next { right: 0; } .cc--location-map .tabs-pinmaps .pinmaps { position: relative; width: 100%; } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .pinmaps { margin-left: -2%; position: relative; width: 76%; z-index: 0; } } .cc--location-map .tabs-pinmaps .pinmaps .swiper-wrapper { height: auto; } .cc--location-map .tabs-pinmaps .pinmaps .swiper-slide .article-background-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; } .cc--location-map .tabs-pinmaps .pinmaps .pins-slide { background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--location-map .tabs-pinmaps .pinmaps .pins-pinmap { width: 100%; height: 0; padding-bottom: 66.66667%; position: relative; width: 100%; height: 100%; } .cc--location-map .tabs-pinmaps .pinmaps .pins-pinmap .pin { opacity: 0; } .cc--location-map .tabs-pinmaps .pinmaps .pins-pinmap.ready .pin { opacity: 1; } .cc--location-map .tabs-pinmaps .pinmaps button.pin { padding-top: 0.75rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-left: 1.25rem; font-size: 1rem; line-height: 1.375; position: absolute; background-color: #FFF; -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.5); z-index: 1; } .cc--location-map .tabs-pinmaps .pinmaps button.pin:not(.pin-overview) span.pin-tooltip { margin-left: 1.25rem; display: none; } .cc--location-map .tabs-pinmaps .pinmaps button.pin.pin-overview { padding-top: 0.3125rem; padding-right: 1.25rem; padding-bottom: 0.3125rem; padding-left: 1.25rem; top: 0; right: 0; } @media screen and (min-width: 768px) { .cc--location-map .tabs-pinmaps .pinmaps button.pin.pin-overview { padding-top: 0.625rem; padding-bottom: 0.625rem; top: 1.875rem; right: 1.875rem; } } @media screen and (min-width: 1024px) { .cc--location-map .tabs-pinmaps .pinmaps button.pin.pin-overview { top: 2.5rem; right: 2.5rem; } } html[data-whatintent="mouse"] .cc--location-map .tabs-pinmaps .pinmaps button.pin { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--location-map .tabs-pinmaps .pinmaps button.pin:hover { z-index: 2; } html[data-whatintent="mouse"] .cc--location-map .tabs-pinmaps .pinmaps button.pin:hover span.pin-tooltip { display: inline; position: relative; z-index: 1; } .overlays .overlay-carousel { padding-top: 3.125rem; display: none; position: fixed; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; background-position: center center; background-size: cover; z-index: 101; } @media screen and (min-width: 768px) { .overlays .overlay-carousel { position: absolute; } } .overlays .overlay-carousel::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; content: ''; opacity: 0.6; } .overlays .overlay-carousel.will-activate { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; } @media screen and (min-width: 768px) { .overlays .overlay-carousel.will-activate { display: block; } } .overlays .overlay-carousel.active { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { .overlays .overlay-carousel.active { opacity: 1; z-index: 1; } } .overlays .overlay-carousel .swiper-wrapper { overflow: hidden; } @media screen and (min-width: 1024px) { .overlays .overlay-carousel .overlay-slide { padding-bottom: 9.375rem; } } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner { width: 100%; } @media screen and (max-width: 767px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner { padding-bottom: 1.25rem; height: 100%; } } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner { padding-right: 4%; padding-left: 4%; } } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .text-image-wrapper { max-width: 1440px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; overflow: auto; -webkit-overflow-scrolling: auto; } @media screen and (max-width: 767px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .text-image-wrapper { padding-right: 1.5625rem; padding-bottom: 1.25rem; padding-left: 1.5625rem; height: 100%; } } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .text-image-wrapper { -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; overflow: visible; } } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .text-container, .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .image-container, .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .video-container { -ms-flex-preferred-size: 47.82609%; flex-basis: 47.82609%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .image-container, .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .video-container { margin-top: 3.625rem; } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .image-container, .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .video-container { margin-top: 0; margin-left: 4.34783%; } } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .swiper-lazy-loading { display: none; } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .video-container .video-wrapper { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .video-container .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .f--eyebrow { margin-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.4286; color: #FFF; } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .f--eyebrow { margin-bottom: 0.9375rem; } } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .f--cta-title { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .f--cta-title { margin-bottom: 1.875rem; } } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .f--cta-title h3 { font-size: 1.5rem; line-height: 1.3334; color: #FFF; } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .f--cta-title h3 { font-size: 2rem; line-height: 1.25; } } @media screen and (min-width: 1024px) { .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .f--cta-title h3 { font-size: 2.5rem; line-height: 1.2; } } .overlays .overlay-carousel .overlay-slide .overlay-slide-inner .f--description p { color: #FFF; } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide:not(.overlay-slide-overview) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide:not(.overlay-slide-overview) .overlay-slide-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto; } } @media screen and (min-width: 1024px) { .overlays .overlay-carousel .overlay-slide.overlay-slide-overview { height: 100%; } } .overlays .overlay-carousel .overlay-slide.overlay-slide-overview .overlay-slide-inner { max-width: 1440px; margin: 0 auto; height: 100%; } .overlays .overlay-carousel .overlay-slide.overlay-slide-overview .overlay-slide-inner .text-wrapper { padding-right: 8%; padding-left: 8%; 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; height: 100%; } @media screen and (min-width: 768px) { .overlays .overlay-carousel .overlay-slide.overlay-slide-overview .overlay-slide-inner .text-wrapper { padding-right: 8.69565%; padding-left: 8.69565%; } } @media screen and (min-width: 1024px) { .overlays .overlay-carousel .overlay-slide.overlay-slide-overview .overlay-slide-inner .text-wrapper { padding-right: 6.52174%; padding-left: 6.52174%; } } .overlays .overlay-carousel .overlay-slide.overlay-slide-overview .f--cta-title { text-align: center; } @media screen and (min-width: 1024px) { .overlays .overlay-carousel .overlay-slide.overlay-slide-overview .f--cta-title { margin-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .overlays .overlay-carousel .overlay-slide.overlay-slide-overview .f--cta-title h3 { font-size: 3.5rem; line-height: 1.1429; color: #FFF; } } .overlays .overlay-carousel .overlay-slide.overlay-slide-overview .f--description { text-align: center; } @media screen and (min-width: 1024px) { .overlays .overlay-carousel .overlay-slide.overlay-slide-overview .f--description { padding-right: 20%; padding-left: 20%; } } .overlays .overlay-carousel .swiper-pagination { margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; bottom: 0; left: auto; width: auto; margin-bottom: 1.75rem; border: 0.0625rem solid rgba(255, 255, 255, 0.5); } @media screen and (min-width: 768px) { .overlays .overlay-carousel .swiper-pagination { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 2.5rem; width: auto; z-index: 2; } } .overlays .overlay-carousel .swiper-pagination .swiper-pagination-bullet { font-size: 0.875rem; line-height: 1.4286; padding-right: 0.875rem; padding-left: 0.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; height: 2rem; margin: 0; border-radius: 0; background: rgba(0, 0, 0, 0.5); color: #FFF; opacity: 1; } @media screen and (min-width: 768px) { .overlays .overlay-carousel .swiper-pagination .swiper-pagination-bullet { font-size: 1rem; line-height: 1.375; padding-right: 1.25rem; padding-left: 1.25rem; height: 2.75rem; } } .overlays .overlay-carousel .swiper-pagination .swiper-pagination-bullet:not(:last-child) { border-right: 0.0625rem solid rgba(255, 255, 255, 0.5); } .overlays .overlay-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #FFF; color: #000; } .overlays .overlay-carousel .button-close { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0rem; right: 0rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.75rem; height: 2.75rem; z-index: 50; } @media screen and (min-width: 768px) { .overlays .overlay-carousel .button-close { top: 1.25rem; right: 2%; } } .pins-carousel { position: relative; height: 100%; width: 100%; } .cc--nb-media-contact { max-width: 1440px; margin: 0 auto; } .cc--nb-media-contact .c--nb-media-contact { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--nb-media-contact .c--nb-media-contact { padding-top: 2.5rem; padding-right: 12%; padding-bottom: 5rem; padding-left: 12%; } } @media screen and (min-width: 960px) { .cc--nb-media-contact .c--nb-media-contact { padding-right: 20%; padding-left: 20%; } } .cc--nb-media-contact .c--nb-media-contact .inner-wrapper { padding-top: 1.25rem; padding-bottom: 1.25rem; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; } .cc--nb-media-contact .f--cta-title h3 { margin-bottom: 1.0625rem; font-size: 0.875rem; line-height: 1.4286; } .cc--nb-media-contact .full-name { margin-bottom: 0.625rem; font-size: 1rem; line-height: 1.375; color: #000; } @media screen and (min-width: 768px) { .cc--nb-media-contact .full-name { font-size: 1.125rem; line-height: 1.3334; } } .cc--nb-media-contact .data-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--nb-media-contact .media-contact-phone { margin-right: 1.25rem; } .cc--nb-media-contact .media-contact-phone a, .cc--nb-media-contact .media-contact-email a { font-size: 0.875rem; line-height: 1.4286; color: #666; text-decoration: none; } .cc--nb-news-landing-nav { background-color: #C03; z-index: 4; } .cc--nb-news-landing-nav.slim-nav-is-visible { position: absolute; top: 5rem; left: 0; width: 100%; -webkit-transition: none; transition: none; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav.slim-nav-is-visible { top: 4.375rem; } } .cc--nb-news-landing-nav.slim-nav-is-visible.sticky { position: fixed; top: 0; -webkit-transition: none; transition: none; z-index: 4; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav.slim-nav-expanded { top: 8.75rem; } } .cc--nb-news-landing-nav .nb-news-landing-nav-nav-wrapper { position: relative; } .cc--nb-news-landing-nav .nav-top { max-width: 1440px; margin: 0 auto; } .cc--nb-news-landing-nav .nav-top .nav-top-inner { padding-top: 0.9375rem; padding-right: 4%; padding-bottom: 0.9375rem; padding-left: 4%; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .nav-top .nav-top-inner { padding-top: 1.5625rem; padding-right: 4%; padding-bottom: 1.5625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--nb-news-landing-nav .nav-top .nb-news-landing-logo { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: auto; text-align: center; } .cc--nb-news-landing-nav .nav-top .nb-news-landing-logo a { font-size: 2rem; line-height: 1; color: #FFF; text-decoration: none; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nav-top .nb-news-landing-logo a { font-size: 2.5rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .nav-top .nb-news-landing-logo a { font-size: 3.5rem; line-height: 1; } } .cc--nb-news-landing-nav .nav-top .nav-top-links { display: none; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .nav-top .nav-top-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 13.75rem; flex: 0 0 13.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc--nb-news-landing-nav .nav-top .nav-top-links.left-links li { margin-right: 1.875rem; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .nav-top .nav-top-links.right-links { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .cc--nb-news-landing-nav .nav-top .nav-top-links.right-links li { margin-left: 1.875rem; } .cc--nb-news-landing-nav .nav-top .nav-top-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; } .cc--nb-news-landing-nav .nav-top .nav-top-links .f--link a { padding-right: 0; padding-left: 0; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .nav-top .nav-top-links .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .nav-top .nav-top-links .f--link a:hover { text-decoration: underline; } .cc--nb-news-landing-nav .nav-top .nav-top-links .f--button { margin-left: 1.875rem; } .cc--nb-news-landing-nav .nav-top .nav-top-links .f--button .button { padding-right: 0; padding-left: 0; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .nav-top .nav-top-links .f--button .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .nav-top .nav-top-links .f--button .button:hover { text-decoration: underline; } .cc--nb-news-landing-nav .nav-top .nav-top-links .f--button .button svg { display: none; } .cc--nb-news-landing-nav .nav-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1023px) { .cc--nb-news-landing-nav .nav-bottom { position: relative; } } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .nav-bottom { display: block; } } .cc--nb-news-landing-nav .nav-bottom > div { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .mobile-top-nav, .cc--nb-news-landing-nav .mobile-search-button { display: none; } } .cc--nb-news-landing-nav .mobile-top-nav .f--button .button, .cc--nb-news-landing-nav .mobile-search-button .f--button .button { font-size: 0.875rem; line-height: 1.4286; width: 100%; height: 2.5rem; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .mobile-top-nav .f--button .button, .cc--nb-news-landing-nav .mobile-search-button .f--button .button { font-size: 1rem; line-height: 1.25; } } .cc--nb-news-landing-nav .mobile-top-nav .f--button .button svg, .cc--nb-news-landing-nav .mobile-search-button .f--button .button svg { margin-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.375rem; height: 0.25rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #FFF; } .cc--nb-news-landing-nav .mobile-top-nav .f--button .button.search-open, .cc--nb-news-landing-nav .mobile-top-nav .f--button .button.menu-open, .cc--nb-news-landing-nav .mobile-search-button .f--button .button.search-open, .cc--nb-news-landing-nav .mobile-search-button .f--button .button.menu-open { background: #B7002D; } .cc--nb-news-landing-nav .mobile-top-nav .f--button .button.search-open svg, .cc--nb-news-landing-nav .mobile-top-nav .f--button .button.menu-open svg, .cc--nb-news-landing-nav .mobile-search-button .f--button .button.search-open svg, .cc--nb-news-landing-nav .mobile-search-button .f--button .button.menu-open svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--nb-news-landing-nav .mobile-top-nav .menu-list { padding-top: 0.5rem; padding-right: 0; padding-bottom: 1.25rem; padding-left: 0; display: none; position: absolute; width: 100%; margin: 0; background: #B7002D; list-style: none; z-index: 2; } .cc--nb-news-landing-nav .mobile-top-nav .menu-list li { padding-top: 0.75rem; padding-bottom: 0.75rem; } .cc--nb-news-landing-nav .mobile-top-nav .menu-list .f--link a { font-size: 1rem; line-height: 1.375; padding-right: 8%; padding-left: 8%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .mobile-top-nav .menu-list .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .mobile-top-nav .menu-list .f--link a:hover { text-decoration: underline; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search { margin-top: 2.5rem; display: none; position: absolute; width: 100%; background: #B7002D; z-index: 2; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search { margin-top: -3.75rem; background: #C03; } } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .nb-news-landing-nav-dropdown-search-inner { max-width: 1440px; margin: 0 auto; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .nb-news-landing-nav-dropdown-search-inner { padding-top: 4.375rem; padding-right: 10%; padding-bottom: 4.375rem; padding-left: 10%; } } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .nb-news-landing-nav-dropdown-search-inner { padding-top: 6.25rem; padding-right: 4%; padding-bottom: 6.25rem; padding-left: 4%; } } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .icon-search-close { display: none; position: absolute; top: 1.6875rem; right: 4%; width: 0.9375rem; height: 0.9375rem; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .icon-search-close { display: block; } } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .icon-search-close svg { fill: #FFF; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search form { position: relative; max-width: 51rem; margin: 0 auto; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5rem; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search form .icon-search { width: 2rem; } } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #FFF; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search form .icon-search svg { width: 2rem; height: 2rem; } } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item:nth-child(1) { margin-left: 0; } } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item label { display: none; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 0; padding-bottom: 1.0625rem; padding-left: 0; height: auto; border: 0; border-bottom: 0.0625rem solid #FFF; background: none; color: #FFF; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item input::-webkit-input-placeholder { color: #FFF; opacity: .9; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item input::-moz-placeholder { color: #FFF; opacity: .9; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item input:-ms-input-placeholder { color: #FFF; opacity: .9; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item input::-ms-input-placeholder { color: #FFF; opacity: .9; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-search .fi--form-item input::placeholder { color: #FFF; opacity: .9; } .cc--nb-news-landing-nav .taxonomy-dropdown { background: #000; } .cc--nb-news-landing-nav .taxonomy-dropdown.topics-open .current-date { display: none; } .cc--nb-news-landing-nav .taxonomy-dropdown.topics-open .button svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--nb-news-landing-nav .taxonomy-dropdown .taxonomy-dropdown-inner { max-width: 1440px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .taxonomy-dropdown .taxonomy-dropdown-inner .button { font-size: 0; } .cc--nb-news-landing-nav .taxonomy-dropdown .taxonomy-dropdown-inner .button::before { font-size: 1rem; line-height: 1.25; display: inline; content: 'Explore Topics'; } } .cc--nb-news-landing-nav .taxonomy-dropdown .current-date { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1rem; line-height: 1.375; display: none; left: 4%; color: #FFF; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .taxonomy-dropdown .current-date { display: inline-block; } } .cc--nb-news-landing-nav .taxonomy-dropdown .f--button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.5rem; cursor: pointer; } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .taxonomy-dropdown .f--button { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; width: 10rem; height: 3.75rem; } } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .taxonomy-dropdown .f--button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .taxonomy-dropdown .f--button:hover button { background: #000; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .taxonomy-dropdown .f--button { width: 9.375rem; } } @media screen and (min-width: 1024px) { .cc--nb-news-landing-nav .taxonomy-dropdown .f--button { width: 10rem; } } .cc--nb-news-landing-nav .taxonomy-dropdown .f--button .f--button-wrapper { width: 100%; } .cc--nb-news-landing-nav .taxonomy-dropdown .f--button button { font-size: 0.875rem; line-height: 1.4286; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .taxonomy-dropdown .f--button button { font-size: 1rem; line-height: 1.25; } } .cc--nb-news-landing-nav .taxonomy-dropdown .f--button button svg { margin-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #EBB600; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section { display: none; position: absolute; left: 0; width: 100%; background: #000; z-index: 2; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section.topics-open { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .nb-news-landing-nav-dropdown-inner-wrapper { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .nb-news-landing-nav-dropdown-inner { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 2.5rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .nb-news-landing-nav-dropdown-inner { padding-top: 3.125rem; padding-bottom: 4.375rem; } } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .f--link:first-child .button::before { display: none; } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .f--link .button { font-size: 1.125rem; line-height: 2.2223; height: auto; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .f--link .button:hover { color: #EBB600; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .f--link .button { font-size: 2rem; line-height: 2; } } .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .f--link .button::before { font-size: 1.125rem; line-height: 2.2223; padding-right: 0.625rem; padding-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #333; content: '/'; } @media screen and (min-width: 768px) { .cc--nb-news-landing-nav .nb-news-landing-nav-dropdown-section .f--link .button::before { font-size: 2rem; line-height: 2; padding-right: 1.25rem; padding-left: 1.25rem; } } .is-nbrutgers-news-landing #l--main-header-nb { position: static; } .is-nbrutgers-news-landing #l--main-header-nb .mobile-nav { position: static; } .is-nbrutgers-news-landing #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { margin-top: -4.375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; position: absolute; } .is-nbrutgers-news-landing #main-content-nb { margin-top: 6.5rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .is-nbrutgers-news-landing #main-content-nb { margin-top: 6.9375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .is-nbrutgers-news-landing #main-content-nb { margin-top: 10.375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .is-nbrutgers-news-landing #main-content-basic .cc--nb-news-landing-nav.slim-nav-is-visible { position: relative; top: 0; left: 0; } @media screen and (min-width: 1024px) { .is-nbrutgers-news-landing #main-content-basic .cc--nb-news-landing-nav.slim-nav-is-visible.slim-nav-expanded { top: 4.375rem; } } .is-nbrutgers-news-landing #main-content-basic .cc--nb-news-landing-nav.slim-nav-is-visible.sticky { top: 0; position: fixed; } .is-nbrutgers-news-landing #main-content-basic .cc--nb-news-landing-nav.slim-nav-is-visible.sticky + * { margin-top: 6.5rem; } @media screen and (min-width: 768px) { .is-nbrutgers-news-landing #main-content-basic .cc--nb-news-landing-nav.slim-nav-is-visible.sticky + * { margin-top: 6.9375rem; } } @media screen and (min-width: 1024px) { .is-nbrutgers-news-landing #main-content-basic .cc--nb-news-landing-nav.slim-nav-is-visible.sticky + * { margin-top: 10.375rem; } } .cc--nb-news-mini-nav { 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: 3.125rem; background-color: #C03; } @media screen and (min-width: 768px) { .cc--nb-news-mini-nav { height: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--nb-news-mini-nav.slim-nav-is-visible { position: fixed; top: 4.375rem; left: 0; width: 100%; z-index: 4; } } @media screen and (min-width: 1024px) { .cc--nb-news-mini-nav.slim-nav-expanded { top: 8.75rem; } } .cc--nb-news-mini-nav .nb-news-landing-logo { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: auto; text-align: center; } .cc--nb-news-mini-nav .nb-news-landing-logo a { font-size: 1.5rem; line-height: 1; color: #FFF; text-decoration: none; } @media screen and (min-width: 768px) { .cc--nb-news-mini-nav .nb-news-landing-logo a { font-size: 1.875rem; line-height: 1; } } html[data-whatintent="mouse"] .cc--nb-news-mini-nav .nb-news-landing-logo a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-news-mini-nav .nb-news-landing-logo a:hover { color: #FFF; text-decoration: none; } .cc--nb-news-mini-nav .f--button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; height: 100%; background: #000; cursor: pointer; } html[data-whatintent="mouse"] .cc--nb-news-mini-nav .f--button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-news-mini-nav .f--button:hover button { background: #000; } @media screen and (min-width: 768px) { .cc--nb-news-mini-nav .f--button { width: 9.375rem; } } @media screen and (min-width: 1024px) { .cc--nb-news-mini-nav .f--button { width: 10rem; } } .cc--nb-news-mini-nav .f--button .f--button-wrapper { width: 100%; } .cc--nb-news-mini-nav .f--button button { width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #FFF; font-size: 0; text-transform: none; } @media screen and (min-width: 768px) { .cc--nb-news-mini-nav .f--button button { font-size: 0.875rem; line-height: 1.4286; } } .cc--nb-news-mini-nav .f--button button svg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #EBB600; } @media screen and (min-width: 768px) { .cc--nb-news-mini-nav .f--button button svg { margin-left: 0.625rem; } } .cc--nb-news-mini-nav .f--button button.topics-open svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section { display: none; position: absolute; top: 3.125rem; left: 0; width: 100%; background: #000; z-index: 2; } @media screen and (min-width: 768px) { .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section { top: 3.75rem; } } .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section.topics-open { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .nb-news-mini-header-dropdown-inner-wrapper { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .nb-news-mini-header-dropdown-inner { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 2.5rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .nb-news-mini-header-dropdown-inner { padding-top: 3.125rem; padding-bottom: 4.375rem; } } .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .f--link:first-child .button::before { display: none; } .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .f--link .button { font-size: 1.125rem; line-height: 2.2223; height: auto; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } html[data-whatintent="mouse"] .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .f--link .button:hover { color: #EBB600; } @media screen and (min-width: 768px) { .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .f--link .button { font-size: 2rem; line-height: 2; } } .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .f--link .button::before { font-size: 1.125rem; line-height: 2.2223; padding-right: 0.625rem; padding-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #333; content: '/'; } @media screen and (min-width: 768px) { .cc--nb-news-mini-nav .nb-news-mini-header-dropdown-section .f--link .button::before { font-size: 2rem; line-height: 2; padding-right: 1.25rem; padding-left: 1.25rem; } } .is-rutgers-mini-nav .cc--nb-news-mini-nav.slim-nav-is-visible { position: absolute; } @media screen and (max-width: 1023px) { .is-rutgers-mini-nav .cc--nb-news-mini-nav.slim-nav-is-visible { top: 5rem; left: 0; width: 100%; -webkit-transition: none; transition: none; } } .is-rutgers-mini-nav .cc--nb-news-mini-nav.slim-nav-is-visible.sticky { position: fixed; top: 0; -webkit-transition: none; transition: none; z-index: 4; } .is-rutgers-mini-nav #main-content-nb { margin-top: 3.125rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .is-rutgers-mini-nav #main-content-nb { margin-top: 3.75rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .is-rutgers-mini-nav #main-content-basic .cc--nb-news-mini-nav.slim-nav-is-visible { position: relative; top: 0; left: 0; } @media screen and (min-width: 1024px) { .is-rutgers-mini-nav #main-content-basic .cc--nb-news-mini-nav.slim-nav-is-visible.slim-nav-expanded { top: 4.375rem; } } .is-rutgers-mini-nav #main-content-basic .cc--nb-news-mini-nav.slim-nav-is-visible.sticky { top: 0; position: fixed; } .is-rutgers-mini-nav #main-content-basic .cc--nb-news-mini-nav.slim-nav-is-visible.sticky + * { margin-top: 3.125rem; } @media screen and (min-width: 768px) { .is-rutgers-mini-nav #main-content-basic .cc--nb-news-mini-nav.slim-nav-is-visible.sticky + * { margin-top: 3.75rem; } } @media screen and (min-width: 1024px) { .is-rutgers-mini-nav #main-content-basic .cc--nb-news-mini-nav.slim-nav-is-visible.sticky + * { margin-top: 3.75rem; } } .is-rutgers-nav #l--main-header-nb { position: static; } .is-rutgers-nav #l--main-header-nb .mobile-nav { position: static; } .is-rutgers-nav #l--main-header-nb .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { margin-top: -4.375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; position: absolute; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .f--link { display: none; } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .image-video { position: relative; background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .image-video::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ''; z-index: 1; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper { max-width: 1440px; margin: 0 auto; position: relative; z-index: 2; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--description, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--text, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--category { color: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--description p, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--description li, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--description a, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--text p, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--text li, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--text a, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--category p, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--category li, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--description a, html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--text a, html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--description a:hover, html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--text a:hover, html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--category a:hover { color: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--section-title h2 { color: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--section-title h2 a:hover { color: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--sub-title h3 { color: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--sub-title h3 a:hover { color: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--page-title h1 { color: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .stat-item .f--text, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .stat-item .f--stat-prefix, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .stat-item .f--stat-suffix { color: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--stat-subheading, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--description, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--stat-headline { color: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .swiper-button-prev, html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .swiper-button-next:hover svg { fill: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .swiper-button-prev svg, .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .swiper-button-next svg { fill: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .inner-wrapper .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .content-wrapper-inner { position: -webkit-sticky; position: sticky; top: 5rem; left: 0; width: 100vw; height: calc(100vh - 5rem); overflow: hidden; } @media screen and (min-width: 1024px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .content-wrapper-inner { top: 4.375rem; height: calc(100vh - 4.375rem); } } @media screen and (min-width: 1440px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .content-wrapper-inner { margin-left: calc((100vw - 1440px) / -2); } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .f--ambient-video::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ''; z-index: 1; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .f--ambient-video video { height: 100%; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .title-cta { display: none; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .title-cta { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30.43478%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; z-index: 2; } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .title-cta h2 { margin-bottom: 2.5rem; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .title-cta .f--description p { font-size: 1.125rem; line-height: 1.7778; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .title-cta .f--description p { font-size: 1.375rem; line-height: 1.6364; margin-bottom: 2.5rem; } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .title-cta .f--link { display: none; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .title-cta .f--link { display: block; } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .video-controls { position: -webkit-sticky; position: sticky; width: auto; height: 0; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .video-controls .video-button { margin-left: auto; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; position: relative; margin-top: calc(-100vh + 5rem); z-index: 1; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list { padding-top: 0; padding-right: 4%; padding-bottom: 0; padding-left: 4%; margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: static; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .title-wrapper { margin-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .title-wrapper { display: none; } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .column { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .column { width: 30.43478%; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .column-1 { padding-top: 9.375rem; } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .article { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .article { margin-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .article { margin-bottom: 3.75rem; } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .image-wrapper { margin-bottom: 1.25rem; } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .f--sub-title a { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .news-list .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } .cc--nb-parallax-stories-teaser .c--nb-parallax-stories-teaser .animation-anchor-point { position: absolute; bottom: 50vh; opacity: 0; z-index: -1; } .cc--nb-rich-chapter { max-width: 1440px; margin: 0 auto; } .cc--nb-rich-chapter::after { display: block; clear: both; content: ""; } .cc--nb-rich-chapter .c--nb-rich-chapter { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--nb-rich-chapter .c--nb-rich-chapter { padding-top: 4.375rem; padding-right: 12%; padding-bottom: 3.75rem; padding-left: 12%; } } @media screen and (min-width: 960px) { .cc--nb-rich-chapter .c--nb-rich-chapter { padding-top: 5rem; padding-right: 20%; padding-bottom: 5rem; padding-left: 20%; } } .cc--nb-rich-chapter + .cc--nb-rich-chapter .c--nb-rich-chapter { padding-top: 1.25rem; } .cc--nb-rich-chapter .f--rich-text p:last-child { margin-bottom: 0; } .cc--nb-search-form { padding-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.8); z-index: 300; } .cc--nb-search-form .c--nb-search-form { padding-bottom: 3.125rem; position: relative; width: 100%; background-color: #FFF; } .cc--nb-search-form .search-form-branding { padding-top: 0.625rem; padding-bottom: 0.625rem; 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: 5rem; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 1024px) { .cc--nb-search-form .search-form-branding { height: 4.375rem; } } .cc--nb-search-form .search-form-branding .logo-link-mobile { margin-left: 4%; width: 12.75rem; height: 3.75rem; } @media screen and (min-width: 768px) { .cc--nb-search-form .search-form-branding .logo-link-mobile { margin-left: 2.5rem; display: none; } } .cc--nb-search-form .search-form-branding .logo-link-tablet-desktop { margin-left: 2.5rem; display: none; width: 22.75rem; height: 3rem; } @media screen and (min-width: 768px) { .cc--nb-search-form .search-form-branding .logo-link-tablet-desktop { display: block; } } .cc--nb-search-form .search-form-branding .icon-logo { width: 12.75rem; height: 3.75rem; } .cc--nb-search-form .search-form-branding .icon-logo-long-tag { width: 22.75rem; height: 3rem; } .cc--nb-search-form .search-form-branding .icon-search-close { margin-right: 4%; width: 1.125rem; height: 3.125rem; } @media screen and (min-width: 768px) { .cc--nb-search-form .search-form-branding .icon-search-close { margin-right: 2.5rem; } } .cc--nb-search-form .search-form-branding .icon-search-close svg { width: 1.125rem; height: 1.125rem; fill: #C03; } .cc--nb-search-form form { max-width: 38.5rem; margin: 0 auto; margin-top: 2.9375rem; padding-right: 8%; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--nb-search-form form { max-width: 51rem; margin: 0 auto; margin-top: 5rem; margin-bottom: 5rem; } } @media screen and (min-width: 1024px) { .cc--nb-search-form form { margin-top: 6.25rem; margin-bottom: 6.25rem; } } .cc--nb-search-form form .search-form-inner { margin-bottom: 1.875rem; position: relative; border-bottom: 0.0625rem solid #D8D8D8; } .cc--nb-search-form form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5rem; height: 1.5rem; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--nb-search-form form .icon-search { width: 2rem; height: 2rem; } } .cc--nb-search-form form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #C03; } @media screen and (min-width: 768px) { .cc--nb-search-form form .icon-search svg { width: 2rem; height: 2rem; } } @media screen and (min-width: 768px) { .cc--nb-search-form form .search-filter-options .fieldset-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--nb-search-form .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .cc--nb-search-form .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .cc--nb-search-form .fi--form-item:nth-child(1) { margin-left: 0; } } .cc--nb-search-form .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 0; padding-bottom: 1.0625rem; padding-left: 0; height: auto; border: 0; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--nb-search-form .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .cc--nb-search-form .fi--form-item input::-webkit-input-placeholder { color: #666; opacity: 0.7; } .cc--nb-search-form .fi--form-item input::-moz-placeholder { color: #666; opacity: 0.7; } .cc--nb-search-form .fi--form-item input:-ms-input-placeholder { color: #666; opacity: 0.7; } .cc--nb-search-form .fi--form-item input::-ms-input-placeholder { color: #666; opacity: 0.7; } .cc--nb-search-form .fi--form-item input::placeholder { color: #666; opacity: 0.7; } @media screen and (min-width: 500px) { .cc--news-card-video .c--news-card-video { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .cc--news-card-video .c--news-card-video { display: block; } } .cc--news-card-video .video-container { margin-bottom: 1.25rem; } @media screen and (min-width: 500px) { .cc--news-card-video .video-container { margin-left: 0.9375rem; width: 47.61905%; } } @media screen and (min-width: 768px) { .cc--news-card-video .video-container { margin-left: 0; width: 100%; } } .cc--news-card-video .video-container .f--image { position: relative; } .cc--news-card-video .video-container .f--image::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ''; z-index: 0; } @media screen and (min-width: 768px) { .cc--news-card-video .video-container .f--image::before { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent)); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } } .cc--news-card-video .video-container .video-play-btn { display: block; position: relative; } .cc--news-card-video .video-container .video-play-btn .icon-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: rgba(255, 255, 255, 0.5); } @media screen and (min-width: 768px) { .cc--news-card-video .video-container .video-play-btn .icon-video { top: auto; bottom: 0.625rem; left: 0.625rem; -webkit-transform: none; transform: none; } } @media screen and (min-width: 500px) { .cc--news-card-video .text-container { width: 47.61905%; } } @media screen and (min-width: 768px) { .cc--news-card-video .text-container { width: 100%; } } .cc--news-card-video .text-container .f--sub-title a { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--news-card-video .text-container .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } .cc--news-card-video .text-container .f--description p { font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 500px) { .cc--news-card .c--news-card { overflow: hidden; } } .cc--news-card .c--news-card .f--image { display: block; } @media screen and (min-width: 500px) { .cc--news-card .c--news-card .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--news-card .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--news-card .image-link { display: block; cursor: pointer; } .cc--news-card .f--sub-title h3, .cc--news-card .f--sub-title a { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--news-card .f--sub-title h3, .cc--news-card .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } .cc--news-display .c--news-display { max-width: 1440px; margin: 0 auto; } .cc--news-display .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--news-display .inner-wrapper { padding-top: 5rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; 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--news-display .inner-wrapper { padding-top: 5.625rem; padding-bottom: 5rem; } } @media screen and (min-width: 768px) { .cc--news-display .title-cta { width: 30.43478%; } } @media screen and (min-width: 768px) { .cc--news-display .title-cta-inner { position: -webkit-sticky; position: sticky; top: 80px; } } @media screen and (min-width: 1024px) { .secondary-nav-visible .cc--news-display .title-cta-inner { top: 8.4375rem; } } .cc--news-display .title-cta-inner .f--section-title { text-align: center; } @media screen and (min-width: 768px) { .cc--news-display .title-cta-inner .f--section-title { text-align: left; } .cc--news-display .title-cta-inner .f--section-title h2 { margin-bottom: 2.5rem; } } .cc--news-display .title-cta-inner .f--link { display: none; } @media screen and (min-width: 768px) { .cc--news-display .title-cta-inner .f--link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media screen and (min-width: 768px) { .cc--news-display .content-wraper { width: 65.21739%; } } @media screen and (min-width: 768px) { .cc--news-display .news-list { 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--news-display .news-list .cc--news-card { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--news-display .news-list .cc--news-card:nth-child(2n+3):nth-last-child(-n+3), .cc--news-display .news-list .cc--news-card:nth-child(2n+3):nth-last-child(-n+3) ~ article { margin-bottom: 0; } } @media screen and (min-width: 500px) and (min-width: 500px) { .cc--news-display .news-list .cc--news-card { overflow: hidden; } } @media screen and (min-width: 500px) { .cc--news-display .news-list .cc--news-card .f--image { display: block; } } @media screen and (min-width: 500px) and (min-width: 500px) { .cc--news-display .news-list .cc--news-card .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 500px) and (min-width: 768px) { .cc--news-display .news-list .cc--news-card .f--image { margin-left: 0; width: 100%; float: none; } } @media screen and (min-width: 768px) { .cc--news-display .news-list .cc--news-card { margin-bottom: 3.125rem; 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: initial; -ms-flex-pack: initial; justify-content: initial; width: 46.66667%; } .cc--news-display .news-list .cc--news-card:nth-child(odd) { margin-right: 6.66667%; } } @media screen and (min-width: 1024px) { .cc--news-display .news-list .cc--news-card { margin-bottom: 3.75rem; } } @media screen and (min-width: 768px) { .cc--news-display .news-list .cc--news-card .image-link { margin-bottom: 0; margin-left: 0; float: none; } } .cc--news-display .news-list .cc--news-card .f--image { margin-bottom: 1.25rem; } .cc--news-display .news-list .cc--news-card .f--sub-title { margin-bottom: 0; } .cc--news-display .news-list .cc--news-card .f--sub-title h3 { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--news-display .news-list .f--link { display: none; } } .cc--news-display.featured-news .c--news-display .inner-wrapper { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { .cc--news-display.featured-news .c--news-display .inner-wrapper { padding-right: 4%; padding-left: 4%; } } .cc--news-display.featured-news .c--news-display .title-cta { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--news-display.featured-news .c--news-display .title-cta { padding-right: 0; padding-left: 0; } } .cc--news-display.featured-news .c--news-display .featured-news .cc--news-card { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--news-display.featured-news .c--news-display .featured-news .cc--news-card { margin-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--news-display.featured-news .c--news-display .featured-news .cc--news-card { margin-bottom: 3.75rem; } } .cc--news-display.featured-news .c--news-display .featured-news .cc--news-card .f--image { margin-bottom: 1.25rem; margin-left: 0; } @media screen and (min-width: 500px) { .cc--news-display.featured-news .c--news-display .featured-news .cc--news-card .f--image { width: 100%; float: none; } } .cc--news-display.featured-news .c--news-display .featured-news .text-container { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--news-display.featured-news .c--news-display .featured-news .text-container { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .cc--news-display.featured-news .c--news-display .featured-news .f--sub-title a { font-size: 2rem; line-height: 1.25; } } .cc--news-display.featured-news .c--news-display .featured-news .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--news-display.featured-news .c--news-display .featured-news .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--news-display.featured-news .c--news-display .news-list { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--news-display.featured-news .c--news-display .news-list { padding-right: 0; padding-left: 0; } } .cc--news-feature-25 .c--news-feature-25 { max-width: 1440px; margin: 0 auto; } .cc--news-feature-25 .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--news-feature-25 .inner-wrapper { padding-right: 4%; padding-left: 4%; margin-top: 3.125rem; margin-bottom: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--news-feature-25 .inner-wrapper { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .cc--news-feature-25 .news-feature-25 { margin-top: 1.875rem; margin-bottom: 1.875rem; } @media screen and (min-width: 500px) { .cc--news-feature-25 .news-feature-25 { overflow: hidden; } } .cc--news-feature-25 .news-feature-25 .f--image { display: block; } @media screen and (min-width: 500px) { .cc--news-feature-25 .news-feature-25 .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--image { margin-left: 0; width: 100%; float: none; } } .cc--news-feature-25 .news-feature-25 .f--image { margin-bottom: 1.25rem; } .cc--news-feature-25 .news-feature-25 .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--sub-title h3 { font-size: 2rem; line-height: 1.25; } } .cc--news-feature-25 .news-feature-25 .f--text, .cc--news-feature-25 .news-feature-25 .f--description { margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--text, .cc--news-feature-25 .news-feature-25 .f--description { margin-top: 1.25rem; } } .cc--news-feature-25 .news-feature-25 .f--text p, .cc--news-feature-25 .news-feature-25 .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--text p, .cc--news-feature-25 .news-feature-25 .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--news-feature-25 .news-feature-25 .image-link { display: block; } @media screen and (min-width: 500px) { .cc--news-feature-25 .news-feature-25 { width: 100%; } .cc--news-feature-25 .news-feature-25 .image-link { margin-left: 0.9375rem; width: 47.61905%; float: right; } .cc--news-feature-25 .news-feature-25 .image-link .f--image { margin-bottom: 1.25rem; float: none; width: 100%; } } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 { margin-top: 0; margin-bottom: 0; -ms-flex-preferred-size: 21.73913%; flex-basis: 21.73913%; } .cc--news-feature-25 .news-feature-25 .image-link { margin-left: 0; width: 100%; float: none; } } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25:not(:last-child) { margin-right: 4.34783%; } } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; } } .cc--news-feature-50-25-25 .c--news-feature-50-25-25 { max-width: 1440px; margin: 0 auto; } .cc--news-feature-50-25-25 .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .inner-wrapper { padding-right: 4%; padding-left: 4%; margin-top: 3.125rem; margin-bottom: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--news-feature-50-25-25 .inner-wrapper { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .cc--news-feature-50-25-25 .news-feature-25, .cc--news-feature-50-25-25 .news-feature-50 { margin-top: 1.875rem; margin-bottom: 1.875rem; } @media screen and (min-width: 500px) { .cc--news-feature-50-25-25 .news-feature-25, .cc--news-feature-50-25-25 .news-feature-50 { overflow: hidden; } } .cc--news-feature-50-25-25 .news-feature-25 .f--image, .cc--news-feature-50-25-25 .news-feature-50 .f--image { display: block; } @media screen and (min-width: 500px) { .cc--news-feature-50-25-25 .news-feature-25 .f--image, .cc--news-feature-50-25-25 .news-feature-50 .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-25 .f--image, .cc--news-feature-50-25-25 .news-feature-50 .f--image { margin-left: 0; width: 100%; float: none; } } .cc--news-feature-50-25-25 .news-feature-25 .f--image, .cc--news-feature-50-25-25 .news-feature-50 .f--image { margin-bottom: 1.25rem; } .cc--news-feature-50-25-25 .news-feature-25 .f--sub-title h3, .cc--news-feature-50-25-25 .news-feature-50 .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-25 .f--sub-title h3, .cc--news-feature-50-25-25 .news-feature-50 .f--sub-title h3 { font-size: 2rem; line-height: 1.25; } } .cc--news-feature-50-25-25 .news-feature-25 .f--text, .cc--news-feature-50-25-25 .news-feature-25 .f--description, .cc--news-feature-50-25-25 .news-feature-50 .f--text, .cc--news-feature-50-25-25 .news-feature-50 .f--description { margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-25 .f--text, .cc--news-feature-50-25-25 .news-feature-25 .f--description, .cc--news-feature-50-25-25 .news-feature-50 .f--text, .cc--news-feature-50-25-25 .news-feature-50 .f--description { margin-top: 1.25rem; } } .cc--news-feature-50-25-25 .news-feature-25 .f--text p, .cc--news-feature-50-25-25 .news-feature-25 .f--description p, .cc--news-feature-50-25-25 .news-feature-50 .f--text p, .cc--news-feature-50-25-25 .news-feature-50 .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-25 .f--text p, .cc--news-feature-50-25-25 .news-feature-25 .f--description p, .cc--news-feature-50-25-25 .news-feature-50 .f--text p, .cc--news-feature-50-25-25 .news-feature-50 .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--news-feature-50-25-25 .news-feature-25 .image-link, .cc--news-feature-50-25-25 .news-feature-50 .image-link { display: block; } @media screen and (min-width: 500px) { .cc--news-feature-50-25-25 .news-feature-25, .cc--news-feature-50-25-25 .news-feature-50 { width: 100%; } .cc--news-feature-50-25-25 .news-feature-25 .image-link, .cc--news-feature-50-25-25 .news-feature-50 .image-link { margin-left: 0.9375rem; width: 47.61905%; float: right; } .cc--news-feature-50-25-25 .news-feature-25 .image-link .f--image, .cc--news-feature-50-25-25 .news-feature-50 .image-link .f--image { margin-bottom: 1.25rem; float: none; width: 100%; } } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-25, .cc--news-feature-50-25-25 .news-feature-50 { margin-top: 0; margin-bottom: 0; } .cc--news-feature-50-25-25 .news-feature-25 .image-link, .cc--news-feature-50-25-25 .news-feature-50 .image-link { margin-left: 0; width: 100%; float: none; } } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-50 { margin-right: 4.34783%; -ms-flex-preferred-size: 47.82609%; flex-basis: 47.82609%; } } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-25-25 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 47.82609%; flex-basis: 47.82609%; } } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-25-25 .news-feature-25 { -ms-flex-preferred-size: 45.45455%; flex-basis: 45.45455%; } } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-25-25 .news-feature-25:not(:last-child) { margin-right: 9.09091%; } } @media screen and (min-width: 768px) { .cc--news-feature-50-25-25 .news-feature-25-25 .news-feature-25 .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; } } .cc--news-feature-50-50 .c--news-feature-50-50 { max-width: 1440px; margin: 0 auto; } .cc--news-feature-50-50 .f--image { margin-bottom: 1.25rem; } .cc--news-feature-50-50 .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--news-feature-50-50 .inner-wrapper { padding-right: 4%; padding-left: 4%; margin-top: 3.125rem; margin-bottom: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--news-feature-50-50 .inner-wrapper { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .cc--news-feature-50-50 .news-feature-50 { margin-top: 1.875rem; margin-bottom: 1.875rem; } @media screen and (min-width: 500px) { .cc--news-feature-50-50 .news-feature-50 { overflow: hidden; } } .cc--news-feature-50-50 .news-feature-50 .f--image { display: block; } @media screen and (min-width: 500px) { .cc--news-feature-50-50 .news-feature-50 .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--news-feature-50-50 .news-feature-50 .f--image { margin-left: 0; width: 100%; float: none; } } .cc--news-feature-50-50 .news-feature-50 .f--image { margin-bottom: 1.25rem; } .cc--news-feature-50-50 .news-feature-50 .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--news-feature-50-50 .news-feature-50 .f--sub-title h3 { font-size: 2rem; line-height: 1.25; } } .cc--news-feature-50-50 .news-feature-50 .f--text, .cc--news-feature-50-50 .news-feature-50 .f--description { margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--news-feature-50-50 .news-feature-50 .f--text, .cc--news-feature-50-50 .news-feature-50 .f--description { margin-top: 1.25rem; } } .cc--news-feature-50-50 .news-feature-50 .f--text p, .cc--news-feature-50-50 .news-feature-50 .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--news-feature-50-50 .news-feature-50 .f--text p, .cc--news-feature-50-50 .news-feature-50 .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--news-feature-50-50 .news-feature-50 .image-link { display: block; } @media screen and (min-width: 500px) { .cc--news-feature-50-50 .news-feature-50 { width: 100%; } .cc--news-feature-50-50 .news-feature-50 .image-link { margin-left: 0.9375rem; width: 47.61905%; float: right; } .cc--news-feature-50-50 .news-feature-50 .image-link .f--image { margin-bottom: 1.25rem; float: none; width: 100%; } } @media screen and (min-width: 768px) { .cc--news-feature-50-50 .news-feature-50 { margin-top: 0; margin-bottom: 0; -ms-flex-preferred-size: 47.82609%; flex-basis: 47.82609%; } .cc--news-feature-50-50 .news-feature-50 .image-link { margin-left: 0; width: 100%; float: none; } } @media screen and (min-width: 768px) { .cc--news-feature-50-50 .news-feature-50:not(:last-child) { margin-right: 4.34783%; } } .landing-informational .cc--news-filtered-display .c--news-filtered-display, .landing-marketing .cc--news-filtered-display .c--news-filtered-display, .landing-secondary .cc--news-filtered-display .c--news-filtered-display, .nb-areas-study .cc--news-filtered-display .c--news-filtered-display, .home-page .cc--news-filtered-display .c--news-filtered-display, .alternative-home .cc--news-filtered-display .c--news-filtered-display, .landing-news .cc--news-filtered-display .c--news-filtered-display { padding-right: 0; padding-left: 0; width: 100%; margin-left: 0; } @media screen and (min-width: 1024px) { .landing-informational .cc--news-filtered-display .c--news-filtered-display, .landing-marketing .cc--news-filtered-display .c--news-filtered-display, .landing-secondary .cc--news-filtered-display .c--news-filtered-display, .nb-areas-study .cc--news-filtered-display .c--news-filtered-display, .home-page .cc--news-filtered-display .c--news-filtered-display, .alternative-home .cc--news-filtered-display .c--news-filtered-display, .landing-news .cc--news-filtered-display .c--news-filtered-display { max-width: 1440px; margin: 0 auto; } } .landing-informational .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-marketing .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-secondary .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .nb-areas-study .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .home-page .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .alternative-home .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-news .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .landing-informational .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-marketing .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-secondary .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .nb-areas-study .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .home-page .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .alternative-home .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-news .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .landing-informational .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-marketing .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-secondary .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .nb-areas-study .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .home-page .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .alternative-home .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-news .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .landing-informational .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .landing-marketing .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .landing-secondary .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .nb-areas-study .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .home-page .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .alternative-home .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .landing-news .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .landing-informational .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .landing-marketing .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .landing-secondary .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .nb-areas-study .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .home-page .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .alternative-home .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .landing-news .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .landing-informational .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .landing-marketing .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .landing-secondary .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .nb-areas-study .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .home-page .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .alternative-home .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title, .landing-news .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title { margin-bottom: 3.125rem; } } .landing-informational .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title h2, .landing-marketing .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title h2, .landing-secondary .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title h2, .nb-areas-study .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title h2, .home-page .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title h2, .alternative-home .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title h2, .landing-news .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper > .f--section-title h2 { text-align: center; } .landing-informational .cc--news-filtered-display + .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-marketing .cc--news-filtered-display + .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-secondary .cc--news-filtered-display + .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .nb-areas-study .cc--news-filtered-display + .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .home-page .cc--news-filtered-display + .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .alternative-home .cc--news-filtered-display + .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper, .landing-news .cc--news-filtered-display + .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper { padding-top: 0; } .home-page.newark .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper { padding-top: 1.25rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .home-page.newark .cc--news-filtered-display .c--news-filtered-display > .inner-wrapper { padding-right: 4%; padding-left: 4%; } } .cc--news-filtered-display .c--news-filtered-display { padding-right: 8%; padding-left: 8%; width: 116%; margin-left: -8%; } @media screen and (min-width: 500px) { .cc--news-filtered-display .c--news-filtered-display { padding-right: 0; padding-left: 0; width: 100%; margin-left: 0; } } .cc--news-filtered-display .c--news-filtered-display .f--section-title h2 { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--news-filtered-display .c--news-filtered-display .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--news-filtered-display .c--news-filtered-display .f--section-title h2 { margin-bottom: 3.125rem; } } @media screen and (min-width: 768px) { .cc--news-filtered-display .c--news-filtered-display .f--link:not(.pager__item) { text-align: center; } } .cc--news-filtered-display .c--news-filtered-display .f--link:not(.pager__item) a { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; } @media screen and (min-width: 768px) { .cc--news-filtered-display .c--news-filtered-display .f--link:not(.pager__item) a { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--news-filtered-display .c--news-filtered-display .f--link:not(.pager__item) a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--news-filtered-display .c--news-filtered-display .f--link:not(.pager__item) a: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: #C03; color: #FFF; text-decoration: none; } @media screen and (min-width: 768px) { .cc--news-filtered-display .news-list { margin-bottom: 2.5rem; 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--news-filtered-display .news-list .cc--news-card { width: 100%; } @media screen and (max-width: 767px) { .cc--news-filtered-display .news-list .cc--news-card { margin-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .cc--news-filtered-display .news-list .cc--news-card:not(:first-child) { -ms-flex-preferred-size: 47.36842%; flex-basis: 47.36842%; } } @media screen and (min-width: 1024px) { .cc--news-filtered-display .news-list .cc--news-card:not(:first-child) { -ms-flex-preferred-size: 46.66667%; flex-basis: 46.66667%; } } @media screen and (min-width: 768px) { .cc--news-filtered-display .news-list .cc--news-card:first-child { margin-bottom: 3.75rem; } } .cc--news-filtered-display .news-list .cc--news-card:first-child .image-link { margin-top: 0; margin-right: -9.52381%; margin-left: -9.52381%; } @media screen and (min-width: 500px) { .mini-site-section .cc--news-filtered-display .news-list .cc--news-card:first-child .image-link, .mini-site-secondary .cc--news-filtered-display .news-list .cc--news-card:first-child .image-link, .chaptered-page .cc--news-filtered-display .news-list .cc--news-card:first-child .image-link { margin-top: 0; margin-right: 0; margin-left: 0; } } @media screen and (min-width: 500px) { .mini-site-section .cc--news-filtered-display .news-list .cc--news-card:first-child .image-link .f--image, .mini-site-secondary .cc--news-filtered-display .news-list .cc--news-card:first-child .image-link .f--image, .chaptered-page .cc--news-filtered-display .news-list .cc--news-card:first-child .image-link .f--image { margin-left: 0; width: 100%; float: none; } } @media screen and (min-width: 768px) { .cc--news-filtered-display .news-list .cc--news-card:first-child .f--sub-title a { font-size: 2rem; } } .cc--news-filtered-display .news-list .cc--news-card .image-link { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--news-filtered-display .news-list .cc--news-card .image-link { margin-bottom: 1.25rem; } } .cc--news-filtered-display .news-list .cc--news-card .f--sub-title { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--news-filtered-display .news-list .cc--news-card .f--sub-title { margin-bottom: 1.25rem; } } .cc--news-filtered-display .news-list .cc--news-card .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--news-filtered-display .news-list .cc--news-card .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--nwrk-branding-header-red-tag h2, .cc--nwrk-branding-header-red-tag h4 { font-size: 1rem; line-height: 1.25; text-align: left; text-transform: uppercase; } @media screen and (min-width: 768px) { .cc--nwrk-branding-header-red-tag h2, .cc--nwrk-branding-header-red-tag h4 { font-size: 1.375rem; line-height: 1.091; } } @media screen and (min-width: 1024px) { .cc--nwrk-branding-header-red-tag h2, .cc--nwrk-branding-header-red-tag h4 { font-size: 1.5rem; line-height: 1.0834; } } .cc--nwrk-branding-header-red-tag h2 a, .cc--nwrk-branding-header-red-tag h4 a { text-decoration: none; } .cc--nwrk-branding-header-red-tag a { display: block; } @media screen and (min-width: 1024px) { .cc--nwrk-branding-header-red-tag a .icon-logo-color { display: -webkit-box; display: -ms-flexbox; display: flex; width: 9.5625rem; height: 3rem; } .home-page:not(.slim-nav-visible) .cc--nwrk-branding-header-red-tag a .icon-logo-color path { fill: #FFF; } } @media screen and (min-width: 1200px) { .cc--nwrk-branding-header-red-tag a .icon-logo-color { display: none; } } .cc--nwrk-branding-header-red-tag a .icon-logo-color-stacked { display: none; } @media screen and (min-width: 1200px) { .cc--nwrk-branding-header-red-tag a .icon-logo-color-stacked { width: 13.75rem; height: 4.375rem; } } @media screen and (min-width: 1440px) { .cc--nwrk-branding-header-red-tag a .icon-logo-color-stacked { width: 17.4375rem; height: 5.625rem; } } .cc--nwrk-footer { background-color: #000; } .cc--nwrk-footer .c--nwrk-footer { max-width: 1440px; margin: 0 auto; color: #FFF; } .cc--nwrk-footer .c--nwrk-footer .footer-main { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .footer-main { padding-top: 5rem; padding-right: 4%; padding-left: 4%; } } .cc--nwrk-footer .c--nwrk-footer a { color: #FFF; } @media screen and (min-width: 1024px) { .cc--nwrk-footer .c--nwrk-footer .footer-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; } } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .footer-middle { padding-top: 3.125rem; padding-bottom: 2.1875rem; 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 (min-width: 1024px) { .cc--nwrk-footer .c--nwrk-footer .footer-middle { padding-top: 3.75rem; padding-bottom: 2.8125rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cc--nwrk-footer .c--nwrk-footer .cc--nwrk-branding-footer { margin-bottom: 2.5rem; max-width: 16.875rem; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--nwrk-branding-footer { margin-bottom: 3.125rem; max-width: 16.5rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-footer .c--nwrk-footer .cc--nwrk-branding-footer { margin-bottom: 0; } } .cc--nwrk-footer .c--nwrk-footer .cc--nwrk-branding-footer a { padding-bottom: 0.3125rem; display: block; } .cc--nwrk-footer .c--nwrk-footer .cc--nwrk-branding-footer a svg { display: block; width: 100%; } .cc--nwrk-footer .c--nwrk-footer .connect-menu-section { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .connect-menu-section { width: 30.43478%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--nwrk-footer .c--nwrk-footer .connect-menu-section { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 1024px) { .cc--nwrk-footer .c--nwrk-footer .connect-menu-section { padding-left: 2.17391%; width: 43.47826%; } } .cc--nwrk-footer .c--nwrk-footer .connect-menu-section h2 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .connect-menu-section h2 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--nwrk-footer .c--nwrk-footer .connect-menu-section h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } @media screen and (min-width: 1024px) { .cc--nwrk-footer .c--nwrk-footer .connect-menu-section .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .cc--nwrk-footer .c--nwrk-footer .connect-menu-section .menu-wrapper .cc--footer-menu { padding-right: 10.52632%; width: 47.36842%; } } .cc--nwrk-footer .c--nwrk-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { display: block; } } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul li { width: 100%; } } .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu h3 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu h3 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu nav ul { margin-bottom: 0.9375rem; 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 (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu nav ul { margin-bottom: 0; } } .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu nav ul li { margin-bottom: 0.9375rem; font-size: 0.75rem; line-height: 1.3334; width: 47.61905%; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu nav ul li { margin-bottom: 1.25rem; font-size: 0.875rem; line-height: 1.4286; } } .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu nav ul li a { font-size: 0.75rem; line-height: 1.3334; text-decoration: none; } html[data-whatintent="mouse"] .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu nav ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu nav ul li a:hover { color: #FFF; text-decoration: underline; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu nav ul li a { font-size: 0.875rem; line-height: 1.4286; } } .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.supplemental-menu h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.supplemental-menu nav ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.supplemental-menu nav ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.supplemental-menu nav ul li { margin-bottom: 0; } } .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.supplemental-menu nav ul li::after { padding-right: 1.125rem; padding-left: 1.125rem; display: inline-block; color: #666; content: '|'; } .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.supplemental-menu nav ul li:last-child::after { display: none; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.campus-menu, .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.academic-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.campus-menu, .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.academic-menu { padding-right: 2.17391%; width: 17.3913%; } } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.campus-menu nav ul, .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.academic-menu nav ul { display: block; } } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.campus-menu nav ul li, .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.academic-menu nav ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.notices-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.notices-menu { width: 21.73913%; } } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.notices-menu ul { display: block; } } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .cc--footer-menu.notices-menu ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .footer-bottom { border-top: 0; border-bottom: 0; } } .cc--nwrk-footer .c--nwrk-footer .footer-bottom .social-newsletter-container { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .footer-bottom .social-newsletter-container { padding-top: 1.25rem; padding-bottom: 1.75rem; 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; } } @media screen and (min-width: 768px) { .cc--nwrk-footer .c--nwrk-footer .footer-bottom .social-newsletter-container .cc--footer-social .footer-social-container { width: 24.5rem; } } .cc--nwrk-footer .cc--footer-copyright .c--footer-copyright { padding-top: 0; } @media screen and (min-width: 768px) { .cc--nwrk-footer .cc--footer-copyright .c--footer-copyright { padding-top: 2.625rem; } } .cc--nwrk-footer .cc--footer-copyright .c--footer-copyright .f--description p { margin-top: 0; } @media screen and (min-width: 1024px) { #l--main-header-nwrk { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 100; } } .visible-alert #l--main-header-nwrk { position: relative; z-index: 20; } #l--main-header-nwrk .mobile-nav { position: fixed; top: 0; right: 0; left: 0; width: 100%; background-color: #FFF; z-index: 100; } .visible-alert #l--main-header-nwrk .mobile-nav { position: relative; z-index: 20; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .mobile-nav { display: none; } } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container { padding-top: 0.625rem; padding-right: 4%; padding-bottom: 0.625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 5rem; } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .logo-link-mobile { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 12.75rem; height: 3.75rem; } @media screen and (min-width: 768px) { #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .logo-link-mobile { display: none; } } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-logo { width: 12.75rem; height: 3.75rem; } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .logo-link-tablet-desktop { display: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 22.75rem; height: 3rem; } @media screen and (min-width: 768px) { #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .logo-link-tablet-desktop { display: block; } } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-logo-long-tag { width: 9.375rem; height: 3rem; } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-close, #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-hamburger, #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-search, #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-search-close { width: 1.25rem; height: 1.25rem; fill: #C03; } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-search-close { display: none; } .search-is-open #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-search-close { margin-right: 0; display: block; } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-search { width: 2.75rem; height: 2.75rem; } .search-is-open #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .icon-search { display: none; } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { margin-right: -0.75rem; width: 2.75rem; height: 2.75rem; } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-hamburger { display: none; } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger .icon-close { display: none; } .search-is-open #l--main-header-nwrk .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { display: none; } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container { display: none; position: fixed; top: 5rem; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 3.125rem); background-color: #222; z-index: 99; overflow-y: auto; } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu { background-color: #FFF; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu { display: none; width: 62%; } } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > span, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 8%; padding-bottom: 0.8125rem; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > span, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-bottom: 0.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item.is-open .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #C03; } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 0; padding-bottom: 0.8125rem; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-nwrk .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li.menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #C03; } #l--main-header-nwrk .mobile-nav .cc--utility-menu { background-color: #000; } #l--main-header-nwrk .mobile-nav .cc--utility-menu .c--utility-menu { padding-top: 1.25rem; padding-bottom: 0.0625rem; } @media screen and (min-width: 768px) { #l--main-header-nwrk .mobile-nav .cc--utility-menu { overflow: hidden; } } #l--main-header-nwrk .mobile-nav .cc--utility-menu .m--menu > li .utility-button span { color: #FFF; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul { padding-right: 8%; padding-left: 8%; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul::after { display: block; clear: both; content: ""; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li { margin-right: 0; margin-bottom: 0.625rem; margin-left: 0; width: 100%; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li li { margin-bottom: 0; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li a { color: #FFF; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button { height: auto; color: #FFF; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button.is-open { color: #C03; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button svg { display: none; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button span { color: #FFF; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu { padding-right: 0; padding-left: 0; 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; } #l--main-header-nwrk .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 47.61905%; } #l--main-header-nwrk .utility-nav-container { display: none; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .utility-nav-container { display: block; } .home-page #l--main-header-nwrk .utility-nav-container { position: relative; z-index: 7; } .slim-nav-visible #l--main-header-nwrk .utility-nav-container { z-index: 1; } #l--main-header-nwrk .utility-nav-container.slim-nav-expanded { z-index: 7; } #l--main-header-nwrk .utility-nav-container .m--menu li .utility-button::before { content: none; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .utility-nav-container .utility-nav-container-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFF; } .home-page #l--main-header-nwrk .utility-nav-container .utility-nav-container-wrapper { background-color: transparent; } } #l--main-header-nwrk .utility-nav-container .icon-close { display: none; } #l--main-header-nwrk .utility-nav-container .cc--nwrk-branding-header-red-tag { margin-left: 2.5rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (min-width: 1200px) { #l--main-header-nwrk .utility-nav-container .cc--nwrk-branding-header-red-tag a { display: none; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .utility-nav-container .icon-search { margin-right: 2.5rem; margin-left: 1.25rem; background-color: transparent; } } #l--main-header-nwrk .utility-nav-container .icon-search svg { fill: #C03; } .home-page #l--main-header-nwrk .utility-nav-container .icon-search svg { fill: #FFF; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .utility-nav-container.slim-nav-expanded { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFF; opacity: 1 !important; } #l--main-header-nwrk .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper { opacity: 1; } #l--main-header-nwrk .utility-nav-container.slim-nav-expanded .cc--nwrk-branding-header-red-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #l--main-header-nwrk .utility-nav-container.slim-nav-expanded .icon-search { margin-right: 1.25rem; } #l--main-header-nwrk .utility-nav-container.slim-nav-expanded .icon-search svg { fill: #C03; } #l--main-header-nwrk .utility-nav-container.slim-nav-expanded .icon-close { margin-right: 2.5rem; display: block; } #l--main-header-nwrk .utility-nav-container.slim-nav-expanded .icon-close svg { fill: #C03; } } @media screen and (min-width: 1200px) { #l--main-header-nwrk .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper .cc--nwrk-branding-header-red-tag a { display: block; } #l--main-header-nwrk .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper .cc--nwrk-branding-header-red-tag a .icon-logo-color { display: block; } } #l--main-header-nwrk .cc--nwrk-header.white-header { background: #FFF; } #l--main-header-nwrk .cc--nwrk-header.white-header .cc--utility-menu .m--menu > li .utility-button span { color: #000; } .home-page #l--main-header-nwrk .cc--nwrk-header.white-header .cc--utility-menu .m--menu > li .utility-button svg { fill: #C03; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .cc--nwrk-header.white-header .cc--utility-menu .m--menu > li > a { color: #000; } } #l--main-header-nwrk .cc--nwrk-header.white-header .utility-nav-container .icon-search svg { fill: #C03; } #l--main-header-nwrk .cc--nwrk-header.white-header .cc--main-menu ul > li .link-arrow-wrapper > a { color: #000; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .cc--nwrk-header.white-header .cc--nwrk-branding-header-red-tag a .icon-logo-color path[fill='#CC0033'] { fill: #C03; } #l--main-header-nwrk .cc--nwrk-header.white-header .cc--nwrk-branding-header-red-tag a .icon-logo-color path[fill='#5F6A72'] { fill: #5F6172; } #l--main-header-nwrk .cc--nwrk-header.white-header .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag a .icon-logo-color path[fill='#CC0033'], #l--main-header-nwrk .cc--nwrk-header.white-header .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag a .icon-logo-color-stacked path[fill='#CC0033'] { fill: #C03; } #l--main-header-nwrk .cc--nwrk-header.white-header .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag a .icon-logo-color path[fill='#5F6A72'], #l--main-header-nwrk .cc--nwrk-header.white-header .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag a .icon-logo-color-stacked path[fill='#5F6A72'] { fill: #5F6172; } } .home-page #l--main-header-nwrk .cc--nwrk-header .cc--utility-menu .m--menu > li .utility-button svg { fill: #FFF; } #l--main-header-nwrk .main-nav-container { display: none; position: relative; z-index: 6; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container { display: block; width: 100%; z-index: 5; } } #l--main-header-nwrk .main-nav-container .buttons-wrapper { display: none; } #l--main-header-nwrk .main-nav-container .branding-hamburger-container { z-index: 3; } #l--main-header-nwrk .main-nav-container .branding-hamburger-container .ru-hamburger { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 1.25rem; height: 0.9375rem; } #l--main-header-nwrk .main-nav-container .branding-hamburger-container .ru-hamburger svg { width: 1.25rem; height: 0.9375rem; fill: #C03; } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container { position: relative; width: 100%; border-bottom: 0; background-color: #FFF; z-index: 2; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag { display: none; } .home-page #l--main-header-nwrk .main-nav-container .branding-mainmenu-container { background-color: transparent; } } @media screen and (min-width: 1200px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag a { position: absolute; top: -1.75rem; } } @media screen and (min-width: 1440px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag a { top: -2.9375rem; left: 2.5rem; } } @media screen and (min-width: 1200px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag a .icon-logo-color-stacked { display: -webkit-box; display: -ms-flexbox; display: flex; } .home-page #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--nwrk-branding-header-red-tag a .icon-logo-color-stacked path { fill: #FFF; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 4.375rem; border-bottom: 0; background-color: #FFF; z-index: 5; } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner { max-width: 100%; } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1024px) and (min-width: 1200px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper .cc--nwrk-branding-header-red-tag a { position: relative; top: auto; left: auto; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper .cc--nwrk-branding-header-red-tag a .icon-logo-color-stacked { display: none; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--nwrk-branding-header-red-tag { margin-left: 2.5rem; display: block; } } @media screen and (min-width: 1200px) and (min-width: 1200px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--nwrk-branding-header-red-tag .icon-logo-color { display: block; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--main-menu { display: none; width: 62%; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .buttons-wrapper { margin-right: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search { margin-right: 1.25rem; height: auto; } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search svg { fill: #C03; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-expanded { top: 4.375rem; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner { max-width: 1440px; margin: 0 auto; } } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner .cc--nwrk-branding-header-red-tag { display: none; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-expanded .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-expanded .buttons-wrapper { display: none; } } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner { max-width: 1440px; margin: 0 auto; } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; 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; width: 100%; height: 4.375rem; } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--main-menu ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu { width: 100%; } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li { margin-left: 1.5625rem; } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:first-child { margin-left: 0; } #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul.submenu li { margin-left: 0; } } @media screen and (min-width: 1024px) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--main-menu.slim-nav-is-visible { display: none; } } @media screen and (min-width: 1024px) { .slim-nav-expanded #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .cc--main-menu { 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) { #l--main-header-nwrk .main-nav-container .branding-mainmenu-container .icon-search { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } #l--main-header-nwrk .cc--nwrk-search-form { display: none; height: 100%; } #main-content-nwrk { margin-top: 5rem; display: block; } @media screen and (min-width: 1024px) { #main-content-nwrk { margin-top: 8.75rem; } .home-page #main-content-nwrk { margin-top: 0; } } .home-page.visible-alert #main-content-nwrk { margin-top: 0; } @media screen and (min-width: 1024px) { .home-page.visible-alert #main-content-nwrk { margin-top: -8.75rem; } } .article #main-content-nwrk { margin-top: 5rem; } @media screen and (min-width: 768px) { .article #main-content-nwrk { margin-top: 8.75rem; } } .nwrk-landing-news #main-content-nwrk { margin-top: 6.5rem; } @media screen and (min-width: 768px) { .nwrk-landing-news #main-content-nwrk { margin-top: 6.9375rem; } } @media screen and (min-width: 1024px) { .nwrk-landing-news #main-content-nwrk { margin-top: 10.375rem; } } .article.visible-alert #main-content-nwrk, .nwrk-landing-news.visible-alert #main-content-nwrk { margin-top: 0; } .cc--nwrk-home-hero-swiper { position: relative; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 11.5rem; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #000), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(180deg, #000 3%, rgba(0, 0, 0, 0) 100%); content: ''; opacity: 0.7; z-index: 1; } } .cc--nwrk-home-hero-swiper .image-video { position: relative; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 0; } .cc--nwrk-home-hero-swiper .image-video::before { display: block; position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.42); content: ''; z-index: 3; } .cc--nwrk-home-hero-swiper .image-video .scroll-button { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; bottom: 0; left: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #C03; z-index: 21; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .image-video .scroll-button { width: 5rem; height: 5rem; } } .cc--nwrk-home-hero-swiper .image-video .scroll-button svg { width: 0.9375rem; height: 0.5625rem; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .image-video .scroll-button svg { width: 1.125rem; height: 0.6875rem; } } .cc--nwrk-home-hero-swiper .image-video .scroll-button svg path { fill: #FFF; } .cc--nwrk-home-hero-swiper .video-field-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2; } .cc--nwrk-home-hero-swiper .video-field-wrapper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 1023px) { .cc--nwrk-home-hero-swiper .video-field-wrapper .f--ambient-video { display: none; } } .cc--nwrk-home-hero-swiper .animation-container { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-right: 8%; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; -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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100vh; z-index: 4; } @media screen and (max-width: 767px) { .cc--nwrk-home-hero-swiper .animation-container { top: -5rem; } } .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title { margin-bottom: -0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 16.6875rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title { margin-bottom: 0.625rem; max-width: 28.25rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title { margin-bottom: -0.5rem; max-width: 40rem; } } .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .left-h-line, .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .right-h-line { margin-top: 0.25rem; display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 0.25rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .left-h-line, .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .right-h-line { height: 0.5rem; } } .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .left-h-line span, .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .right-h-line span { display: block; width: 0; height: 100%; background: #F5DF4D; opacity: 0; } .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .f--text { margin-right: 1.75rem; margin-left: 1.75rem; font-size: 1.25rem; line-height: 1; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; color: #FFF; text-align: center; opacity: 0; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .f--text { margin-right: 2.5rem; margin-left: 2.5rem; font-size: 1.875rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo-title .f--text { margin-right: 4.5625rem; margin-left: 4.5625rem; font-size: 3.125rem; line-height: 1; } } .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo { width: 100%; max-width: 16.6875rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo { max-width: 28.25rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo { max-width: 40rem; } } .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo .h-line { margin-top: -0.3125rem; display: block; width: 0; height: 0.25rem; background: #F5DF4D; opacity: 0; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo .h-line { margin-top: 1.75rem; height: 0.5rem; } } .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo svg { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; opacity: 0; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .animation-container .nwrk-logo svg { height: 8.75rem; } } .cc--nwrk-home-hero-swiper .video-actions { position: fixed; bottom: 0; left: 0; width: 100%; height: 20vh; z-index: 5; } @media screen and (max-width: 1023px) { .cc--nwrk-home-hero-swiper .video-actions { display: none; } } .cc--nwrk-home-hero-swiper .nwrk-slider { width: 100%; height: 100vh; background: #FFF; z-index: 4; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide { position: relative; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide::before { display: block; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.42); content: ''; z-index: 15; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .f--image { position: relative; height: 100%; z-index: 10; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .f--image img { height: 100%; -o-object-fit: cover; object-fit: cover; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container { padding-right: 8%; padding-left: 8%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 57rem; text-align: center; z-index: 20; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container { padding-right: 0; padding-left: 0; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper { margin-bottom: -1.125rem; 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; width: 100%; z-index: 1; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper { margin-bottom: -0.9375rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper { margin-bottom: -0.625rem; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper .f--text { font-size: 0.875rem; line-height: 1.2858; margin-right: 1.125rem; margin-left: 1.125rem; max-width: 6.875rem; color: #FFF; font-style: italic; font-weight: 600; text-transform: capitalize; opacity: 0; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper .f--text { font-size: 1.125rem; line-height: 1.6667; margin-right: 3.5625rem; margin-left: 3.5625rem; max-width: 14.0625rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper .f--text { font-size: 1.375rem; line-height: 1; margin-right: 6.375rem; margin-left: 6.375rem; max-width: 17.1875rem; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper .left-h-line, .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper .right-h-line { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 0.125rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper .left-h-line, .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper .right-h-line { height: 0.25rem; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper .left-h-line span, .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .slide-title-wrapper .right-h-line span { display: block; width: 0; height: 100%; background: #F5DF4D; opacity: 0; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .text-wrapper { padding-top: 1.6875rem; padding-right: 7.5%; padding-bottom: 1.125rem; padding-left: 7.5%; position: relative; height: 100%; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .text-wrapper { padding-top: 2.5rem; padding-right: 6%; padding-bottom: 4.375rem; padding-left: 6%; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .text-wrapper { padding-top: 4.375rem; padding-right: 11.11111%; padding-bottom: 5.5rem; padding-left: 11.11111%; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .text-wrapper .text-box { position: relative; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .left-border, .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .right-border { position: absolute; top: 0; width: 0.125rem; height: 0; background: #F5DF4D; opacity: 0; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .left-border, .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .right-border { width: 0.25rem; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .left-border { left: 0; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .right-border { right: 0; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .bottom-border { position: absolute; bottom: 0; left: 0; width: 0; height: 0.125rem; background: #F5DF4D; opacity: 0; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .bottom-border { height: 0.25rem; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--cta-title { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--cta-title { margin-bottom: 1rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--cta-title { margin-bottom: 1.25rem; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--cta-title h3 { font-size: 1.875rem; line-height: 1.1667; color: #FFF; text-transform: capitalize; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--cta-title h3 { font-size: 2.8125rem; line-height: 1.2223; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--cta-title h3 { font-size: 3.75rem; line-height: 1.1667; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--description { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--description { margin-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--description { margin-bottom: 2rem; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--description p { font-size: 1rem; line-height: 1.75; color: #FFF; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--description p { font-size: 1.375rem; line-height: 1.5455; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--link .button { padding-right: 0.625rem; padding-left: 0.625rem; width: 10rem; height: 3.5rem; border: 0.125rem solid #FFF; background: none; color: #FFF; text-transform: capitalize; } html[data-whatintent="mouse"] .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-slide .text-container .f--link .button:hover { background: #FFF; color: #222; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-nav { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1440px; margin: 0 auto; display: block; width: 100%; z-index: 1; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-nav .swiper-nav-button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.9375rem; height: 1.5625rem; cursor: pointer; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-nav .swiper-nav-button { width: 1.375rem; height: 2.3125rem; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-nav .swiper-nav-button svg { width: 100%; height: auto; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-nav .swiper-nav-button.swiper-button-disabled { opacity: .5; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-nav .swiper-prev { left: 2%; } @media screen and (min-width: 1200px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-nav .swiper-prev { left: 6%; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-nav .swiper-next { right: 2%; } @media screen and (min-width: 1200px) { .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-nav .swiper-next { right: 6%; } } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-pagination { bottom: 0.625rem; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-pagination .swiper-pagination-bullet { margin-right: 0.4375rem; margin-left: 0.4375rem; width: 0.625rem; height: 0.625rem; border: 0.0625rem solid #FFF; background: none; opacity: 1; } .cc--nwrk-home-hero-swiper .nwrk-slider .swiper-pagination .swiper-pagination-bullet-active { background: #FFF; } .newark.home-page .content-main, .newark.home-page .cc--nwrk-home-hero-swiper + div { position: relative; background: #FFF; } .cc--nwrk-home-hero { position: relative; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 11.5rem; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #000), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(180deg, #000 3%, rgba(0, 0, 0, 0) 100%); content: ''; opacity: 0.7; z-index: 1; } } .cc--nwrk-home-hero .image-video { position: relative; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1; visibility: visible; -webkit-transition: visibility 0s linear 0s, opacity .3s; transition: visibility 0s linear 0s, opacity .3s; z-index: 10; } .cc--nwrk-home-hero .image-video::before { display: block; position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.42); content: ''; z-index: 3; } .cc--nwrk-home-hero .image-video.hide { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .3s, opacity .3s; transition: visibility 0s linear .3s, opacity .3s; } .cc--nwrk-home-hero .video-field-wrapper { position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: 2; } .cc--nwrk-home-hero .video-field-wrapper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 1023px) { .cc--nwrk-home-hero .video-field-wrapper .f--ambient-video { display: none; } } .cc--nwrk-home-hero .animation-container { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-right: 8%; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; -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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100vh; z-index: 4; } @media screen and (max-width: 767px) { .cc--nwrk-home-hero .animation-container { top: -5rem; } } .cc--nwrk-home-hero .animation-container .nwrk-logo-title { margin-bottom: -0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 16.6875rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .animation-container .nwrk-logo-title { margin-bottom: 0.625rem; max-width: 28.25rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .animation-container .nwrk-logo-title { margin-bottom: -0.5rem; max-width: 40rem; } } .cc--nwrk-home-hero .animation-container .nwrk-logo-title .left-h-line, .cc--nwrk-home-hero .animation-container .nwrk-logo-title .right-h-line { margin-top: 0.25rem; display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 0.25rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .animation-container .nwrk-logo-title .left-h-line, .cc--nwrk-home-hero .animation-container .nwrk-logo-title .right-h-line { height: 0.5rem; } } .cc--nwrk-home-hero .animation-container .nwrk-logo-title .left-h-line span, .cc--nwrk-home-hero .animation-container .nwrk-logo-title .right-h-line span { display: block; width: 0; height: 100%; opacity: 0; background: #F5DF4D; } .cc--nwrk-home-hero .animation-container .nwrk-logo-title .f--text { margin-right: 1.75rem; margin-left: 1.75rem; font-size: 1.25rem; line-height: 1; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; color: #FFF; text-align: center; opacity: 0; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .animation-container .nwrk-logo-title .f--text { margin-right: 2.5rem; margin-left: 2.5rem; font-size: 1.875rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .animation-container .nwrk-logo-title .f--text { margin-right: 4.5625rem; margin-left: 4.5625rem; font-size: 3.125rem; line-height: 1; } } .cc--nwrk-home-hero .animation-container .nwrk-logo { width: 100%; max-width: 16.6875rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .animation-container .nwrk-logo { max-width: 28.25rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .animation-container .nwrk-logo { max-width: 40rem; } } .cc--nwrk-home-hero .animation-container .nwrk-logo .h-line { margin-top: -0.3125rem; display: block; width: 0; height: 0.25rem; background: #F5DF4D; opacity: 0; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .animation-container .nwrk-logo .h-line { margin-top: 1.75rem; height: 0.5rem; } } .cc--nwrk-home-hero .animation-container .nwrk-logo svg { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; opacity: 0; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .animation-container .nwrk-logo svg { height: 8.75rem; } } .cc--nwrk-home-hero .video-actions { position: fixed; bottom: 0; left: 0; height: 20vh; width: 100%; z-index: 5; } @media screen and (max-width: 1023px) { .cc--nwrk-home-hero .video-actions { display: none; } } .cc--nwrk-home-hero .nwrk-slider { width: 100%; margin-top: -50vh; } .cc--nwrk-home-hero .nwrk-slider.active .slider-pagination-wrapper .slider-pagination { visibility: visible; } .cc--nwrk-home-hero .nwrk-slider.hide .nwrk-slider-wrapper .img-wrap { position: absolute; height: 100vh; top: auto; bottom: 0; } .cc--nwrk-home-hero .nwrk-slider.hide .slider-pagination-wrapper .slider-pagination { visibility: visible; } .cc--nwrk-home-hero .nwrk-slider.hide .nwrk-slider-slide { position: relative; } .cc--nwrk-home-hero .nwrk-slider.hide .nwrk-slider-slide:not(.active) .text-container { opacity: 0; } .cc--nwrk-home-hero .nwrk-slider.hide .nwrk-slider-slide .text-container { position: relative; } .cc--nwrk-home-hero .nwrk-slider.hide .nwrk-slider-slide:last-child .text-container { position: absolute; top: auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper { position: relative; height: 100%; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .switch-button { position: absolute; width: 0.0625rem; height: 0.0625rem; border: 0; background: none; opacity: 0; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .switch-button { display: none; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .switch-button.hide { display: none; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .back-to-video { position: absolute; width: 0.0625rem; height: 0.0625rem; border: 0; background: none; opacity: 0; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .back-to-video { display: none; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .back-to-video.hide { display: none; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .img-wrap { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .img-wrap::before { display: block; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.42); content: ''; z-index: 5; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .img-wrap .f--image { position: absolute; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .img-wrap .f--image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .img-wrap .f--image:not(:first-child) { opacity: 0; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-wrapper .img-wrap .f--image.active { opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide { width: 100%; height: 50vh; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide:last-child { height: 150vh; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide:not(:last-child).active .text-container { z-index: 1; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide.active .text-container .slide-title-wrapper .f--text, .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide.active .text-container .text-wrapper .text-box { visibility: visible; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide.active .text-container .text-wrapper .text-box { top: 0; opacity: 1; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container { padding-right: 8%; padding-left: 8%; position: fixed; left: 50%; top: 50%; width: 100%; max-width: 57rem; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container { padding-right: 0; padding-left: 0; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper { margin-bottom: -1.125rem; 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; width: 100%; z-index: 1; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper { margin-bottom: -0.9375rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper { margin-bottom: -0.625rem; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper .f--text { font-size: 0.875rem; line-height: 1.2858; margin-right: 1.125rem; margin-left: 1.125rem; max-width: 6.875rem; font-style: italic; font-weight: 600; color: #FFF; text-transform: capitalize; opacity: 0; visibility: hidden; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper .f--text { font-size: 1.125rem; line-height: 1.6667; margin-right: 3.5625rem; margin-left: 3.5625rem; max-width: 14.0625rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper .f--text { font-size: 1.375rem; line-height: 1; margin-right: 6.375rem; margin-left: 6.375rem; max-width: 17.1875rem; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper .left-h-line, .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper .right-h-line { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 0.125rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper .left-h-line, .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper .right-h-line { height: 0.25rem; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper .left-h-line span, .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .slide-title-wrapper .right-h-line span { display: block; width: 0; height: 100%; opacity: 0; background: #F5DF4D; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .text-wrapper { padding-top: 2.875rem; padding-right: 7.5%; padding-bottom: 1.4375rem; padding-left: 7.5%; position: relative; height: 100%; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .text-wrapper { padding-top: 3.125rem; padding-right: 6%; padding-bottom: 5.625rem; padding-left: 6%; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .text-wrapper { padding-top: 5rem; padding-right: 11.11111%; padding-bottom: 6.75rem; padding-left: 11.11111%; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .text-wrapper .text-box { opacity: 0; visibility: hidden; position: relative; top: 1.875rem; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .left-border, .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .right-border { position: absolute; top: 0; width: 0.125rem; height: 0; opacity: 0; background: #F5DF4D; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .left-border, .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .right-border { width: 0.25rem; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .left-border { left: 0; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .right-border { right: 0; } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .bottom-border { position: absolute; bottom: 0; left: 0; width: 0; opacity: 0; height: 0.125rem; background: #F5DF4D; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .bottom-border { height: 0.25rem; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--cta-title { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--cta-title { margin-bottom: 1rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--cta-title { margin-bottom: 1.25rem; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--cta-title h3 { font-size: 1.875rem; line-height: 1.1667; color: #FFF; text-transform: capitalize; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--cta-title h3 { font-size: 2.8125rem; line-height: 1.2223; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--cta-title h3 { font-size: 3.75rem; line-height: 1.1667; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--description { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--description { margin-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--description { margin-bottom: 2rem; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--description p { font-size: 1rem; line-height: 1.75; color: #FFF; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--description p { font-size: 1.375rem; line-height: 1.5455; } } .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--link .button { padding-right: 0.625rem; padding-left: 0.625rem; width: 10rem; height: 3.5rem; background: none; border: 0.125rem solid #FFF; color: #FFF; text-transform: capitalize; } html[data-whatintent="mouse"] .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--nwrk-home-hero .nwrk-slider .nwrk-slider-slide .text-container .f--link .button:hover { background: #FFF; color: #222; } .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper { position: absolute; right: 1rem; top: 0; height: 100%; z-index: 9; } @media screen and (max-width: 767px) { .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); right: auto; } } .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper .slider-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; position: -webkit-sticky; position: sticky; top: 80vh; opacity: 0; visibility: hidden; } @media screen and (max-width: 767px) { .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper .slider-pagination { margin-bottom: 10vh; } } @media screen and (min-width: 768px) { .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper .slider-pagination { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; } } .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper .slider-pagination .slider-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.1875rem; height: 2.1875rem; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper .slider-pagination .slider-button { margin-top: 0.625rem; margin-bottom: 0.625rem; width: 1.5625rem; height: 1.5625rem; } } .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper .slider-pagination .slider-button::before { display: block; width: 1rem; height: 1rem; background: none; border: 0.0625rem solid #FFF; border-radius: 50%; content: ''; cursor: pointer; -webkit-transition: background .2s ease; transition: background .2s ease; } @media screen and (min-width: 1024px) { .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper .slider-pagination .slider-button::before { width: 1.25rem; height: 1.25rem; } } .cc--nwrk-home-hero .nwrk-slider .slider-pagination-wrapper .slider-pagination .slider-button.active::before { background: #FFF; } .cc--nwrk-search-form { padding-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.8); z-index: 300; } .cc--nwrk-search-form .c--nwrk-search-form { padding-bottom: 3.125rem; position: relative; width: 100%; background-color: #FFF; } .cc--nwrk-search-form .search-form-branding { padding-top: 0.625rem; padding-bottom: 0.625rem; 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: 5rem; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 1024px) { .cc--nwrk-search-form .search-form-branding { height: 4.375rem; } } .cc--nwrk-search-form .search-form-branding .logo-link-mobile { margin-left: 4%; width: 12.75rem; height: 3.75rem; } @media screen and (min-width: 768px) { .cc--nwrk-search-form .search-form-branding .logo-link-mobile { margin-left: 2.5rem; display: none; } } .cc--nwrk-search-form .search-form-branding .logo-link-tablet-desktop { margin-left: 4%; display: none; width: 9.375rem; height: 3rem; } @media screen and (min-width: 768px) { .cc--nwrk-search-form .search-form-branding .logo-link-tablet-desktop { display: block; } } .cc--nwrk-search-form .search-form-branding .icon-logo { width: 12.75rem; height: 3.75rem; } .cc--nwrk-search-form .search-form-branding .icon-logo-long-tag { width: 9.375rem; height: 3rem; } .cc--nwrk-search-form .search-form-branding .icon-search-close { margin-right: 4%; width: 1.125rem; height: 3.125rem; } @media screen and (min-width: 768px) { .cc--nwrk-search-form .search-form-branding .icon-search-close { margin-right: 2.5rem; } } .cc--nwrk-search-form .search-form-branding .icon-search-close svg { width: 1.125rem; height: 1.125rem; fill: #C03; } .cc--nwrk-search-form form { max-width: 38.5rem; margin: 0 auto; margin-top: 2.9375rem; padding-right: 8%; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--nwrk-search-form form { max-width: 51rem; margin: 0 auto; margin-top: 5rem; margin-bottom: 5rem; } } @media screen and (min-width: 1024px) { .cc--nwrk-search-form form { margin-top: 6.25rem; margin-bottom: 6.25rem; } } .cc--nwrk-search-form form .search-form-inner { margin-bottom: 1.875rem; position: relative; border-bottom: 0.0625rem solid #D8D8D8; } .cc--nwrk-search-form form .search-form-inner label { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .cc--nwrk-search-form form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5rem; height: 1.5rem; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--nwrk-search-form form .icon-search { width: 2rem; height: 2rem; } } .cc--nwrk-search-form form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #C03; } @media screen and (min-width: 768px) { .cc--nwrk-search-form form .icon-search svg { width: 2rem; height: 2rem; } } @media screen and (min-width: 768px) { .cc--nwrk-search-form form .search-filter-options .fieldset-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--nwrk-search-form .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .cc--nwrk-search-form .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .cc--nwrk-search-form .fi--form-item:nth-child(1) { margin-left: 0; } } .cc--nwrk-search-form .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 0; padding-bottom: 1.0625rem; padding-left: 0; height: auto; border: 0; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--nwrk-search-form .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .cc--nwrk-search-form .fi--form-item input::-webkit-input-placeholder { color: #666; opacity: 0.7; } .cc--nwrk-search-form .fi--form-item input::-moz-placeholder { color: #666; opacity: 0.7; } .cc--nwrk-search-form .fi--form-item input:-ms-input-placeholder { color: #666; opacity: 0.7; } .cc--nwrk-search-form .fi--form-item input::-ms-input-placeholder { color: #666; opacity: 0.7; } .cc--nwrk-search-form .fi--form-item input::placeholder { color: #666; opacity: 0.7; } .cc--pager { padding-bottom: 2.5rem; } @media screen and (min-width: 1024px) { .cc--pager { padding-top: 1.875rem; padding-bottom: 4.6875rem; } } .cc--pager .c--pager ul { list-style: none; padding: 0; margin: 0; text-align: center; } .cc--pager .c--pager ul li { margin-right: 0.625rem; display: inline-block; } @media screen and (min-width: 768px) { .cc--pager .c--pager ul li { margin-right: 1.875rem; } } .cc--pager .c--pager ul li a { padding-top: 0.4375rem; padding-right: 0.625rem; padding-bottom: 0.4375rem; padding-left: 0.625rem; font-size: 1rem; line-height: 1; display: block; width: 1.875rem; height: 1.875rem; color: #000; text-decoration: none; } .cc--pager .c--pager ul li a span { font-size: 1rem; line-height: 1; } .cc--pager .c--pager ul li.is-active a { background-color: #C03; color: #FFF; text-decoration: none; } .cc--pager .c--pager ul li.pager__item--next a, .cc--pager .c--pager ul li.pager__item--previous a { text-decoration: none; } .cc--pager .c--pager ul li.pager__item--next a svg, .cc--pager .c--pager ul li.pager__item--previous a svg { height: 0.875rem; fill: #000; } .cc--pager .c--pager ul li.pager__item--ellipsis { color: #000; } .cc--people-collection .c--people-collection { max-width: 1440px; margin: 0 auto; } .cc--people-collection .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--people-collection .inner-wrapper { padding-top: 4.375rem; padding-right: 12%; padding-bottom: 3.125rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--people-collection .inner-wrapper { padding-top: 5rem; padding-right: 20%; padding-bottom: 3.75rem; padding-left: 20%; } } .mini-site-section .cc--people-collection .inner-wrapper, .mini-site-secondary .cc--people-collection .inner-wrapper, .chaptered-page .cc--people-collection .inner-wrapper { padding-right: 0; padding-left: 0; } .cc--people-collection .title-header .f--section-title, .cc--people-collection .title-header .f--description { margin-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .cc--people-collection .title-header .f--section-title, .cc--people-collection .title-header .f--description { margin-bottom: 2.5rem; } } .cc--people-collection .title-header .f--description { text-align: left; } .cc--people-collection .cc--person-card:first-child { padding-top: 0; } .cc--person-card { padding-top: 1.25rem; padding-bottom: 1.25rem; clear: both; border-bottom: 1px solid #D8D8D8; } @media screen and (min-width: 768px) { .cc--person-card { padding-top: 1.875rem; padding-bottom: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--person-card .c--person-card { width: 100%; } @media screen and (min-width: 768px) { .cc--person-card .c--person-card { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--person-card .c--person-card .image-link, .cc--person-card .c--person-card .image-no-link { padding-right: 4.7619%; margin-bottom: 1.0625rem; width: 35.71429%; float: left; } @media screen and (min-width: 768px) { .cc--person-card .c--person-card .image-link, .cc--person-card .c--person-card .image-no-link { padding-right: 5.26316%; margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 21.05263%; flex: 0 0 21.05263%; width: auto; float: none; } } @media screen and (min-width: 1024px) { .cc--person-card .c--person-card .image-link, .cc--person-card .c--person-card .image-no-link { padding-right: 6.66667%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } } @media screen and (min-width: 768px) { .cc--person-card .c--person-card > .text-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .cc--person-card .f--sub-title h3 { margin-bottom: 0.8125rem; font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .cc--person-card .f--sub-title h3 { margin-right: 1.25rem; margin-bottom: 0; font-size: 1.5rem; line-height: 1.3334; } } @media screen and (min-width: 768px) { .cc--person-card .title-location { margin-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 767px) { .cc--person-card .title-location .location { display: none; } } @media screen and (min-width: 768px) { .cc--person-card .title-location .location { padding-bottom: 0.375rem; } } .cc--person-card .title-location .location a { line-height: 1; } .cc--person-card .location span { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: 0.75rem; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #000; } .cc--person-card .location span svg { margin-top: 0.0625rem; margin-right: 0.625rem; margin-bottom: 0; margin-left: 0; width: 0.5625rem; height: 0.5625rem; fill: #666; } .cc--person-card .meta > .f--text .title { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--person-card .meta > .f--text .title { font-size: 1rem; line-height: 1.375; } } .cc--person-card .meta > .f--text .department { font-size: 0.75rem; line-height: 1.3334; } @media screen and (min-width: 768px) { .cc--person-card .meta > .f--text .department { font-size: 0.875rem; line-height: 1.4286; } } .cc--person-card .meta > .location { margin-top: 1.0625rem; margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--person-card .meta > .location { display: none; } } .cc--person-card .meta > .location span { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cc--person-card .contact-meta { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--person-card .contact-meta { margin-top: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--person-card .contact-meta .f--text { margin-bottom: 0.5625rem; font-size: 0.875rem; line-height: 1.4286; color: #666; } @media screen and (min-width: 768px) { .cc--person-card .contact-meta .f--text { margin-right: 1.25rem; } } .cc--person-card .contact-meta .f--text strong { margin-right: 0.625rem; font-size: 0.875rem; line-height: 1.4286; color: #000; } .cc--person-card .contact-meta .f--text a, .cc--person-card .contact-meta .f--text p { font-size: 0.875rem; line-height: 1.4286; color: #666; text-decoration: none; } html[data-whatintent="mouse"] .cc--person-card .contact-meta .f--text a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--person-card .contact-meta .f--text a:hover { text-decoration: underline; } @media screen and (min-width: 768px) { .cc--person-card .contact-meta .f--link { font-size: 0.875rem; line-height: 1.4286; } } @media screen and (min-width: 768px) { .cc--person-card .contact-meta .f--link a { font-size: 0.875rem; line-height: 1.4286; } } html[data-whatintent="mouse"] .cc--person-card .contact-meta .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--person-card .contact-meta .f--link a:hover svg { width: 0.5625rem; height: auto; fill: #C03; } .cc--person-card .contact-meta .f--link a svg { margin-left: 0.625rem; width: 0.5625rem; height: auto; } .cc--person-card .f--description { margin-bottom: 1.1875rem; clear: both; } .cc--person-card .f--description p, .cc--person-card .f--description li { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--person-card .f--description p, .cc--person-card .f--description li { font-size: 1rem; line-height: 1.75; } } .cc--person-card .learn-more a.button--alt { font-size: 1rem; line-height: 1.375; } .cc--person-card .learn-more a.button--alt::after { margin-top: 0.0625rem; margin-left: 1rem; display: inline-block; width: 0.625rem; height: 0.125rem; background-color: #C03; content: ''; } .cc--person-card .button--alt.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--person-card .button--alt.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--person-card .button--alt.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--person-card .button--alt.button--alt:hover { color: #C03; } .cc--person-card .button--alt.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--person-card .button--alt.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--person-card .button--alt.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--person-card .button--alt.button--alt.disabled:hover { cursor: default; } .cc--person-card .button--alt.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } @media screen and (min-width: 768px) { .cc--profile-chapter-nav { padding-top: 0.625rem; padding-bottom: 1.875rem; } } .cc--profile-chapter-nav .c--profile-chapter-nav { position: relative; height: 100%; } .cc--profile-chapter-nav .cc--social-share { margin-top: 1.875rem; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--profile-chapter-nav .cc--social-share { margin-top: 2.5rem; margin-bottom: 0; } } .cc--profile-chapter-nav .links { list-style: none; padding: 0; margin: 0; display: none; } @media screen and (min-width: 768px) { .cc--profile-chapter-nav .links { display: block; } } .cc--profile-chapter-nav .links .link { margin-bottom: 0.625rem; line-height: 1; text-decoration: none; } @media screen and (min-width: 768px) { .cc--profile-chapter-nav .links .link { margin-bottom: 1.5rem; } } .cc--profile-chapter-nav .links .link:last-child { margin-bottom: 0; } .cc--profile-chapter-nav .links .link a.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--profile-chapter-nav .links .link a.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--profile-chapter-nav .links .link a.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--profile-chapter-nav .links .link a.button--alt:hover { color: #C03; } .cc--profile-chapter-nav .links .link a.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--profile-chapter-nav .links .link a.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--profile-chapter-nav .links .link a.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--profile-chapter-nav .links .link a.button--alt.disabled:hover { cursor: default; } .cc--profile-chapter-nav .links .link a.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .cc--profile-chapter-nav .links .link .button--alt { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: 1rem; line-height: 1.375; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto; background: none; color: #000; text-align: left; text-decoration: none; } .cc--profile-chapter-nav .links .link .button--alt.is-active { color: #C03; } html[data-whatintent="mouse"] .cc--profile-chapter-nav .links .link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--profile-chapter-nav .links .link .button--alt:hover { background: none; color: #C03; } @media screen and (min-width: 768px) { .cc--profile-chapter-nav .links .link .button--alt { font-size: 0.875rem; line-height: 1.4286; } } .cc--profile-chapter-nav strong { font-size: 0.875rem; line-height: 1.4286; color: #000; } @media screen and (min-width: 768px) { .cc--profile-chapter-nav strong { display: none; } } .cc--profile-chapter-nav .tinynav { padding-top: 0.875rem; padding-right: 0.625rem; padding-bottom: 0.875rem; padding-left: 0.625rem; font-size: 1rem; line-height: 1.375; 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; width: 100%; height: 3.125rem; border-top: 0; border-right: 0; border-bottom: 1px solid #D8D8D8; border-left: 0; border-radius: 0; background-color: #FFF; background-image: url("../images/icons/icon-arrow-down-red.svg"); background-repeat: no-repeat; background-position: calc(100% - 0.625rem) center; background-size: 0.75rem; color: #444; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cc--profile-chapter-nav .tinynav::-ms-expand { display: none; } @media screen and (min-width: 768px) { .cc--profile-chapter-nav .tinynav { display: none; } } .cc--profile-chapter { padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--profile-chapter { padding-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--profile-chapter { padding-bottom: 5rem; } } @media screen and (min-width: 768px) { .cc--profile-chapter .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--profile-chapter .f--section-title h2 { margin-bottom: 3.125rem; font-size: 2.5rem; line-height: 1.2; } } .cc--profile-chapter .f--rich-text { -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; overflow: hidden; } .cc--profile-chapter .load-more { margin-top: 1.875rem; position: relative; text-align: center; overflow: hidden; } .cc--profile-chapter .load-more::before { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 0.0625rem solid #D8D8D8; content: ''; } .cc--profile-chapter .load-more .button--alt { padding-right: 1.25rem; padding-left: 1.25rem; font-size: 1rem; line-height: 1.375; width: auto; height: auto; -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; border: 0; background-color: #FFF; color: #000; text-align: left; text-transform: capitalize; } .cc--profile-chapter .load-more .button--alt svg { margin-left: 0.625rem; width: 0.75rem; height: 0.75rem; } html[data-whatintent="mouse"] .cc--profile-chapter .load-more .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--profile-chapter .load-more .button--alt:hover { color: #C03; } .cc--profile-chapter .load-more .button--alt.opened svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cc--profile-social-bar .profile-social-container .profile-social-media-links { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-top: 0.625rem; margin-bottom: 1.25rem; } .cc--profile-social-bar .profile-social-container .profile-social-media-links > li { margin-right: 1rem; margin-left: 0; } @media screen and (min-width: 768px) { .cc--profile-social-bar .profile-social-container .profile-social-media-links > li { margin-right: 1.25rem; margin-left: 0; } } .cc--profile-social-bar .profile-social-container .profile-social-media-links > li:last-child { margin-right: 0; margin-left: 0; } .cc--profile-social-bar .profile-social-container .profile-social-media-links > li .f--link a svg { display: block; fill: #666; } html[data-whatintent="mouse"] .cc--profile-social-bar .profile-social-container .profile-social-media-links > li .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--profile-social-bar .profile-social-container .profile-social-media-links > li .f--link a:hover svg { fill: #000; } .cc--profile-social-bar .profile-social-container .profile-social-media-links > li .f--link.twitter svg { height: 1.125rem; width: 1.25rem; } .cc--profile-social-bar .profile-social-container .profile-social-media-links > li .f--link.linkedin svg { width: 1.1875rem; height: 1.1875rem; } .cc--profile-social-bar .profile-social-container .profile-social-media-links > li .f--link.google-scribe svg { width: 6.375rem; height: 1rem; } .cc--program-finder .c--program-finder { overflow: hidden; } .cc--program-finder .finder-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transform: translateX(100%); transform: translateX(100%); } .cc--program-finder .finder-container.is-reversing { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .cc--program-finder .finder-container.is-set { -webkit-transform: none; transform: none; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .cc--program-finder .finder-slide { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; min-height: 31.25rem; visibility: hidden; } @media screen and (min-width: 768px) { .cc--program-finder .finder-slide { min-height: 37.5rem; } } .cc--program-finder .finder-slide.is-ref { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; visibility: visible; } .cc--program-finder .finder-slide .outer-wrapper { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--program-finder .finder-slide .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--program-finder .finder-slide .inner-wrapper { padding-top: 4.375rem; padding-bottom: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--program-finder .finder-slide .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--program-finder .finder-slide .prev-button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1.375rem; height: 2.5rem; border: 0.125rem solid #FFF; border-left-width: 0; cursor: pointer; } @media screen and (min-width: 768px) { .cc--program-finder .finder-slide .prev-button { width: 2.5rem; } } @media screen and (min-width: 1440px) { .cc--program-finder .finder-slide .prev-button { border-left-width: 0.125rem; } } .cc--program-finder .finder-slide .prev-button svg { width: 0.75rem; height: 0.75rem; fill: #FFF; } @media screen and (min-width: 768px) { .cc--program-finder .finder-slide .prev-button svg { width: 1rem; height: 1rem; } } .cc--program-finder .bg-image { background-repeat: no-repeat; background-position: center; background-size: cover; } .cc--program-finder .bg-image.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--program-finder .bg-image.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--program-finder .bg-image.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--program-finder .bg-image.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--program-finder .bg-image.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--program-finder .bg-image.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--program-finder .bg-image.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--program-finder .bg-image.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--program-finder .bg-image.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--program-finder .bg-image.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--program-finder .bg-image.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--program-finder .bg-image.color-white .f--link .button, .cc--program-finder .bg-image.color-light-gray .f--link .button { background-color: transparent; } .cc--program-finder .bg-image.color-white .f--link .button:hover, .cc--program-finder .bg-image.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--program-finder .bg-image.color-pale-teal .f--link .button, .cc--program-finder .bg-image.color-pale-yellow .f--link .button, .cc--program-finder .bg-image.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--program-finder .bg-image.color-pale-teal .f--link .button, .cc--program-finder .bg-image.color-pale-yellow .f--link .button, .cc--program-finder .bg-image.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--program-finder .bg-image.color-black .f--description, .cc--program-finder .bg-image.color-black .f--text, .cc--program-finder .bg-image.color-black .f--category, .cc--program-finder .bg-image.color-blue .f--description, .cc--program-finder .bg-image.color-blue .f--text, .cc--program-finder .bg-image.color-blue .f--category, .cc--program-finder .bg-image.color-dark-gray .f--description, .cc--program-finder .bg-image.color-dark-gray .f--text, .cc--program-finder .bg-image.color-dark-gray .f--category, .cc--program-finder .bg-image.color-red .f--description, .cc--program-finder .bg-image.color-red .f--text, .cc--program-finder .bg-image.color-red .f--category, .cc--program-finder .bg-image.color-teal .f--description, .cc--program-finder .bg-image.color-teal .f--text, .cc--program-finder .bg-image.color-teal .f--category { color: #FFF; } .cc--program-finder .bg-image.color-black .f--description p, .cc--program-finder .bg-image.color-black .f--description li, .cc--program-finder .bg-image.color-black .f--description a, .cc--program-finder .bg-image.color-black .f--text p, .cc--program-finder .bg-image.color-black .f--text li, .cc--program-finder .bg-image.color-black .f--text a, .cc--program-finder .bg-image.color-black .f--category p, .cc--program-finder .bg-image.color-black .f--category li, .cc--program-finder .bg-image.color-black .f--category a, .cc--program-finder .bg-image.color-blue .f--description p, .cc--program-finder .bg-image.color-blue .f--description li, .cc--program-finder .bg-image.color-blue .f--description a, .cc--program-finder .bg-image.color-blue .f--text p, .cc--program-finder .bg-image.color-blue .f--text li, .cc--program-finder .bg-image.color-blue .f--text a, .cc--program-finder .bg-image.color-blue .f--category p, .cc--program-finder .bg-image.color-blue .f--category li, .cc--program-finder .bg-image.color-blue .f--category a, .cc--program-finder .bg-image.color-dark-gray .f--description p, .cc--program-finder .bg-image.color-dark-gray .f--description li, .cc--program-finder .bg-image.color-dark-gray .f--description a, .cc--program-finder .bg-image.color-dark-gray .f--text p, .cc--program-finder .bg-image.color-dark-gray .f--text li, .cc--program-finder .bg-image.color-dark-gray .f--text a, .cc--program-finder .bg-image.color-dark-gray .f--category p, .cc--program-finder .bg-image.color-dark-gray .f--category li, .cc--program-finder .bg-image.color-dark-gray .f--category a, .cc--program-finder .bg-image.color-red .f--description p, .cc--program-finder .bg-image.color-red .f--description li, .cc--program-finder .bg-image.color-red .f--description a, .cc--program-finder .bg-image.color-red .f--text p, .cc--program-finder .bg-image.color-red .f--text li, .cc--program-finder .bg-image.color-red .f--text a, .cc--program-finder .bg-image.color-red .f--category p, .cc--program-finder .bg-image.color-red .f--category li, .cc--program-finder .bg-image.color-red .f--category a, .cc--program-finder .bg-image.color-teal .f--description p, .cc--program-finder .bg-image.color-teal .f--description li, .cc--program-finder .bg-image.color-teal .f--description a, .cc--program-finder .bg-image.color-teal .f--text p, .cc--program-finder .bg-image.color-teal .f--text li, .cc--program-finder .bg-image.color-teal .f--text a, .cc--program-finder .bg-image.color-teal .f--category p, .cc--program-finder .bg-image.color-teal .f--category li, .cc--program-finder .bg-image.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--description a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--text a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--category a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--description a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--text a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--category a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--description a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--text a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--category a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--description a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--text a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--category a:hover { color: #FFF; } .cc--program-finder .bg-image.color-black .f--section-title h2, .cc--program-finder .bg-image.color-blue .f--section-title h2, .cc--program-finder .bg-image.color-dark-gray .f--section-title h2, .cc--program-finder .bg-image.color-red .f--section-title h2, .cc--program-finder .bg-image.color-teal .f--section-title h2 { color: #FFF; } .cc--program-finder .bg-image.color-black .f--section-title h2 a, .cc--program-finder .bg-image.color-blue .f--section-title h2 a, .cc--program-finder .bg-image.color-dark-gray .f--section-title h2 a, .cc--program-finder .bg-image.color-red .f--section-title h2 a, .cc--program-finder .bg-image.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--program-finder .bg-image.color-black .f--sub-title h3, .cc--program-finder .bg-image.color-blue .f--sub-title h3, .cc--program-finder .bg-image.color-dark-gray .f--sub-title h3, .cc--program-finder .bg-image.color-red .f--sub-title h3, .cc--program-finder .bg-image.color-teal .f--sub-title h3 { color: #FFF; } .cc--program-finder .bg-image.color-black .f--sub-title h3 a, .cc--program-finder .bg-image.color-blue .f--sub-title h3 a, .cc--program-finder .bg-image.color-dark-gray .f--sub-title h3 a, .cc--program-finder .bg-image.color-red .f--sub-title h3 a, .cc--program-finder .bg-image.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--program-finder .bg-image.color-black .f--page-title h1, .cc--program-finder .bg-image.color-blue .f--page-title h1, .cc--program-finder .bg-image.color-dark-gray .f--page-title h1, .cc--program-finder .bg-image.color-red .f--page-title h1, .cc--program-finder .bg-image.color-teal .f--page-title h1 { color: #FFF; } .cc--program-finder .bg-image.color-black .stat-item .f--text, .cc--program-finder .bg-image.color-black .stat-item .f--stat-prefix, .cc--program-finder .bg-image.color-black .stat-item .f--stat-suffix, .cc--program-finder .bg-image.color-blue .stat-item .f--text, .cc--program-finder .bg-image.color-blue .stat-item .f--stat-prefix, .cc--program-finder .bg-image.color-blue .stat-item .f--stat-suffix, .cc--program-finder .bg-image.color-dark-gray .stat-item .f--text, .cc--program-finder .bg-image.color-dark-gray .stat-item .f--stat-prefix, .cc--program-finder .bg-image.color-dark-gray .stat-item .f--stat-suffix, .cc--program-finder .bg-image.color-red .stat-item .f--text, .cc--program-finder .bg-image.color-red .stat-item .f--stat-prefix, .cc--program-finder .bg-image.color-red .stat-item .f--stat-suffix, .cc--program-finder .bg-image.color-teal .stat-item .f--text, .cc--program-finder .bg-image.color-teal .stat-item .f--stat-prefix, .cc--program-finder .bg-image.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--program-finder .bg-image.color-black .f--stat-subheading, .cc--program-finder .bg-image.color-black .f--description, .cc--program-finder .bg-image.color-black .f--stat-headline, .cc--program-finder .bg-image.color-blue .f--stat-subheading, .cc--program-finder .bg-image.color-blue .f--description, .cc--program-finder .bg-image.color-blue .f--stat-headline, .cc--program-finder .bg-image.color-dark-gray .f--stat-subheading, .cc--program-finder .bg-image.color-dark-gray .f--description, .cc--program-finder .bg-image.color-dark-gray .f--stat-headline, .cc--program-finder .bg-image.color-red .f--stat-subheading, .cc--program-finder .bg-image.color-red .f--description, .cc--program-finder .bg-image.color-red .f--stat-headline, .cc--program-finder .bg-image.color-teal .f--stat-subheading, .cc--program-finder .bg-image.color-teal .f--description, .cc--program-finder .bg-image.color-teal .f--stat-headline { color: #FFF; } .cc--program-finder .bg-image.color-black .f--link .button, .cc--program-finder .bg-image.color-blue .f--link .button, .cc--program-finder .bg-image.color-dark-gray .f--link .button, .cc--program-finder .bg-image.color-red .f--link .button, .cc--program-finder .bg-image.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--program-finder .bg-image.color-black .f--link .button, .cc--program-finder .bg-image.color-blue .f--link .button, .cc--program-finder .bg-image.color-dark-gray .f--link .button, .cc--program-finder .bg-image.color-red .f--link .button, .cc--program-finder .bg-image.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--program-finder .bg-image.color-black .swiper-button-prev svg, .cc--program-finder .bg-image.color-black .swiper-button-next svg, .cc--program-finder .bg-image.color-blue .swiper-button-prev svg, .cc--program-finder .bg-image.color-blue .swiper-button-next svg, .cc--program-finder .bg-image.color-dark-gray .swiper-button-prev svg, .cc--program-finder .bg-image.color-dark-gray .swiper-button-next svg, .cc--program-finder .bg-image.color-red .swiper-button-prev svg, .cc--program-finder .bg-image.color-red .swiper-button-next svg, .cc--program-finder .bg-image.color-teal .swiper-button-prev svg, .cc--program-finder .bg-image.color-teal .swiper-button-next svg { fill: #FFF; } .cc--program-finder .bg-image.color-black .swiper-button-wrapper::before, .cc--program-finder .bg-image.color-blue .swiper-button-wrapper::before, .cc--program-finder .bg-image.color-dark-gray .swiper-button-wrapper::before, .cc--program-finder .bg-image.color-red .swiper-button-wrapper::before, .cc--program-finder .bg-image.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--program-finder .bg-image.color-black .swiper-pagination-bullet, .cc--program-finder .bg-image.color-blue .swiper-pagination-bullet, .cc--program-finder .bg-image.color-dark-gray .swiper-pagination-bullet, .cc--program-finder .bg-image.color-red .swiper-pagination-bullet, .cc--program-finder .bg-image.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--program-finder .bg-image.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .bg-image.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .bg-image.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .bg-image.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .bg-image.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--program-finder .bg-image.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .bg-image.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .bg-image.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .bg-image.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .bg-image.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--program-finder .bg-image.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .bg-image.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .bg-image.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .bg-image.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .bg-image.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide h2, .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide h2, .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide h2, .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--program-finder .bg-image.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .bg-image.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .bg-image.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .bg-image.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .bg-image.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--program-finder .bg-image.color-pale-yellow { background-color: #FCE488; } .cc--program-finder .bg-image.color-pale-teal { background-color: #87C3BE; } .cc--program-finder .bg-image.color-pale-blue { background-color: #92D6E3; } .cc--program-finder .bg-image .f--description, .cc--program-finder .bg-image .f--text, .cc--program-finder .bg-image .f--category { color: #FFF; } .cc--program-finder .bg-image .f--description p, .cc--program-finder .bg-image .f--description li, .cc--program-finder .bg-image .f--description a, .cc--program-finder .bg-image .f--text p, .cc--program-finder .bg-image .f--text li, .cc--program-finder .bg-image .f--text a, .cc--program-finder .bg-image .f--category p, .cc--program-finder .bg-image .f--category li, .cc--program-finder .bg-image .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--description a, html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--text a, html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--category a:hover { color: #FFF; } .cc--program-finder .bg-image .f--section-title h2 { color: #FFF; } .cc--program-finder .bg-image .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--section-title h2 a:hover { color: #FFF; } .cc--program-finder .bg-image .f--sub-title h3 { color: #FFF; } .cc--program-finder .bg-image .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--sub-title h3 a:hover { color: #FFF; } .cc--program-finder .bg-image .f--page-title h1 { color: #FFF; } .cc--program-finder .bg-image .stat-item .f--text, .cc--program-finder .bg-image .stat-item .f--stat-prefix, .cc--program-finder .bg-image .stat-item .f--stat-suffix { color: #FFF; } .cc--program-finder .bg-image .f--stat-subheading, .cc--program-finder .bg-image .f--description, .cc--program-finder .bg-image .f--stat-headline { color: #FFF; } .cc--program-finder .bg-image .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--program-finder .bg-image .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .bg-image .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .bg-image .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .bg-image .swiper-button-next:hover svg { fill: #FFF; } .cc--program-finder .bg-image .swiper-button-prev svg, .cc--program-finder .bg-image .swiper-button-next svg { fill: #FFF; } .cc--program-finder .bg-image .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--program-finder .bg-image .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--program-finder .bg-image .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--program-finder .bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--program-finder .bg-image .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } .cc--program-finder .bg-image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ''; z-index: 1; } .cc--program-finder .slide-start .content-wrapper { position: relative; z-index: 2; } @media screen and (min-width: 768px) { .cc--program-finder .slide-start .text-container { width: 59.52381%; } } @media screen and (min-width: 1024px) { .cc--program-finder .slide-start .text-container { width: 71.42857%; } } .cc--program-finder .slide-start .text-container .f--section-title h2 { font-size: 2rem; line-height: 1.25; } @media screen and (min-width: 768px) { .cc--program-finder .slide-start .text-container .f--section-title h2 { font-size: 3rem; line-height: 1.1667; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--program-finder .slide-start .text-container .f--section-title h2 { font-size: 3.5rem; line-height: 1.1429; } } .cc--program-finder .slide-start .text-container .f--description { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--program-finder .slide-start .text-container .f--description { margin-bottom: 0; } } .cc--program-finder .slide-start .f--button .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--program-finder .slide-start .f--button .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--program-finder .slide-start .f--button .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-start .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .slide-start .f--button .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-start .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .slide-start .f--button .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-start .f--button .button:hover svg { fill: #000; } .cc--program-finder .slide-start .f--button .button svg { margin-left: 1.25rem; width: 1rem; height: 1rem; fill: #FFF; } @media screen and (min-width: 768px) { .cc--program-finder .slide-start .content-wrapper, .cc--program-finder .slide-selector .content-wrapper { 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; } } .cc--program-finder .slide-selector.color-white, .cc--program-finder .slide-links.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-white .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--program-finder .slide-selector.color-black, .cc--program-finder .slide-links.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--program-finder .slide-selector.color-yellow, .cc--program-finder .slide-links.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-yellow .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--program-finder .slide-selector.color-blue, .cc--program-finder .slide-links.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--program-finder .slide-selector.color-dark-gray, .cc--program-finder .slide-links.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--program-finder .slide-selector.color-light-gray, .cc--program-finder .slide-links.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-light-gray .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--program-finder .slide-selector.color-red, .cc--program-finder .slide-links.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--program-finder .slide-selector.color-teal, .cc--program-finder .slide-links.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--program-finder .slide-selector.color-pale-teal, .cc--program-finder .slide-links.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-pale-teal .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--program-finder .slide-selector.color-pale-yellow, .cc--program-finder .slide-links.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-pale-yellow .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--program-finder .slide-selector.color-pale-blue, .cc--program-finder .slide-links.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-pale-blue .cc--user-choice-vertical-slide, .cc--program-finder .slide-links.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--program-finder .slide-selector.color-white .f--link .button, .cc--program-finder .slide-selector.color-light-gray .f--link .button, .cc--program-finder .slide-links.color-white .f--link .button, .cc--program-finder .slide-links.color-light-gray .f--link .button { background-color: transparent; } .cc--program-finder .slide-selector.color-white .f--link .button:hover, .cc--program-finder .slide-selector.color-light-gray .f--link .button:hover, .cc--program-finder .slide-links.color-white .f--link .button:hover, .cc--program-finder .slide-links.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--program-finder .slide-selector.color-pale-teal .f--link .button, .cc--program-finder .slide-selector.color-pale-yellow .f--link .button, .cc--program-finder .slide-selector.color-pale-blue .f--link .button, .cc--program-finder .slide-links.color-pale-teal .f--link .button, .cc--program-finder .slide-links.color-pale-yellow .f--link .button, .cc--program-finder .slide-links.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--program-finder .slide-selector.color-pale-teal .f--link .button, .cc--program-finder .slide-selector.color-pale-yellow .f--link .button, .cc--program-finder .slide-selector.color-pale-blue .f--link .button, .cc--program-finder .slide-links.color-pale-teal .f--link .button, .cc--program-finder .slide-links.color-pale-yellow .f--link .button, .cc--program-finder .slide-links.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-blue .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-blue .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-blue .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-pale-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--program-finder .slide-selector.color-black .f--description, .cc--program-finder .slide-selector.color-black .f--text, .cc--program-finder .slide-selector.color-black .f--category, .cc--program-finder .slide-selector.color-blue .f--description, .cc--program-finder .slide-selector.color-blue .f--text, .cc--program-finder .slide-selector.color-blue .f--category, .cc--program-finder .slide-selector.color-dark-gray .f--description, .cc--program-finder .slide-selector.color-dark-gray .f--text, .cc--program-finder .slide-selector.color-dark-gray .f--category, .cc--program-finder .slide-selector.color-red .f--description, .cc--program-finder .slide-selector.color-red .f--text, .cc--program-finder .slide-selector.color-red .f--category, .cc--program-finder .slide-selector.color-teal .f--description, .cc--program-finder .slide-selector.color-teal .f--text, .cc--program-finder .slide-selector.color-teal .f--category, .cc--program-finder .slide-links.color-black .f--description, .cc--program-finder .slide-links.color-black .f--text, .cc--program-finder .slide-links.color-black .f--category, .cc--program-finder .slide-links.color-blue .f--description, .cc--program-finder .slide-links.color-blue .f--text, .cc--program-finder .slide-links.color-blue .f--category, .cc--program-finder .slide-links.color-dark-gray .f--description, .cc--program-finder .slide-links.color-dark-gray .f--text, .cc--program-finder .slide-links.color-dark-gray .f--category, .cc--program-finder .slide-links.color-red .f--description, .cc--program-finder .slide-links.color-red .f--text, .cc--program-finder .slide-links.color-red .f--category, .cc--program-finder .slide-links.color-teal .f--description, .cc--program-finder .slide-links.color-teal .f--text, .cc--program-finder .slide-links.color-teal .f--category { color: #FFF; } .cc--program-finder .slide-selector.color-black .f--description p, .cc--program-finder .slide-selector.color-black .f--description li, .cc--program-finder .slide-selector.color-black .f--description a, .cc--program-finder .slide-selector.color-black .f--text p, .cc--program-finder .slide-selector.color-black .f--text li, .cc--program-finder .slide-selector.color-black .f--text a, .cc--program-finder .slide-selector.color-black .f--category p, .cc--program-finder .slide-selector.color-black .f--category li, .cc--program-finder .slide-selector.color-black .f--category a, .cc--program-finder .slide-selector.color-blue .f--description p, .cc--program-finder .slide-selector.color-blue .f--description li, .cc--program-finder .slide-selector.color-blue .f--description a, .cc--program-finder .slide-selector.color-blue .f--text p, .cc--program-finder .slide-selector.color-blue .f--text li, .cc--program-finder .slide-selector.color-blue .f--text a, .cc--program-finder .slide-selector.color-blue .f--category p, .cc--program-finder .slide-selector.color-blue .f--category li, .cc--program-finder .slide-selector.color-blue .f--category a, .cc--program-finder .slide-selector.color-dark-gray .f--description p, .cc--program-finder .slide-selector.color-dark-gray .f--description li, .cc--program-finder .slide-selector.color-dark-gray .f--description a, .cc--program-finder .slide-selector.color-dark-gray .f--text p, .cc--program-finder .slide-selector.color-dark-gray .f--text li, .cc--program-finder .slide-selector.color-dark-gray .f--text a, .cc--program-finder .slide-selector.color-dark-gray .f--category p, .cc--program-finder .slide-selector.color-dark-gray .f--category li, .cc--program-finder .slide-selector.color-dark-gray .f--category a, .cc--program-finder .slide-selector.color-red .f--description p, .cc--program-finder .slide-selector.color-red .f--description li, .cc--program-finder .slide-selector.color-red .f--description a, .cc--program-finder .slide-selector.color-red .f--text p, .cc--program-finder .slide-selector.color-red .f--text li, .cc--program-finder .slide-selector.color-red .f--text a, .cc--program-finder .slide-selector.color-red .f--category p, .cc--program-finder .slide-selector.color-red .f--category li, .cc--program-finder .slide-selector.color-red .f--category a, .cc--program-finder .slide-selector.color-teal .f--description p, .cc--program-finder .slide-selector.color-teal .f--description li, .cc--program-finder .slide-selector.color-teal .f--description a, .cc--program-finder .slide-selector.color-teal .f--text p, .cc--program-finder .slide-selector.color-teal .f--text li, .cc--program-finder .slide-selector.color-teal .f--text a, .cc--program-finder .slide-selector.color-teal .f--category p, .cc--program-finder .slide-selector.color-teal .f--category li, .cc--program-finder .slide-selector.color-teal .f--category a, .cc--program-finder .slide-links.color-black .f--description p, .cc--program-finder .slide-links.color-black .f--description li, .cc--program-finder .slide-links.color-black .f--description a, .cc--program-finder .slide-links.color-black .f--text p, .cc--program-finder .slide-links.color-black .f--text li, .cc--program-finder .slide-links.color-black .f--text a, .cc--program-finder .slide-links.color-black .f--category p, .cc--program-finder .slide-links.color-black .f--category li, .cc--program-finder .slide-links.color-black .f--category a, .cc--program-finder .slide-links.color-blue .f--description p, .cc--program-finder .slide-links.color-blue .f--description li, .cc--program-finder .slide-links.color-blue .f--description a, .cc--program-finder .slide-links.color-blue .f--text p, .cc--program-finder .slide-links.color-blue .f--text li, .cc--program-finder .slide-links.color-blue .f--text a, .cc--program-finder .slide-links.color-blue .f--category p, .cc--program-finder .slide-links.color-blue .f--category li, .cc--program-finder .slide-links.color-blue .f--category a, .cc--program-finder .slide-links.color-dark-gray .f--description p, .cc--program-finder .slide-links.color-dark-gray .f--description li, .cc--program-finder .slide-links.color-dark-gray .f--description a, .cc--program-finder .slide-links.color-dark-gray .f--text p, .cc--program-finder .slide-links.color-dark-gray .f--text li, .cc--program-finder .slide-links.color-dark-gray .f--text a, .cc--program-finder .slide-links.color-dark-gray .f--category p, .cc--program-finder .slide-links.color-dark-gray .f--category li, .cc--program-finder .slide-links.color-dark-gray .f--category a, .cc--program-finder .slide-links.color-red .f--description p, .cc--program-finder .slide-links.color-red .f--description li, .cc--program-finder .slide-links.color-red .f--description a, .cc--program-finder .slide-links.color-red .f--text p, .cc--program-finder .slide-links.color-red .f--text li, .cc--program-finder .slide-links.color-red .f--text a, .cc--program-finder .slide-links.color-red .f--category p, .cc--program-finder .slide-links.color-red .f--category li, .cc--program-finder .slide-links.color-red .f--category a, .cc--program-finder .slide-links.color-teal .f--description p, .cc--program-finder .slide-links.color-teal .f--description li, .cc--program-finder .slide-links.color-teal .f--description a, .cc--program-finder .slide-links.color-teal .f--text p, .cc--program-finder .slide-links.color-teal .f--text li, .cc--program-finder .slide-links.color-teal .f--text a, .cc--program-finder .slide-links.color-teal .f--category p, .cc--program-finder .slide-links.color-teal .f--category li, .cc--program-finder .slide-links.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--category a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--category a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--category a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--category a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--category a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--category a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--category a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--description a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--text a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--category a:hover { color: #FFF; } .cc--program-finder .slide-selector.color-black .f--section-title h2, .cc--program-finder .slide-selector.color-blue .f--section-title h2, .cc--program-finder .slide-selector.color-dark-gray .f--section-title h2, .cc--program-finder .slide-selector.color-red .f--section-title h2, .cc--program-finder .slide-selector.color-teal .f--section-title h2, .cc--program-finder .slide-links.color-black .f--section-title h2, .cc--program-finder .slide-links.color-blue .f--section-title h2, .cc--program-finder .slide-links.color-dark-gray .f--section-title h2, .cc--program-finder .slide-links.color-red .f--section-title h2, .cc--program-finder .slide-links.color-teal .f--section-title h2 { color: #FFF; } .cc--program-finder .slide-selector.color-black .f--section-title h2 a, .cc--program-finder .slide-selector.color-blue .f--section-title h2 a, .cc--program-finder .slide-selector.color-dark-gray .f--section-title h2 a, .cc--program-finder .slide-selector.color-red .f--section-title h2 a, .cc--program-finder .slide-selector.color-teal .f--section-title h2 a, .cc--program-finder .slide-links.color-black .f--section-title h2 a, .cc--program-finder .slide-links.color-blue .f--section-title h2 a, .cc--program-finder .slide-links.color-dark-gray .f--section-title h2 a, .cc--program-finder .slide-links.color-red .f--section-title h2 a, .cc--program-finder .slide-links.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--program-finder .slide-selector.color-black .f--sub-title h3, .cc--program-finder .slide-selector.color-blue .f--sub-title h3, .cc--program-finder .slide-selector.color-dark-gray .f--sub-title h3, .cc--program-finder .slide-selector.color-red .f--sub-title h3, .cc--program-finder .slide-selector.color-teal .f--sub-title h3, .cc--program-finder .slide-links.color-black .f--sub-title h3, .cc--program-finder .slide-links.color-blue .f--sub-title h3, .cc--program-finder .slide-links.color-dark-gray .f--sub-title h3, .cc--program-finder .slide-links.color-red .f--sub-title h3, .cc--program-finder .slide-links.color-teal .f--sub-title h3 { color: #FFF; } .cc--program-finder .slide-selector.color-black .f--sub-title h3 a, .cc--program-finder .slide-selector.color-blue .f--sub-title h3 a, .cc--program-finder .slide-selector.color-dark-gray .f--sub-title h3 a, .cc--program-finder .slide-selector.color-red .f--sub-title h3 a, .cc--program-finder .slide-selector.color-teal .f--sub-title h3 a, .cc--program-finder .slide-links.color-black .f--sub-title h3 a, .cc--program-finder .slide-links.color-blue .f--sub-title h3 a, .cc--program-finder .slide-links.color-dark-gray .f--sub-title h3 a, .cc--program-finder .slide-links.color-red .f--sub-title h3 a, .cc--program-finder .slide-links.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--program-finder .slide-selector.color-black .f--page-title h1, .cc--program-finder .slide-selector.color-blue .f--page-title h1, .cc--program-finder .slide-selector.color-dark-gray .f--page-title h1, .cc--program-finder .slide-selector.color-red .f--page-title h1, .cc--program-finder .slide-selector.color-teal .f--page-title h1, .cc--program-finder .slide-links.color-black .f--page-title h1, .cc--program-finder .slide-links.color-blue .f--page-title h1, .cc--program-finder .slide-links.color-dark-gray .f--page-title h1, .cc--program-finder .slide-links.color-red .f--page-title h1, .cc--program-finder .slide-links.color-teal .f--page-title h1 { color: #FFF; } .cc--program-finder .slide-selector.color-black .stat-item .f--text, .cc--program-finder .slide-selector.color-black .stat-item .f--stat-prefix, .cc--program-finder .slide-selector.color-black .stat-item .f--stat-suffix, .cc--program-finder .slide-selector.color-blue .stat-item .f--text, .cc--program-finder .slide-selector.color-blue .stat-item .f--stat-prefix, .cc--program-finder .slide-selector.color-blue .stat-item .f--stat-suffix, .cc--program-finder .slide-selector.color-dark-gray .stat-item .f--text, .cc--program-finder .slide-selector.color-dark-gray .stat-item .f--stat-prefix, .cc--program-finder .slide-selector.color-dark-gray .stat-item .f--stat-suffix, .cc--program-finder .slide-selector.color-red .stat-item .f--text, .cc--program-finder .slide-selector.color-red .stat-item .f--stat-prefix, .cc--program-finder .slide-selector.color-red .stat-item .f--stat-suffix, .cc--program-finder .slide-selector.color-teal .stat-item .f--text, .cc--program-finder .slide-selector.color-teal .stat-item .f--stat-prefix, .cc--program-finder .slide-selector.color-teal .stat-item .f--stat-suffix, .cc--program-finder .slide-links.color-black .stat-item .f--text, .cc--program-finder .slide-links.color-black .stat-item .f--stat-prefix, .cc--program-finder .slide-links.color-black .stat-item .f--stat-suffix, .cc--program-finder .slide-links.color-blue .stat-item .f--text, .cc--program-finder .slide-links.color-blue .stat-item .f--stat-prefix, .cc--program-finder .slide-links.color-blue .stat-item .f--stat-suffix, .cc--program-finder .slide-links.color-dark-gray .stat-item .f--text, .cc--program-finder .slide-links.color-dark-gray .stat-item .f--stat-prefix, .cc--program-finder .slide-links.color-dark-gray .stat-item .f--stat-suffix, .cc--program-finder .slide-links.color-red .stat-item .f--text, .cc--program-finder .slide-links.color-red .stat-item .f--stat-prefix, .cc--program-finder .slide-links.color-red .stat-item .f--stat-suffix, .cc--program-finder .slide-links.color-teal .stat-item .f--text, .cc--program-finder .slide-links.color-teal .stat-item .f--stat-prefix, .cc--program-finder .slide-links.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--program-finder .slide-selector.color-black .f--stat-subheading, .cc--program-finder .slide-selector.color-black .f--description, .cc--program-finder .slide-selector.color-black .f--stat-headline, .cc--program-finder .slide-selector.color-blue .f--stat-subheading, .cc--program-finder .slide-selector.color-blue .f--description, .cc--program-finder .slide-selector.color-blue .f--stat-headline, .cc--program-finder .slide-selector.color-dark-gray .f--stat-subheading, .cc--program-finder .slide-selector.color-dark-gray .f--description, .cc--program-finder .slide-selector.color-dark-gray .f--stat-headline, .cc--program-finder .slide-selector.color-red .f--stat-subheading, .cc--program-finder .slide-selector.color-red .f--description, .cc--program-finder .slide-selector.color-red .f--stat-headline, .cc--program-finder .slide-selector.color-teal .f--stat-subheading, .cc--program-finder .slide-selector.color-teal .f--description, .cc--program-finder .slide-selector.color-teal .f--stat-headline, .cc--program-finder .slide-links.color-black .f--stat-subheading, .cc--program-finder .slide-links.color-black .f--description, .cc--program-finder .slide-links.color-black .f--stat-headline, .cc--program-finder .slide-links.color-blue .f--stat-subheading, .cc--program-finder .slide-links.color-blue .f--description, .cc--program-finder .slide-links.color-blue .f--stat-headline, .cc--program-finder .slide-links.color-dark-gray .f--stat-subheading, .cc--program-finder .slide-links.color-dark-gray .f--description, .cc--program-finder .slide-links.color-dark-gray .f--stat-headline, .cc--program-finder .slide-links.color-red .f--stat-subheading, .cc--program-finder .slide-links.color-red .f--description, .cc--program-finder .slide-links.color-red .f--stat-headline, .cc--program-finder .slide-links.color-teal .f--stat-subheading, .cc--program-finder .slide-links.color-teal .f--description, .cc--program-finder .slide-links.color-teal .f--stat-headline { color: #FFF; } .cc--program-finder .slide-selector.color-black .f--link .button, .cc--program-finder .slide-selector.color-blue .f--link .button, .cc--program-finder .slide-selector.color-dark-gray .f--link .button, .cc--program-finder .slide-selector.color-red .f--link .button, .cc--program-finder .slide-selector.color-teal .f--link .button, .cc--program-finder .slide-links.color-black .f--link .button, .cc--program-finder .slide-links.color-blue .f--link .button, .cc--program-finder .slide-links.color-dark-gray .f--link .button, .cc--program-finder .slide-links.color-red .f--link .button, .cc--program-finder .slide-links.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--program-finder .slide-selector.color-black .f--link .button, .cc--program-finder .slide-selector.color-blue .f--link .button, .cc--program-finder .slide-selector.color-dark-gray .f--link .button, .cc--program-finder .slide-selector.color-red .f--link .button, .cc--program-finder .slide-selector.color-teal .f--link .button, .cc--program-finder .slide-links.color-black .f--link .button, .cc--program-finder .slide-links.color-blue .f--link .button, .cc--program-finder .slide-links.color-dark-gray .f--link .button, .cc--program-finder .slide-links.color-red .f--link .button, .cc--program-finder .slide-links.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--link .button, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--program-finder .slide-selector.color-black .swiper-button-prev svg, .cc--program-finder .slide-selector.color-black .swiper-button-next svg, .cc--program-finder .slide-selector.color-blue .swiper-button-prev svg, .cc--program-finder .slide-selector.color-blue .swiper-button-next svg, .cc--program-finder .slide-selector.color-dark-gray .swiper-button-prev svg, .cc--program-finder .slide-selector.color-dark-gray .swiper-button-next svg, .cc--program-finder .slide-selector.color-red .swiper-button-prev svg, .cc--program-finder .slide-selector.color-red .swiper-button-next svg, .cc--program-finder .slide-selector.color-teal .swiper-button-prev svg, .cc--program-finder .slide-selector.color-teal .swiper-button-next svg, .cc--program-finder .slide-links.color-black .swiper-button-prev svg, .cc--program-finder .slide-links.color-black .swiper-button-next svg, .cc--program-finder .slide-links.color-blue .swiper-button-prev svg, .cc--program-finder .slide-links.color-blue .swiper-button-next svg, .cc--program-finder .slide-links.color-dark-gray .swiper-button-prev svg, .cc--program-finder .slide-links.color-dark-gray .swiper-button-next svg, .cc--program-finder .slide-links.color-red .swiper-button-prev svg, .cc--program-finder .slide-links.color-red .swiper-button-next svg, .cc--program-finder .slide-links.color-teal .swiper-button-prev svg, .cc--program-finder .slide-links.color-teal .swiper-button-next svg { fill: #FFF; } .cc--program-finder .slide-selector.color-black .swiper-button-wrapper::before, .cc--program-finder .slide-selector.color-blue .swiper-button-wrapper::before, .cc--program-finder .slide-selector.color-dark-gray .swiper-button-wrapper::before, .cc--program-finder .slide-selector.color-red .swiper-button-wrapper::before, .cc--program-finder .slide-selector.color-teal .swiper-button-wrapper::before, .cc--program-finder .slide-links.color-black .swiper-button-wrapper::before, .cc--program-finder .slide-links.color-blue .swiper-button-wrapper::before, .cc--program-finder .slide-links.color-dark-gray .swiper-button-wrapper::before, .cc--program-finder .slide-links.color-red .swiper-button-wrapper::before, .cc--program-finder .slide-links.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--program-finder .slide-selector.color-black .swiper-pagination-bullet, .cc--program-finder .slide-selector.color-blue .swiper-pagination-bullet, .cc--program-finder .slide-selector.color-dark-gray .swiper-pagination-bullet, .cc--program-finder .slide-selector.color-red .swiper-pagination-bullet, .cc--program-finder .slide-selector.color-teal .swiper-pagination-bullet, .cc--program-finder .slide-links.color-black .swiper-pagination-bullet, .cc--program-finder .slide-links.color-blue .swiper-pagination-bullet, .cc--program-finder .slide-links.color-dark-gray .swiper-pagination-bullet, .cc--program-finder .slide-links.color-red .swiper-pagination-bullet, .cc--program-finder .slide-links.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--program-finder .slide-selector.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .slide-selector.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .slide-selector.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .slide-selector.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .slide-selector.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .slide-links.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .slide-links.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .slide-links.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .slide-links.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--program-finder .slide-links.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--program-finder .slide-selector.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .slide-selector.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .slide-selector.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .slide-selector.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .slide-selector.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .slide-links.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .slide-links.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .slide-links.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .slide-links.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--program-finder .slide-links.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--program-finder .slide-selector.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .slide-selector.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .slide-selector.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .slide-selector.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .slide-selector.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .slide-links.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .slide-links.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .slide-links.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .slide-links.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--program-finder .slide-links.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide h2, .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide h2, .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide h2, .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide h2, .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide h2, .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide h2, .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide h2, .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide .f--description p, .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide .f--link a, .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide .icon-close, .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--program-finder .slide-selector.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .slide-selector.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .slide-selector.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .slide-selector.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .slide-selector.color-teal .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .slide-links.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .slide-links.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .slide-links.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .slide-links.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--program-finder .slide-links.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--program-finder .slide-selector.color-pale-yellow, .cc--program-finder .slide-links.color-pale-yellow { background-color: #FCE488; } .cc--program-finder .slide-selector.color-pale-teal, .cc--program-finder .slide-links.color-pale-teal { background-color: #87C3BE; } .cc--program-finder .slide-selector.color-pale-blue, .cc--program-finder .slide-links.color-pale-blue { background-color: #92D6E3; } .cc--program-finder .slide-selector.color-black .cta-link-list .f--link .button--alt, .cc--program-finder .slide-selector.color-blue .cta-link-list .f--link .button--alt, .cc--program-finder .slide-selector.color-dark-gray .cta-link-list .f--link .button--alt, .cc--program-finder .slide-selector.color-red .cta-link-list .f--link .button--alt, .cc--program-finder .slide-selector.color-teal .cta-link-list .f--link .button--alt, .cc--program-finder .slide-links.color-black .cta-link-list .f--link .button--alt, .cc--program-finder .slide-links.color-blue .cta-link-list .f--link .button--alt, .cc--program-finder .slide-links.color-dark-gray .cta-link-list .f--link .button--alt, .cc--program-finder .slide-links.color-red .cta-link-list .f--link .button--alt, .cc--program-finder .slide-links.color-teal .cta-link-list .f--link .button--alt { color: #FFF; } .cc--program-finder .slide-selector.color-black .cta-link-list .f--link .button--alt svg, .cc--program-finder .slide-selector.color-blue .cta-link-list .f--link .button--alt svg, .cc--program-finder .slide-selector.color-dark-gray .cta-link-list .f--link .button--alt svg, .cc--program-finder .slide-selector.color-red .cta-link-list .f--link .button--alt svg, .cc--program-finder .slide-selector.color-teal .cta-link-list .f--link .button--alt svg, .cc--program-finder .slide-links.color-black .cta-link-list .f--link .button--alt svg, .cc--program-finder .slide-links.color-blue .cta-link-list .f--link .button--alt svg, .cc--program-finder .slide-links.color-dark-gray .cta-link-list .f--link .button--alt svg, .cc--program-finder .slide-links.color-red .cta-link-list .f--link .button--alt svg, .cc--program-finder .slide-links.color-teal .cta-link-list .f--link .button--alt svg { fill: #FFF; } .cc--program-finder .slide-selector.color-black .cta-link-list .f--link .button--alt:hover, .cc--program-finder .slide-selector.color-blue .cta-link-list .f--link .button--alt:hover, .cc--program-finder .slide-selector.color-dark-gray .cta-link-list .f--link .button--alt:hover, .cc--program-finder .slide-selector.color-red .cta-link-list .f--link .button--alt:hover, .cc--program-finder .slide-selector.color-teal .cta-link-list .f--link .button--alt:hover, .cc--program-finder .slide-links.color-black .cta-link-list .f--link .button--alt:hover, .cc--program-finder .slide-links.color-blue .cta-link-list .f--link .button--alt:hover, .cc--program-finder .slide-links.color-dark-gray .cta-link-list .f--link .button--alt:hover, .cc--program-finder .slide-links.color-red .cta-link-list .f--link .button--alt:hover, .cc--program-finder .slide-links.color-teal .cta-link-list .f--link .button--alt:hover { color: #FFF; text-decoration: underline; } .cc--program-finder .slide-selector.color-black .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-selector.color-black .cta-link-list .f--link .button--alt.button--external, .cc--program-finder .slide-selector.color-blue .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-selector.color-blue .cta-link-list .f--link .button--alt.button--external, .cc--program-finder .slide-selector.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-selector.color-dark-gray .cta-link-list .f--link .button--alt.button--external, .cc--program-finder .slide-selector.color-red .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-selector.color-red .cta-link-list .f--link .button--alt.button--external, .cc--program-finder .slide-selector.color-teal .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-selector.color-teal .cta-link-list .f--link .button--alt.button--external, .cc--program-finder .slide-links.color-black .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-links.color-black .cta-link-list .f--link .button--alt.button--external, .cc--program-finder .slide-links.color-blue .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-links.color-blue .cta-link-list .f--link .button--alt.button--external, .cc--program-finder .slide-links.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-links.color-dark-gray .cta-link-list .f--link .button--alt.button--external, .cc--program-finder .slide-links.color-red .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-links.color-red .cta-link-list .f--link .button--alt.button--external, .cc--program-finder .slide-links.color-teal .cta-link-list .f--link .button--alt.button--arrow, .cc--program-finder .slide-links.color-teal .cta-link-list .f--link .button--alt.button--external { color: #FFF; } .cc--program-finder .slide-selector.color-black .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-selector.color-black .cta-link-list .f--link .button--alt.button--external svg, .cc--program-finder .slide-selector.color-blue .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-selector.color-blue .cta-link-list .f--link .button--alt.button--external svg, .cc--program-finder .slide-selector.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-selector.color-dark-gray .cta-link-list .f--link .button--alt.button--external svg, .cc--program-finder .slide-selector.color-red .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-selector.color-red .cta-link-list .f--link .button--alt.button--external svg, .cc--program-finder .slide-selector.color-teal .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-selector.color-teal .cta-link-list .f--link .button--alt.button--external svg, .cc--program-finder .slide-links.color-black .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-links.color-black .cta-link-list .f--link .button--alt.button--external svg, .cc--program-finder .slide-links.color-blue .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-links.color-blue .cta-link-list .f--link .button--alt.button--external svg, .cc--program-finder .slide-links.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-links.color-dark-gray .cta-link-list .f--link .button--alt.button--external svg, .cc--program-finder .slide-links.color-red .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-links.color-red .cta-link-list .f--link .button--alt.button--external svg, .cc--program-finder .slide-links.color-teal .cta-link-list .f--link .button--alt.button--arrow svg, .cc--program-finder .slide-links.color-teal .cta-link-list .f--link .button--alt.button--external svg { fill: #FFF; } .cc--program-finder .slide-selector.color-black .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-selector.color-black .cta-link-list .f--link .button--alt.button--external:hover, .cc--program-finder .slide-selector.color-blue .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-selector.color-blue .cta-link-list .f--link .button--alt.button--external:hover, .cc--program-finder .slide-selector.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-selector.color-dark-gray .cta-link-list .f--link .button--alt.button--external:hover, .cc--program-finder .slide-selector.color-red .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-selector.color-red .cta-link-list .f--link .button--alt.button--external:hover, .cc--program-finder .slide-selector.color-teal .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-selector.color-teal .cta-link-list .f--link .button--alt.button--external:hover, .cc--program-finder .slide-links.color-black .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-links.color-black .cta-link-list .f--link .button--alt.button--external:hover, .cc--program-finder .slide-links.color-blue .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-links.color-blue .cta-link-list .f--link .button--alt.button--external:hover, .cc--program-finder .slide-links.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-links.color-dark-gray .cta-link-list .f--link .button--alt.button--external:hover, .cc--program-finder .slide-links.color-red .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-links.color-red .cta-link-list .f--link .button--alt.button--external:hover, .cc--program-finder .slide-links.color-teal .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--program-finder .slide-links.color-teal .cta-link-list .f--link .button--alt.button--external:hover { color: #FFF; text-decoration: underline; } @media screen and (min-width: 768px) { .cc--program-finder .slide-selector .text-container .f--section-title h2 { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--program-finder .slide-selector .text-container, .cc--program-finder .slide-selector .finder-selector-container { width: 47.61905%; } } .cc--program-finder .slide-selector .finder-selector-item { font-size: 1rem; line-height: 1.375; padding-right: 0.625rem; 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; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #FFF; text-align: left; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector .finder-selector-item { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-selector .finder-selector-item:hover { padding-right: 0; padding-left: 0.625rem; } @media screen and (min-width: 768px) { .cc--program-finder .slide-selector .finder-selector-item { font-size: 1.5rem; line-height: 1.3334; } } @media screen and (min-width: 1024px) { .cc--program-finder .slide-selector .finder-selector-item { font-size: 1.75rem; line-height: 1.2858; } } .cc--program-finder .slide-selector .finder-selector-item:not(:last-child) { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--program-finder .slide-selector .finder-selector-item:not(:last-child) { margin-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .cc--program-finder .slide-selector .finder-selector-item:not(:last-child) { margin-bottom: 2.25rem; } } .cc--program-finder .slide-selector .finder-selector-item svg { width: 0.875rem; height: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; fill: #FFF; } .cc--program-finder .slide-links .c--program-finder-slide { width: 100%; } @media screen and (min-width: 1024px) { .cc--program-finder .slide-links .content-wrapper { 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 (min-width: 1024px) { .cc--program-finder .slide-links .text-container { 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; width: 33.33333%; } } .cc--program-finder .slide-links .text-container .f--category { font-size: 1rem; line-height: 1.5; margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--program-finder .slide-links .text-container .f--category { font-size: 1.125rem; line-height: 1.4445; margin-bottom: 1.25rem; } } @media screen and (min-width: 768px) { .cc--program-finder .slide-links .text-container .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--program-finder .slide-links .cc--cta-link-list { width: 61.90476%; } } .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list { margin-top: 0; } @media screen and (min-width: 768px) { .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list { 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 (min-width: 768px) { .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link { width: 47.61905%; } } @media screen and (min-width: 768px) and (min-width: 1024px) { .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link:not(:last-child) { margin-bottom: 1.5625rem; } } @media screen and (min-width: 768px) { .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link:nth-last-child(2) { margin-bottom: 0; } } @media screen and (min-width: 1024px) { .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link { width: 46.15385%; } } .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link .button--alt { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; text-align: left; } @media screen and (min-width: 768px) { .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link .button--alt { font-size: 1.25rem; line-height: 1.4; } } .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link .button--alt.button--arrow { padding-right: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } html[data-whatintent="mouse"] .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link .button--alt.button--arrow { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .slide-links .cc--cta-link-list .cta-link-list .cta-link .button--alt.button--arrow:hover { padding-right: 0; padding-left: 0.625rem; text-decoration: none; } .cc--program-finder .start-over-container { margin-top: 1.875rem; } @media screen and (min-width: 1024px) { .cc--program-finder .start-over-container { margin-top: 0; } } .cc--program-finder .start-over-container .start-over-button { font-size: 1rem; line-height: 1.375; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #FFF; } .cc--program-finder .start-over-container .start-over-button svg { margin-left: 0.625rem; width: 1rem; height: 1rem; fill: #FFF; } html[data-whatintent="mouse"] .cc--program-finder .start-over-container .start-over-button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--program-finder .start-over-container .start-over-button:hover { color: #FFF; text-decoration: underline; } html[data-whatintent="mouse"] .cc--program-finder .start-over-container .start-over-button:hover svg { width: 1rem; } .cc--program-finder.overlay-red .bg-image::after { background-color: #C03; } .cc--promo-50-50 { position: relative; clear: both; } .cc--promo-50-50.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--promo-50-50.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--promo-50-50.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--promo-50-50.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--promo-50-50.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--promo-50-50.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--promo-50-50.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--promo-50-50.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--promo-50-50.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--promo-50-50.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--promo-50-50.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--promo-50-50.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--promo-50-50.color-white .f--link .button, .cc--promo-50-50.color-light-gray .f--link .button { background-color: transparent; } .cc--promo-50-50.color-white .f--link .button:hover, .cc--promo-50-50.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--promo-50-50.color-pale-teal .f--link .button, .cc--promo-50-50.color-pale-yellow .f--link .button, .cc--promo-50-50.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--promo-50-50.color-pale-teal .f--link .button, .cc--promo-50-50.color-pale-yellow .f--link .button, .cc--promo-50-50.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--promo-50-50.color-black .f--description, .cc--promo-50-50.color-black .f--text, .cc--promo-50-50.color-black .f--category, .cc--promo-50-50.color-blue .f--description, .cc--promo-50-50.color-blue .f--text, .cc--promo-50-50.color-blue .f--category, .cc--promo-50-50.color-dark-gray .f--description, .cc--promo-50-50.color-dark-gray .f--text, .cc--promo-50-50.color-dark-gray .f--category, .cc--promo-50-50.color-red .f--description, .cc--promo-50-50.color-red .f--text, .cc--promo-50-50.color-red .f--category, .cc--promo-50-50.color-teal .f--description, .cc--promo-50-50.color-teal .f--text, .cc--promo-50-50.color-teal .f--category { color: #FFF; } .cc--promo-50-50.color-black .f--description p, .cc--promo-50-50.color-black .f--description li, .cc--promo-50-50.color-black .f--description a, .cc--promo-50-50.color-black .f--text p, .cc--promo-50-50.color-black .f--text li, .cc--promo-50-50.color-black .f--text a, .cc--promo-50-50.color-black .f--category p, .cc--promo-50-50.color-black .f--category li, .cc--promo-50-50.color-black .f--category a, .cc--promo-50-50.color-blue .f--description p, .cc--promo-50-50.color-blue .f--description li, .cc--promo-50-50.color-blue .f--description a, .cc--promo-50-50.color-blue .f--text p, .cc--promo-50-50.color-blue .f--text li, .cc--promo-50-50.color-blue .f--text a, .cc--promo-50-50.color-blue .f--category p, .cc--promo-50-50.color-blue .f--category li, .cc--promo-50-50.color-blue .f--category a, .cc--promo-50-50.color-dark-gray .f--description p, .cc--promo-50-50.color-dark-gray .f--description li, .cc--promo-50-50.color-dark-gray .f--description a, .cc--promo-50-50.color-dark-gray .f--text p, .cc--promo-50-50.color-dark-gray .f--text li, .cc--promo-50-50.color-dark-gray .f--text a, .cc--promo-50-50.color-dark-gray .f--category p, .cc--promo-50-50.color-dark-gray .f--category li, .cc--promo-50-50.color-dark-gray .f--category a, .cc--promo-50-50.color-red .f--description p, .cc--promo-50-50.color-red .f--description li, .cc--promo-50-50.color-red .f--description a, .cc--promo-50-50.color-red .f--text p, .cc--promo-50-50.color-red .f--text li, .cc--promo-50-50.color-red .f--text a, .cc--promo-50-50.color-red .f--category p, .cc--promo-50-50.color-red .f--category li, .cc--promo-50-50.color-red .f--category a, .cc--promo-50-50.color-teal .f--description p, .cc--promo-50-50.color-teal .f--description li, .cc--promo-50-50.color-teal .f--description a, .cc--promo-50-50.color-teal .f--text p, .cc--promo-50-50.color-teal .f--text li, .cc--promo-50-50.color-teal .f--text a, .cc--promo-50-50.color-teal .f--category p, .cc--promo-50-50.color-teal .f--category li, .cc--promo-50-50.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--description a, html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--text a, html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--category a, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--description a, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--text a, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--category a, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--description a, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--text a, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--category a, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--description a, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--text a, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--category a:hover { color: #FFF; } .cc--promo-50-50.color-black .f--section-title h2, .cc--promo-50-50.color-blue .f--section-title h2, .cc--promo-50-50.color-dark-gray .f--section-title h2, .cc--promo-50-50.color-red .f--section-title h2, .cc--promo-50-50.color-teal .f--section-title h2 { color: #FFF; } .cc--promo-50-50.color-black .f--section-title h2 a, .cc--promo-50-50.color-blue .f--section-title h2 a, .cc--promo-50-50.color-dark-gray .f--section-title h2 a, .cc--promo-50-50.color-red .f--section-title h2 a, .cc--promo-50-50.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--promo-50-50.color-black .f--sub-title h3, .cc--promo-50-50.color-blue .f--sub-title h3, .cc--promo-50-50.color-dark-gray .f--sub-title h3, .cc--promo-50-50.color-red .f--sub-title h3, .cc--promo-50-50.color-teal .f--sub-title h3 { color: #FFF; } .cc--promo-50-50.color-black .f--sub-title h3 a, .cc--promo-50-50.color-blue .f--sub-title h3 a, .cc--promo-50-50.color-dark-gray .f--sub-title h3 a, .cc--promo-50-50.color-red .f--sub-title h3 a, .cc--promo-50-50.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--promo-50-50.color-black .f--page-title h1, .cc--promo-50-50.color-blue .f--page-title h1, .cc--promo-50-50.color-dark-gray .f--page-title h1, .cc--promo-50-50.color-red .f--page-title h1, .cc--promo-50-50.color-teal .f--page-title h1 { color: #FFF; } .cc--promo-50-50.color-black .stat-item .f--text, .cc--promo-50-50.color-black .stat-item .f--stat-prefix, .cc--promo-50-50.color-black .stat-item .f--stat-suffix, .cc--promo-50-50.color-blue .stat-item .f--text, .cc--promo-50-50.color-blue .stat-item .f--stat-prefix, .cc--promo-50-50.color-blue .stat-item .f--stat-suffix, .cc--promo-50-50.color-dark-gray .stat-item .f--text, .cc--promo-50-50.color-dark-gray .stat-item .f--stat-prefix, .cc--promo-50-50.color-dark-gray .stat-item .f--stat-suffix, .cc--promo-50-50.color-red .stat-item .f--text, .cc--promo-50-50.color-red .stat-item .f--stat-prefix, .cc--promo-50-50.color-red .stat-item .f--stat-suffix, .cc--promo-50-50.color-teal .stat-item .f--text, .cc--promo-50-50.color-teal .stat-item .f--stat-prefix, .cc--promo-50-50.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--promo-50-50.color-black .f--stat-subheading, .cc--promo-50-50.color-black .f--description, .cc--promo-50-50.color-black .f--stat-headline, .cc--promo-50-50.color-blue .f--stat-subheading, .cc--promo-50-50.color-blue .f--description, .cc--promo-50-50.color-blue .f--stat-headline, .cc--promo-50-50.color-dark-gray .f--stat-subheading, .cc--promo-50-50.color-dark-gray .f--description, .cc--promo-50-50.color-dark-gray .f--stat-headline, .cc--promo-50-50.color-red .f--stat-subheading, .cc--promo-50-50.color-red .f--description, .cc--promo-50-50.color-red .f--stat-headline, .cc--promo-50-50.color-teal .f--stat-subheading, .cc--promo-50-50.color-teal .f--description, .cc--promo-50-50.color-teal .f--stat-headline { color: #FFF; } .cc--promo-50-50.color-black .f--link .button, .cc--promo-50-50.color-blue .f--link .button, .cc--promo-50-50.color-dark-gray .f--link .button, .cc--promo-50-50.color-red .f--link .button, .cc--promo-50-50.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--promo-50-50.color-black .f--link .button, .cc--promo-50-50.color-blue .f--link .button, .cc--promo-50-50.color-dark-gray .f--link .button, .cc--promo-50-50.color-red .f--link .button, .cc--promo-50-50.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--link .button, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--promo-50-50.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--promo-50-50.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--promo-50-50.color-black .swiper-button-prev svg, .cc--promo-50-50.color-black .swiper-button-next svg, .cc--promo-50-50.color-blue .swiper-button-prev svg, .cc--promo-50-50.color-blue .swiper-button-next svg, .cc--promo-50-50.color-dark-gray .swiper-button-prev svg, .cc--promo-50-50.color-dark-gray .swiper-button-next svg, .cc--promo-50-50.color-red .swiper-button-prev svg, .cc--promo-50-50.color-red .swiper-button-next svg, .cc--promo-50-50.color-teal .swiper-button-prev svg, .cc--promo-50-50.color-teal .swiper-button-next svg { fill: #FFF; } .cc--promo-50-50.color-black .swiper-button-wrapper::before, .cc--promo-50-50.color-blue .swiper-button-wrapper::before, .cc--promo-50-50.color-dark-gray .swiper-button-wrapper::before, .cc--promo-50-50.color-red .swiper-button-wrapper::before, .cc--promo-50-50.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--promo-50-50.color-black .swiper-pagination-bullet, .cc--promo-50-50.color-blue .swiper-pagination-bullet, .cc--promo-50-50.color-dark-gray .swiper-pagination-bullet, .cc--promo-50-50.color-red .swiper-pagination-bullet, .cc--promo-50-50.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--promo-50-50.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--promo-50-50.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--promo-50-50.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--promo-50-50.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--promo-50-50.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--promo-50-50.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--promo-50-50.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--promo-50-50.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--promo-50-50.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--promo-50-50.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--promo-50-50.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--promo-50-50.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--promo-50-50.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--promo-50-50.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--promo-50-50.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--promo-50-50.color-black .cc--user-choice-vertical-slide h2, .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide h2, .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--promo-50-50.color-red .cc--user-choice-vertical-slide h2, .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--promo-50-50.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--promo-50-50.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--promo-50-50.color-black .cc--user-choice-vertical-slide .f--description p, .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--promo-50-50.color-red .cc--user-choice-vertical-slide .f--description p, .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--promo-50-50.color-black .cc--user-choice-vertical-slide .f--link a, .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--promo-50-50.color-red .cc--user-choice-vertical-slide .f--link a, .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--promo-50-50.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--promo-50-50.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-50-50.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--promo-50-50.color-black .cc--user-choice-vertical-slide .icon-close, .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--promo-50-50.color-red .cc--user-choice-vertical-slide .icon-close, .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--promo-50-50.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--promo-50-50.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--promo-50-50.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--promo-50-50.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--promo-50-50.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--promo-50-50.color-pale-yellow { background-color: #FCE488; } .cc--promo-50-50.color-pale-teal { background-color: #87C3BE; } .cc--promo-50-50.color-pale-blue { background-color: #92D6E3; } .cc--promo-50-50.color-black .cta-link-list .f--link .button--alt, .cc--promo-50-50.color-blue .cta-link-list .f--link .button--alt, .cc--promo-50-50.color-dark-gray .cta-link-list .f--link .button--alt, .cc--promo-50-50.color-red .cta-link-list .f--link .button--alt, .cc--promo-50-50.color-teal .cta-link-list .f--link .button--alt { color: #FFF; } .cc--promo-50-50.color-black .cta-link-list .f--link .button--alt svg, .cc--promo-50-50.color-blue .cta-link-list .f--link .button--alt svg, .cc--promo-50-50.color-dark-gray .cta-link-list .f--link .button--alt svg, .cc--promo-50-50.color-red .cta-link-list .f--link .button--alt svg, .cc--promo-50-50.color-teal .cta-link-list .f--link .button--alt svg { fill: #FFF; } .cc--promo-50-50.color-black .cta-link-list .f--link .button--alt:hover, .cc--promo-50-50.color-blue .cta-link-list .f--link .button--alt:hover, .cc--promo-50-50.color-dark-gray .cta-link-list .f--link .button--alt:hover, .cc--promo-50-50.color-red .cta-link-list .f--link .button--alt:hover, .cc--promo-50-50.color-teal .cta-link-list .f--link .button--alt:hover { color: #FFF; text-decoration: underline; } .cc--promo-50-50.color-black .cta-link-list .f--link .button--alt.button--arrow, .cc--promo-50-50.color-black .cta-link-list .f--link .button--alt.button--external, .cc--promo-50-50.color-blue .cta-link-list .f--link .button--alt.button--arrow, .cc--promo-50-50.color-blue .cta-link-list .f--link .button--alt.button--external, .cc--promo-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow, .cc--promo-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--external, .cc--promo-50-50.color-red .cta-link-list .f--link .button--alt.button--arrow, .cc--promo-50-50.color-red .cta-link-list .f--link .button--alt.button--external, .cc--promo-50-50.color-teal .cta-link-list .f--link .button--alt.button--arrow, .cc--promo-50-50.color-teal .cta-link-list .f--link .button--alt.button--external { color: #FFF; } .cc--promo-50-50.color-black .cta-link-list .f--link .button--alt.button--arrow svg, .cc--promo-50-50.color-black .cta-link-list .f--link .button--alt.button--external svg, .cc--promo-50-50.color-blue .cta-link-list .f--link .button--alt.button--arrow svg, .cc--promo-50-50.color-blue .cta-link-list .f--link .button--alt.button--external svg, .cc--promo-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow svg, .cc--promo-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--external svg, .cc--promo-50-50.color-red .cta-link-list .f--link .button--alt.button--arrow svg, .cc--promo-50-50.color-red .cta-link-list .f--link .button--alt.button--external svg, .cc--promo-50-50.color-teal .cta-link-list .f--link .button--alt.button--arrow svg, .cc--promo-50-50.color-teal .cta-link-list .f--link .button--alt.button--external svg { fill: #FFF; } .cc--promo-50-50.color-black .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--promo-50-50.color-black .cta-link-list .f--link .button--alt.button--external:hover, .cc--promo-50-50.color-blue .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--promo-50-50.color-blue .cta-link-list .f--link .button--alt.button--external:hover, .cc--promo-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--promo-50-50.color-dark-gray .cta-link-list .f--link .button--alt.button--external:hover, .cc--promo-50-50.color-red .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--promo-50-50.color-red .cta-link-list .f--link .button--alt.button--external:hover, .cc--promo-50-50.color-teal .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--promo-50-50.color-teal .cta-link-list .f--link .button--alt.button--external:hover { color: #FFF; text-decoration: underline; } @media screen and (min-width: 768px) { .cc--promo-50-50.reversed .fifty-fifty-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 1440px) { .cc--promo-50-50.reversed .fifty-fifty-wrapper .text-container .text-container-inner { margin-right: calc((100vw - 1440px) / 2); margin-left: 0; max-width: 100%; } } .cc--promo-50-50 .image-container { padding-bottom: 50%; } @media screen and (min-width: 768px) { .cc--promo-50-50 .f--category { margin-bottom: 0.9375rem; } } .cc--promo-50-50 .f--section-title h2 { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--promo-50-50 .f--section-title h2 { margin-bottom: 2.5rem; } } .cc--promo-50-50 .f--link a:not(.button--arrow) { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--promo-50-50 .f--link a:not(.button--arrow) { margin-top: 2.5rem; } } @media screen and (min-width: 768px) { .cc--promo-50-50 .fifty-fifty-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cc--promo-50-50 .fifty-fifty-wrapper .text-container { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; position: relative; height: auto; } @media screen and (min-width: 768px) { .cc--promo-50-50 .fifty-fifty-wrapper .text-container { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; } } @media screen and (min-width: 1024px) { .cc--promo-50-50 .fifty-fifty-wrapper .text-container { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 1440px) { .cc--promo-50-50 .fifty-fifty-wrapper .text-container { padding-right: calc(((100vw - (100vw - 1440px)) / 50) * 2); padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 2); } } @media screen and (min-width: 1440px) { .cc--promo-50-50 .fifty-fifty-wrapper .text-container .text-container-inner { margin-left: calc((100vw - 1440px) / 2); max-width: 100%; } } .cc--promo-50-50 .fifty-fifty-wrapper .text-container .f--description { font-size: 1rem; line-height: 1.75; color: #444; } @media screen and (min-width: 768px) { .cc--promo-50-50 .fifty-fifty-wrapper .text-container .f--description { font-size: 1.125rem; line-height: 1.7778; } } .cc--promo-50-50 .fifty-fifty-wrapper .image-video-container { position: relative; height: 20rem; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } .cc--promo-50-50 .fifty-fifty-wrapper .image-video-container::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -0.78125rem; width: 1.5625rem; height: 1.5625rem; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); background-color: #FFF; content: ''; } @media screen and (min-width: 768px) { .cc--promo-50-50 .fifty-fifty-wrapper .image-video-container::after { display: none; } } @media screen and (min-width: 768px) { .cc--promo-50-50 .fifty-fifty-wrapper .image-video-container { width: 50%; height: auto; min-height: 42.1875rem; } } .cc--promo-50-50.color-black .image-video-container::after { background-color: #000; } .cc--promo-50-50.color-blue .image-video-container::after { background-color: #007FAC; } .cc--promo-50-50.color-dark-gray .image-video-container::after { background-color: #222; } .cc--promo-50-50.color-light-gray .image-video-container::after { background-color: #EFEFEF; } .cc--promo-50-50.color-red .image-video-container::after { background-color: #C03; } .cc--promo-50-50.color-teal .image-video-container::after { background-color: #00626D; } .cc--promo-photo-2col .c--promo-photo-2col { padding-top: 3.125rem; padding-bottom: 3.125rem; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .c--promo-photo-2col { padding-top: 5rem; padding-bottom: 0; } } .cc--promo-photo-2col .inner-wrapper { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .inner-wrapper > .f--section-title { opacity: 0; } } .cc--promo-photo-2col .f--section-title h2 { margin-bottom: 0.625rem; padding-right: 8%; padding-left: 8%; text-align: center; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .f--section-title h2 { margin-bottom: 1.375rem; padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--promo-photo-2col .f--section-title h2 { padding-right: 20%; padding-left: 20%; } } @media screen and (min-width: 768px) { .cc--promo-photo-2col .two-col-photo-feature-wrapper { padding-right: 4%; 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--promo-photo-2col .profile-image-wrapper { position: relative; width: 58.33333%; } } @media screen and (min-width: 768px) { .cc--promo-photo-2col .profile-image-wrapper-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: -webkit-sticky; position: sticky; top: 9.375rem; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: calc(100vh - 9.375rem); z-index: 1; } } @media screen and (min-width: 1024px) { .secondary-nav-visible .cc--promo-photo-2col .profile-image-wrapper-inner { top: 8.4375rem; } } .cc--promo-photo-2col .profile-image-wrapper-inner > .f--section-title { display: none; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .profile-image-wrapper-inner > .f--section-title { display: block; position: absolute; top: 0; left: 0; width: 100vw; -webkit-transform: translateY(-100%); transform: translateY(-100%); background: #FFF; text-align: center; z-index: 1; } } @media screen and (min-width: 1440px) { .cc--promo-photo-2col .profile-image-wrapper-inner > .f--section-title { left: calc(((100vw - 1440px) / -2)); } } .cc--promo-photo-2col .profile-image-wrapper .image-container { padding-top: 100%; position: relative; background-repeat: no-repeat; background-position: right top; background-size: cover; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .profile-image-wrapper .image-container { padding-top: 0; width: 100%; height: 100%; } } .cc--promo-photo-2col .profile-image-wrapper .profile-cta { padding-top: 0.9375rem; padding-right: 8%; padding-bottom: 0.9375rem; padding-left: 8%; background-color: #000; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .profile-image-wrapper .profile-cta-wrapper { position: absolute; bottom: 7rem; left: 0; width: 57.14286%; overflow: hidden; } } @media screen and (min-width: 768px) { .cc--promo-photo-2col .profile-image-wrapper .profile-cta { position: static; width: 100%; margin-left: -0.0625rem; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .cc--promo-photo-2col .profile-image-wrapper .profile-cta a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; } .cc--promo-photo-2col .profile-image-wrapper .profile-cta a:focus { text-decoration: underline; -webkit-text-decoration-color: #FFF; text-decoration-color: #FFF; } .cc--promo-photo-2col .profile-image-wrapper .profile-cta a:focus .icon-wrapper svg { left: 0.625rem; } html[data-whatintent="mouse"] .cc--promo-photo-2col .profile-image-wrapper .profile-cta a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--promo-photo-2col .profile-image-wrapper .profile-cta a:hover { text-decoration: underline; -webkit-text-decoration-color: #FFF; text-decoration-color: #FFF; } html[data-whatintent="mouse"] .cc--promo-photo-2col .profile-image-wrapper .profile-cta a:hover .icon-wrapper svg { left: 0.625rem; } .cc--promo-photo-2col .profile-image-wrapper .profile-cta a .icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1.625rem; } .cc--promo-photo-2col .profile-image-wrapper .profile-cta a .icon-wrapper svg { position: relative; left: 0; -ms-flex-item-align: center; align-self: center; width: 1rem; height: 1rem; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; fill: #EBB600; } .cc--promo-photo-2col .profile-image-wrapper .profile-cta .f--section-title h2 { font-size: 1rem; line-height: 1.5; margin-bottom: 0.625rem; padding-right: 0; padding-left: 0; color: #FFF; text-align: left; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .profile-image-wrapper .profile-cta .f--section-title h2 { font-size: 1.25rem; line-height: 1.2; } } .cc--promo-photo-2col .profile-image-wrapper .profile-cta .f--text { font-size: 0.75rem; line-height: 1.3334; color: #FFF; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .profile-image-wrapper .profile-cta .f--text { font-size: 0.875rem; line-height: 1.4286; } } .cc--promo-photo-2col .text-container { padding-top: 1.875rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .text-container { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 37.5%; } } @media screen and (min-width: 768px) { .cc--promo-photo-2col .text-container { padding-bottom: 5rem; position: relative; } } .cc--promo-photo-2col .text-container .animation-anchor { display: none; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .text-container .animation-anchor { display: block; position: absolute; top: 6.25rem; left: 0; } } .cc--promo-photo-2col .text-container .keyword { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .text-container .keyword { margin-top: -12.5rem; margin-bottom: 3.125rem; padding-top: 12.5rem; } } @media screen and (min-width: 1024px) { .cc--promo-photo-2col .text-container .keyword { margin-bottom: 3.75rem; } } .cc--promo-photo-2col .text-container .keyword:last-child { margin-bottom: 0; } .cc--promo-photo-2col .text-container .f--sub-title h3 { font-size: 1.5rem; line-height: 1; margin-bottom: 1.25rem; display: inline-block; position: relative; } .cc--promo-photo-2col .text-container .f--sub-title h3::before { background-color: #EBB600; bottom: 0; content: ""; height: 0.375rem; left: 0; position: absolute; width: 100%; z-index: -1; } @media screen and (min-width: 768px) { .cc--promo-photo-2col .text-container .f--sub-title h3::before { bottom: -0.0625rem; height: 0.9375rem; } } @media screen and (min-width: 1200px) { .cc--promo-photo-2col .text-container .f--sub-title h3::before { bottom: 0.125rem; } } @media screen and (min-width: 1024px) { .cc--promo-photo-2col .text-container .f--sub-title h3::before { display: none; } } .cc--promo-photo-2col .text-container .f--sub-title h3 .before { position: absolute; bottom: 0; left: 0; width: 0; height: 0.9375rem; background-color: #EBB600; content: ''; z-index: -1; } @media screen and (min-width: 1200px) { .cc--promo-photo-2col .text-container .f--sub-title h3 .before { bottom: 0.125rem; } } @media screen and (min-width: 768px) { .cc--promo-photo-2col .text-container .f--sub-title h3 { font-size: 2.75rem; line-height: 1; margin-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .cc--promo-photo-2col .text-container .f--sub-title h3 { font-size: 3.5rem; line-height: 1; } } @media screen and (min-width: 768px) { .cc--promo-photo-2col.reversed .two-col-photo-feature-wrapper { padding-right: 0; padding-left: 4%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 768px) { .cc--promo-photo-2col.reversed .profile-image-wrapper .profile-cta { right: 0; left: auto; } } @media screen and (min-width: 1024px) { .cc--promo-photo-2col.reversed .profile-image-wrapper-inner > .f--section-title { right: 0; left: auto; } } @media screen and (min-width: 1440px) { .cc--promo-photo-2col.reversed .profile-image-wrapper-inner > .f--section-title { right: calc(((100vw - 1440px) / -2)); left: auto; } } @media screen and (min-width: 768px) { .cc--promo-photo-2col.reversed .profile-image-wrapper .image-container { background-position: left top; } } .cc--related-content.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--related-content.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--related-content.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--related-content.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--related-content.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--related-content.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--related-content.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--related-content.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--related-content.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--related-content.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--related-content.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--related-content.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--related-content.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--related-content.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--related-content.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--related-content.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--related-content.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--related-content.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--related-content.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--related-content.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--related-content.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--related-content.color-white .f--link .button, .cc--related-content.color-light-gray .f--link .button { background-color: transparent; } .cc--related-content.color-white .f--link .button:hover, .cc--related-content.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--related-content.color-pale-teal .f--link .button, .cc--related-content.color-pale-yellow .f--link .button, .cc--related-content.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--related-content.color-pale-teal .f--link .button, .cc--related-content.color-pale-yellow .f--link .button, .cc--related-content.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--related-content.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--related-content.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--related-content.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--related-content.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-content.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-content.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-content.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-content.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--related-content.color-black .f--description, .cc--related-content.color-black .f--text, .cc--related-content.color-black .f--category, .cc--related-content.color-blue .f--description, .cc--related-content.color-blue .f--text, .cc--related-content.color-blue .f--category, .cc--related-content.color-dark-gray .f--description, .cc--related-content.color-dark-gray .f--text, .cc--related-content.color-dark-gray .f--category, .cc--related-content.color-red .f--description, .cc--related-content.color-red .f--text, .cc--related-content.color-red .f--category, .cc--related-content.color-teal .f--description, .cc--related-content.color-teal .f--text, .cc--related-content.color-teal .f--category { color: #FFF; } .cc--related-content.color-black .f--description p, .cc--related-content.color-black .f--description li, .cc--related-content.color-black .f--description a, .cc--related-content.color-black .f--text p, .cc--related-content.color-black .f--text li, .cc--related-content.color-black .f--text a, .cc--related-content.color-black .f--category p, .cc--related-content.color-black .f--category li, .cc--related-content.color-black .f--category a, .cc--related-content.color-blue .f--description p, .cc--related-content.color-blue .f--description li, .cc--related-content.color-blue .f--description a, .cc--related-content.color-blue .f--text p, .cc--related-content.color-blue .f--text li, .cc--related-content.color-blue .f--text a, .cc--related-content.color-blue .f--category p, .cc--related-content.color-blue .f--category li, .cc--related-content.color-blue .f--category a, .cc--related-content.color-dark-gray .f--description p, .cc--related-content.color-dark-gray .f--description li, .cc--related-content.color-dark-gray .f--description a, .cc--related-content.color-dark-gray .f--text p, .cc--related-content.color-dark-gray .f--text li, .cc--related-content.color-dark-gray .f--text a, .cc--related-content.color-dark-gray .f--category p, .cc--related-content.color-dark-gray .f--category li, .cc--related-content.color-dark-gray .f--category a, .cc--related-content.color-red .f--description p, .cc--related-content.color-red .f--description li, .cc--related-content.color-red .f--description a, .cc--related-content.color-red .f--text p, .cc--related-content.color-red .f--text li, .cc--related-content.color-red .f--text a, .cc--related-content.color-red .f--category p, .cc--related-content.color-red .f--category li, .cc--related-content.color-red .f--category a, .cc--related-content.color-teal .f--description p, .cc--related-content.color-teal .f--description li, .cc--related-content.color-teal .f--description a, .cc--related-content.color-teal .f--text p, .cc--related-content.color-teal .f--text li, .cc--related-content.color-teal .f--text a, .cc--related-content.color-teal .f--category p, .cc--related-content.color-teal .f--category li, .cc--related-content.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--description a, html[data-whatintent="mouse"] .cc--related-content.color-black .f--text a, html[data-whatintent="mouse"] .cc--related-content.color-black .f--category a, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--description a, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--text a, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--category a, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--related-content.color-red .f--description a, html[data-whatintent="mouse"] .cc--related-content.color-red .f--text a, html[data-whatintent="mouse"] .cc--related-content.color-red .f--category a, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--description a, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--text a, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--related-content.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--related-content.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--related-content.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--related-content.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--related-content.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--category a:hover { color: #FFF; } .cc--related-content.color-black .f--section-title h2, .cc--related-content.color-blue .f--section-title h2, .cc--related-content.color-dark-gray .f--section-title h2, .cc--related-content.color-red .f--section-title h2, .cc--related-content.color-teal .f--section-title h2 { color: #FFF; } .cc--related-content.color-black .f--section-title h2 a, .cc--related-content.color-blue .f--section-title h2 a, .cc--related-content.color-dark-gray .f--section-title h2 a, .cc--related-content.color-red .f--section-title h2 a, .cc--related-content.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-content.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-content.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--related-content.color-black .f--sub-title h3, .cc--related-content.color-blue .f--sub-title h3, .cc--related-content.color-dark-gray .f--sub-title h3, .cc--related-content.color-red .f--sub-title h3, .cc--related-content.color-teal .f--sub-title h3 { color: #FFF; } .cc--related-content.color-black .f--sub-title h3 a, .cc--related-content.color-blue .f--sub-title h3 a, .cc--related-content.color-dark-gray .f--sub-title h3 a, .cc--related-content.color-red .f--sub-title h3 a, .cc--related-content.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-content.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-content.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--related-content.color-black .f--page-title h1, .cc--related-content.color-blue .f--page-title h1, .cc--related-content.color-dark-gray .f--page-title h1, .cc--related-content.color-red .f--page-title h1, .cc--related-content.color-teal .f--page-title h1 { color: #FFF; } .cc--related-content.color-black .stat-item .f--text, .cc--related-content.color-black .stat-item .f--stat-prefix, .cc--related-content.color-black .stat-item .f--stat-suffix, .cc--related-content.color-blue .stat-item .f--text, .cc--related-content.color-blue .stat-item .f--stat-prefix, .cc--related-content.color-blue .stat-item .f--stat-suffix, .cc--related-content.color-dark-gray .stat-item .f--text, .cc--related-content.color-dark-gray .stat-item .f--stat-prefix, .cc--related-content.color-dark-gray .stat-item .f--stat-suffix, .cc--related-content.color-red .stat-item .f--text, .cc--related-content.color-red .stat-item .f--stat-prefix, .cc--related-content.color-red .stat-item .f--stat-suffix, .cc--related-content.color-teal .stat-item .f--text, .cc--related-content.color-teal .stat-item .f--stat-prefix, .cc--related-content.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--related-content.color-black .f--stat-subheading, .cc--related-content.color-black .f--description, .cc--related-content.color-black .f--stat-headline, .cc--related-content.color-blue .f--stat-subheading, .cc--related-content.color-blue .f--description, .cc--related-content.color-blue .f--stat-headline, .cc--related-content.color-dark-gray .f--stat-subheading, .cc--related-content.color-dark-gray .f--description, .cc--related-content.color-dark-gray .f--stat-headline, .cc--related-content.color-red .f--stat-subheading, .cc--related-content.color-red .f--description, .cc--related-content.color-red .f--stat-headline, .cc--related-content.color-teal .f--stat-subheading, .cc--related-content.color-teal .f--description, .cc--related-content.color-teal .f--stat-headline { color: #FFF; } .cc--related-content.color-black .f--link .button, .cc--related-content.color-blue .f--link .button, .cc--related-content.color-dark-gray .f--link .button, .cc--related-content.color-red .f--link .button, .cc--related-content.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--related-content.color-black .f--link .button, .cc--related-content.color-blue .f--link .button, .cc--related-content.color-dark-gray .f--link .button, .cc--related-content.color-red .f--link .button, .cc--related-content.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--related-content.color-black .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-red .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-red .f--link .button, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-content.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-content.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-content.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-content.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--related-content.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-content.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--related-content.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-content.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--related-content.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-content.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--related-content.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-content.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-content.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-content.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-content.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-content.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-content.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-content.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-content.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--related-content.color-black .swiper-button-prev svg, .cc--related-content.color-black .swiper-button-next svg, .cc--related-content.color-blue .swiper-button-prev svg, .cc--related-content.color-blue .swiper-button-next svg, .cc--related-content.color-dark-gray .swiper-button-prev svg, .cc--related-content.color-dark-gray .swiper-button-next svg, .cc--related-content.color-red .swiper-button-prev svg, .cc--related-content.color-red .swiper-button-next svg, .cc--related-content.color-teal .swiper-button-prev svg, .cc--related-content.color-teal .swiper-button-next svg { fill: #FFF; } .cc--related-content.color-black .swiper-button-wrapper::before, .cc--related-content.color-blue .swiper-button-wrapper::before, .cc--related-content.color-dark-gray .swiper-button-wrapper::before, .cc--related-content.color-red .swiper-button-wrapper::before, .cc--related-content.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--related-content.color-black .swiper-pagination-bullet, .cc--related-content.color-blue .swiper-pagination-bullet, .cc--related-content.color-dark-gray .swiper-pagination-bullet, .cc--related-content.color-red .swiper-pagination-bullet, .cc--related-content.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--related-content.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-content.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-content.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-content.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-content.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--related-content.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-content.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-content.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-content.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-content.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--related-content.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-content.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-content.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-content.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-content.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--related-content.color-black .cc--user-choice-vertical-slide h2, .cc--related-content.color-blue .cc--user-choice-vertical-slide h2, .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--related-content.color-red .cc--user-choice-vertical-slide h2, .cc--related-content.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--related-content.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--related-content.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--related-content.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--related-content.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--related-content.color-black .cc--user-choice-vertical-slide .f--description p, .cc--related-content.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--related-content.color-red .cc--user-choice-vertical-slide .f--description p, .cc--related-content.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--related-content.color-black .cc--user-choice-vertical-slide .f--link a, .cc--related-content.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--related-content.color-red .cc--user-choice-vertical-slide .f--link a, .cc--related-content.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--related-content.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--related-content.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--related-content.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--related-content.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--related-content.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-content.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-content.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-content.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-content.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-content.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-content.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-content.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--related-content.color-black .cc--user-choice-vertical-slide .icon-close, .cc--related-content.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--related-content.color-red .cc--user-choice-vertical-slide .icon-close, .cc--related-content.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--related-content.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--related-content.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--related-content.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--related-content.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--related-content.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--related-content.color-pale-yellow { background-color: #FCE488; } .cc--related-content.color-pale-teal { background-color: #87C3BE; } .cc--related-content.color-pale-blue { background-color: #92D6E3; } .cc--related-content .c--related-content { max-width: 1440px; margin: 0 auto; } .cc--related-content .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--related-content .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--related-content .inner-wrapper .title-cta .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.875rem; text-align: left; } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .title-cta .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--related-content .inner-wrapper .title-cta .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; margin-bottom: 3.125rem; } } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--related-content .inner-wrapper .news-list .cc--news-card { margin-bottom: 1.875rem; } .cc--related-content .inner-wrapper .news-list .cc--news-card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .news-list .cc--news-card:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .news-list .cc--news-card:nth-child(3n+1):nth-last-child(-n+3), .cc--related-content .inner-wrapper .news-list .cc--news-card:nth-child(3n+1):nth-last-child(-n+3) ~ article { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .news-list .cc--news-card { margin-right: 4.34783%; margin-bottom: 3.125rem; width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--related-content .inner-wrapper .news-list .cc--news-card { margin-bottom: 3.75rem; } } @media screen and (min-width: 500px) { .cc--related-content .inner-wrapper .news-list .cc--news-card .c--news-card { overflow: hidden; } } .cc--related-content .inner-wrapper .news-list .cc--news-card .c--news-card .f--image { display: block; } @media screen and (min-width: 500px) { .cc--related-content .inner-wrapper .news-list .cc--news-card .c--news-card .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .news-list .cc--news-card .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--related-content .inner-wrapper .news-list .cc--news-card .f--sub-title { margin-bottom: 0; } .cc--related-content .inner-wrapper .news-list .cc--news-card .f--sub-title h3 { margin-bottom: 0; } .cc--related-content .inner-wrapper .news-list .cc--news-card .f--image { margin-bottom: 1.25rem; } .cc--related-content .inner-wrapper .news-list .cc--news-card .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .news-list .cc--news-card .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } .cc--related-video.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--related-video.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--related-video.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--related-video.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--related-video.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--related-video.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--related-video.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--related-video.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--related-video.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--related-video.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--related-video.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--related-video.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--related-video.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--related-video.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--related-video.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--related-video.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--related-video.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--related-video.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--related-video.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--related-video.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--related-video.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--related-video.color-white .f--link .button, .cc--related-video.color-light-gray .f--link .button { background-color: transparent; } .cc--related-video.color-white .f--link .button:hover, .cc--related-video.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--related-video.color-pale-teal .f--link .button, .cc--related-video.color-pale-yellow .f--link .button, .cc--related-video.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--related-video.color-pale-teal .f--link .button, .cc--related-video.color-pale-yellow .f--link .button, .cc--related-video.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--related-video.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--related-video.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--related-video.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--related-video.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-video.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-video.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-video.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-video.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--related-video.color-black .f--description, .cc--related-video.color-black .f--text, .cc--related-video.color-black .f--category, .cc--related-video.color-blue .f--description, .cc--related-video.color-blue .f--text, .cc--related-video.color-blue .f--category, .cc--related-video.color-dark-gray .f--description, .cc--related-video.color-dark-gray .f--text, .cc--related-video.color-dark-gray .f--category, .cc--related-video.color-red .f--description, .cc--related-video.color-red .f--text, .cc--related-video.color-red .f--category, .cc--related-video.color-teal .f--description, .cc--related-video.color-teal .f--text, .cc--related-video.color-teal .f--category { color: #FFF; } .cc--related-video.color-black .f--description p, .cc--related-video.color-black .f--description li, .cc--related-video.color-black .f--description a, .cc--related-video.color-black .f--text p, .cc--related-video.color-black .f--text li, .cc--related-video.color-black .f--text a, .cc--related-video.color-black .f--category p, .cc--related-video.color-black .f--category li, .cc--related-video.color-black .f--category a, .cc--related-video.color-blue .f--description p, .cc--related-video.color-blue .f--description li, .cc--related-video.color-blue .f--description a, .cc--related-video.color-blue .f--text p, .cc--related-video.color-blue .f--text li, .cc--related-video.color-blue .f--text a, .cc--related-video.color-blue .f--category p, .cc--related-video.color-blue .f--category li, .cc--related-video.color-blue .f--category a, .cc--related-video.color-dark-gray .f--description p, .cc--related-video.color-dark-gray .f--description li, .cc--related-video.color-dark-gray .f--description a, .cc--related-video.color-dark-gray .f--text p, .cc--related-video.color-dark-gray .f--text li, .cc--related-video.color-dark-gray .f--text a, .cc--related-video.color-dark-gray .f--category p, .cc--related-video.color-dark-gray .f--category li, .cc--related-video.color-dark-gray .f--category a, .cc--related-video.color-red .f--description p, .cc--related-video.color-red .f--description li, .cc--related-video.color-red .f--description a, .cc--related-video.color-red .f--text p, .cc--related-video.color-red .f--text li, .cc--related-video.color-red .f--text a, .cc--related-video.color-red .f--category p, .cc--related-video.color-red .f--category li, .cc--related-video.color-red .f--category a, .cc--related-video.color-teal .f--description p, .cc--related-video.color-teal .f--description li, .cc--related-video.color-teal .f--description a, .cc--related-video.color-teal .f--text p, .cc--related-video.color-teal .f--text li, .cc--related-video.color-teal .f--text a, .cc--related-video.color-teal .f--category p, .cc--related-video.color-teal .f--category li, .cc--related-video.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--description a, html[data-whatintent="mouse"] .cc--related-video.color-black .f--text a, html[data-whatintent="mouse"] .cc--related-video.color-black .f--category a, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--description a, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--text a, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--category a, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--related-video.color-red .f--description a, html[data-whatintent="mouse"] .cc--related-video.color-red .f--text a, html[data-whatintent="mouse"] .cc--related-video.color-red .f--category a, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--description a, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--text a, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--related-video.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--related-video.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--related-video.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--related-video.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--related-video.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--category a:hover { color: #FFF; } .cc--related-video.color-black .f--section-title h2, .cc--related-video.color-blue .f--section-title h2, .cc--related-video.color-dark-gray .f--section-title h2, .cc--related-video.color-red .f--section-title h2, .cc--related-video.color-teal .f--section-title h2 { color: #FFF; } .cc--related-video.color-black .f--section-title h2 a, .cc--related-video.color-blue .f--section-title h2 a, .cc--related-video.color-dark-gray .f--section-title h2 a, .cc--related-video.color-red .f--section-title h2 a, .cc--related-video.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-video.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-video.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--related-video.color-black .f--sub-title h3, .cc--related-video.color-blue .f--sub-title h3, .cc--related-video.color-dark-gray .f--sub-title h3, .cc--related-video.color-red .f--sub-title h3, .cc--related-video.color-teal .f--sub-title h3 { color: #FFF; } .cc--related-video.color-black .f--sub-title h3 a, .cc--related-video.color-blue .f--sub-title h3 a, .cc--related-video.color-dark-gray .f--sub-title h3 a, .cc--related-video.color-red .f--sub-title h3 a, .cc--related-video.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-video.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-video.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--related-video.color-black .f--page-title h1, .cc--related-video.color-blue .f--page-title h1, .cc--related-video.color-dark-gray .f--page-title h1, .cc--related-video.color-red .f--page-title h1, .cc--related-video.color-teal .f--page-title h1 { color: #FFF; } .cc--related-video.color-black .stat-item .f--text, .cc--related-video.color-black .stat-item .f--stat-prefix, .cc--related-video.color-black .stat-item .f--stat-suffix, .cc--related-video.color-blue .stat-item .f--text, .cc--related-video.color-blue .stat-item .f--stat-prefix, .cc--related-video.color-blue .stat-item .f--stat-suffix, .cc--related-video.color-dark-gray .stat-item .f--text, .cc--related-video.color-dark-gray .stat-item .f--stat-prefix, .cc--related-video.color-dark-gray .stat-item .f--stat-suffix, .cc--related-video.color-red .stat-item .f--text, .cc--related-video.color-red .stat-item .f--stat-prefix, .cc--related-video.color-red .stat-item .f--stat-suffix, .cc--related-video.color-teal .stat-item .f--text, .cc--related-video.color-teal .stat-item .f--stat-prefix, .cc--related-video.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--related-video.color-black .f--stat-subheading, .cc--related-video.color-black .f--description, .cc--related-video.color-black .f--stat-headline, .cc--related-video.color-blue .f--stat-subheading, .cc--related-video.color-blue .f--description, .cc--related-video.color-blue .f--stat-headline, .cc--related-video.color-dark-gray .f--stat-subheading, .cc--related-video.color-dark-gray .f--description, .cc--related-video.color-dark-gray .f--stat-headline, .cc--related-video.color-red .f--stat-subheading, .cc--related-video.color-red .f--description, .cc--related-video.color-red .f--stat-headline, .cc--related-video.color-teal .f--stat-subheading, .cc--related-video.color-teal .f--description, .cc--related-video.color-teal .f--stat-headline { color: #FFF; } .cc--related-video.color-black .f--link .button, .cc--related-video.color-blue .f--link .button, .cc--related-video.color-dark-gray .f--link .button, .cc--related-video.color-red .f--link .button, .cc--related-video.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--related-video.color-black .f--link .button, .cc--related-video.color-blue .f--link .button, .cc--related-video.color-dark-gray .f--link .button, .cc--related-video.color-red .f--link .button, .cc--related-video.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--related-video.color-black .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-red .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-red .f--link .button, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-video.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-video.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-video.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-video.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--related-video.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-video.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--related-video.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-video.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--related-video.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-video.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--related-video.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-video.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-video.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-video.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-video.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-video.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-video.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-video.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-video.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--related-video.color-black .swiper-button-prev svg, .cc--related-video.color-black .swiper-button-next svg, .cc--related-video.color-blue .swiper-button-prev svg, .cc--related-video.color-blue .swiper-button-next svg, .cc--related-video.color-dark-gray .swiper-button-prev svg, .cc--related-video.color-dark-gray .swiper-button-next svg, .cc--related-video.color-red .swiper-button-prev svg, .cc--related-video.color-red .swiper-button-next svg, .cc--related-video.color-teal .swiper-button-prev svg, .cc--related-video.color-teal .swiper-button-next svg { fill: #FFF; } .cc--related-video.color-black .swiper-button-wrapper::before, .cc--related-video.color-blue .swiper-button-wrapper::before, .cc--related-video.color-dark-gray .swiper-button-wrapper::before, .cc--related-video.color-red .swiper-button-wrapper::before, .cc--related-video.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--related-video.color-black .swiper-pagination-bullet, .cc--related-video.color-blue .swiper-pagination-bullet, .cc--related-video.color-dark-gray .swiper-pagination-bullet, .cc--related-video.color-red .swiper-pagination-bullet, .cc--related-video.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--related-video.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-video.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-video.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-video.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-video.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--related-video.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-video.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-video.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-video.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-video.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--related-video.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-video.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-video.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-video.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-video.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--related-video.color-black .cc--user-choice-vertical-slide h2, .cc--related-video.color-blue .cc--user-choice-vertical-slide h2, .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--related-video.color-red .cc--user-choice-vertical-slide h2, .cc--related-video.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--related-video.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--related-video.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--related-video.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--related-video.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--related-video.color-black .cc--user-choice-vertical-slide .f--description p, .cc--related-video.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--related-video.color-red .cc--user-choice-vertical-slide .f--description p, .cc--related-video.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--related-video.color-black .cc--user-choice-vertical-slide .f--link a, .cc--related-video.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--related-video.color-red .cc--user-choice-vertical-slide .f--link a, .cc--related-video.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--related-video.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--related-video.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--related-video.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--related-video.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--related-video.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-video.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-video.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-video.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-video.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-video.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-video.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-video.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--related-video.color-black .cc--user-choice-vertical-slide .icon-close, .cc--related-video.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--related-video.color-red .cc--user-choice-vertical-slide .icon-close, .cc--related-video.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--related-video.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--related-video.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--related-video.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--related-video.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--related-video.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--related-video.color-pale-yellow { background-color: #FCE488; } .cc--related-video.color-pale-teal { background-color: #87C3BE; } .cc--related-video.color-pale-blue { background-color: #92D6E3; } .cc--related-video .c--related-video { max-width: 1440px; margin: 0 auto; } .cc--related-video .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--related-video .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--related-video .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--related-video .inner-wrapper .title-cta .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.875rem; text-align: left; } @media screen and (min-width: 768px) { .cc--related-video .inner-wrapper .title-cta .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--related-video .inner-wrapper .title-cta .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; margin-bottom: 3.125rem; } } @media screen and (min-width: 768px) { .cc--related-video .inner-wrapper .news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--related-video .inner-wrapper .news-list .cc--news-card-video { margin-bottom: 1.875rem; } .cc--related-video .inner-wrapper .news-list .cc--news-card-video:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--related-video .inner-wrapper .news-list .cc--news-card-video:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--related-video .inner-wrapper .news-list .cc--news-card-video:nth-child(3n+1):nth-last-child(-n+3), .cc--related-video .inner-wrapper .news-list .cc--news-card-video:nth-child(3n+1):nth-last-child(-n+3) ~ article { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--related-video .inner-wrapper .news-list .cc--news-card-video { margin-right: 4.34783%; margin-bottom: 3.125rem; width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--related-video .inner-wrapper .news-list .cc--news-card-video { margin-bottom: 3.75rem; } } @media screen and (min-width: 500px) { .cc--related-video .inner-wrapper .news-list .cc--news-card-video .c--news-card { overflow: hidden; } } .cc--related-video .inner-wrapper .news-list .cc--news-card-video .c--news-card .f--image { display: block; } @media screen and (min-width: 500px) { .cc--related-video .inner-wrapper .news-list .cc--news-card-video .c--news-card .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--related-video .inner-wrapper .news-list .cc--news-card-video .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--related-video .inner-wrapper .news-list .cc--news-card-video .f--sub-title { margin-bottom: 0; } .cc--related-video .inner-wrapper .news-list .cc--news-card-video .f--sub-title h3 { margin-bottom: 0; } .cc--remote-video { position: relative; } .cc--remote-video.two-one-video .video-poster-container .f--video-embed { width: 100%; height: 0; padding-bottom: 50%; padding-top: 0; } .cc--remote-video .cc--social-share { padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--remote-video .cc--social-share { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; position: absolute; top: 1.875rem; left: 4%; z-index: 2; } } @media screen and (min-width: 768px) { .cc--remote-video .cc--social-share .c--social-share .f--button button { background-color: transparent; color: #FFF; } .cc--remote-video .cc--social-share .c--social-share .f--button button .share-icon { fill: #FFF; } .share-is-open .cc--remote-video .cc--social-share .c--social-share .f--button button .share-icon { display: none; } } html[data-whatintent="mouse"] .cc--remote-video .cc--social-share .c--social-share .f--button button { -webkit-transition: all 0.1s; transition: all 0.1s; } @media screen and (min-width: 768px) { html[data-whatintent="mouse"] .cc--remote-video .cc--social-share .c--social-share .f--button button:hover { color: #FFF; } } .cc--remote-video .video-poster-container { position: relative; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .cc--remote-video .video-poster::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ''; z-index: 1; } } .cc--remote-video .video-poster .background-image-overlay { display: none; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .background-image-overlay { display: block; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .video-controls-info { max-width: 1440px; margin: 0 auto; position: absolute; bottom: 1.875rem; top: 0; left: 50%; width: 100%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } } @media screen and (min-width: 1024px) { .cc--remote-video .video-poster .video-controls-info { bottom: 3.75rem; } } .cc--remote-video .video-poster .video-controls-info .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .video-controls-info .inner-wrapper { padding-right: 4%; padding-left: 4%; height: 100%; } } @media screen and (min-width: 1024px) { .cc--remote-video .video-poster .video-controls-info .inner-wrapper { padding-right: 10%; padding-left: 10%; } } .cc--remote-video .video-poster .video-controls-info button { display: none; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .video-controls-info button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 5rem; height: 5rem; } } @media screen and (min-width: 1024px) { .cc--remote-video .video-poster .video-controls-info button { width: 6.25rem; height: 6.25rem; } } .cc--remote-video .video-poster .video-controls-info button svg { display: block; width: 5rem; height: 5rem; fill: rgba(255, 255, 255, 0.6); } @media screen and (min-width: 1024px) { .cc--remote-video .video-poster .video-controls-info button svg { width: 6.25rem; height: 6.25rem; } } html[data-whatintent="mouse"] .cc--remote-video .video-poster .video-controls-info button svg { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--remote-video .video-poster .video-controls-info button svg:hover { fill: white; } .cc--remote-video .video-poster .video-controls-info .text-container { padding-top: 1.875rem; padding-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .video-controls-info .text-container { padding-top: 0; padding-right: 8%; padding-bottom: 0; padding-left: 8%; position: absolute; bottom: 1.25rem; left: 50%; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } } @media screen and (min-width: 1024px) { .cc--remote-video .video-poster .video-controls-info .text-container { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; bottom: 2.5rem; width: 87.5%; } } .cc--remote-video .video-poster .video-controls-info .meta-author-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .video-controls-info .meta-author-date { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cc--remote-video .video-poster .video-controls-info .meta-author-date strong { margin-right: 0.625rem; font-size: 0.875rem; line-height: 1.4286; color: #000; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .video-controls-info .meta-author-date strong { color: #FFF; } } .cc--remote-video .video-poster .video-controls-info .f--category { margin-bottom: 0.625rem; } @media screen and (min-width: 1024px) { .cc--remote-video .video-poster .video-controls-info .f--category { margin-bottom: 0.9375rem; } } .cc--remote-video .video-poster .video-controls-info .f--category a { font-size: 0.75rem; line-height: 1.3334; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .video-controls-info .f--category a { font-size: 0.875rem; line-height: 1.4286; color: #FFF; } } html[data-whatintent="mouse"] .cc--remote-video .video-poster .video-controls-info .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--remote-video .video-poster .video-controls-info .f--category a:hover { text-decoration: underline; } .cc--remote-video .video-poster .video-controls-info .f--page-title { margin-bottom: 0.9375rem; } .cc--remote-video .video-poster .video-controls-info .f--page-title h1 { margin-bottom: 0; color: #000; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .video-controls-info .f--page-title h1 { font-size: 1.5rem; line-height: 1.3334; color: #FFF; } } @media screen and (min-width: 1024px) { .cc--remote-video .video-poster .video-controls-info .f--page-title h1 { font-size: 2rem; line-height: 1.25; color: #FFF; } } .cc--remote-video .video-poster .video-controls-info .f--date, .cc--remote-video .video-poster .video-controls-info .f--label { font-size: 0.875rem; line-height: 1.4286; color: #666; } @media screen and (min-width: 768px) { .cc--remote-video .video-poster .video-controls-info .f--date, .cc--remote-video .video-poster .video-controls-info .f--label { color: #FFF; font-weight: 700; } } .cc--remote-video .video-poster .video-controls-info .f--label { margin-right: 1.25rem; } .c--resources-card .f--cta-title h3 { margin-bottom: 0.9375rem; } .c--resources-card .f--cta-title h3 a { font-size: 1.125rem; line-height: 1.4445; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .c--resources-card .f--cta-title h3 a { font-size: 1.25rem; line-height: 1.4; } } html[data-whatintent="mouse"] .c--resources-card .f--cta-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .c--resources-card .f--cta-title h3 a:hover { text-decoration: underline; } .download-item .c--resources-card .title-download-wrapper { margin-bottom: 0.9375rem; position: relative; } @media screen and (min-width: 768px) { .download-item .c--resources-card .title-download-wrapper { margin-bottom: 1.5625rem; } } .download-item .c--resources-card .title-download-wrapper .f--sub-title a, .download-item .c--resources-card .title-download-wrapper .f--sub-title h3 a { display: inline-block; } .download-item .c--resources-card .title-download-wrapper .f--sub-title a svg, .download-item .c--resources-card .title-download-wrapper .f--sub-title h3 a svg { margin-left: 0.3125rem; position: relative; width: 0.9375rem; height: 0.9375rem; fill: #C03; } .c--resources-card .f--text { color: #666; } .c--resources-card .f--text p:first-child { font-size: 1rem; line-height: 1.375; margin-bottom: 0.625rem; } .c--resources-card .f--text p:last-child { font-size: 0.875rem; line-height: 1.4286; margin: 0; } .cc--rich-text-legacy { max-width: 1440px; margin: 0 auto; margin-top: 2.5rem; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--rich-text-legacy { margin-top: 3.75rem; margin-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--rich-text-legacy { margin-top: 5rem; margin-bottom: 5rem; } } .cc--rich-text-legacy .c--rich-text-legacy { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rich-text-legacy .c--rich-text-legacy { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--rich-text-legacy .c--rich-text-legacy { padding-right: 20%; padding-left: 20%; } } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text { overflow: hidden; } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text h1.rtecenter { margin-right: nul; margin-bottom: 1.875rem; margin-left: nul; } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text p img { max-width: 100%; height: auto !important; } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote { margin-bottom: 0.9375rem; font-size: 1.25rem; line-height: 1.4; color: #C03; } @media screen and (min-width: 768px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote { font-size: 1.875rem; line-height: 1.4667; margin-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote { font-size: 1.5rem; line-height: 1.5; } } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote div, .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote p { margin-bottom: 0; font-size: 1.25rem; line-height: 1.4; color: #C03; } @media screen and (min-width: 768px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote div, .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote p { font-size: 1.875rem; line-height: 1.4667; } } @media screen and (min-width: 1024px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote div, .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text blockquote p { font-size: 1.5rem; line-height: 1.5; } } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.legacy-inline-embedded { width: auto; } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-left.legacy-inline-embedded { float: none; } @media screen and (min-width: 768px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-left.legacy-inline-embedded { max-width: 47.36842%; float: left; } } @media screen and (min-width: 1024px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-left.legacy-inline-embedded { max-width: 46.66667%; } } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-left.legacy-inline-embedded img { width: auto; } @media screen and (min-width: 768px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-left.legacy-inline-embedded img { width: 100%; } } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-right.legacy-inline-embedded { margin-top: 1.875rem; margin-bottom: 1.875rem; float: none; } @media screen and (min-width: 768px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-right.legacy-inline-embedded { margin-top: 0; margin-right: 0; margin-bottom: 1.875rem; margin-left: 5.26316%; width: 47.36842%; float: right; } } @media screen and (min-width: 1024px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-right.legacy-inline-embedded { margin-top: 0; margin-right: 0; margin-left: 6.66667%; width: 46.66667%; } } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-right.legacy-inline-embedded img { width: auto; } @media screen and (min-width: 768px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure.align-right.legacy-inline-embedded img { width: 100%; } } .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure div { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .cc--rich-text-legacy .c--rich-text-legacy .f--rich-text figure div { font-size: 0.875rem; line-height: 1.7143; } } .cc--rich-text { max-width: 1440px; margin: 0 auto; margin-top: 2.5rem; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--rich-text { margin-top: 3.75rem; margin-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--rich-text { margin-top: 5rem; margin-bottom: 5rem; } } .cc--rich-text + .cc--component-container > .c--component > .inner-wrapper { padding-top: 0; } .cc--rich-text + .cc--facts-figures.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-red > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-red > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-red > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-red > .c--component > .inner-wrapper { padding-top: 3.125rem; } @media screen and (min-width: 768px) { .cc--rich-text + .cc--facts-figures.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-red > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-red > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-red > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-red > .c--component > .inner-wrapper { padding-top: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--rich-text + .cc--facts-figures.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--facts-figures.color-red > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--descriptive-links.color-red > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--heading-description.color-red > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-black > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-dark-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-light-gray > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-pale-yellow > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-pale-blue > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-pale-teal > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-white > .c--component > .inner-wrapper, .cc--rich-text + .cc--description-summary-cards.color-red > .c--component > .inner-wrapper { padding-top: 5rem; } } .cc--rich-text .c--rich-text { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rich-text .c--rich-text { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--rich-text .c--rich-text { padding-right: 20%; padding-left: 20%; } } .tc--chaptered-page .cc--rich-text .c--rich-text { padding-right: 0; padding-left: 0; } .cc--rsdm-featured-summaries.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--rsdm-featured-summaries.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--rsdm-featured-summaries.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--rsdm-featured-summaries.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--rsdm-featured-summaries.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--rsdm-featured-summaries.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--rsdm-featured-summaries.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--rsdm-featured-summaries.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--rsdm-featured-summaries.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--rsdm-featured-summaries.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--rsdm-featured-summaries.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--rsdm-featured-summaries.color-white .f--link .button, .cc--rsdm-featured-summaries.color-light-gray .f--link .button { background-color: transparent; } .cc--rsdm-featured-summaries.color-white .f--link .button:hover, .cc--rsdm-featured-summaries.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--rsdm-featured-summaries.color-pale-teal .f--link .button, .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button, .cc--rsdm-featured-summaries.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries.color-pale-teal .f--link .button, .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button, .cc--rsdm-featured-summaries.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--rsdm-featured-summaries.color-black .f--description, .cc--rsdm-featured-summaries.color-black .f--text, .cc--rsdm-featured-summaries.color-black .f--category, .cc--rsdm-featured-summaries.color-blue .f--description, .cc--rsdm-featured-summaries.color-blue .f--text, .cc--rsdm-featured-summaries.color-blue .f--category, .cc--rsdm-featured-summaries.color-dark-gray .f--description, .cc--rsdm-featured-summaries.color-dark-gray .f--text, .cc--rsdm-featured-summaries.color-dark-gray .f--category, .cc--rsdm-featured-summaries.color-red .f--description, .cc--rsdm-featured-summaries.color-red .f--text, .cc--rsdm-featured-summaries.color-red .f--category, .cc--rsdm-featured-summaries.color-teal .f--description, .cc--rsdm-featured-summaries.color-teal .f--text, .cc--rsdm-featured-summaries.color-teal .f--category { color: #FFF; } .cc--rsdm-featured-summaries.color-black .f--description p, .cc--rsdm-featured-summaries.color-black .f--description li, .cc--rsdm-featured-summaries.color-black .f--description a, .cc--rsdm-featured-summaries.color-black .f--text p, .cc--rsdm-featured-summaries.color-black .f--text li, .cc--rsdm-featured-summaries.color-black .f--text a, .cc--rsdm-featured-summaries.color-black .f--category p, .cc--rsdm-featured-summaries.color-black .f--category li, .cc--rsdm-featured-summaries.color-black .f--category a, .cc--rsdm-featured-summaries.color-blue .f--description p, .cc--rsdm-featured-summaries.color-blue .f--description li, .cc--rsdm-featured-summaries.color-blue .f--description a, .cc--rsdm-featured-summaries.color-blue .f--text p, .cc--rsdm-featured-summaries.color-blue .f--text li, .cc--rsdm-featured-summaries.color-blue .f--text a, .cc--rsdm-featured-summaries.color-blue .f--category p, .cc--rsdm-featured-summaries.color-blue .f--category li, .cc--rsdm-featured-summaries.color-blue .f--category a, .cc--rsdm-featured-summaries.color-dark-gray .f--description p, .cc--rsdm-featured-summaries.color-dark-gray .f--description li, .cc--rsdm-featured-summaries.color-dark-gray .f--description a, .cc--rsdm-featured-summaries.color-dark-gray .f--text p, .cc--rsdm-featured-summaries.color-dark-gray .f--text li, .cc--rsdm-featured-summaries.color-dark-gray .f--text a, .cc--rsdm-featured-summaries.color-dark-gray .f--category p, .cc--rsdm-featured-summaries.color-dark-gray .f--category li, .cc--rsdm-featured-summaries.color-dark-gray .f--category a, .cc--rsdm-featured-summaries.color-red .f--description p, .cc--rsdm-featured-summaries.color-red .f--description li, .cc--rsdm-featured-summaries.color-red .f--description a, .cc--rsdm-featured-summaries.color-red .f--text p, .cc--rsdm-featured-summaries.color-red .f--text li, .cc--rsdm-featured-summaries.color-red .f--text a, .cc--rsdm-featured-summaries.color-red .f--category p, .cc--rsdm-featured-summaries.color-red .f--category li, .cc--rsdm-featured-summaries.color-red .f--category a, .cc--rsdm-featured-summaries.color-teal .f--description p, .cc--rsdm-featured-summaries.color-teal .f--description li, .cc--rsdm-featured-summaries.color-teal .f--description a, .cc--rsdm-featured-summaries.color-teal .f--text p, .cc--rsdm-featured-summaries.color-teal .f--text li, .cc--rsdm-featured-summaries.color-teal .f--text a, .cc--rsdm-featured-summaries.color-teal .f--category p, .cc--rsdm-featured-summaries.color-teal .f--category li, .cc--rsdm-featured-summaries.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--description a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--text a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--category a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--description a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--text a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--category a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--description a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--text a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--category a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--description a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--text a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--category a:hover { color: #FFF; } .cc--rsdm-featured-summaries.color-black .f--section-title h2, .cc--rsdm-featured-summaries.color-blue .f--section-title h2, .cc--rsdm-featured-summaries.color-dark-gray .f--section-title h2, .cc--rsdm-featured-summaries.color-red .f--section-title h2, .cc--rsdm-featured-summaries.color-teal .f--section-title h2 { color: #FFF; } .cc--rsdm-featured-summaries.color-black .f--section-title h2 a, .cc--rsdm-featured-summaries.color-blue .f--section-title h2 a, .cc--rsdm-featured-summaries.color-dark-gray .f--section-title h2 a, .cc--rsdm-featured-summaries.color-red .f--section-title h2 a, .cc--rsdm-featured-summaries.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--rsdm-featured-summaries.color-black .f--sub-title h3, .cc--rsdm-featured-summaries.color-blue .f--sub-title h3, .cc--rsdm-featured-summaries.color-dark-gray .f--sub-title h3, .cc--rsdm-featured-summaries.color-red .f--sub-title h3, .cc--rsdm-featured-summaries.color-teal .f--sub-title h3 { color: #FFF; } .cc--rsdm-featured-summaries.color-black .f--sub-title h3 a, .cc--rsdm-featured-summaries.color-blue .f--sub-title h3 a, .cc--rsdm-featured-summaries.color-dark-gray .f--sub-title h3 a, .cc--rsdm-featured-summaries.color-red .f--sub-title h3 a, .cc--rsdm-featured-summaries.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--rsdm-featured-summaries.color-black .f--page-title h1, .cc--rsdm-featured-summaries.color-blue .f--page-title h1, .cc--rsdm-featured-summaries.color-dark-gray .f--page-title h1, .cc--rsdm-featured-summaries.color-red .f--page-title h1, .cc--rsdm-featured-summaries.color-teal .f--page-title h1 { color: #FFF; } .cc--rsdm-featured-summaries.color-black .stat-item .f--text, .cc--rsdm-featured-summaries.color-black .stat-item .f--stat-prefix, .cc--rsdm-featured-summaries.color-black .stat-item .f--stat-suffix, .cc--rsdm-featured-summaries.color-blue .stat-item .f--text, .cc--rsdm-featured-summaries.color-blue .stat-item .f--stat-prefix, .cc--rsdm-featured-summaries.color-blue .stat-item .f--stat-suffix, .cc--rsdm-featured-summaries.color-dark-gray .stat-item .f--text, .cc--rsdm-featured-summaries.color-dark-gray .stat-item .f--stat-prefix, .cc--rsdm-featured-summaries.color-dark-gray .stat-item .f--stat-suffix, .cc--rsdm-featured-summaries.color-red .stat-item .f--text, .cc--rsdm-featured-summaries.color-red .stat-item .f--stat-prefix, .cc--rsdm-featured-summaries.color-red .stat-item .f--stat-suffix, .cc--rsdm-featured-summaries.color-teal .stat-item .f--text, .cc--rsdm-featured-summaries.color-teal .stat-item .f--stat-prefix, .cc--rsdm-featured-summaries.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--rsdm-featured-summaries.color-black .f--stat-subheading, .cc--rsdm-featured-summaries.color-black .f--description, .cc--rsdm-featured-summaries.color-black .f--stat-headline, .cc--rsdm-featured-summaries.color-blue .f--stat-subheading, .cc--rsdm-featured-summaries.color-blue .f--description, .cc--rsdm-featured-summaries.color-blue .f--stat-headline, .cc--rsdm-featured-summaries.color-dark-gray .f--stat-subheading, .cc--rsdm-featured-summaries.color-dark-gray .f--description, .cc--rsdm-featured-summaries.color-dark-gray .f--stat-headline, .cc--rsdm-featured-summaries.color-red .f--stat-subheading, .cc--rsdm-featured-summaries.color-red .f--description, .cc--rsdm-featured-summaries.color-red .f--stat-headline, .cc--rsdm-featured-summaries.color-teal .f--stat-subheading, .cc--rsdm-featured-summaries.color-teal .f--description, .cc--rsdm-featured-summaries.color-teal .f--stat-headline { color: #FFF; } .cc--rsdm-featured-summaries.color-black .f--link .button, .cc--rsdm-featured-summaries.color-blue .f--link .button, .cc--rsdm-featured-summaries.color-dark-gray .f--link .button, .cc--rsdm-featured-summaries.color-red .f--link .button, .cc--rsdm-featured-summaries.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries.color-black .f--link .button, .cc--rsdm-featured-summaries.color-blue .f--link .button, .cc--rsdm-featured-summaries.color-dark-gray .f--link .button, .cc--rsdm-featured-summaries.color-red .f--link .button, .cc--rsdm-featured-summaries.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--link .button, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--rsdm-featured-summaries.color-black .swiper-button-prev svg, .cc--rsdm-featured-summaries.color-black .swiper-button-next svg, .cc--rsdm-featured-summaries.color-blue .swiper-button-prev svg, .cc--rsdm-featured-summaries.color-blue .swiper-button-next svg, .cc--rsdm-featured-summaries.color-dark-gray .swiper-button-prev svg, .cc--rsdm-featured-summaries.color-dark-gray .swiper-button-next svg, .cc--rsdm-featured-summaries.color-red .swiper-button-prev svg, .cc--rsdm-featured-summaries.color-red .swiper-button-next svg, .cc--rsdm-featured-summaries.color-teal .swiper-button-prev svg, .cc--rsdm-featured-summaries.color-teal .swiper-button-next svg { fill: #FFF; } .cc--rsdm-featured-summaries.color-black .swiper-button-wrapper::before, .cc--rsdm-featured-summaries.color-blue .swiper-button-wrapper::before, .cc--rsdm-featured-summaries.color-dark-gray .swiper-button-wrapper::before, .cc--rsdm-featured-summaries.color-red .swiper-button-wrapper::before, .cc--rsdm-featured-summaries.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--rsdm-featured-summaries.color-black .swiper-pagination-bullet, .cc--rsdm-featured-summaries.color-blue .swiper-pagination-bullet, .cc--rsdm-featured-summaries.color-dark-gray .swiper-pagination-bullet, .cc--rsdm-featured-summaries.color-red .swiper-pagination-bullet, .cc--rsdm-featured-summaries.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--rsdm-featured-summaries.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--rsdm-featured-summaries.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--rsdm-featured-summaries.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--rsdm-featured-summaries.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--rsdm-featured-summaries.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--rsdm-featured-summaries.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--rsdm-featured-summaries.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--rsdm-featured-summaries.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--rsdm-featured-summaries.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--rsdm-featured-summaries.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--rsdm-featured-summaries.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--rsdm-featured-summaries.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--rsdm-featured-summaries.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--rsdm-featured-summaries.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide h2, .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide h2, .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide h2, .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide .f--description p, .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide .f--description p, .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide .f--link a, .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide .f--link a, .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide .icon-close, .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide .icon-close, .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--rsdm-featured-summaries.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--rsdm-featured-summaries.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--rsdm-featured-summaries.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--rsdm-featured-summaries.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--rsdm-featured-summaries.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--rsdm-featured-summaries.color-pale-yellow { background-color: #FCE488; } .cc--rsdm-featured-summaries.color-pale-teal { background-color: #87C3BE; } .cc--rsdm-featured-summaries.color-pale-blue { background-color: #92D6E3; } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries { max-width: 1440px; margin: 0 auto; } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .header-text-container { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .header-text-container { max-width: 90.47619%; margin: 0 auto; margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .header-text-container { max-width: 65.21739%; margin: 0 auto; margin-bottom: 3.125rem; } } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .header-text-container .title-cta .f--section-title h2 { margin-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .header-text-container .title-cta .f--section-title h2 { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .header-text-container .title-cta .f--section-title h2 { font-size: 3.5rem; line-height: 1.1429; } } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .header-text-container .f--description { text-align: center; } @media screen and (min-width: 1024px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .header-text-container .f--description { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card { border-bottom: 0.0625rem solid #D8D8D8; cursor: pointer; padding-top: 1.875rem; padding-right: 1rem; padding-bottom: 1.875rem; padding-left: 1rem; } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card:nth-child(3n) { border-right: 0; } } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card:nth-child(3n+1):nth-last-child(-n+3), .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card:nth-child(3n+1):nth-last-child(-n+3) ~ article { border-bottom: 0; } } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card { width: 30.43478%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 0.0625rem solid #D8D8D8; } } @media screen and (min-width: 1024px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card { padding-bottom: 3.75rem; } } @media screen and (min-width: 500px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card .c--news-card { overflow: hidden; } } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card .c--news-card .f--image { display: block; } @media screen and (min-width: 500px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card .c--news-card .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card .f--sub-title h3 { margin-bottom: 0; } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card .f--image { margin-bottom: 1.25rem; } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .cards-list .cc--news-card .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .f--link { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .f--link { margin-top: 3.125rem; text-align: center; } } @media screen and (min-width: 1024px) { .cc--rsdm-featured-summaries .c--rsdm-featured-summaries .f--link { margin-top: 3.75rem; } } .cc--news-feature-25 .c--news-feature-25 { max-width: 1440px; margin: 0 auto; } .cc--news-feature-25 .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--news-feature-25 .inner-wrapper { padding-right: 4%; padding-left: 4%; margin-top: 3.125rem; margin-bottom: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--news-feature-25 .inner-wrapper { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .cc--news-feature-25 .news-feature-25 { margin-top: 1.875rem; margin-bottom: 1.875rem; } @media screen and (min-width: 500px) { .cc--news-feature-25 .news-feature-25 { overflow: hidden; } } .cc--news-feature-25 .news-feature-25 .f--image { display: block; } @media screen and (min-width: 500px) { .cc--news-feature-25 .news-feature-25 .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--image { margin-left: 0; width: 100%; float: none; } } .cc--news-feature-25 .news-feature-25 .f--image { margin-bottom: 1.25rem; } .cc--news-feature-25 .news-feature-25 .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--sub-title h3 { font-size: 2rem; line-height: 1.25; } } .cc--news-feature-25 .news-feature-25 .f--text, .cc--news-feature-25 .news-feature-25 .f--description { margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--text, .cc--news-feature-25 .news-feature-25 .f--description { margin-top: 1.25rem; } } .cc--news-feature-25 .news-feature-25 .f--text p, .cc--news-feature-25 .news-feature-25 .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--text p, .cc--news-feature-25 .news-feature-25 .f--description p { font-size: 1rem; line-height: 1.75; } } @media screen and (min-width: 500px) { .cc--news-feature-25 .news-feature-25 { width: 100%; } } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 { margin-top: 0; margin-bottom: 0; -ms-flex-preferred-size: 21.73913%; flex-basis: 21.73913%; } } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25:not(:last-child) { margin-right: 4.34783%; } } @media screen and (min-width: 768px) { .cc--news-feature-25 .news-feature-25 .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; } } .cc--rur-branding-header-red-tag h2, .cc--rur-branding-header-red-tag h4 { font-size: 1rem; line-height: 1.25; text-align: left; text-transform: uppercase; } @media screen and (min-width: 768px) { .cc--rur-branding-header-red-tag h2, .cc--rur-branding-header-red-tag h4 { font-size: 1.375rem; line-height: 1.091; } } @media screen and (min-width: 1024px) { .cc--rur-branding-header-red-tag h2, .cc--rur-branding-header-red-tag h4 { font-size: 1.5rem; line-height: 1.0834; } } .cc--rur-branding-header-red-tag h2 a, .cc--rur-branding-header-red-tag h4 a { text-decoration: none; } .cc--rur-branding-header-red-tag a { display: block; } @media screen and (min-width: 1024px) { .cc--rur-branding-header-red-tag a .icon-logo-color { display: -webkit-box; display: -ms-flexbox; display: flex; width: 22.9375rem; height: 3.9375rem; } } @media screen and (min-width: 1200px) { .cc--rur-branding-header-red-tag a .icon-logo-color { display: none; } } .slim-nav-is-visible .cc--rur-branding-header-red-tag a .icon-logo-color { width: 17.5rem; height: 3rem; } .cc--rur-branding-header-red-tag a .icon-logo-color-stacked { display: none; } @media screen and (min-width: 1024px) { .cc--rur-branding-header-red-tag a .logo-slim-white { display: -webkit-box; display: -ms-flexbox; display: flex; width: 22.9375rem; height: 3.9375rem; } } .cc--rur-data-tabs { background-color: #00626D; } .cc--rur-data-tabs * { color: #FFF; } .cc--rur-data-tabs .section-header { max-width: 1440px; margin: 0 auto; } .cc--rur-data-tabs .section-header-inner { padding-top: 3.125rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rur-data-tabs .section-header-inner { padding-top: 4.375rem; padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--rur-data-tabs .section-header-inner { padding-top: 5rem; padding-right: 18%; padding-left: 18%; } } @media screen and (min-width: 1440px) { .cc--rur-data-tabs .section-header-inner { padding-right: 22%; padding-left: 22%; } } .cc--rur-data-tabs .section-header h2, .cc--rur-data-tabs .section-header p { color: #FFF; text-align: center; } @media screen and (min-width: 1024px) { .cc--rur-data-tabs .section-header h2 { margin-bottom: 2.5rem; } } .cc--rur-data-tabs .tab-content { max-width: 1440px; margin: 0 auto; } .cc--rur-data-tabs .tab-content .tab-inner-wrapper { padding-top: 1rem; padding-right: 8%; padding-bottom: 0.0625rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rur-data-tabs .tab-content .tab-inner-wrapper { padding-top: 2.5rem; padding-right: 6%; padding-left: 6%; 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--rur-data-tabs .tab-content .tab-inner-wrapper { padding-right: 16%; padding-left: 18%; } } @media screen and (min-width: 1440px) { .cc--rur-data-tabs .tab-content .tab-inner-wrapper { padding-right: 22%; padding-left: 22%; } } .cc--rur-data-tabs .tab-content .f--text { margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--rur-data-tabs .tab-content .f--text { margin-bottom: 5rem; padding-right: 11.36364%; -webkit-box-flex: 0; -ms-flex: 0 0 61.36364%; flex: 0 0 61.36364%; } } @media screen and (min-width: 1024px) { .cc--rur-data-tabs .tab-content .f--text { padding-right: 15.15152%; -webkit-box-flex: 0; -ms-flex: 0 0 63.63636%; flex: 0 0 63.63636%; } } @media screen and (min-width: 1440px) { .cc--rur-data-tabs .tab-content .f--text { padding-right: 14.28571%; -webkit-box-flex: 0; -ms-flex: 0 0 64.28571%; flex: 0 0 64.28571%; } } .cc--rur-data-tabs .tab-content .f--text p, .cc--rur-data-tabs .tab-content .f--text li { margin-bottom: 0.3125rem; } @media screen and (min-width: 768px) { .cc--rur-data-tabs .tab-content .f--text p, .cc--rur-data-tabs .tab-content .f--text li { margin-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.4445; } } html[data-whatintent="mouse"] .cc--rur-data-tabs .tab-content .f--text a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-data-tabs .tab-content .f--text a:hover { color: #FFF; } .cc--rur-data-tabs .cc--tab-headings .tab-headings { margin-top: 1.875rem; } @media screen and (min-width: 1024px) { .cc--rur-data-tabs .cc--tab-headings .tab-headings { margin-top: 0; } } .cc--rur-data-tabs .cc--tab-headings .tab-headings li { position: relative; } @media screen and (min-width: 768px) { .cc--rur-data-tabs .cc--tab-headings .tab-headings li { margin-right: 1.5625rem; margin-left: 1.5625rem; } } .cc--rur-data-tabs .cc--tab-headings .tab-headings li.selected::after { background-color: #FFF; } .cc--rur-data-tabs .cc--tab-headings .tab-headings li a { color: #FFF; } html[data-whatintent="mouse"] .cc--rur-data-tabs .cc--tab-headings .tab-headings li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-data-tabs .cc--tab-headings .tab-headings li a:hover { color: rgba(255, 255, 255, 0.7); } .cc--rur-data-tabs .cc--cta-link-list { margin-bottom: 3.125rem; padding-top: 1.875rem; padding-right: 11.90476%; padding-bottom: 1.875rem; padding-left: 11.90476%; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--rur-data-tabs .cc--cta-link-list { margin-bottom: 5rem; padding-top: 2.5rem; padding-right: 4.54545%; padding-bottom: 2.5rem; padding-left: 4.54545%; -webkit-box-flex: 0; -ms-flex: 0 0 38.63636%; flex: 0 0 38.63636%; height: 100%; } } @media screen and (min-width: 1024px) { .cc--rur-data-tabs .cc--cta-link-list { padding-right: 6.06061%; padding-left: 6.06061%; -webkit-box-flex: 0; -ms-flex: 0 0 36.36364%; flex: 0 0 36.36364%; } } @media screen and (min-width: 1440px) { .cc--rur-data-tabs .cc--cta-link-list { -webkit-box-flex: 0; -ms-flex: 0 0 35.71429%; flex: 0 0 35.71429%; } } .cc--rur-data-tabs .cc--cta-link-list .cta-link-list { margin-top: 0; } .cc--rur-filter-form-core-facilities { margin-top: 1.25rem; background-color: #C03; } @media screen and (min-width: 768px) { .cc--rur-filter-form-core-facilities { margin-top: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; height: 100%; } } .cc--rur-filter-form-core-facilities .c--rur-filter-form-core-facilities { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rur-filter-form-core-facilities .c--rur-filter-form-core-facilities { padding-right: 12.5%; padding-left: 12.5%; } } .cc--rur-filter-form-core-facilities .c--rur-filter-form-core-facilities * { color: #FFF; } .cc--rur-filter-form-core-facilities .filter-form-header { padding-top: 0.9375rem; padding-bottom: 0.9375rem; 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; } @media screen and (min-width: 768px) { .cc--rur-filter-form-core-facilities .filter-form-header { display: none; } } .cc--rur-filter-form-core-facilities .filter-form-header h2 { font-size: 0.875rem; line-height: 1.4286; } .cc--rur-filter-form-core-facilities .filter-form-header .open .opened { display: block; } .cc--rur-filter-form-core-facilities .filter-form-header .open .closed { display: none; } .cc--rur-filter-form-core-facilities .filter-form-header .opened { display: none; } .cc--rur-filter-form-core-facilities .form-filter-content { padding-top: 1.25rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; display: none; position: absolute; right: 0; left: 0; background-color: #C03; z-index: 1; } @media screen and (min-width: 768px) { .cc--rur-filter-form-core-facilities .form-filter-content { padding-top: 3.125rem; padding-right: 0; padding-bottom: 3.125rem; padding-left: 0; display: block; position: static; } } .cc--rur-filter-form-core-facilities .select-wrap, .cc--rur-filter-form-core-facilities input[type='text'], .cc--rur-filter-form-core-facilities input[type='search'] { border-color: #FFF; color: #FFF; } .cc--rur-filter-form-core-facilities input[type='text']::-webkit-input-placeholder, .cc--rur-filter-form-core-facilities input[type='search']::-webkit-input-placeholder { color: #FFF; } .cc--rur-filter-form-core-facilities input[type='text']::-moz-placeholder, .cc--rur-filter-form-core-facilities input[type='search']::-moz-placeholder { color: #FFF; } .cc--rur-filter-form-core-facilities input[type='text']:-ms-input-placeholder, .cc--rur-filter-form-core-facilities input[type='search']:-ms-input-placeholder { color: #FFF; } .cc--rur-filter-form-core-facilities input[type='text']::-ms-input-placeholder, .cc--rur-filter-form-core-facilities input[type='search']::-ms-input-placeholder { color: #FFF; } .cc--rur-filter-form-core-facilities input[type='text']::placeholder, .cc--rur-filter-form-core-facilities input[type='search']::placeholder { color: #FFF; } .cc--rur-filter-form-core-facilities .select-wrap select { color: #FFF; } .cc--rur-filter-form-core-facilities .select-wrap svg polygon { fill: #FFF; } .cc--rur-filter-form-core-facilities .button-container { padding-top: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; } @media screen and (min-width: 768px) { .cc--rur-filter-form-core-facilities .button-container { text-align: left; } } .cc--rur-filter-form-core-facilities .button-container .fi--form-item { margin-bottom: 0; } .cc--rur-filter-form-core-facilities .button-container .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; padding-right: 2rem; padding-left: 0.9375rem; font-size: 0.875rem; line-height: 1.4286; width: auto; min-width: 5rem; height: 1.875rem; border-width: 0.0625rem; border-radius: 0.9375rem; background: url("../images/icons/icon-close-white.svg") no-repeat right 0.9375rem center; background-size: 0.5rem auto; } @media screen and (min-width: 768px) { .cc--rur-filter-form-core-facilities .button-container .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--rur-filter-form-core-facilities .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-core-facilities .button-container .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rur-filter-form-core-facilities .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-core-facilities .button-container .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: #FFF; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--rur-filter-form-core-facilities .button-container .button { padding-right: 2rem; padding-left: 0.9375rem; } } html[data-whatintent="mouse"] .cc--rur-filter-form-core-facilities .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-core-facilities .button-container .button:hover { background: #FFF url("../images/icons/icon-close.svg") no-repeat right 0.9375rem center; background-size: 0.5rem auto; } .cc--rur-filter-form-core-facilities .button-container > .button { margin-right: 1.875rem; padding-right: 0.9375rem; padding-left: 0.9375rem; background: none; } html[data-whatintent="mouse"] .cc--rur-filter-form-core-facilities .button-container > .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-core-facilities .button-container > .button:hover { background: none; background-color: #FFF; } .cc--rur-filter-form-core-facilities .fi--form-item { margin-bottom: 1.875rem; } .cc--rur-filter-form-core-facilities .fi--form-item .checkbox-wrapper { position: relative; } .cc--rur-filter-form-core-facilities .fi--form-item .checkbox-wrapper label { padding-top: 0.5rem; padding-bottom: 0.5rem; } .cc--rur-filter-form-core-facilities .fi--form-item .checkbox-wrapper label::before { border-color: #FFF; background: transparent; } .cc--rur-filter-form-core-facilities .fi--form-item .checkbox-wrapper label::after { margin-top: -0.4375rem; background: url("../images/icons/icon-check-white.svg") no-repeat right center; content: ''; } .cc--rur-filter-form-core-facilities .fi--form-item .checkbox-wrapper input[type='checkbox']:checked + label::before { border-color: #FFF; } .cc--rur-filter-form-core-facilities .fi--keyword label { margin-bottom: 0.9375rem; } .cc--rur-filter-form-core-facilities .fieldset-triger-btn { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 0.4375rem; 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; width: 100%; cursor: pointer; } .cc--rur-filter-form-core-facilities .fieldset-triger-btn svg { -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; } .cc--rur-filter-form-core-facilities .fieldset-triger-btn.active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cc--rur-filter-form-core-facilities .category, .cc--rur-filter-form-core-facilities .location { margin-bottom: 1.5rem; padding-bottom: 0.625rem; border-bottom: 1px solid #FFF; } @media screen and (min-width: 1024px) { .cc--rur-filter-form-core-facilities .category, .cc--rur-filter-form-core-facilities .location { margin-bottom: 1.875rem; } } .cc--rur-filter-form-core-facilities .category .fi--form-item, .cc--rur-filter-form-core-facilities .location .fi--form-item { margin-bottom: 0; } .cc--rur-filter-form-core-facilities .category .fields-wrapper, .cc--rur-filter-form-core-facilities .location .fields-wrapper { display: none; } .cc--rur-filter-form-funding-ops { margin-top: 1.25rem; background-color: #C03; } @media screen and (min-width: 768px) { .cc--rur-filter-form-funding-ops { margin-top: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; height: 100%; } } .cc--rur-filter-form-funding-ops .c--rur-filter-form-funding-ops { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rur-filter-form-funding-ops .c--rur-filter-form-funding-ops { padding-right: 12.5%; padding-left: 12.5%; } } .cc--rur-filter-form-funding-ops .c--rur-filter-form-funding-ops * { color: #FFF; } .cc--rur-filter-form-funding-ops .filter-form-header { padding-top: 0.9375rem; padding-bottom: 0.9375rem; 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; } @media screen and (min-width: 768px) { .cc--rur-filter-form-funding-ops .filter-form-header { display: none; } } .cc--rur-filter-form-funding-ops .filter-form-header h2 { font-size: 0.875rem; line-height: 1.4286; } .cc--rur-filter-form-funding-ops .filter-form-header .open .opened { display: block; } .cc--rur-filter-form-funding-ops .filter-form-header .open .closed { display: none; } .cc--rur-filter-form-funding-ops .filter-form-header .opened { display: none; } .cc--rur-filter-form-funding-ops .form-filter-content { padding-top: 1.25rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; display: none; position: absolute; right: 0; left: 0; background-color: #C03; z-index: 1; } @media screen and (min-width: 768px) { .cc--rur-filter-form-funding-ops .form-filter-content { padding-top: 3.125rem; padding-right: 0; padding-bottom: 3.125rem; padding-left: 0; display: block; position: static; } } .cc--rur-filter-form-funding-ops .select-wrap, .cc--rur-filter-form-funding-ops input[type='text'], .cc--rur-filter-form-funding-ops input[type='search'] { border-color: #FFF; color: #FFF; } .cc--rur-filter-form-funding-ops input[type='text']::-webkit-input-placeholder, .cc--rur-filter-form-funding-ops input[type='search']::-webkit-input-placeholder { color: #FFF; } .cc--rur-filter-form-funding-ops input[type='text']::-moz-placeholder, .cc--rur-filter-form-funding-ops input[type='search']::-moz-placeholder { color: #FFF; } .cc--rur-filter-form-funding-ops input[type='text']:-ms-input-placeholder, .cc--rur-filter-form-funding-ops input[type='search']:-ms-input-placeholder { color: #FFF; } .cc--rur-filter-form-funding-ops input[type='text']::-ms-input-placeholder, .cc--rur-filter-form-funding-ops input[type='search']::-ms-input-placeholder { color: #FFF; } .cc--rur-filter-form-funding-ops input[type='text']::placeholder, .cc--rur-filter-form-funding-ops input[type='search']::placeholder { color: #FFF; } .cc--rur-filter-form-funding-ops .select-wrap select { color: #FFF; } .cc--rur-filter-form-funding-ops .select-wrap svg polygon { fill: #FFF; } .cc--rur-filter-form-funding-ops .button-container { padding-top: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; } @media screen and (min-width: 768px) { .cc--rur-filter-form-funding-ops .button-container { text-align: left; } } .cc--rur-filter-form-funding-ops .button-container .fi--form-item { margin-bottom: 0; } .cc--rur-filter-form-funding-ops .button-container .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; padding-right: 2rem; padding-left: 0.9375rem; font-size: 0.875rem; line-height: 1.4286; width: auto; min-width: 5rem; height: 1.875rem; border-width: 0.0625rem; border-radius: 0.9375rem; background: url("../images/icons/icon-close-white.svg") no-repeat right 0.9375rem center; background-size: 0.5rem auto; } @media screen and (min-width: 768px) { .cc--rur-filter-form-funding-ops .button-container .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--rur-filter-form-funding-ops .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-funding-ops .button-container .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rur-filter-form-funding-ops .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-funding-ops .button-container .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: #FFF; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--rur-filter-form-funding-ops .button-container .button { padding-right: 2rem; padding-left: 0.9375rem; } } html[data-whatintent="mouse"] .cc--rur-filter-form-funding-ops .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-funding-ops .button-container .button:hover { background: #FFF url("../images/icons/icon-close.svg") no-repeat right 0.9375rem center; background-size: 0.5rem auto; } .cc--rur-filter-form-funding-ops .button-container > .button { margin-right: 1.875rem; padding-right: 0.9375rem; padding-left: 0.9375rem; background: none; } html[data-whatintent="mouse"] .cc--rur-filter-form-funding-ops .button-container > .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-funding-ops .button-container > .button:hover { background: none; background-color: #FFF; } .cc--rur-filter-form-funding-ops .fi--form-item { margin-bottom: 1.875rem; } .cc--rur-filter-form-funding-ops .fi--form-item .checkbox-wrapper { position: relative; } .cc--rur-filter-form-funding-ops .fi--form-item .checkbox-wrapper label { padding-top: 0.5rem; padding-bottom: 0.5rem; } .cc--rur-filter-form-funding-ops .fi--form-item .checkbox-wrapper label::before { border-color: #FFF; background: transparent; } .cc--rur-filter-form-funding-ops .fi--form-item .checkbox-wrapper label::after { margin-top: -0.4375rem; background: url("../images/icons/icon-check-white.svg") no-repeat right center; content: ''; } .cc--rur-filter-form-funding-ops .fi--form-item .checkbox-wrapper input[type='checkbox']:checked + label::before { border-color: #FFF; } .cc--rur-filter-form-funding-ops .fi--keyword label { margin-bottom: 0.9375rem; } .cc--rur-filter-form-funding-ops .fieldset-triger-btn { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 0.4375rem; 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; width: 100%; cursor: pointer; } .cc--rur-filter-form-funding-ops .fieldset-triger-btn svg { -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; } .cc--rur-filter-form-funding-ops .fieldset-triger-btn.active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cc--rur-filter-form-funding-ops .discipline, .cc--rur-filter-form-funding-ops .funding-source, .cc--rur-filter-form-funding-ops .funding-type { margin-bottom: 1.5rem; padding-bottom: 0.625rem; border-bottom: 1px solid #FFF; } @media screen and (min-width: 1024px) { .cc--rur-filter-form-funding-ops .discipline, .cc--rur-filter-form-funding-ops .funding-source, .cc--rur-filter-form-funding-ops .funding-type { margin-bottom: 1.875rem; } } .cc--rur-filter-form-funding-ops .discipline .fi--form-item, .cc--rur-filter-form-funding-ops .funding-source .fi--form-item, .cc--rur-filter-form-funding-ops .funding-type .fi--form-item { margin-bottom: 0; } .cc--rur-filter-form-funding-ops .discipline .fields-wrapper, .cc--rur-filter-form-funding-ops .funding-source .fields-wrapper, .cc--rur-filter-form-funding-ops .funding-type .fields-wrapper { display: none; } .cc--rur-filter-form-resources { margin-top: 2.1875rem; background-color: #C03; } @media screen and (min-width: 768px) { .cc--rur-filter-form-resources { margin-top: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; height: 100%; } } .cc--rur-filter-form-resources .c--rur-filter-form-resources { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rur-filter-form-resources .c--rur-filter-form-resources { padding-right: 12.5%; padding-left: 12.5%; } } .cc--rur-filter-form-resources .c--rur-filter-form-resources * { color: #FFF; } .cc--rur-filter-form-resources .filter-form-header { padding-top: 0.9375rem; padding-bottom: 0.9375rem; 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; } @media screen and (min-width: 768px) { .cc--rur-filter-form-resources .filter-form-header { display: none; } } .cc--rur-filter-form-resources .filter-form-header h2 { font-size: 0.875rem; line-height: 1.4286; } .cc--rur-filter-form-resources .filter-form-header .open .opened { display: block; } .cc--rur-filter-form-resources .filter-form-header .open .closed { display: none; } .cc--rur-filter-form-resources .filter-form-header .opened { display: none; } .cc--rur-filter-form-resources .form-filter-content { padding-top: 1.25rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; display: none; position: absolute; right: 0; left: 0; background-color: #C03; z-index: 1; } @media screen and (min-width: 768px) { .cc--rur-filter-form-resources .form-filter-content { padding-top: 3.125rem; padding-right: 0; padding-bottom: 3.125rem; padding-left: 0; display: block; position: static; } } .cc--rur-filter-form-resources .select-wrap, .cc--rur-filter-form-resources input[type='text'], .cc--rur-filter-form-resources input[type='search'] { border-color: #FFF; color: #FFF; } .cc--rur-filter-form-resources input[type='text']::-webkit-input-placeholder, .cc--rur-filter-form-resources input[type='search']::-webkit-input-placeholder { color: #FFF; } .cc--rur-filter-form-resources input[type='text']::-moz-placeholder, .cc--rur-filter-form-resources input[type='search']::-moz-placeholder { color: #FFF; } .cc--rur-filter-form-resources input[type='text']:-ms-input-placeholder, .cc--rur-filter-form-resources input[type='search']:-ms-input-placeholder { color: #FFF; } .cc--rur-filter-form-resources input[type='text']::-ms-input-placeholder, .cc--rur-filter-form-resources input[type='search']::-ms-input-placeholder { color: #FFF; } .cc--rur-filter-form-resources input[type='text']::placeholder, .cc--rur-filter-form-resources input[type='search']::placeholder { color: #FFF; } .cc--rur-filter-form-resources .select-wrap select { color: #FFF; } .cc--rur-filter-form-resources .select-wrap svg polygon { fill: #FFF; } .cc--rur-filter-form-resources .button-container { padding-top: 1.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; } @media screen and (min-width: 768px) { .cc--rur-filter-form-resources .button-container { text-align: left; } } @media screen and (min-width: 1024px) { .cc--rur-filter-form-resources .button-container { padding-top: 1.875rem; } } .cc--rur-filter-form-resources .button-container .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; padding-right: 2rem; padding-left: 0.9375rem; font-size: 0.875rem; line-height: 1.4286; width: auto; min-width: 5rem; height: 1.875rem; border-width: 0.0625rem; border-radius: 0.9375rem; background: url("../images/icons/icon-close-white.svg") no-repeat right 0.9375rem center; background-size: 0.5rem auto; } @media screen and (min-width: 768px) { .cc--rur-filter-form-resources .button-container .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--rur-filter-form-resources .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-resources .button-container .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rur-filter-form-resources .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-resources .button-container .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: #FFF; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--rur-filter-form-resources .button-container .button { padding-right: 2rem; padding-left: 0.9375rem; } } html[data-whatintent="mouse"] .cc--rur-filter-form-resources .button-container .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-resources .button-container .button:hover { background: #FFF url("../images/icons/icon-close.svg") no-repeat right 0.9375rem center; background-size: 0.5rem auto; } .cc--rur-filter-form-resources .button-container > .button { margin-right: 1.875rem; padding-right: 0.9375rem; padding-left: 0.9375rem; background: none; } html[data-whatintent="mouse"] .cc--rur-filter-form-resources .button-container > .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-filter-form-resources .button-container > .button:hover { background: none; background-color: #FFF; } .cc--rur-filter-form-resources .fi--form-item { margin-bottom: 1.5625rem; } @media screen and (min-width: 1024px) { .cc--rur-filter-form-resources .fi--form-item { margin-bottom: 1.875rem; } } .cc--rur-filter-form-resources .fi--form-item .checkbox-wrapper { position: relative; } .cc--rur-filter-form-resources .fi--form-item .checkbox-wrapper label { padding-top: 0.5rem; padding-bottom: 0.5rem; } .cc--rur-filter-form-resources .fi--form-item .checkbox-wrapper label::before { border-color: #FFF; background: transparent; } .cc--rur-filter-form-resources .fi--form-item .checkbox-wrapper label::after { margin-top: -0.4375rem; background: url("../images/icons/icon-check-white.svg") no-repeat right center; content: ''; } .cc--rur-filter-form-resources .fi--form-item .checkbox-wrapper input[type='checkbox']:checked + label::before { border-color: #FFF; } .cc--rur-filter-form-resources .topic, .cc--rur-filter-form-resources .type { margin-bottom: 1rem; } .cc--rur-filter-form-resources .topic .fi--form-item, .cc--rur-filter-form-resources .type .fi--form-item { margin-bottom: 0; } .cc--rur-filter-form-resources .topic legend, .cc--rur-filter-form-resources .type legend { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 0.4375rem; } .cc--rur-footer { background-color: #000; } .cc--rur-footer .c--rur-footer { max-width: 1440px; margin: 0 auto; color: #FFF; } .cc--rur-footer .c--rur-footer .footer-main { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .footer-main { padding-top: 5rem; padding-right: 4%; padding-left: 4%; } } .cc--rur-footer .c--rur-footer a { color: #FFF; } @media screen and (min-width: 1024px) { .cc--rur-footer .c--rur-footer .footer-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; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .footer-middle { padding-top: 3.125rem; padding-bottom: 2.1875rem; 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 (min-width: 1024px) { .cc--rur-footer .c--rur-footer .footer-middle { padding-top: 5.3125rem; padding-bottom: 2.8125rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cc--rur-footer .c--rur-footer .cc--rur-branding-footer { margin-bottom: 0.9375rem; width: 100%; max-width: 20rem; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--rur-branding-footer { margin-bottom: 3.125rem; max-width: 22.9375rem; } } @media screen and (min-width: 1024px) { .cc--rur-footer .c--rur-footer .cc--rur-branding-footer { margin-bottom: 0; } } .cc--rur-footer .c--rur-footer .cc--rur-branding-footer a { padding-bottom: 0.3125rem; display: block; } .cc--rur-footer .c--rur-footer .cc--rur-branding-footer a svg { display: block; width: 100%; } .cc--rur-footer .c--rur-footer .connect-menu-section { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--rur-footer .c--rur-footer .connect-menu-section { margin-top: 1.875rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 65.21739%; } } @media screen and (min-width: 1024px) { .cc--rur-footer .c--rur-footer .connect-menu-section { padding-left: 2.17391%; width: 43.47826%; } } .cc--rur-footer .c--rur-footer .connect-menu-section h2 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .connect-menu-section h2 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--rur-footer .c--rur-footer .connect-menu-section h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } @media screen and (min-width: 768px) and (max-width: 1023px) { .cc--rur-footer .c--rur-footer .connect-menu-section .menu-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .connect-menu-section .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .connect-menu-section .menu-wrapper .cc--footer-menu { padding-right: 6.66667%; width: 46.66667%; } } @media screen and (min-width: 1024px) { .cc--rur-footer .c--rur-footer .connect-menu-section .menu-wrapper .cc--footer-menu { padding-right: 10.52632%; width: 47.36842%; } } .cc--rur-footer .c--rur-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul { display: block; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .connect-menu-section .menu-wrapper .cc--footer-menu ul li { width: 100%; } } .cc--rur-footer .c--rur-footer .cc--footer-menu h3 { font-size: 0.75rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu h3 { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--rur-footer .c--rur-footer .cc--footer-menu nav ul { margin-bottom: 0.9375rem; 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 (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu nav ul { margin-bottom: 0; } } .cc--rur-footer .c--rur-footer .cc--footer-menu nav ul li { margin-bottom: 0.9375rem; font-size: 0.75rem; line-height: 1.3334; width: 47.61905%; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu nav ul li { margin-bottom: 1.25rem; font-size: 0.875rem; line-height: 1.4286; } } .cc--rur-footer .c--rur-footer .cc--footer-menu nav ul li a { font-size: 0.75rem; line-height: 1.3334; text-decoration: none; } html[data-whatintent="mouse"] .cc--rur-footer .c--rur-footer .cc--footer-menu nav ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-footer .c--rur-footer .cc--footer-menu nav ul li a:hover { color: #FFF; text-decoration: underline; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu nav ul li a { font-size: 0.875rem; line-height: 1.4286; } } .cc--rur-footer .c--rur-footer .cc--footer-menu.supplemental-menu { padding-top: 1.5625rem; } .cc--rur-footer .c--rur-footer .cc--footer-menu.supplemental-menu h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .cc--rur-footer .c--rur-footer .cc--footer-menu.supplemental-menu nav ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cc--rur-footer .c--rur-footer .cc--footer-menu.supplemental-menu nav ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu.supplemental-menu nav ul li { margin-bottom: 0; } } .cc--rur-footer .c--rur-footer .cc--footer-menu.supplemental-menu nav ul li::after { padding-right: 1.125rem; padding-left: 1.125rem; display: inline-block; color: #666; content: '|'; } .cc--rur-footer .c--rur-footer .cc--footer-menu.supplemental-menu nav ul li:last-child::after { display: none; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu.connect-menu, .cc--rur-footer .c--rur-footer .cc--footer-menu.about-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--rur-footer .c--rur-footer .cc--footer-menu.connect-menu, .cc--rur-footer .c--rur-footer .cc--footer-menu.about-menu { padding-right: 2.17391%; width: 17.3913%; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu.connect-menu nav ul, .cc--rur-footer .c--rur-footer .cc--footer-menu.about-menu nav ul { display: block; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu.connect-menu nav ul li, .cc--rur-footer .c--rur-footer .cc--footer-menu.about-menu nav ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu.report-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--rur-footer .c--rur-footer .cc--footer-menu.report-menu { width: 21.73913%; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu.report-menu ul { display: block; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .cc--footer-menu.report-menu ul li { width: 100%; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .footer-bottom { border-top: 0; border-bottom: 0; } } .cc--rur-footer .c--rur-footer .footer-bottom .social-newsletter-container { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .footer-bottom .social-newsletter-container { padding-top: 2.3125rem; padding-bottom: 1.75rem; 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; } } @media screen and (min-width: 768px) { .cc--rur-footer .c--rur-footer .footer-bottom .social-newsletter-container .cc--footer-social .footer-social-container { width: 24.5rem; } } @media screen and (min-width: 1024px) { #l--main-header-rur { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 100; } } #l--main-header-rur .mobile-nav { position: fixed; top: 0; right: 0; left: 0; width: 100%; background-color: #FFF; z-index: 100; } @media screen and (min-width: 1024px) { #l--main-header-rur .mobile-nav { display: none; } } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container { padding-top: 0.625rem; padding-right: 4%; padding-bottom: 0.625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 5rem; } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .logo-link-mobile { display: none; } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-logo { width: 12.75rem; height: 3.75rem; } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .logo-link-tablet-desktop { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 13.0625rem; height: 2.25rem; } @media screen and (min-width: 768px) { #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .logo-link-tablet-desktop { width: 22.75rem; height: 3rem; } } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-logo-long-tag { width: 13.0625rem; height: 2.25rem; } @media screen and (min-width: 768px) { #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-logo-long-tag { width: 17.5rem; height: 3rem; } } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-close, #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-hamburger, #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-search, #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-search-close { width: 1.25rem; height: 1.25rem; fill: #C03; } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-search-close { display: none; } .search-is-open #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-search-close { margin-right: 0; display: block; } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-search { width: 2.75rem; height: 2.75rem; } .search-is-open #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .icon-search { display: none; } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { margin-right: -0.75rem; width: 2.75rem; height: 2.75rem; } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-hamburger { display: none; } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger.is-active .icon-close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger .icon-close { display: none; } .search-is-open #l--main-header-rur .mobile-nav .mobile-nav-topbar-container .mobile-menu-trigger { display: none; } #l--main-header-rur .mobile-nav .mobile-nav-menu-container { display: none; position: fixed; top: 5rem; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 3.125rem); background-color: #222; z-index: 99; overflow-y: auto; } #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu { background-color: #FFF; } @media screen and (min-width: 1024px) { #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu { display: none; width: 62%; } } #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 8%; padding-bottom: 0.8125rem; padding-left: 8%; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-bottom: 0.8125rem; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenu .menu-item.is-open .link-arrow-wrapper > a { color: #C03; } #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a { font-size: 1rem; line-height: 1.375; color: #000; } #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li .submenus-wrapper li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 0; padding-bottom: 0.8125rem; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li.menu-item--active-trail .link-arrow-wrapper > span, #l--main-header-rur .mobile-nav .mobile-nav-menu-container .cc--main-menu ul > li.menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #C03; } #l--main-header-rur .mobile-nav .cc--utility-menu { background-color: #000; } #l--main-header-rur .mobile-nav .cc--utility-menu .c--utility-menu { padding-top: 1.25rem; padding-bottom: 0.0625rem; } @media screen and (min-width: 768px) { #l--main-header-rur .mobile-nav .cc--utility-menu { overflow: hidden; } } #l--main-header-rur .mobile-nav .cc--utility-menu ul { padding-right: 8%; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #l--main-header-rur .mobile-nav .cc--utility-menu ul li { margin-right: 0; margin-bottom: 0.625rem; margin-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } #l--main-header-rur .mobile-nav .cc--utility-menu ul li li { margin-bottom: 0; } #l--main-header-rur .mobile-nav .cc--utility-menu ul li a { color: #FFF; } #l--main-header-rur .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button { height: auto; color: #FFF; } #l--main-header-rur .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button.is-open { color: #C03; } #l--main-header-rur .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .utility-button svg { display: none; } #l--main-header-rur .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu { padding-right: 0; padding-left: 0; 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; } #l--main-header-rur .mobile-nav .cc--utility-menu ul li .utility-button-wrapper .submenu li { width: 47.61905%; } #l--main-header-rur .utility-nav-container { display: none; } @media screen and (min-width: 1024px) { #l--main-header-rur .utility-nav-container { display: block; } #l--main-header-rur .utility-nav-container .m--menu li .utility-button::before { content: none; } #l--main-header-rur .utility-nav-container .m--menu li:nth-child(2) { margin-left: 0; } #l--main-header-rur .utility-nav-container .m--menu li:nth-child(2) a::before { padding-right: 0.625rem; padding-left: 0.625rem; content: '|'; } } @media screen and (min-width: 1024px) { #l--main-header-rur .utility-nav-container .utility-nav-container-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFF; } } @media screen and (min-width: 1024px) { #l--main-header-rur .utility-nav-container .utility-nav-container-wrapper .cc--rur-branding-header-red-tag a .icon-logo-color { display: block; position: relative; top: 2.9375rem; width: 16.25rem; height: 3.75rem; z-index: 4; } } @media screen and (min-width: 1200px) { #l--main-header-rur .utility-nav-container .utility-nav-container-wrapper .cc--rur-branding-header-red-tag a .icon-logo-color { width: 22.9375rem; height: 3.9375rem; } } .slim-nav-visible #l--main-header-rur .utility-nav-container .utility-nav-container-wrapper .cc--rur-branding-header-red-tag a .icon-logo-color { display: none; } .rur-home-page #l--main-header-rur .utility-nav-container .utility-nav-container-wrapper .cc--rur-branding-header-red-tag a .icon-logo-color { display: none; } @media screen and (min-width: 1024px) { .rur-home-page:not(.slim-nav-visible) #l--main-header-rur .utility-nav-container .utility-nav-container-wrapper { background-color: transparent; } } #l--main-header-rur .utility-nav-container .icon-close { display: none; } #l--main-header-rur .utility-nav-container .cc--rur-branding-header-red-tag { margin-left: 2.5rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #l--main-header-rur .utility-nav-container .cc--rur-branding-header-red-tag .logo-slim-white { display: none; } @media screen and (min-width: 1024px) { .rur-home-page #l--main-header-rur .utility-nav-container .cc--rur-branding-header-red-tag .logo-slim-white { display: block; position: fixed; top: 3.25rem; left: 2.5rem; width: 16.25rem; height: 3.75rem; } } @media screen and (min-width: 1200px) { .rur-home-page #l--main-header-rur .utility-nav-container .cc--rur-branding-header-red-tag .logo-slim-white { display: none; } } .slim-nav-visible #l--main-header-rur .utility-nav-container .cc--rur-branding-header-red-tag .logo-slim-white { display: none; } @media screen and (min-width: 1024px) { #l--main-header-rur .utility-nav-container .icon-search { margin-right: 2.5rem; margin-left: 1.25rem; background-color: transparent; } } #l--main-header-rur .utility-nav-container .icon-search svg { fill: #C03; } .rur-home-page #l--main-header-rur .utility-nav-container .icon-search svg { fill: #FFF; } @media screen and (min-width: 1024px) { #l--main-header-rur .utility-nav-container.slim-nav-expanded { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFF; opacity: 1 !important; } #l--main-header-rur .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper { opacity: 1; } #l--main-header-rur .utility-nav-container.slim-nav-expanded .rur-branding-header-red-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #l--main-header-rur .utility-nav-container.slim-nav-expanded .icon-search { margin-right: 1.25rem; } #l--main-header-rur .utility-nav-container.slim-nav-expanded .icon-search svg { fill: #C03; } #l--main-header-rur .utility-nav-container.slim-nav-expanded .icon-close { margin-right: 2.5rem; display: block; } #l--main-header-rur .utility-nav-container.slim-nav-expanded .icon-close svg { fill: #C03; } } @media screen and (min-width: 1024px) { #l--main-header-rur .utility-nav-container.slim-nav-expanded .utility-nav-container-wrapper .cc--rur-branding-header-red-tag a .icon-logo-color { display: block; position: static; width: 17.5rem; height: 3rem; } } #l--main-header-rur .main-nav-container { display: none; position: relative; } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container { display: block; width: 100%; } } #l--main-header-rur .main-nav-container .buttons-wrapper { display: none; } #l--main-header-rur .main-nav-container .branding-hamburger-container { z-index: 3; } #l--main-header-rur .main-nav-container .branding-hamburger-container .ru-hamburger { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 1.25rem; height: 0.9375rem; } #l--main-header-rur .main-nav-container .branding-hamburger-container .ru-hamburger svg { width: 1.25rem; height: 0.9375rem; fill: #C03; } #l--main-header-rur .main-nav-container .branding-mainmenu-container { position: absolute; top: 0; right: 0; left: 0; width: 100%; border-bottom: 0; background-color: #FFF; z-index: 2; } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--rur-branding-header-red-tag { display: none; } } @media screen and (min-width: 1024px) { .rur-home-page #l--main-header-rur .main-nav-container .branding-mainmenu-container { background-color: transparent; } } @media screen and (min-width: 1200px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--rur-branding-header-red-tag { display: -webkit-box; display: -ms-flexbox; display: flex; } } #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--rur-branding-header-red-tag a .logo-slim-white { display: none; } @media screen and (min-width: 1200px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--rur-branding-header-red-tag a .logo-slim-white { position: absolute; top: -1.1875rem; left: 2.5rem; } } @media screen and (min-width: 1200px) { .rur-home-page #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--rur-branding-header-red-tag a .logo-slim-white { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 4.375rem; border-bottom: 0; background-color: #FFF; z-index: 5; } #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner { max-width: 100%; } #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper { padding-right: 0; padding-left: 0; } #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .branding-mainmenu-container-inner .inner-wrapper .cc--rur-branding-header-red-tag a .logo-slim-white { display: none; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--rur-branding-header-red-tag { margin-left: 2.5rem; display: block; } } @media screen and (min-width: 1200px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--rur-branding-header-red-tag .icon-logo-color { display: block; width: 17.5rem; height: 3rem; } } @media screen and (min-width: 1200px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--rur-branding-header-red-tag .logo-slim-white { display: none; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .cc--main-menu { display: none; width: 62%; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .buttons-wrapper { margin-right: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search { margin-right: 1.25rem; height: auto; } #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search svg { fill: #C03; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-expanded { top: 4.375rem; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner { max-width: 1440px; margin: 0 auto; } } #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner .cc--rur-branding-header-red-tag { display: none; } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-expanded .branding-mainmenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-expanded .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-expanded .buttons-wrapper { display: none; } } #l--main-header-rur .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner { max-width: 1440px; margin: 0 auto; } #l--main-header-rur .main-nav-container .branding-mainmenu-container .branding-mainmenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; 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; width: 100%; height: 4.375rem; } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--main-menu ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu { width: 100%; } #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li { margin-left: 1.5625rem; } #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul li:first-child { margin-left: 0; } #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--main-menu .c--main-menu ul.submenu li { margin-left: 0; } } @media screen and (min-width: 1024px) { #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--main-menu.slim-nav-is-visible { display: none; } } @media screen and (min-width: 1024px) { .slim-nav-expanded #l--main-header-rur .main-nav-container .branding-mainmenu-container .cc--main-menu { 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) { #l--main-header-rur .main-nav-container .branding-mainmenu-container .icon-search { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } #l--main-header-rur .cc--rur-search-form { display: none; height: 100%; } #main-content-rur { margin-top: 5rem; display: block; } @media screen and (min-width: 1024px) { #main-content-rur { margin-top: 8.75rem; } } @media screen and (min-width: 1024px) { .rur-home-page #main-content-rur { margin-top: 0; } } .cc--rur-home-hero-carousel { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 12.1875rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%); content: ''; opacity: 0.6; z-index: 2; } } .cc--rur-home-hero-carousel .down-arrow-shape { position: absolute; bottom: 0; left: 0; width: 100%; height: 1.25rem; background: url("../images/down-arrow-graphic.png") no-repeat center center/100% 100%; z-index: 2; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .down-arrow-shape { height: 5rem; } } .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-wrapper { z-index: 1; } } .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-background { position: relative; height: 31.25rem; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-background { height: 37.5rem; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-background { height: 50rem; } } .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-background::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.42); content: ''; } .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-inner-wrapper { max-width: 1440px; margin: 0 auto; position: relative; height: 100%; z-index: 2; } .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 1.75rem; line-height: 1.2858; margin-bottom: 0; text-align: center; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; position: relative; top: 9.375rem; opacity: 0; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 a:hover { text-decoration: underline; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .c--rur-home-hero-carousel .swiper-slide.swiper-slide-active:not(.inited) .slide-inner-wrapper .f--section-title h2 { top: 0; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; opacity: 1; } } .cc--rur-home-hero-carousel .swiper-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .cc--rur-home-hero-carousel .swiper-navigation { display: none; } } .cc--rur-home-hero-carousel .swiper-navigation .swiper-prev, .cc--rur-home-hero-carousel .swiper-navigation .swiper-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid #FFF; z-index: 1; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .swiper-navigation .swiper-prev, .cc--rur-home-hero-carousel .swiper-navigation .swiper-next { width: 1.875rem; height: 1.875rem; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; } .cc--rur-home-hero-carousel .swiper-navigation .swiper-prev.active, .cc--rur-home-hero-carousel .swiper-navigation .swiper-next.active { opacity: 1; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .swiper-navigation .swiper-prev, .cc--rur-home-hero-carousel .swiper-navigation .swiper-next { width: 3rem; height: 3rem; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .swiper-navigation .swiper-prev svg, .cc--rur-home-hero-carousel .swiper-navigation .swiper-next svg { width: 2.5rem; height: 2.5rem; } } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .swiper-navigation .swiper-prev { right: 86%; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .swiper-navigation .swiper-prev { right: 82%; } } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .swiper-navigation .swiper-next { left: 86%; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .swiper-navigation .swiper-next { left: 82%; } } .cc--rur-home-hero-carousel .swiper-pagination { right: 2.5rem; bottom: -3.4375rem; left: 2.5rem; text-align: center; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .swiper-pagination { right: 0; left: 0; } } .cc--rur-home-hero-carousel .swiper-pagination span { margin-right: 0.4375rem; margin-left: 0.4375rem; width: 0.5625rem; height: 0.5625rem; border: 1px solid #FFF; background: transparent; opacity: 1; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .swiper-pagination span { width: 0.625rem; height: 0.625rem; } } .cc--rur-home-hero-carousel .swiper-pagination span:first-child { margin-left: 0; } .cc--rur-home-hero-carousel .swiper-pagination span:last-child { margin-right: 0; } .cc--rur-home-hero-carousel .swiper-pagination span.swiper-pagination-bullet-active { background: #FFF; } .cc--rur-home-hero-carousel .text-container { position: absolute; bottom: 5.3125rem; left: 0; width: 100%; z-index: 1; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .text-container { bottom: 7.5rem; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .text-container { bottom: 9.0625rem; } } .cc--rur-home-hero-carousel .text-container .text-container-inner { max-width: 1440px; margin: 0 auto; 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: 100%; z-index: 1; } .cc--rur-home-hero-carousel .text-container .lines-wrapper { position: absolute; right: 0; bottom: 50%; left: 0; height: 1px; overflow: hidden; z-index: 0; } @media screen and (max-width: 767px) { .cc--rur-home-hero-carousel .text-container .lines-wrapper { display: none; } } .cc--rur-home-hero-carousel .text-container .lines-wrapper .lines-container { max-width: 1440px; margin: 0 auto; position: relative; } .cc--rur-home-hero-carousel .text-container .before, .cc--rur-home-hero-carousel .text-container .after { position: absolute; top: 50%; width: 100%; height: 1px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background-color: #FFF; } .cc--rur-home-hero-carousel .text-container .before { left: -150%; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .text-container .before { margin-left: -1.875rem; } .cc--rur-home-hero-carousel .text-container .before.active { left: -86%; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .text-container .before { margin-left: -3rem; } .cc--rur-home-hero-carousel .text-container .before.active { left: -82%; } } .cc--rur-home-hero-carousel .text-container .after { right: -150%; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .text-container .after { margin-right: -1.875rem; } .cc--rur-home-hero-carousel .text-container .after.active { right: -86%; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .text-container .after { margin-right: -3rem; } .cc--rur-home-hero-carousel .text-container .after.active { right: -82%; } } @media screen and (max-width: 767px) { .cc--rur-home-hero-carousel .rur-homepage-carousel-text-container { padding-right: 8%; padding-left: 8%; } } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .rur-homepage-carousel-text-container { max-width: 68%; margin: 0 auto; } } @media screen and (min-width: 1024px) { .cc--rur-home-hero-carousel .rur-homepage-carousel-text-container { max-width: 60%; margin: 0 auto; } } .cc--rur-home-hero-carousel .rur-homepage-carousel-text-container .swiper-slide { width: 100%; height: 100%; } .cc--rur-home-hero-carousel .video-controls { right: 0; bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .video-controls { bottom: 5rem; } } @media screen and (min-width: 768px) { .cc--rur-home-hero-carousel .video-controls { right: 2%; bottom: 6.25rem; } } .cc--rur-lifecycle-carousel { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-wrapper { z-index: 1; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-background { position: relative; height: 35.625rem; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-background { height: 37.5rem; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-background { height: 45rem; } } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-background::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.42); content: ''; } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper { position: relative; height: 100%; z-index: 2; } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 1.75rem; line-height: 1.2858; margin-bottom: 1.875rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1440px) { .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .f--description p { color: #FFF; } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .f--description p a { color: #FFF; } html[data-whatintent="mouse"] .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .f--description p a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .f--description p a:hover { color: #FFF; text-decoration: none; } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .lifecycle-link { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.25rem; color: #FFF; text-decoration: underline; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .lifecycle-link { font-size: 1rem; line-height: 1.375; } } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list { margin-top: 1.25rem; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 767px) { .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link { margin-right: 0.625rem; margin-left: 0.625rem; } } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link .button--alt { color: #FFF; } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link .button--alt svg { fill: #FFF; } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link .button--alt:hover { color: #FFF; text-decoration: underline; } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link .button--alt.button--arrow, .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link .button--alt.button--external { color: #FFF; } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link .button--alt.button--arrow svg, .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link .button--alt.button--external svg { fill: #FFF; } .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--rur-lifecycle-carousel .c--rur-lifecycle-carousel .swiper-slide .slide-inner-wrapper .cta-link-list .f--link .button--alt.button--external:hover { color: #FFF; text-decoration: underline; } .cc--rur-lifecycle-carousel .curved-svg { display: none; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .curved-svg { display: block; position: absolute; top: 0; left: 0; width: auto; max-width: 13.4375rem; height: 100%; z-index: 1; } } .cc--rur-lifecycle-carousel .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-carousel .swiper-pagination { top: 3.75rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .swiper-pagination { top: 0; bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 16.375rem; } .cc--rur-lifecycle-carousel .swiper-pagination::before, .cc--rur-lifecycle-carousel .swiper-pagination::after { display: block; content: ''; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-carousel .swiper-pagination { width: 19.5625rem; } } .cc--rur-lifecycle-carousel .swiper-pagination li { list-style: none; text-align: left; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-carousel .swiper-pagination li { height: 1.125rem; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .swiper-pagination li { width: 100%; } .cc--rur-lifecycle-carousel .swiper-pagination li:first-child { display: none; } .cc--rur-lifecycle-carousel .swiper-pagination li:nth-child(3), .cc--rur-lifecycle-carousel .swiper-pagination li:nth-child(6) { padding-left: 1.25rem; text-align: center; } .cc--rur-lifecycle-carousel .swiper-pagination li:nth-child(4), .cc--rur-lifecycle-carousel .swiper-pagination li:nth-child(5) { text-align: right; } } @media screen and (max-width: 767px) { .cc--rur-lifecycle-carousel .swiper-pagination li button { margin-right: 0.3125rem; margin-left: 0.3125rem; display: block; width: 0.5rem; height: 0.5rem; border: 1px solid #FFF; border-radius: 50%; background-color: transparent; font-size: 0; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .swiper-pagination li button { font-size: 0.875rem; line-height: 1.4286; padding-top: 0.9375rem; padding-right: 0.625rem; padding-bottom: 0.9375rem; padding-left: 0.625rem; width: 10.0625rem; border-radius: 2.1875rem; background-color: #FFF; color: #000; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-carousel .swiper-pagination li button { font-size: 1.125rem; line-height: 1.1112; padding-top: 1.25rem; padding-right: 0.625rem; padding-bottom: 1.25rem; padding-left: 0.625rem; width: 12.0625rem; } } html[data-whatintent="mouse"] .cc--rur-lifecycle-carousel .swiper-pagination li button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-lifecycle-carousel .swiper-pagination li button:hover { -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; background-color: #C03; color: #FFF; } @media screen and (max-width: 767px) { html[data-whatintent="mouse"] .cc--rur-lifecycle-carousel .swiper-pagination li button:hover { background-color: #FFF; } } .cc--rur-lifecycle-carousel .swiper-pagination li.rur-lifecycle-carousel-bullet-active button { -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; background-color: #C03; color: #FFF; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-carousel .swiper-pagination li.rur-lifecycle-carousel-bullet-active button { background-color: #FFF; } } .cc--rur-lifecycle-carousel .text-container { position: absolute; top: 0; bottom: 2.5rem; left: 0; width: 100%; z-index: 2; } .cc--rur-lifecycle-carousel .text-container-inner { max-width: 1440px; margin: 0 auto; height: 100%; } .cc--rur-lifecycle-carousel .text-navigation-container { padding-right: 8%; padding-left: 8%; height: 100%; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-carousel .text-navigation-container { padding-top: 6.25rem; padding-right: 4%; padding-left: 4%; text-align: center; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-carousel .text-navigation-container { padding-right: 10%; padding-left: 6%; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .text-navigation-container-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: calc(100% + 2.5rem); } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-carousel .rur-lifecycle-carousel-text-container { margin-right: 0; width: 56.52174%; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-carousel .rur-lifecycle-carousel-text-container { width: 50%; } } @media screen and (min-width: 1440px) { .cc--rur-lifecycle-carousel .rur-lifecycle-carousel-text-container { width: 54.7619%; } } .cc--rur-lifecycle-carousel .rur-lifecycle-carousel-text-container .swiper-slide { width: 100%; height: 100%; } .cc--rur-lifecycle-carousel .video-controls { right: 0; bottom: 0; } .cc--rur-lifecycle-hero-nav { position: relative; overflow: hidden; } .cc--rur-lifecycle-hero-nav .c--rur-lifecycle-hero-nav .section-background { position: relative; height: 29.375rem; background-repeat: no-repeat; background-position: center center; background-size: cover; } .cc--rur-lifecycle-hero-nav .c--rur-lifecycle-hero-nav .section-background::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.42); content: ''; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-hero-nav .c--rur-lifecycle-hero-nav .section-background { z-index: 1; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .c--rur-lifecycle-hero-nav .section-background { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 31.25rem; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-hero-nav .c--rur-lifecycle-hero-nav .section-background { height: 36.375rem; } } .cc--rur-lifecycle-hero-nav .f--ambient-video { padding-bottom: 0; height: 100%; } .cc--rur-lifecycle-hero-nav .curved-svg { display: none; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .curved-svg { display: block; position: absolute; top: 0; left: 0; width: auto; max-width: 13.4375rem; height: 100%; z-index: 1; } } .cc--rur-lifecycle-hero-nav .tinynav { margin-right: auto; margin-bottom: 1.25rem; margin-left: auto; padding-top: 0.9375rem; padding-right: 0.9375rem; padding-bottom: 0.9375rem; padding-left: 0.9375rem; font-size: 1rem; line-height: 1.375; 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; width: 100%; max-width: 17.5rem; height: 3.75rem; border: 0; border-radius: 0; background-color: #C03; background-image: url("../images/icons/icon-arrow-down-white.svg"); background-repeat: no-repeat; background-position: calc(100% - 0.625rem) center; background-size: 0.75rem; color: #FFF; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cc--rur-lifecycle-hero-nav .tinynav::-ms-expand { display: none; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .tinynav { display: none; } } .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu { position: absolute; left: 0; z-index: 10; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu { top: 3.75rem; width: 100%; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu { top: 0; bottom: 0; width: 14.6875rem; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu { width: 17.6875rem; } } @media screen and (max-width: 767px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu { 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: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu::before, .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu::after { display: block; content: ''; } } .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li { list-style: none; text-align: left; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li { height: 1.125rem; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li { width: 100%; } .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li:nth-child(2), .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li:nth-child(5) { text-align: center; } .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li:nth-child(3), .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li:nth-child(4) { text-align: right; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li:first-child, .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li:last-child { padding-left: 1.4375rem; } .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li:nth-child(2), .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li:nth-child(5) { padding-left: 2.5rem; text-align: center; } } .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li a { text-align: center; text-decoration: none; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li a { margin-right: 0.3125rem; margin-left: 0.3125rem; display: block; width: 0.5rem; height: 0.5rem; border: 1px solid #FFF; border-radius: 50%; background-color: transparent; font-size: 0; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li a { font-size: 0.875rem; line-height: 1.4286; padding-top: 0.9375rem; padding-right: 0.625rem; padding-bottom: 0.9375rem; padding-left: 0.625rem; display: inline-block; width: 10.4375rem; border-radius: 2.1875rem; background-color: #FFF; color: #000; } } html[data-whatintent="mouse"] .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li a:hover { -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; background-color: #C03; color: #FFF; } .cc--rur-lifecycle-hero-nav .mc--life-cycle-menu .m--life-cycle-menu li.menu-item--active-trail a { -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; background-color: #C03; color: #FFF; } .cc--rur-lifecycle-hero-nav .text-container { position: absolute; top: 0; bottom: 2.5rem; left: 0; width: 100%; z-index: 2; } .cc--rur-lifecycle-hero-nav .text-container-inner { max-width: 1440px; margin: 0 auto; height: 100%; } .cc--rur-lifecycle-hero-nav .text-navigation-container { padding-right: 4%; padding-left: 4%; height: 100%; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-hero-nav .text-navigation-container { padding-top: 2.5rem; padding-right: 8%; padding-left: 8%; text-align: center; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-hero-nav .text-navigation-container { padding-right: 10%; padding-left: 2%; } } @media screen and (min-width: 1440px) { .cc--rur-lifecycle-hero-nav .text-navigation-container { padding-right: 16%; padding-left: 2%; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .text-navigation-container-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: calc(100% + 2.5rem); } } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container { position: relative; margin-right: auto; margin-left: auto; overflow: hidden; z-index: 1; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container { margin-right: 0; width: 56.52174%; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container { width: 61.36364%; } } @media screen and (min-width: 1440px) { .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container { width: 56.09756%; } } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a { margin-bottom: 1.25rem; text-decoration: underline; } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt { font-size: 1rem; line-height: 1.375; } } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt:hover { color: #C03; } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt:focus { outline: 0.125rem solid #0086E8; } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt.disabled:hover { cursor: default; } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt { color: #FFF; } html[data-whatintent="mouse"] .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--link a.button--alt:hover { color: #FFF; } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--page-title h1 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.25rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--page-title h1 { margin-bottom: 1.875rem; font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; } } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--description p { color: #FFF; } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--description p { font-size: 1.375rem; line-height: 1.6364; } } .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--description p a { color: #FFF; } html[data-whatintent="mouse"] .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--description p a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-lifecycle-hero-nav .rur-lifecycle-text-container .f--description p a:hover { color: #FFF; text-decoration: none; } .cc--rur-lifecycle-hero-nav .video-controls { right: 0; bottom: 0; } .cc--rur-lifecycle-resources-listing { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-resources-listing .resources-inner-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--rur-lifecycle-resources-listing .lifecycle-accordion-content { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-resources-listing .lifecycle-accordion-content { padding-top: 0; padding-right: 4%; padding-bottom: 3.75rem; padding-left: 4%; margin-top: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-resources-listing .lifecycle-accordion-content { padding-bottom: 5rem; } } @media screen and (min-width: 1440px) { .cc--rur-lifecycle-resources-listing .lifecycle-accordion-content { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1440px) { .cc--rur-lifecycle-resources-listing .lifecycle-accordion-content > * { padding-right: 5.88235%; padding-left: 5.88235%; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-resources-listing .cc--filter-form { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; } } .cc--rur-lifecycle-resources-listing .cc--resources-card { padding-top: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #D8D8D8; } .cc--rur-lifecycle-resources-listing .cc--resources-card:last-child { border-bottom: 0; } @media screen and (max-width: 767px) { .cc--rur-lifecycle-resources-listing .cc--resources-card:first-child { border-top: 1px solid #D8D8D8; } } @media screen and (min-width: 768px) { .cc--rur-lifecycle-resources-listing .cc--resources-card { padding-top: 1.875rem; padding-bottom: 1.5625rem; } } @media screen and (min-width: 1024px) { .cc--rur-lifecycle-resources-listing .cc--resources-card { padding-bottom: 1.875rem; } } .cc--rur-lifecycle-resources-listing .cc--resources-card .f--sub-title h3 { margin-bottom: 0.9375rem; font-size: 1.125rem; line-height: 1.3334; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-resources-listing .cc--resources-card .f--sub-title h3 { margin-bottom: 1.5625rem; font-size: 1.5rem; line-height: 1.3334; } } .cc--rur-lifecycle-resources-listing .cc--resources-card .f--description { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-resources-listing .cc--resources-card .f--description { margin-bottom: 1.25rem; } } .cc--rur-lifecycle-resources-listing .cc--resources-card .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--rur-lifecycle-resources-listing .cc--resources-card .f--description p { font-size: 1rem; line-height: 1.75; } } .cc--rur-lifecycle-resources-listing .cc--resources-card .f--text p { color: #000; } .cc--rur-lifecycle-resources-listing .cc--resources-card .f--text span { margin-right: 0.3125rem; margin-left: 0.3125rem; } .cc--rur-lifecycle-resources-listing .cc--resources-card .f--link { margin-top: 1.25rem; } .cc--rur-lifecycle-resources-listing .cc--load-more .pager .f--button-link { margin-top: 0.625rem; } .cc--rur-research-news-mini-nav { 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: 3.125rem; background-color: #C03; } @media screen and (min-width: 768px) { .cc--rur-research-news-mini-nav { height: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--rur-research-news-mini-nav.slim-nav-is-visible { position: fixed; top: 4.375rem; left: 0; width: 100%; z-index: 4; } } @media screen and (min-width: 1024px) { .cc--rur-research-news-mini-nav.slim-nav-expanded { top: 8.75rem; } } .cc--rur-research-news-mini-nav .rur-news-landing-logo { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: auto; text-align: center; } .cc--rur-research-news-mini-nav .rur-news-landing-logo a { font-size: 1.5rem; line-height: 1; color: #FFF; text-decoration: none; } @media screen and (min-width: 768px) { .cc--rur-research-news-mini-nav .rur-news-landing-logo a { font-size: 1.875rem; line-height: 1; } } html[data-whatintent="mouse"] .cc--rur-research-news-mini-nav .rur-news-landing-logo a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-research-news-mini-nav .rur-news-landing-logo a:hover { color: #FFF; text-decoration: none; } .cc--rur-research-news-mini-nav .f--button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; height: 100%; background: #000; cursor: pointer; } html[data-whatintent="mouse"] .cc--rur-research-news-mini-nav .f--button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-research-news-mini-nav .f--button:hover button { background: #000; } @media screen and (min-width: 768px) { .cc--rur-research-news-mini-nav .f--button { width: 9.375rem; } } @media screen and (min-width: 1024px) { .cc--rur-research-news-mini-nav .f--button { width: 10rem; } } .cc--rur-research-news-mini-nav .f--button .f--button-wrapper { width: 100%; } .cc--rur-research-news-mini-nav .f--button button { width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #FFF; font-size: 0; text-transform: none; } @media screen and (min-width: 768px) { .cc--rur-research-news-mini-nav .f--button button { font-size: 0.875rem; line-height: 1.4286; } } .cc--rur-research-news-mini-nav .f--button button svg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #EBB600; } @media screen and (min-width: 768px) { .cc--rur-research-news-mini-nav .f--button button svg { margin-left: 0.625rem; } } .cc--rur-research-news-mini-nav .f--button button.topics-open svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section { display: none; position: absolute; left: 0; top: 3.125rem; width: 100%; background: #000; z-index: 2; } @media screen and (min-width: 768px) { .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section { top: 3.75rem; } } .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section.topics-open { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .rur-research-mini-header-dropdown-inner-wrapper { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .rur-research-mini-header-dropdown-inner { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 2.5rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .rur-research-mini-header-dropdown-inner { padding-top: 3.125rem; padding-bottom: 4.375rem; } } .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .f--link:first-child .button::before { display: none; } .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .f--link .button { font-size: 1.125rem; line-height: 2.2223; height: auto; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } html[data-whatintent="mouse"] .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .f--link .button:hover { color: #EBB600; } @media screen and (min-width: 768px) { .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .f--link .button { font-size: 2rem; line-height: 2; } } .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .f--link .button::before { font-size: 1.125rem; line-height: 2.2223; padding-right: 0.625rem; padding-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #333; content: '/'; } @media screen and (min-width: 768px) { .cc--rur-research-news-mini-nav .rur-research-mini-header-dropdown-section .f--link .button::before { font-size: 2rem; line-height: 2; padding-right: 1.25rem; padding-left: 1.25rem; } } .is-rutgers-mini-nav .cc--rur-research-news-mini-nav.slim-nav-is-visible { position: absolute; } @media screen and (max-width: 1023px) { .is-rutgers-mini-nav .cc--rur-research-news-mini-nav.slim-nav-is-visible { top: 5rem; left: 0; width: 100%; -webkit-transition: none; transition: none; } } .is-rutgers-mini-nav .cc--rur-research-news-mini-nav.slim-nav-is-visible.sticky { position: fixed; top: 0; -webkit-transition: none; transition: none; z-index: 4; } .is-rutgers-mini-nav #main-content-rur { margin-top: 3.75rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } .cc--rur-research-news-nav { background-color: #C03; z-index: 4; } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav.slim-nav-is-visible { position: fixed; top: 4.375rem; left: 0; width: 100%; } } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav.slim-nav-expanded { top: 8.75rem; } } .cc--rur-research-news-nav .rur-news-nav-wrapper { position: relative; } .cc--rur-research-news-nav .nav-top { max-width: 1440px; margin: 0 auto; } .cc--rur-research-news-nav .nav-top .nav-top-inner { padding-top: 0.9375rem; padding-right: 4%; padding-bottom: 0.8125rem; padding-left: 4%; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .nav-top .nav-top-inner { padding-bottom: 0.9375rem; } } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .nav-top .nav-top-inner { padding-top: 1.5625rem; padding-right: 4%; padding-bottom: 1.5625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 8.75rem; } } .cc--rur-research-news-nav .nav-top .rur-news-landing-logo { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: auto; text-align: center; } .cc--rur-research-news-nav .nav-top .rur-news-landing-logo a { font-size: 1.875rem; line-height: 1; color: #FFF; text-decoration: none; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .nav-top .rur-news-landing-logo a { font-size: 2.5rem; line-height: 1; } } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .nav-top .rur-news-landing-logo a { font-size: 4.0625rem; line-height: 1; } } .cc--rur-research-news-nav .nav-top .rur-news-landing-logo span { font-size: 1rem; line-height: 1.25; display: none; } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .nav-top .rur-news-landing-logo span { margin-top: 0.3125rem; display: block; } } .cc--rur-research-news-nav .nav-top .nav-top-links { display: none; } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .nav-top .nav-top-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 13.75rem; flex: 0 0 13.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc--rur-research-news-nav .nav-top .nav-top-links.left-links li { margin-right: 1.875rem; } .cc--rur-research-news-nav .nav-top .nav-top-links.right-links li { margin-left: 1.875rem; } .cc--rur-research-news-nav .nav-top .nav-top-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; } .cc--rur-research-news-nav .nav-top .nav-top-links .f--link a { padding-right: 0; padding-left: 0; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rur-research-news-nav .nav-top .nav-top-links .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-research-news-nav .nav-top .nav-top-links .f--link a:hover { text-decoration: underline; } .cc--rur-research-news-nav .nav-top .nav-top-links .f--button { margin-left: 1.875rem; } .cc--rur-research-news-nav .nav-top .nav-top-links .f--button .button { padding-right: 0; padding-left: 0; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rur-research-news-nav .nav-top .nav-top-links .f--button .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-research-news-nav .nav-top .nav-top-links .f--button .button:hover { text-decoration: underline; } .cc--rur-research-news-nav .nav-top .nav-top-links .f--button .button svg { display: none; } .cc--rur-research-news-nav .nav-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1023px) { .cc--rur-research-news-nav .nav-bottom { position: relative; } } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .nav-bottom { display: block; } } .cc--rur-research-news-nav .nav-bottom > div { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .mobile-top-nav, .cc--rur-research-news-nav .mobile-search-button { display: none; } } .cc--rur-research-news-nav .mobile-top-nav .f--button .button, .cc--rur-research-news-nav .mobile-search-button .f--button .button { font-size: 1rem; line-height: 1.25; width: 100%; height: 2.5rem; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } .cc--rur-research-news-nav .mobile-top-nav .f--button .button svg, .cc--rur-research-news-nav .mobile-search-button .f--button .button svg { margin-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #FFF; } .cc--rur-research-news-nav .mobile-top-nav .f--button .button.search-open, .cc--rur-research-news-nav .mobile-top-nav .f--button .button.menu-open, .cc--rur-research-news-nav .mobile-search-button .f--button .button.search-open, .cc--rur-research-news-nav .mobile-search-button .f--button .button.menu-open { background: #B7002D; } .cc--rur-research-news-nav .mobile-top-nav .f--button .button.search-open svg, .cc--rur-research-news-nav .mobile-top-nav .f--button .button.menu-open svg, .cc--rur-research-news-nav .mobile-search-button .f--button .button.search-open svg, .cc--rur-research-news-nav .mobile-search-button .f--button .button.menu-open svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--rur-research-news-nav .mobile-top-nav .menu-list { padding-top: 0.5rem; padding-right: 0; padding-bottom: 1.25rem; padding-left: 0; display: none; position: absolute; width: 100%; margin: 0; background: #B7002D; list-style: none; z-index: 2; } .cc--rur-research-news-nav .mobile-top-nav .menu-list li { padding-top: 0.75rem; padding-bottom: 0.75rem; } .cc--rur-research-news-nav .mobile-top-nav .menu-list .f--link a { font-size: 1rem; line-height: 1.375; padding-right: 8%; padding-left: 8%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rur-research-news-nav .mobile-top-nav .menu-list .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-research-news-nav .mobile-top-nav .menu-list .f--link a:hover { text-decoration: underline; } .cc--rur-research-news-nav .rur-news-dropdown-search { margin-top: 2.5rem; display: none; position: absolute; width: 100%; background: #B7002D; z-index: 2; } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .rur-news-dropdown-search { margin-top: -3.75rem; background: #C03; } } .cc--rur-research-news-nav .rur-news-dropdown-search .rur-news-dropdown-search-inner { max-width: 1440px; margin: 0 auto; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .rur-news-dropdown-search .rur-news-dropdown-search-inner { padding-top: 4.375rem; padding-right: 10%; padding-bottom: 4.375rem; padding-left: 10%; } } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .rur-news-dropdown-search .rur-news-dropdown-search-inner { padding-top: 6.25rem; padding-right: 4%; padding-bottom: 6.25rem; padding-left: 4%; } } .cc--rur-research-news-nav .rur-news-dropdown-search .icon-search-close { display: none; position: absolute; top: 1.6875rem; right: 4%; width: 0.9375rem; height: 0.9375rem; } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .rur-news-dropdown-search .icon-search-close { display: block; } } .cc--rur-research-news-nav .rur-news-dropdown-search .icon-search-close svg { fill: #FFF; } .cc--rur-research-news-nav .rur-news-dropdown-search form { position: relative; max-width: 51rem; margin: 0 auto; } .cc--rur-research-news-nav .rur-news-dropdown-search form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5rem; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .rur-news-dropdown-search form .icon-search { width: 2rem; } } .cc--rur-research-news-nav .rur-news-dropdown-search form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #FFF; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .rur-news-dropdown-search form .icon-search svg { width: 2rem; height: 2rem; } } .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item:nth-child(1) { margin-left: 0; } } .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item label { display: none; } .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 0; padding-bottom: 1.0625rem; padding-left: 0; height: auto; border: 0; border-bottom: 0.0625rem solid #FFF; background: none; color: #FFF; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item input::-webkit-input-placeholder { color: #FFF; opacity: .9; } .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item input::-moz-placeholder { color: #FFF; opacity: .9; } .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item input:-ms-input-placeholder { color: #FFF; opacity: .9; } .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item input::-ms-input-placeholder { color: #FFF; opacity: .9; } .cc--rur-research-news-nav .rur-news-dropdown-search .fi--form-item input::placeholder { color: #FFF; opacity: .9; } .cc--rur-research-news-nav .taxonomy-dropdown { background: #000; } .cc--rur-research-news-nav .taxonomy-dropdown.topics-open .current-date { display: none; } .cc--rur-research-news-nav .taxonomy-dropdown.topics-open .button svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--rur-research-news-nav .taxonomy-dropdown .taxonomy-dropdown-inner { max-width: 1440px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc--rur-research-news-nav .taxonomy-dropdown .current-date { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1rem; line-height: 1.375; display: none; left: 4%; color: #FFF; } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .taxonomy-dropdown .current-date { display: inline-block; } } .cc--rur-research-news-nav .taxonomy-dropdown .f--button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.5rem; cursor: pointer; } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .taxonomy-dropdown .f--button { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; width: 10rem; height: 3.75rem; } } html[data-whatintent="mouse"] .cc--rur-research-news-nav .taxonomy-dropdown .f--button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-research-news-nav .taxonomy-dropdown .f--button:hover button { background: #000; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .taxonomy-dropdown .f--button { width: 9.375rem; } } @media screen and (min-width: 1024px) { .cc--rur-research-news-nav .taxonomy-dropdown .f--button { width: 10rem; } } .cc--rur-research-news-nav .taxonomy-dropdown .f--button .f--button-wrapper { width: 100%; } .cc--rur-research-news-nav .taxonomy-dropdown .f--button button { font-size: 0.875rem; line-height: 1.4286; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .taxonomy-dropdown .f--button button { font-size: 1rem; line-height: 1.25; } } .cc--rur-research-news-nav .taxonomy-dropdown .f--button button svg { margin-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #EBB600; } .cc--rur-research-news-nav .rur-news-nav-dropdown-section { display: none; position: absolute; left: 0; width: 100%; background: #000; z-index: 2; } .cc--rur-research-news-nav .rur-news-nav-dropdown-section.topics-open { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--rur-research-news-nav .rur-news-nav-dropdown-section .rur-news-nav-dropdown-inner-wrapper { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--rur-research-news-nav .rur-news-nav-dropdown-section .rur-news-nav-dropdown-inner { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 2.5rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .rur-news-nav-dropdown-section .rur-news-nav-dropdown-inner { padding-top: 3.125rem; padding-bottom: 4.375rem; } } .cc--rur-research-news-nav .rur-news-nav-dropdown-section .f--link:first-child .button::before { display: none; } .cc--rur-research-news-nav .rur-news-nav-dropdown-section .f--link .button { font-size: 1.125rem; line-height: 2.2223; height: auto; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } html[data-whatintent="mouse"] .cc--rur-research-news-nav .rur-news-nav-dropdown-section .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rur-research-news-nav .rur-news-nav-dropdown-section .f--link .button:hover { color: #EBB600; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .rur-news-nav-dropdown-section .f--link .button { font-size: 2rem; line-height: 2; } } .cc--rur-research-news-nav .rur-news-nav-dropdown-section .f--link .button::before { font-size: 1.125rem; line-height: 2.2223; padding-right: 0.625rem; padding-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #333; content: '/'; } @media screen and (min-width: 768px) { .cc--rur-research-news-nav .rur-news-nav-dropdown-section .f--link .button::before { font-size: 2rem; line-height: 2; padding-right: 1.25rem; padding-left: 1.25rem; } } .is-rutgers-nav #l--main-header-rur { position: static; } .is-rutgers-nav #l--main-header-rur .mobile-nav { position: static; } .is-rutgers-nav #l--main-header-rur .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { margin-top: -4.375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; position: absolute; } .is-rutgers-research-news-nav .cc--rur-research-news-nav.slim-nav-is-visible { position: absolute; } @media screen and (max-width: 1023px) { .is-rutgers-research-news-nav .cc--rur-research-news-nav.slim-nav-is-visible { top: 5rem; left: 0; width: 100%; -webkit-transition: none; transition: none; } } .is-rutgers-research-news-nav .cc--rur-research-news-nav.slim-nav-is-visible.sticky { position: fixed; top: 0; -webkit-transition: none; transition: none; } .is-rutgers-research-news-nav #main-content-rur { margin-top: 6.25rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .is-rutgers-research-news-nav #main-content-rur { margin-top: 6.9375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .is-rutgers-research-news-nav #main-content-rur { margin-top: 12.5rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .cc--rur-search-form { padding-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.8); z-index: 300; } .cc--rur-search-form .c--rur-search-form { padding-bottom: 3.125rem; position: relative; width: 100%; background-color: #FFF; } .cc--rur-search-form .search-form-branding { padding-top: 0.625rem; padding-bottom: 0.625rem; 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: 5rem; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 1024px) { .cc--rur-search-form .search-form-branding { height: 4.375rem; } } .cc--rur-search-form .search-form-branding .logo-link-mobile { display: none; } .cc--rur-search-form .search-form-branding .logo-link-tablet-desktop { margin-left: 4%; width: 13.0625rem; height: 2.25rem; } @media screen and (min-width: 768px) { .cc--rur-search-form .search-form-branding .logo-link-tablet-desktop { width: 17.5rem; height: 3rem; } } @media screen and (min-width: 1024px) { .cc--rur-search-form .search-form-branding .logo-link-tablet-desktop { margin-left: 2.5rem; } } .cc--rur-search-form .search-form-branding .icon-logo-long-tag { width: 13.0625rem; height: 2.25rem; } @media screen and (min-width: 768px) { .cc--rur-search-form .search-form-branding .icon-logo-long-tag { width: 17.5rem; height: 3rem; } } .cc--rur-search-form .search-form-branding .icon-search-close { margin-right: 4%; width: 1.125rem; height: 3.125rem; } @media screen and (min-width: 768px) { .cc--rur-search-form .search-form-branding .icon-search-close { margin-right: 2.5rem; } } .cc--rur-search-form .search-form-branding .icon-search-close svg { width: 1.125rem; height: 1.125rem; fill: #C03; } .cc--rur-search-form form { max-width: 38.5rem; margin: 0 auto; margin-top: 2.9375rem; padding-right: 8%; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--rur-search-form form { max-width: 51rem; margin: 0 auto; margin-top: 5rem; margin-bottom: 5rem; } } @media screen and (min-width: 1024px) { .cc--rur-search-form form { margin-top: 6.25rem; margin-bottom: 6.25rem; } } .cc--rur-search-form form .search-form-inner { margin-bottom: 1.875rem; position: relative; border-bottom: 0.0625rem solid #D8D8D8; } .cc--rur-search-form form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 1.25rem; right: 0.0625rem; width: 1.5rem; height: 1.5rem; background-color: transparent; } @media screen and (min-width: 768px) { .cc--rur-search-form form .icon-search { width: 2rem; height: 2rem; } } .cc--rur-search-form form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #C03; } @media screen and (min-width: 768px) { .cc--rur-search-form form .icon-search svg { width: 2rem; height: 2rem; } } @media screen and (min-width: 768px) { .cc--rur-search-form form .search-filter-options .fieldset-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--rur-search-form .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .cc--rur-search-form .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .cc--rur-search-form .fi--form-item:nth-child(1) { margin-left: 0; } } .cc--rur-search-form .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 1.875rem; padding-bottom: 1.0625rem; height: auto; border: 0; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--rur-search-form .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .cc--rur-search-form .fi--form-item input::-webkit-input-placeholder { color: #666; opacity: 0.7; } .cc--rur-search-form .fi--form-item input::-moz-placeholder { color: #666; opacity: 0.7; } .cc--rur-search-form .fi--form-item input:-ms-input-placeholder { color: #666; opacity: 0.7; } .cc--rur-search-form .fi--form-item input::-ms-input-placeholder { color: #666; opacity: 0.7; } .cc--rur-search-form .fi--form-item input::placeholder { color: #666; opacity: 0.7; } .cc--rur-tabbed-lifecycle-content { padding-top: 1.25rem; } .cc--rur-tabbed-lifecycle-content .tab-content { padding-bottom: 1.25rem; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion { background-color: transparent; margin-top: 2.5rem; margin-bottom: 2.5rem; max-width: 1440px; margin-right: auto; margin-left: auto; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement.color-white .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list.color-white .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion.color-white .c--special-announcement { background-color: #FFF; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement.color-black .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list.color-black .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion.color-black .c--special-announcement { background-color: #000; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement.color-yellow .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list.color-yellow .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion.color-yellow .c--special-announcement { background-color: #EBB600; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement.color-blue .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list.color-blue .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion.color-blue .c--special-announcement { background-color: #007FAC; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement.color-dark-gray .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list.color-dark-gray .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion.color-dark-gray .c--special-announcement { background-color: #222; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement.color-light-gray .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list.color-light-gray .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion.color-light-gray .c--special-announcement { background-color: #EFEFEF; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement.color-red .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list.color-red .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion.color-red .c--special-announcement { background-color: #C03; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement.color-teal .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list.color-teal .c--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion.color-teal .c--special-announcement { background-color: #00626D; } @media screen and (min-width: 768px) { .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion { margin-top: 3.75rem; margin-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--rur-tabbed-lifecycle-content .tab-content .cc--special-announcement, .cc--rur-tabbed-lifecycle-content .tab-content .cc--chapter-link-list, .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion { margin-top: 5rem; margin-bottom: 5rem; } } .cc--rur-tabbed-lifecycle-content .tab-content .c--chapter-link-list { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rur-tabbed-lifecycle-content .tab-content .c--chapter-link-list { padding-right: 20%; padding-left: 20%; } } .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion { max-width: 1440px; margin-right: auto; margin-left: auto; } .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion .c--accordion { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion .c--accordion { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion .c--accordion { margin-right: 8%; margin-left: 8%; } } .cc--rur-tabbed-lifecycle-content .tab-content .cc--accordion .inner-wrapper { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .cc--rur-tabbed-lifecycle-content .tab-content .c--special-announcement { margin-right: 8%; margin-left: 8%; padding-right: 4%; padding-left: 4%; } @media screen and (min-width: 768px) { .cc--rur-tabbed-lifecycle-content .tab-content .c--special-announcement { margin-right: 12%; margin-left: 12%; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--rur-tabbed-lifecycle-content .tab-content .c--special-announcement { margin-right: 20%; margin-left: 20%; } } .cc--rutgers-magazine-nav { background-color: #C03; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav.slim-nav-is-visible { position: fixed; top: 4.375rem; left: 0; width: 100%; z-index: 4; } } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav.slim-nav-expanded { top: 8.75rem; } } .cc--rutgers-magazine-nav .rutgers-magazine-nav-wrapper { position: relative; } .cc--rutgers-magazine-nav .nav-top { max-width: 1440px; margin: 0 auto; } .cc--rutgers-magazine-nav .nav-top .nav-top-inner { padding-top: 0.9375rem; padding-right: 4%; padding-bottom: 0.625rem; padding-left: 4%; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .nav-top .nav-top-inner { padding-top: 1.25rem; padding-right: 4%; padding-bottom: 1.625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--rutgers-magazine-nav .nav-top .rutgers-magazine-logo { width: 15.3125rem; margin: 0 auto; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .nav-top .rutgers-magazine-logo { width: 19.6875rem; height: 2.8125rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .nav-top .rutgers-magazine-logo { width: 16.375rem; height: 5.875rem; } } .cc--rutgers-magazine-nav .nav-top .rutgers-magazine-logo svg { width: 100%; } .cc--rutgers-magazine-nav .nav-top .rutgers-magazine-logo .logo { display: none; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .nav-top .rutgers-magazine-logo .logo { display: inline-block; width: 100%; } } .cc--rutgers-magazine-nav .nav-top .rutgers-magazine-logo .small-logo { display: inline-block; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .nav-top .rutgers-magazine-logo .small-logo { display: none; } } .cc--rutgers-magazine-nav .nav-top .nav-top-links { display: none; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .nav-top .nav-top-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc--rutgers-magazine-nav .nav-top .nav-top-links.left-links li { margin-right: 1.875rem; } .cc--rutgers-magazine-nav .nav-top .nav-top-links.right-links li { margin-left: 1.875rem; } .cc--rutgers-magazine-nav .nav-top .nav-top-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; } .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--link a { padding-right: 0; padding-left: 0; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--link a:hover { text-decoration: underline; } .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--button { margin-left: 1.875rem; } .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--button .button { padding-right: 0; padding-left: 0; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--button .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--button .button:hover { text-decoration: underline; } .cc--rutgers-magazine-nav .nav-top .nav-top-links .f--button .button svg { display: none; } .cc--rutgers-magazine-nav .nav-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1023px) { .cc--rutgers-magazine-nav .nav-bottom { position: relative; } } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .nav-bottom { display: block; } } .cc--rutgers-magazine-nav .nav-bottom > div { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .mobile-top-nav, .cc--rutgers-magazine-nav .mobile-search-button { display: none; } } .cc--rutgers-magazine-nav .mobile-top-nav .f--button .button, .cc--rutgers-magazine-nav .mobile-search-button .f--button .button { font-size: 0.875rem; line-height: 1.4286; width: 100%; height: 2.5rem; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .mobile-top-nav .f--button .button, .cc--rutgers-magazine-nav .mobile-search-button .f--button .button { font-size: 1rem; line-height: 1.25; } } .cc--rutgers-magazine-nav .mobile-top-nav .f--button .button svg, .cc--rutgers-magazine-nav .mobile-search-button .f--button .button svg { margin-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #FFF; } .cc--rutgers-magazine-nav .mobile-top-nav .f--button .button.search-open, .cc--rutgers-magazine-nav .mobile-top-nav .f--button .button.menu-open, .cc--rutgers-magazine-nav .mobile-search-button .f--button .button.search-open, .cc--rutgers-magazine-nav .mobile-search-button .f--button .button.menu-open { background: #B7002D; } .cc--rutgers-magazine-nav .mobile-top-nav .f--button .button.search-open svg, .cc--rutgers-magazine-nav .mobile-top-nav .f--button .button.menu-open svg, .cc--rutgers-magazine-nav .mobile-search-button .f--button .button.search-open svg, .cc--rutgers-magazine-nav .mobile-search-button .f--button .button.menu-open svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--rutgers-magazine-nav .mobile-top-nav .menu-list { padding-top: 0.5rem; padding-right: 0; padding-bottom: 1.25rem; padding-left: 0; display: none; position: absolute; width: 100%; margin: 0; background: #B7002D; list-style: none; z-index: 2; } .cc--rutgers-magazine-nav .mobile-top-nav .menu-list li { padding-top: 0.75rem; padding-bottom: 0.75rem; } .cc--rutgers-magazine-nav .mobile-top-nav .menu-list .f--link a { font-size: 1rem; line-height: 1.375; padding-right: 8%; padding-left: 8%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .mobile-top-nav .menu-list .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .mobile-top-nav .menu-list .f--link a:hover { text-decoration: underline; } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search { margin-top: 2.5rem; display: none; position: absolute; width: 100%; background: #B7002D; z-index: 2; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search { margin-top: -3.75rem; background: #C03; } } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .rutgers-nav-dropdown-search-inner { max-width: 1440px; margin: 0 auto; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .rutgers-nav-dropdown-search-inner { padding-top: 4.375rem; padding-right: 10%; padding-bottom: 4.375rem; padding-left: 10%; } } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .rutgers-nav-dropdown-search-inner { padding-top: 6.25rem; padding-right: 4%; padding-bottom: 6.25rem; padding-left: 4%; } } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .icon-search-close { display: none; position: absolute; top: 1.6875rem; right: 4%; width: 0.9375rem; height: 0.9375rem; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .icon-search-close { display: block; } } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .icon-search-close svg { fill: #FFF; } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search form { position: relative; max-width: 51rem; margin: 0 auto; } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5rem; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search form .icon-search { width: 2rem; } } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #FFF; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search form .icon-search svg { width: 2rem; height: 2rem; } } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item:nth-child(1) { margin-left: 0; } } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item label { display: none; } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 0; padding-bottom: 1.0625rem; padding-left: 0; height: auto; border: 0; border-bottom: 0.0625rem solid #FFF; background: none; color: #FFF; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item input::-webkit-input-placeholder { color: #FFF; opacity: .9; } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item input::-moz-placeholder { color: #FFF; opacity: .9; } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item input:-ms-input-placeholder { color: #FFF; opacity: .9; } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item input::-ms-input-placeholder { color: #FFF; opacity: .9; } .cc--rutgers-magazine-nav .rutgers-nav-dropdown-search .fi--form-item input::placeholder { color: #FFF; opacity: .9; } .cc--rutgers-magazine-nav .taxonomy-dropdown { background: #000; } .cc--rutgers-magazine-nav .taxonomy-dropdown.topics-open .current-date { display: none; } .cc--rutgers-magazine-nav .taxonomy-dropdown.topics-open .button svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--rutgers-magazine-nav .taxonomy-dropdown .taxonomy-dropdown-inner { max-width: 1440px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc--rutgers-magazine-nav .taxonomy-dropdown .current-date { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1rem; line-height: 1.375; display: none; left: 4%; color: #FFF; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .taxonomy-dropdown .current-date { display: inline-block; } } .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.5rem; cursor: pointer; } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; width: 10rem; height: 3.75rem; } } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button:hover button { background: #000; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button { width: 9.375rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button { width: 10rem; } } .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button .f--button-wrapper { width: 100%; } .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button button { font-size: 0.875rem; line-height: 1.4286; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button button { font-size: 1rem; line-height: 1.25; } } .cc--rutgers-magazine-nav .taxonomy-dropdown .f--button button svg { margin-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #EBB600; } .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section { display: none; position: absolute; left: 0; width: 100%; background: #000; z-index: 2; } .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section.topics-open { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .rutgers-magazine-nav-dropdown-inner-wrapper { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .rutgers-magazine-nav-dropdown-inner { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 2.5rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .rutgers-magazine-nav-dropdown-inner { padding-top: 3.125rem; padding-bottom: 4.375rem; } } .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .f--link:first-child .button::before { display: none; } .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .f--link .button { font-size: 1.125rem; line-height: 2.2223; height: auto; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .f--link .button:hover { color: #EBB600; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .f--link .button { font-size: 2rem; line-height: 2; } } .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .f--link .button::before { font-size: 1.125rem; line-height: 2.2223; padding-right: 0.625rem; padding-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #333; content: '/'; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-nav .rutgers-magazine-nav-dropdown-section .f--link .button::before { font-size: 2rem; line-height: 2; padding-right: 1.25rem; padding-left: 1.25rem; } } .is-rutgers-magazine-nav .cc--rutgers-magazine-nav.slim-nav-is-visible { position: absolute; } @media screen and (max-width: 1023px) { .is-rutgers-magazine-nav .cc--rutgers-magazine-nav.slim-nav-is-visible { top: 5rem; left: 0; width: 100%; -webkit-transition: none; transition: none; } } .is-rutgers-magazine-nav .cc--rutgers-magazine-nav.slim-nav-is-visible.sticky { position: fixed; top: 0; -webkit-transition: none; transition: none; z-index: 3; } .is-rutgers-magazine-nav #main-content-basic, .is-rutgers-magazine-nav #main-content { margin-top: 7.1875rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .is-rutgers-magazine-nav #main-content-basic, .is-rutgers-magazine-nav #main-content { margin-top: 6.875rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .is-rutgers-magazine-nav #main-content-basic, .is-rutgers-magazine-nav #main-content { margin-top: 12.3125rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .cc--rutgers-magazine-sticky-nav { 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: 3.125rem; background-color: #C03; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav { height: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible { position: fixed; top: 4.375rem; left: 0; width: 100%; z-index: 4; } } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-sticky-nav.slim-nav-expanded { top: 8.75rem; } } .cc--rutgers-magazine-sticky-nav .back-link { position: absolute; top: 0; left: 4%; width: 3.125rem; height: 100%; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .back-link { width: auto; } } .cc--rutgers-magazine-sticky-nav .back-link::before { font-size: 0.75rem; line-height: 1.6667; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 1.125rem; color: #FFF; content: 'Home'; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .back-link::before { content: none; } } .cc--rutgers-magazine-sticky-nav .back-link .f--link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .cc--rutgers-magazine-sticky-nav .back-link .button--alt { padding-right: 0; padding-left: 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 100%; border: 0; background-color: transparent; color: #FFF; font-size: 0; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .back-link .button--alt { font-size: 0.875rem; line-height: 1.4286; } } html[data-whatintent="mouse"] .cc--rutgers-magazine-sticky-nav .back-link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-magazine-sticky-nav .back-link .button--alt:hover { background-color: transparent; color: #FFF; text-decoration: underline; } .cc--rutgers-magazine-sticky-nav .back-link .button--alt svg { margin-right: 0.5625rem; width: 0.5625rem; height: 0.5625rem; fill: #FFF; } .cc--rutgers-magazine-sticky-nav .rmsn-logo { margin-top: 0.9375rem; margin-bottom: 0.8125rem; width: 8.8125rem; height: 1.3125rem; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .rmsn-logo { margin-top: 0.75rem; margin-bottom: 0.5rem; width: 15.0625rem; height: 2.25rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-sticky-nav .rmsn-logo { width: 16.8125rem; height: 2.5rem; } } .cc--rutgers-magazine-sticky-nav .rmsn-logo svg { fill: #FFF; } .cc--rutgers-magazine-sticky-nav .f--button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; height: 100%; background: #000; cursor: pointer; } html[data-whatintent="mouse"] .cc--rutgers-magazine-sticky-nav .f--button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-magazine-sticky-nav .f--button:hover button { background: #000; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .f--button { width: 9.375rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-magazine-sticky-nav .f--button { width: 10rem; } } .cc--rutgers-magazine-sticky-nav .f--button .f--button-wrapper { width: 100%; } .cc--rutgers-magazine-sticky-nav .f--button button { width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #FFF; font-size: 0; text-transform: none; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .f--button button { font-size: 0.875rem; line-height: 1.4286; } } .cc--rutgers-magazine-sticky-nav .f--button button svg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; fill: #EBB600; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .f--button button svg { margin-left: 0.625rem; } } .cc--rutgers-magazine-sticky-nav .f--button button.topics-open svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section { display: none; position: absolute; left: 0; width: 100%; background: #000; z-index: 2; } .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section.topics-open { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .rmsn-dropdown-inner-wrapper { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .rmsn-dropdown-inner { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 2.5rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .rmsn-dropdown-inner { padding-top: 3.125rem; padding-bottom: 4.375rem; } } .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .f--link:first-child .button::before { display: none; } .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .f--link .button { font-size: 1.125rem; line-height: 2.2223; height: auto; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } html[data-whatintent="mouse"] .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .f--link .button:hover { color: #EBB600; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .f--link .button { font-size: 2rem; line-height: 2; } } .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .f--link .button::before { font-size: 1.125rem; line-height: 2.2223; padding-right: 0.625rem; padding-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #333; content: '/'; } @media screen and (min-width: 768px) { .cc--rutgers-magazine-sticky-nav .rmsn-dropdown-section .f--link .button::before { font-size: 2rem; line-height: 2; padding-right: 1.25rem; padding-left: 1.25rem; } } .is-rutgers-mini-nav .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible { position: absolute; } @media screen and (max-width: 1023px) { .is-rutgers-mini-nav .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible { top: 5rem; left: 0; width: 100%; -webkit-transition: none; transition: none; } } .is-rutgers-mini-nav .cc--rutgers-magazine-sticky-nav.slim-nav-is-visible.sticky { position: fixed; top: 0; -webkit-transition: none; transition: none; z-index: 4; } .is-rutgers-mini-nav #main-content { margin-top: 3.75rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } .cc--rutgers-today-mini-header { 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: 3.125rem; background-color: #C03; } @media screen and (min-width: 768px) { .cc--rutgers-today-mini-header { height: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-today-mini-header.slim-nav-is-visible { position: fixed; top: 4.375rem; left: 0; width: 100%; z-index: 4; } } @media screen and (min-width: 1024px) { .cc--rutgers-today-mini-header.slim-nav-expanded { top: 8.75rem; } } .cc--rutgers-today-mini-header .rutgers-mini-header-logo { margin-top: 0.9375rem; margin-bottom: 0.8125rem; width: 8.8125rem; height: 1.3125rem; } @media screen and (min-width: 768px) { .cc--rutgers-today-mini-header .rutgers-mini-header-logo { margin-top: 0.75rem; margin-bottom: 0.5rem; width: 15.0625rem; height: 2.25rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-today-mini-header .rutgers-mini-header-logo { width: 16.8125rem; height: 2.5rem; } } .cc--rutgers-today-mini-header .f--button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; height: 100%; background: #000; cursor: pointer; } html[data-whatintent="mouse"] .cc--rutgers-today-mini-header .f--button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-today-mini-header .f--button:hover button { background: #000; } @media screen and (min-width: 768px) { .cc--rutgers-today-mini-header .f--button { width: 9.375rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-today-mini-header .f--button { width: 10rem; } } .cc--rutgers-today-mini-header .f--button .f--button-wrapper { width: 100%; } .cc--rutgers-today-mini-header .f--button button { width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #FFF; font-size: 0; text-transform: none; } @media screen and (min-width: 768px) { .cc--rutgers-today-mini-header .f--button button { font-size: 0.875rem; line-height: 1.4286; } } .cc--rutgers-today-mini-header .f--button button svg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #EBB600; } @media screen and (min-width: 768px) { .cc--rutgers-today-mini-header .f--button button svg { margin-left: 0.625rem; } } .cc--rutgers-today-mini-header .f--button button.topics-open svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section { display: none; position: absolute; left: 0; width: 100%; background: #000; z-index: 2; } .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section.topics-open { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .rutgers-today-mini-header-dropdown-inner-wrapper { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .rutgers-today-mini-header-dropdown-inner { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 2.5rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .rutgers-today-mini-header-dropdown-inner { padding-top: 3.125rem; padding-bottom: 4.375rem; } } .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .f--link:first-child .button::before { display: none; } .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .f--link .button { font-size: 1.125rem; line-height: 2.2223; height: auto; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } html[data-whatintent="mouse"] .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .f--link .button:hover { color: #EBB600; } @media screen and (min-width: 768px) { .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .f--link .button { font-size: 2rem; line-height: 2; } } .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .f--link .button::before { font-size: 1.125rem; line-height: 2.2223; padding-right: 0.625rem; padding-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #333; content: '/'; } @media screen and (min-width: 768px) { .cc--rutgers-today-mini-header .rutgers-today-mini-header-dropdown-section .f--link .button::before { font-size: 2rem; line-height: 2; padding-right: 1.25rem; padding-left: 1.25rem; } } .is-rutgers-mini-nav .cc--rutgers-today-mini-header.slim-nav-is-visible { position: absolute; } @media screen and (max-width: 1023px) { .is-rutgers-mini-nav .cc--rutgers-today-mini-header.slim-nav-is-visible { top: 5rem; left: 0; width: 100%; -webkit-transition: none; transition: none; } } .is-rutgers-mini-nav .cc--rutgers-today-mini-header.slim-nav-is-visible.sticky { position: fixed; top: 0; -webkit-transition: none; transition: none; z-index: 4; } @media screen and (max-width: 767px) { .is-rutgers-mini-nav #main-content-basic { margin-top: 0; } } .is-rutgers-mini-nav #main-content-basic .cc--rutgers-today-mini-header.slim-nav-is-visible { position: relative; top: 0; left: 0; } @media screen and (min-width: 1024px) { .is-rutgers-mini-nav #main-content-basic .cc--rutgers-today-mini-header.slim-nav-is-visible.slim-nav-expanded { top: 4.375rem; } } .is-rutgers-mini-nav #main-content-basic .cc--rutgers-today-mini-header.slim-nav-is-visible.sticky { top: 0; position: fixed; } .is-rutgers-mini-nav #main-content-basic .cc--rutgers-today-mini-header.slim-nav-is-visible.sticky + * { margin-top: 3.125rem; } @media screen and (min-width: 768px) { .is-rutgers-mini-nav #main-content-basic .cc--rutgers-today-mini-header.slim-nav-is-visible.sticky + * { margin-top: 3.125rem; } } @media screen and (min-width: 1024px) { .is-rutgers-mini-nav #main-content-basic .cc--rutgers-today-mini-header.slim-nav-is-visible.sticky + * { margin-top: 3.125rem; } } .cc--rutgers-today-nav { background-color: #C03; z-index: 4; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav.slim-nav-is-visible { position: fixed; top: 4.375rem; left: 0; width: 100%; } } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav.slim-nav-expanded { top: 8.75rem; } } .cc--rutgers-today-nav .rutgers-today-nav-wrapper { position: relative; } .cc--rutgers-today-nav .nav-top { max-width: 1440px; margin: 0 auto; } .cc--rutgers-today-nav .nav-top .nav-top-inner { padding-top: 0.9375rem; padding-right: 4%; padding-bottom: 0.3125rem; padding-left: 4%; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .nav-top .nav-top-inner { padding-top: 1.5625rem; padding-right: 4%; padding-bottom: 1.5625rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cc--rutgers-today-nav .nav-top .rutgers-today-logo { width: 14.25rem; margin: 0 auto; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .nav-top .rutgers-today-logo { width: 18.3125rem; height: 2.8125rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .nav-top .rutgers-today-logo { width: 29.375rem; height: 5.625rem; } } .cc--rutgers-today-nav .nav-top .rutgers-today-logo svg { width: 100%; } .cc--rutgers-today-nav .nav-top .rutgers-today-logo .logo { display: none; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .nav-top .rutgers-today-logo .logo { display: inline-block; width: 100%; } } .cc--rutgers-today-nav .nav-top .rutgers-today-logo .small-logo { display: inline-block; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .nav-top .rutgers-today-logo .small-logo { display: none; } } .cc--rutgers-today-nav .nav-top .nav-top-links { display: none; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .nav-top .nav-top-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cc--rutgers-today-nav .nav-top .nav-top-links.left-links li { margin-right: 1.875rem; } .cc--rutgers-today-nav .nav-top .nav-top-links.right-links li { margin-left: 1.875rem; } .cc--rutgers-today-nav .nav-top .nav-top-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; } .cc--rutgers-today-nav .nav-top .nav-top-links .f--link a { padding-right: 0; padding-left: 0; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rutgers-today-nav .nav-top .nav-top-links .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-today-nav .nav-top .nav-top-links .f--link a:hover { text-decoration: underline; } .cc--rutgers-today-nav .nav-top .nav-top-links .f--button { margin-left: 1.875rem; } .cc--rutgers-today-nav .nav-top .nav-top-links .f--button .button { padding-right: 0; padding-left: 0; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rutgers-today-nav .nav-top .nav-top-links .f--button .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-today-nav .nav-top .nav-top-links .f--button .button:hover { text-decoration: underline; } .cc--rutgers-today-nav .nav-top .nav-top-links .f--button .button svg { display: none; } .cc--rutgers-today-nav .nav-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1023px) { .cc--rutgers-today-nav .nav-bottom { position: relative; } } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .nav-bottom { display: block; } } .cc--rutgers-today-nav .nav-bottom > div { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .mobile-top-nav, .cc--rutgers-today-nav .mobile-search-button { display: none; } } .cc--rutgers-today-nav .mobile-top-nav .f--button .button, .cc--rutgers-today-nav .mobile-search-button .f--button .button { font-size: 0.875rem; line-height: 1.4286; width: 100%; height: 2.5rem; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .mobile-top-nav .f--button .button, .cc--rutgers-today-nav .mobile-search-button .f--button .button { font-size: 1rem; line-height: 1.25; } } .cc--rutgers-today-nav .mobile-top-nav .f--button .button svg, .cc--rutgers-today-nav .mobile-search-button .f--button .button svg { margin-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #FFF; } .cc--rutgers-today-nav .mobile-top-nav .f--button .button.search-open, .cc--rutgers-today-nav .mobile-top-nav .f--button .button.menu-open, .cc--rutgers-today-nav .mobile-search-button .f--button .button.search-open, .cc--rutgers-today-nav .mobile-search-button .f--button .button.menu-open { background: #B7002D; } .cc--rutgers-today-nav .mobile-top-nav .f--button .button.search-open svg, .cc--rutgers-today-nav .mobile-top-nav .f--button .button.menu-open svg, .cc--rutgers-today-nav .mobile-search-button .f--button .button.search-open svg, .cc--rutgers-today-nav .mobile-search-button .f--button .button.menu-open svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--rutgers-today-nav .mobile-top-nav .menu-list { padding-top: 0.5rem; padding-right: 0; padding-bottom: 1.25rem; padding-left: 0; display: none; position: absolute; width: 100%; margin: 0; background: #B7002D; list-style: none; z-index: 2; } .cc--rutgers-today-nav .mobile-top-nav .menu-list li { padding-top: 0.75rem; padding-bottom: 0.75rem; } .cc--rutgers-today-nav .mobile-top-nav .menu-list .f--link a { font-size: 1rem; line-height: 1.375; padding-right: 8%; padding-left: 8%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: auto; border: 0; background: none; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--rutgers-today-nav .mobile-top-nav .menu-list .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-today-nav .mobile-top-nav .menu-list .f--link a:hover { text-decoration: underline; } .cc--rutgers-today-nav .rutgers-nav-dropdown-search { margin-top: 2.5rem; display: none; position: absolute; width: 100%; background: #B7002D; z-index: 2; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .rutgers-nav-dropdown-search { margin-top: -3.75rem; background: #C03; } } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .rutgers-nav-dropdown-search-inner { max-width: 1440px; margin: 0 auto; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .rutgers-nav-dropdown-search .rutgers-nav-dropdown-search-inner { padding-top: 4.375rem; padding-right: 10%; padding-bottom: 4.375rem; padding-left: 10%; } } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .rutgers-nav-dropdown-search .rutgers-nav-dropdown-search-inner { padding-top: 6.25rem; padding-right: 4%; padding-bottom: 6.25rem; padding-left: 4%; } } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .icon-search-close { display: none; position: absolute; top: 1.6875rem; right: 4%; width: 0.9375rem; height: 0.9375rem; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .rutgers-nav-dropdown-search .icon-search-close { display: block; } } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .icon-search-close svg { fill: #FFF; } .cc--rutgers-today-nav .rutgers-nav-dropdown-search form { position: relative; max-width: 51rem; margin: 0 auto; } .cc--rutgers-today-nav .rutgers-nav-dropdown-search form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5rem; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .rutgers-nav-dropdown-search form .icon-search { width: 2rem; } } .cc--rutgers-today-nav .rutgers-nav-dropdown-search form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #FFF; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .rutgers-nav-dropdown-search form .icon-search svg { width: 2rem; height: 2rem; } } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item:nth-child(1) { margin-left: 0; } } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item label { display: none; } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 0; padding-bottom: 1.0625rem; padding-left: 0; height: auto; border: 0; border-bottom: 0.0625rem solid #FFF; background: none; color: #FFF; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item input::-webkit-input-placeholder { color: #FFF; opacity: .9; } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item input::-moz-placeholder { color: #FFF; opacity: .9; } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item input:-ms-input-placeholder { color: #FFF; opacity: .9; } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item input::-ms-input-placeholder { color: #FFF; opacity: .9; } .cc--rutgers-today-nav .rutgers-nav-dropdown-search .fi--form-item input::placeholder { color: #FFF; opacity: .9; } .cc--rutgers-today-nav .taxonomy-dropdown { background: #000; } .cc--rutgers-today-nav .taxonomy-dropdown.topics-open .current-date { display: none; } .cc--rutgers-today-nav .taxonomy-dropdown.topics-open .button svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--rutgers-today-nav .taxonomy-dropdown .taxonomy-dropdown-inner { max-width: 1440px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc--rutgers-today-nav .taxonomy-dropdown .current-date { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1rem; line-height: 1.375; display: none; left: 4%; color: #FFF; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .taxonomy-dropdown .current-date { display: inline-block; } } .cc--rutgers-today-nav .taxonomy-dropdown .f--button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.5rem; cursor: pointer; } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .taxonomy-dropdown .f--button { -webkit-box-flex: initial; -ms-flex-positive: initial; flex-grow: initial; width: 10rem; height: 3.75rem; } } html[data-whatintent="mouse"] .cc--rutgers-today-nav .taxonomy-dropdown .f--button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-today-nav .taxonomy-dropdown .f--button:hover button { background: #000; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .taxonomy-dropdown .f--button { width: 9.375rem; } } @media screen and (min-width: 1024px) { .cc--rutgers-today-nav .taxonomy-dropdown .f--button { width: 10rem; } } .cc--rutgers-today-nav .taxonomy-dropdown .f--button .f--button-wrapper { width: 100%; } .cc--rutgers-today-nav .taxonomy-dropdown .f--button button { font-size: 0.875rem; line-height: 1.4286; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .taxonomy-dropdown .f--button button { font-size: 1rem; line-height: 1.25; } } .cc--rutgers-today-nav .taxonomy-dropdown .f--button button svg { margin-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 0.5625rem; height: 0.375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; fill: #EBB600; } .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section { display: none; position: absolute; left: 0; width: 100%; background: #000; z-index: 2; } .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section.topics-open { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .rutgers-today-nav-dropdown-inner-wrapper { max-width: 1440px; margin: 0 auto; width: 100%; } .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .rutgers-today-nav-dropdown-inner { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 2.5rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .rutgers-today-nav-dropdown-inner { padding-top: 3.125rem; padding-bottom: 4.375rem; } } .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .f--link:first-child .button::before { display: none; } .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .f--link .button { font-size: 1.125rem; line-height: 2.2223; height: auto; padding: 0; border: 0; background: transparent; color: #FFF; text-transform: none; } html[data-whatintent="mouse"] .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .f--link .button:hover { color: #EBB600; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .f--link .button { font-size: 2rem; line-height: 2; } } .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .f--link .button::before { font-size: 1.125rem; line-height: 2.2223; padding-right: 0.625rem; padding-left: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #333; content: '/'; } @media screen and (min-width: 768px) { .cc--rutgers-today-nav .rutgers-today-nav-dropdown-section .f--link .button::before { font-size: 2rem; line-height: 2; padding-right: 1.25rem; padding-left: 1.25rem; } } .is-rutgers-nav #l--main-header-basic, .is-rutgers-nav #l--main-header-nwrk, .is-rutgers-nav #l--main-header { position: static; } .is-rutgers-nav #l--main-header-basic .mobile-nav, .is-rutgers-nav #l--main-header-nwrk .mobile-nav, .is-rutgers-nav #l--main-header .mobile-nav { position: static; } .is-rutgers-nav #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible, .is-rutgers-nav #l--main-header-nwrk .main-nav-container .branding-mainmenu-container.slim-nav-is-visible, .is-rutgers-nav #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible { margin-top: -4.375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; position: absolute; } .is-rutgers-today-nav .cc--rutgers-today-nav.slim-nav-is-visible { position: absolute; } @media screen and (max-width: 1023px) { .is-rutgers-today-nav .cc--rutgers-today-nav.slim-nav-is-visible { top: 5rem; left: 0; width: 100%; -webkit-transition: none; transition: none; } } .is-rutgers-today-nav .cc--rutgers-today-nav.slim-nav-is-visible.sticky { position: fixed; top: 0; -webkit-transition: none; transition: none; } .is-rutgers-today-nav #main-content { margin-top: 6.25rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .is-rutgers-today-nav #main-content { margin-top: 6.5625rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .is-rutgers-today-nav #main-content { margin-top: 12.3125rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .cc--search-form { padding-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.8); z-index: 300; } .cc--search-form .c--search-form { padding-bottom: 3.125rem; position: relative; width: 100%; background-color: #FFF; } .cc--search-form .search-form-branding { padding-top: 0.625rem; padding-bottom: 0.625rem; 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: 5rem; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 1024px) { .cc--search-form .search-form-branding { height: 4.375rem; } } .cc--search-form .search-form-branding .logo-link-mobile { margin-left: 4%; width: 12.75rem; height: 3.75rem; } @media screen and (min-width: 768px) { .cc--search-form .search-form-branding .logo-link-mobile { margin-left: 2.5rem; display: none; } } .cc--search-form .search-form-branding .logo-link-tablet-desktop { margin-left: 2.5rem; display: none; width: 22.75rem; height: 3rem; } @media screen and (min-width: 768px) { .cc--search-form .search-form-branding .logo-link-tablet-desktop { display: block; } } .cc--search-form .search-form-branding .icon-logo { width: 12.75rem; height: 3.75rem; } .cc--search-form .search-form-branding .icon-logo-long-tag { width: 22.75rem; height: 3rem; } .cc--search-form .search-form-branding .icon-search-close { margin-right: 4%; width: 1.125rem; height: 3.125rem; } @media screen and (min-width: 768px) { .cc--search-form .search-form-branding .icon-search-close { margin-right: 2.5rem; } } .cc--search-form .search-form-branding .icon-search-close svg { width: 1.125rem; height: 1.125rem; fill: #C03; } .cc--search-form form { max-width: 38.5rem; margin: 0 auto; margin-top: 2.9375rem; padding-right: 8%; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--search-form form { max-width: 51rem; margin: 0 auto; margin-top: 5rem; margin-bottom: 5rem; } } @media screen and (min-width: 1024px) { .cc--search-form form { margin-top: 6.25rem; margin-bottom: 6.25rem; } } .cc--search-form form .search-form-inner { margin-bottom: 1.875rem; position: relative; border-bottom: 0.0625rem solid #D8D8D8; } .cc--search-form form .fi--search label { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .cc--search-form form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5rem; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--search-form form .icon-search { width: 2rem; } } .cc--search-form form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #C03; } @media screen and (min-width: 768px) { .cc--search-form form .icon-search svg { width: 2rem; height: 2rem; } } @media screen and (min-width: 768px) { .cc--search-form form .search-filter-options .fieldset-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cc--search-form .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .cc--search-form .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .cc--search-form .fi--form-item:nth-child(1) { margin-left: 0; } } .cc--search-form .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 0; padding-bottom: 1.0625rem; padding-left: 0; height: auto; border: 0; background-color: #FFF; } @media screen and (min-width: 768px) { .cc--search-form .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .cc--search-form .fi--form-item input::-webkit-input-placeholder { color: #000; opacity: 0.7; } .cc--search-form .fi--form-item input::-moz-placeholder { color: #000; opacity: 0.7; } .cc--search-form .fi--form-item input:-ms-input-placeholder { color: #000; opacity: 0.7; } .cc--search-form .fi--form-item input::-ms-input-placeholder { color: #000; opacity: 0.7; } .cc--search-form .fi--form-item input::placeholder { color: #000; opacity: 0.7; } .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title h3 { margin-bottom: 0; } .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title a { font-size: 1.25rem; line-height: 1.4; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } html[data-whatintent="mouse"] .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title a:hover { color: #000; text-decoration: underline; } .cc--topic-card .c--topic-card .inner-wrapper .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--topic-card .c--topic-card .inner-wrapper .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } .cc--secondary-header { position: relative; width: 100%; z-index: 3; } @media screen and (min-width: 1024px) { .cc--secondary-header.sticky { position: fixed; top: 4.375rem; left: 0; } } @media screen and (min-width: 1024px) { .cc--secondary-header.slim-nav-expanded { top: 8.75rem; } } .cc--secondary-header.color-black .secondary-mobile-nav { background-color: #000; } .cc--secondary-header.color-black .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu { background-color: #000; } .cc--secondary-header.color-black .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper { background-color: #222; } .cc--secondary-header.color-black .secondary-nav-container .branding-secondarymenu-container { background-color: #000; } .cc--secondary-header.color-teal .secondary-mobile-nav { background-color: #00626D; } .cc--secondary-header.color-teal .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu { background-color: #00626D; } .cc--secondary-header.color-teal .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper { background-color: rgba(0, 0, 0, 0.1); } .cc--secondary-header.color-teal .secondary-nav-container .branding-secondarymenu-container { background-color: #00626D; } .cc--secondary-header.color-light-gray .secondary-mobile-nav, .cc--secondary-header.color-white .secondary-mobile-nav { background-color: #EFEFEF; } .cc--secondary-header.color-light-gray .secondary-mobile-nav .mobile-nav-topbar-container h2, .cc--secondary-header.color-white .secondary-mobile-nav .mobile-nav-topbar-container h2 { color: #000; } .cc--secondary-header.color-light-gray .secondary-mobile-nav .mobile-nav-topbar-container .arrow-wrapper svg, .cc--secondary-header.color-white .secondary-mobile-nav .mobile-nav-topbar-container .arrow-wrapper svg { fill: #000; } .cc--secondary-header.color-light-gray .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu, .cc--secondary-header.color-white .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu { background-color: #EFEFEF; } .cc--secondary-header.color-light-gray .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper, .cc--secondary-header.color-white .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper { background-color: rgba(0, 0, 0, 0.1); } .cc--secondary-header.color-light-gray .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li.menu-item--active-trail .link-arrow-wrapper > a, .cc--secondary-header.color-light-gray .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .link-arrow-wrapper > a, .cc--secondary-header.color-light-gray .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li > a, .cc--secondary-header.color-white .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li.menu-item--active-trail .link-arrow-wrapper > a, .cc--secondary-header.color-white .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .link-arrow-wrapper > a, .cc--secondary-header.color-white .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li > a { color: #000; } .cc--secondary-header.color-light-gray .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .link-arrow-wrapper > .arrow-toggle svg, .cc--secondary-header.color-white .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .link-arrow-wrapper > .arrow-toggle svg { fill: #000; } html[data-whatintent="mouse"] .cc--secondary-header.color-light-gray .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li a, html[data-whatintent="mouse"] .cc--secondary-header.color-white .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--secondary-header.color-light-gray .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li a:hover, html[data-whatintent="mouse"] .cc--secondary-header.color-white .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li a:hover { color: #000; } .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container, .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container { background-color: #EFEFEF; } .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li > span, .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li > a, .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li > span, .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li > a { color: #000; } .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li .link-arrow-wrapper > span, .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li .link-arrow-wrapper > a, .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li .link-arrow-wrapper > span, .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li .link-arrow-wrapper > a { color: #000; } .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a::after, .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li > a:hover::after, .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a::after, .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li > a:hover::after { background-color: #C03; } html[data-whatintent="mouse"] .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li, html[data-whatintent="mouse"] .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li { -webkit-transition: all 0.1s; transition: all 0.1s; } @media screen and (min-width: 1024px) { html[data-whatintent="mouse"] .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li:hover .link-arrow-wrapper > span::after, html[data-whatintent="mouse"] .cc--secondary-header.color-light-gray .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li:hover .link-arrow-wrapper > a::after, html[data-whatintent="mouse"] .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li:hover .link-arrow-wrapper > span::after, html[data-whatintent="mouse"] .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li:hover .link-arrow-wrapper > a::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 4.375rem; height: 0.3125rem; background-color: #C03; bottom: -0.4375rem; } } .cc--secondary-header.color-white .secondary-mobile-nav { background-color: #FFF; } .cc--secondary-header.color-white .secondary-mobile-nav .mobile-nav-topbar-container { -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); } .cc--secondary-header.color-white .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu { background-color: #FFF; } .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container { background-color: #FFF; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); } .cc--secondary-header.color-white .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu ul > li .submenus-wrapper { background-color: #EFEFEF; } .visible-alert .cc--secondary-header { position: relative; top: 0; } .cc--secondary-header .secondary-mobile-nav { position: relative; width: 100%; background-color: #C03; z-index: 100; } @media screen and (min-width: 1024px) { .cc--secondary-header .secondary-mobile-nav { display: none; } } .color-black .cc--secondary-header .secondary-mobile-nav { background-color: #000; } .cc--secondary-header .secondary-mobile-nav .mobile-nav-topbar-container { padding-top: 0.625rem; padding-right: 4%; padding-bottom: 0.625rem; padding-left: 4%; height: 3.75rem; } .cc--secondary-header .secondary-mobile-nav .mobile-nav-topbar-container h2 { padding-top: 0.3125rem; padding-right: 4%; padding-bottom: 0.3125rem; padding-left: 4%; font-size: 1.125rem; line-height: 1.4445; width: 100%; 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; color: #FFF; } @media screen and (min-width: 768px) { .cc--secondary-header .secondary-mobile-nav .mobile-nav-topbar-container h2 { padding-right: 4%; padding-left: 4%; } } .cc--secondary-header .secondary-mobile-nav .mobile-nav-topbar-container .arrow-wrapper { margin-right: -1.1875rem; position: absolute; right: 4.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; height: 3.125rem; -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; cursor: pointer; } @media screen and (min-width: 1024px) { .cc--secondary-header .secondary-mobile-nav .mobile-nav-topbar-container .arrow-wrapper { display: none; } } .cc--secondary-header .secondary-mobile-nav .mobile-nav-topbar-container .arrow-wrapper svg { fill: #FFF; } .cc--secondary-header .secondary-mobile-nav .mobile-nav-topbar-container .arrow-wrapper.open { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container { display: none; position: relative; width: 100%; height: 100%; background-color: #222; z-index: 99; overflow-y: auto; } @media screen and (min-width: 1024px) { .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container { display: none; } } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu { background-color: #C03; } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 8%; padding-bottom: 0.8125rem; padding-left: 8%; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #FFF; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-whatintent="mouse"] .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li > a:hover { color: #FFF; text-decoration: none; } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-bottom: 0.8125rem; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #FFF; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper .menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #FFF; } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper .submenu .menu-item .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #FFF; } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper .submenu .menu-item.is-open .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #FFF; } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper .submenu .menu-item > a { font-size: 1rem; line-height: 1.375; color: #FFF; } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper li > span, .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li .submenus-wrapper li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-right: 0; padding-bottom: 0.8125rem; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .cc--secondary-header .secondary-mobile-nav .secondary-mobile-nav-menu-container .cc--secondary-menu ul > li.menu-item--active-trail .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; color: #FFF; } .cc--secondary-header .secondary-nav-container { display: none; position: relative; } @media screen and (min-width: 1024px) { .cc--secondary-header .secondary-nav-container { display: block; width: 100%; } } .cc--secondary-header .secondary-nav-container .branding-secondarymenu-container { width: 100%; background-color: #C03; z-index: 2; } .cc--secondary-header .secondary-nav-container .branding-secondarymenu-container .branding-secondarymenu-container-inner { max-width: 1440px; margin: 0 auto; } .cc--secondary-header .secondary-nav-container .branding-secondarymenu-container .branding-secondarymenu-container-inner .inner-wrapper { padding-right: 4%; padding-left: 4%; 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; width: 100%; height: 3.5rem; } @media screen and (min-width: 1024px) { .cc--secondary-header .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } @media screen and (min-width: 1024px) { .cc--secondary-header .secondary-nav-container .branding-secondarymenu-container .cc--secondary-menu .c--secondary-menu { width: 100%; } } .cc--secondary-menu { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media screen and (min-width: 1024px) { .cc--secondary-menu { padding-top: 0; padding-bottom: 0; height: 3.75rem; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cc--secondary-menu ul > li { position: relative; } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li { padding-top: 0.625rem; padding-bottom: 0.625rem; margin-right: 1.25rem; margin-left: 1.25rem; } } html[data-whatintent="mouse"] .cc--secondary-menu ul > li { -webkit-transition: all 0.1s; transition: all 0.1s; } @media screen and (min-width: 1024px) { html[data-whatintent="mouse"] .cc--secondary-menu ul > li:hover .link-arrow-wrapper > span, html[data-whatintent="mouse"] .cc--secondary-menu ul > li:hover .link-arrow-wrapper > a { position: relative; } html[data-whatintent="mouse"] .cc--secondary-menu ul > li:hover .link-arrow-wrapper > span::after, html[data-whatintent="mouse"] .cc--secondary-menu ul > li:hover .link-arrow-wrapper > a::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 4.375rem; height: 0.3125rem; background-color: #EBB600; bottom: -0.4375rem; } } @media screen and (min-width: 1024px) { html[data-whatintent="mouse"] .cc--secondary-menu ul > li:hover .submenus-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-whatintent="mouse"] .cc--secondary-menu ul > li:hover .submenus-wrapper::before { display: block; position: absolute; right: 0; bottom: 100%; left: 0; width: 100%; height: 0.3125rem; content: ''; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li > span, .cc--secondary-menu ul > li > a { font-size: 1.125rem; line-height: 1.1667; padding-top: 0.625rem; padding-bottom: 0.625rem; display: block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; color: #FFF; text-decoration: none; white-space: nowrap; } html[data-whatintent="mouse"] .cc--secondary-menu ul > li > span, html[data-whatintent="mouse"] .cc--secondary-menu ul > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--secondary-menu ul > li > span:hover, html[data-whatintent="mouse"] .cc--secondary-menu ul > li > a:hover { position: relative; color: #FFF; } html[data-whatintent="mouse"] .cc--secondary-menu ul > li > span:hover::after, html[data-whatintent="mouse"] .cc--secondary-menu ul > li > a:hover::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 4.375rem; height: 0.3125rem; background-color: #EBB600; bottom: -0.4375rem; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li > span.is-active, .cc--secondary-menu ul > li > a.is-active { position: relative; } .cc--secondary-menu ul > li > span.is-active::after, .cc--secondary-menu ul > li > a.is-active::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 4.375rem; height: 0.3125rem; background-color: #EBB600; bottom: -0.4375rem; } } .cc--secondary-menu ul > li .link-arrow-wrapper { padding-right: 8%; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .link-arrow-wrapper { padding-right: 0; padding-left: 0; } } .cc--secondary-menu ul > li .link-arrow-wrapper > span, .cc--secondary-menu ul > li .link-arrow-wrapper > a { font-size: 1rem; line-height: 1.375; padding-top: 0.8125rem; padding-bottom: 0.8125rem; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #FFF; text-decoration: none; } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .link-arrow-wrapper > span, .cc--secondary-menu ul > li .link-arrow-wrapper > a { font-size: 1.125rem; line-height: 1.1667; padding-top: 0.625rem; padding-bottom: 0.625rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border-color: transparent; white-space: nowrap; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .link-arrow-wrapper > span.is-active, .cc--secondary-menu ul > li .link-arrow-wrapper > a.is-active { position: relative; } .cc--secondary-menu ul > li .link-arrow-wrapper > span.is-active::after, .cc--secondary-menu ul > li .link-arrow-wrapper > a.is-active::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 4.375rem; height: 0.3125rem; background-color: #EBB600; bottom: -0.4375rem; } } .cc--secondary-menu ul > li .link-arrow-wrapper > .arrow-toggle { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; position: absolute; top: 0; right: 4.5%; text-align: right; } @media screen and (max-width: 1023px) { .cc--secondary-menu ul > li .link-arrow-wrapper > .arrow-toggle { width: 2.75rem; height: 2.75rem; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .link-arrow-wrapper > .arrow-toggle { display: none; } } .cc--secondary-menu ul > li .link-arrow-wrapper > .arrow-toggle svg { width: 0.75rem; height: 0.4375rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); fill: #FFF; } .cc--secondary-menu ul > li .submenus-wrapper { display: none; position: relative; width: 100%; background-color: rgba(0, 0, 0, 0.1); } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper { position: absolute; top: 3.625rem; left: 50%; min-width: 15.625rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #FFF; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); z-index: 2; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper.two-cols { min-width: 28.125rem; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper.two-cols .submenus-wrapper-inner ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper.two-cols .submenus-wrapper-inner ul li { padding-right: 1.875rem; padding-left: 1.875rem; display: inline-block; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper.three-cols { min-width: 41.875rem; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper.three-cols .submenus-wrapper-inner ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper.three-cols .submenus-wrapper-inner ul li { padding-right: 1.875rem; padding-left: 1.875rem; display: inline-block; } } .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner { padding-top: 1.25rem; padding-right: 0; padding-bottom: 1.25rem; padding-left: 0; width: 100%; } } .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li { padding-right: 2.5rem; padding-left: 1.875rem; margin-right: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span, .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a { padding-right: 0.625rem; font-size: 1rem; line-height: 1.375; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #000; white-space: normal; } html[data-whatintent="mouse"] .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span, html[data-whatintent="mouse"] .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span:hover, html[data-whatintent="mouse"] .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a:hover { color: #000; } .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li span::after, .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li a::after { display: none; } } .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li .link-arrow-wrapper { display: none; } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li .submenus-wrapper { display: none; } } html[data-whatintent="mouse"] .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li { -webkit-transition: all 0.1s; transition: all 0.1s; } @media screen and (min-width: 1024px) { html[data-whatintent="mouse"] .cc--secondary-menu ul > li .submenus-wrapper .submenus-wrapper-inner ul li:hover .submenus-wrapper { display: block; min-height: 100%; } } .cc--secondary-menu ul > li ul.submenu { display: block; width: 100%; } @media screen and (max-width: 1023px) { .cc--secondary-menu ul > li ul.submenu > li { padding-right: 8%; padding-left: 8%; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li ul.submenu > li { padding-top: 0; padding-right: 1.5625rem; padding-bottom: 0; padding-left: 1.5625rem; position: static; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li ul.submenu > li .submenus-wrapper { display: none; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li ul.submenu > li.menu-item--active-trail a { text-decoration: underline; } } .cc--secondary-menu ul > li ul.submenu > li > span, .cc--secondary-menu ul > li ul.submenu > li > a { font-size: 0.9375rem; line-height: 1.4667; padding-top: 1rem; padding-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 0; color: #000; text-decoration: none; } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li ul.submenu > li > span, .cc--secondary-menu ul > li ul.submenu > li > a { font-size: 1rem; line-height: 1.375; padding-top: 0.625rem; padding-bottom: 0.625rem; } } html[data-whatintent="mouse"] .cc--secondary-menu ul > li ul.submenu > li > span, html[data-whatintent="mouse"] .cc--secondary-menu ul > li ul.submenu > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--secondary-menu ul > li ul.submenu > li > span:hover, html[data-whatintent="mouse"] .cc--secondary-menu ul > li ul.submenu > li > a:hover { color: #000; text-decoration: underline; } @media screen and (min-width: 1024px) { html[data-whatintent='touch'] .cc--secondary-menu ul > li.menu-item--expanded:not(.ally-focus-within) span, html[data-whatintent='touch'] .cc--secondary-menu ul > li.menu-item--expanded:not(.ally-focus-within) a { pointer-events: none; } } .cc--secondary-menu ul > li.is-open > .link-arrow-wrapper > span, .cc--secondary-menu ul > li.is-open > .link-arrow-wrapper > a { border-color: transparent; } .cc--secondary-menu ul > li.is-open > .link-arrow-wrapper > .arrow-toggle { border-color: transparent; } .cc--secondary-menu ul > li.is-open > .link-arrow-wrapper > .arrow-toggle > svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cc--secondary-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > span, .cc--secondary-menu ul > li.menu-item--active-trail > .link-arrow-wrapper > a { position: relative; color: #FFF; } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li:focus-within .link-arrow-wrapper > span, .cc--secondary-menu ul > li:focus-within .link-arrow-wrapper > a, .cc--secondary-menu ul > li.ally-focus-within .link-arrow-wrapper > span, .cc--secondary-menu ul > li.ally-focus-within .link-arrow-wrapper > a { pointer-events: auto; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li:focus-within .link-arrow-wrapper > span, .cc--secondary-menu ul > li:focus-within .link-arrow-wrapper > a, .cc--secondary-menu ul > li.ally-focus-within .link-arrow-wrapper > span, .cc--secondary-menu ul > li.ally-focus-within .link-arrow-wrapper > a { border-color: #C03; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li:focus-within .submenus-wrapper, .cc--secondary-menu ul > li.ally-focus-within .submenus-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li:first-child .submenus-wrapper { left: -10%; -webkit-transform: none; transform: none; } } @media screen and (min-width: 1200px) { .cc--secondary-menu ul > li:first-child .submenus-wrapper { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media screen and (min-width: 1024px) { .cc--secondary-menu ul > li:last-child .submenus-wrapper { left: auto; right: -10%; -webkit-transform: none; transform: none; } } @media screen and (min-width: 1200px) { .cc--secondary-menu ul > li:last-child .submenus-wrapper { right: -50%; } } .secondary-navigation { position: relative; } .secondary-navigation.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .secondary-navigation.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .secondary-navigation.color-black { background-color: #000; } @media screen and (max-width: 767px) { .secondary-navigation.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .secondary-navigation.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .secondary-navigation.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .secondary-navigation.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .secondary-navigation.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .secondary-navigation.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .secondary-navigation.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .secondary-navigation.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .secondary-navigation.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .secondary-navigation.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .secondary-navigation.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .secondary-navigation.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .secondary-navigation.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .secondary-navigation.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .secondary-navigation.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .secondary-navigation.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .secondary-navigation.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .secondary-navigation.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .secondary-navigation.color-white .f--link .button, .secondary-navigation.color-light-gray .f--link .button { background-color: transparent; } .secondary-navigation.color-white .f--link .button:hover, .secondary-navigation.color-light-gray .f--link .button:hover { background-color: #C03; } .secondary-navigation.color-pale-teal .f--link .button, .secondary-navigation.color-pale-yellow .f--link .button, .secondary-navigation.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .secondary-navigation.color-pale-teal .f--link .button, .secondary-navigation.color-pale-yellow .f--link .button, .secondary-navigation.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .secondary-navigation.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .secondary-navigation.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .secondary-navigation.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .secondary-navigation.color-black .f--description, .secondary-navigation.color-black .f--text, .secondary-navigation.color-black .f--category, .secondary-navigation.color-blue .f--description, .secondary-navigation.color-blue .f--text, .secondary-navigation.color-blue .f--category, .secondary-navigation.color-dark-gray .f--description, .secondary-navigation.color-dark-gray .f--text, .secondary-navigation.color-dark-gray .f--category, .secondary-navigation.color-red .f--description, .secondary-navigation.color-red .f--text, .secondary-navigation.color-red .f--category, .secondary-navigation.color-teal .f--description, .secondary-navigation.color-teal .f--text, .secondary-navigation.color-teal .f--category { color: #FFF; } .secondary-navigation.color-black .f--description p, .secondary-navigation.color-black .f--description li, .secondary-navigation.color-black .f--description a, .secondary-navigation.color-black .f--text p, .secondary-navigation.color-black .f--text li, .secondary-navigation.color-black .f--text a, .secondary-navigation.color-black .f--category p, .secondary-navigation.color-black .f--category li, .secondary-navigation.color-black .f--category a, .secondary-navigation.color-blue .f--description p, .secondary-navigation.color-blue .f--description li, .secondary-navigation.color-blue .f--description a, .secondary-navigation.color-blue .f--text p, .secondary-navigation.color-blue .f--text li, .secondary-navigation.color-blue .f--text a, .secondary-navigation.color-blue .f--category p, .secondary-navigation.color-blue .f--category li, .secondary-navigation.color-blue .f--category a, .secondary-navigation.color-dark-gray .f--description p, .secondary-navigation.color-dark-gray .f--description li, .secondary-navigation.color-dark-gray .f--description a, .secondary-navigation.color-dark-gray .f--text p, .secondary-navigation.color-dark-gray .f--text li, .secondary-navigation.color-dark-gray .f--text a, .secondary-navigation.color-dark-gray .f--category p, .secondary-navigation.color-dark-gray .f--category li, .secondary-navigation.color-dark-gray .f--category a, .secondary-navigation.color-red .f--description p, .secondary-navigation.color-red .f--description li, .secondary-navigation.color-red .f--description a, .secondary-navigation.color-red .f--text p, .secondary-navigation.color-red .f--text li, .secondary-navigation.color-red .f--text a, .secondary-navigation.color-red .f--category p, .secondary-navigation.color-red .f--category li, .secondary-navigation.color-red .f--category a, .secondary-navigation.color-teal .f--description p, .secondary-navigation.color-teal .f--description li, .secondary-navigation.color-teal .f--description a, .secondary-navigation.color-teal .f--text p, .secondary-navigation.color-teal .f--text li, .secondary-navigation.color-teal .f--text a, .secondary-navigation.color-teal .f--category p, .secondary-navigation.color-teal .f--category li, .secondary-navigation.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--description a, html[data-whatintent="mouse"] .secondary-navigation.color-black .f--text a, html[data-whatintent="mouse"] .secondary-navigation.color-black .f--category a, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--description a, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--text a, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--category a, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--description a, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--text a, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--category a, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--description a, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--text a, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--category a, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--description a, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--text a, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-black .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-black .f--category a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--category a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--category a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--category a:hover { color: #FFF; } .secondary-navigation.color-black .f--section-title h2, .secondary-navigation.color-blue .f--section-title h2, .secondary-navigation.color-dark-gray .f--section-title h2, .secondary-navigation.color-red .f--section-title h2, .secondary-navigation.color-teal .f--section-title h2 { color: #FFF; } .secondary-navigation.color-black .f--section-title h2 a, .secondary-navigation.color-blue .f--section-title h2 a, .secondary-navigation.color-dark-gray .f--section-title h2 a, .secondary-navigation.color-red .f--section-title h2 a, .secondary-navigation.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--section-title h2 a:hover { color: #FFF; } .secondary-navigation.color-black .f--sub-title h3, .secondary-navigation.color-blue .f--sub-title h3, .secondary-navigation.color-dark-gray .f--sub-title h3, .secondary-navigation.color-red .f--sub-title h3, .secondary-navigation.color-teal .f--sub-title h3 { color: #FFF; } .secondary-navigation.color-black .f--sub-title h3 a, .secondary-navigation.color-blue .f--sub-title h3 a, .secondary-navigation.color-dark-gray .f--sub-title h3 a, .secondary-navigation.color-red .f--sub-title h3 a, .secondary-navigation.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--sub-title h3 a:hover { color: #FFF; } .secondary-navigation.color-black .f--page-title h1, .secondary-navigation.color-blue .f--page-title h1, .secondary-navigation.color-dark-gray .f--page-title h1, .secondary-navigation.color-red .f--page-title h1, .secondary-navigation.color-teal .f--page-title h1 { color: #FFF; } .secondary-navigation.color-black .stat-item .f--text, .secondary-navigation.color-black .stat-item .f--stat-prefix, .secondary-navigation.color-black .stat-item .f--stat-suffix, .secondary-navigation.color-blue .stat-item .f--text, .secondary-navigation.color-blue .stat-item .f--stat-prefix, .secondary-navigation.color-blue .stat-item .f--stat-suffix, .secondary-navigation.color-dark-gray .stat-item .f--text, .secondary-navigation.color-dark-gray .stat-item .f--stat-prefix, .secondary-navigation.color-dark-gray .stat-item .f--stat-suffix, .secondary-navigation.color-red .stat-item .f--text, .secondary-navigation.color-red .stat-item .f--stat-prefix, .secondary-navigation.color-red .stat-item .f--stat-suffix, .secondary-navigation.color-teal .stat-item .f--text, .secondary-navigation.color-teal .stat-item .f--stat-prefix, .secondary-navigation.color-teal .stat-item .f--stat-suffix { color: #FFF; } .secondary-navigation.color-black .f--stat-subheading, .secondary-navigation.color-black .f--description, .secondary-navigation.color-black .f--stat-headline, .secondary-navigation.color-blue .f--stat-subheading, .secondary-navigation.color-blue .f--description, .secondary-navigation.color-blue .f--stat-headline, .secondary-navigation.color-dark-gray .f--stat-subheading, .secondary-navigation.color-dark-gray .f--description, .secondary-navigation.color-dark-gray .f--stat-headline, .secondary-navigation.color-red .f--stat-subheading, .secondary-navigation.color-red .f--description, .secondary-navigation.color-red .f--stat-headline, .secondary-navigation.color-teal .f--stat-subheading, .secondary-navigation.color-teal .f--description, .secondary-navigation.color-teal .f--stat-headline { color: #FFF; } .secondary-navigation.color-black .f--link .button, .secondary-navigation.color-blue .f--link .button, .secondary-navigation.color-dark-gray .f--link .button, .secondary-navigation.color-red .f--link .button, .secondary-navigation.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .secondary-navigation.color-black .f--link .button, .secondary-navigation.color-blue .f--link .button, .secondary-navigation.color-dark-gray .f--link .button, .secondary-navigation.color-red .f--link .button, .secondary-navigation.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--link .button, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation.color-black .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation.color-black .swiper-button-next, html[data-whatintent="mouse"] .secondary-navigation.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation.color-blue .swiper-button-next, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .secondary-navigation.color-red .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation.color-red .swiper-button-next, html[data-whatintent="mouse"] .secondary-navigation.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .secondary-navigation.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .secondary-navigation.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .secondary-navigation.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation.color-teal .swiper-button-next:hover svg { fill: #FFF; } .secondary-navigation.color-black .swiper-button-prev svg, .secondary-navigation.color-black .swiper-button-next svg, .secondary-navigation.color-blue .swiper-button-prev svg, .secondary-navigation.color-blue .swiper-button-next svg, .secondary-navigation.color-dark-gray .swiper-button-prev svg, .secondary-navigation.color-dark-gray .swiper-button-next svg, .secondary-navigation.color-red .swiper-button-prev svg, .secondary-navigation.color-red .swiper-button-next svg, .secondary-navigation.color-teal .swiper-button-prev svg, .secondary-navigation.color-teal .swiper-button-next svg { fill: #FFF; } .secondary-navigation.color-black .swiper-button-wrapper::before, .secondary-navigation.color-blue .swiper-button-wrapper::before, .secondary-navigation.color-dark-gray .swiper-button-wrapper::before, .secondary-navigation.color-red .swiper-button-wrapper::before, .secondary-navigation.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .secondary-navigation.color-black .swiper-pagination-bullet, .secondary-navigation.color-blue .swiper-pagination-bullet, .secondary-navigation.color-dark-gray .swiper-pagination-bullet, .secondary-navigation.color-red .swiper-pagination-bullet, .secondary-navigation.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .secondary-navigation.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .secondary-navigation.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .secondary-navigation.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .secondary-navigation.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .secondary-navigation.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .secondary-navigation.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .secondary-navigation.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .secondary-navigation.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .secondary-navigation.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .secondary-navigation.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .secondary-navigation.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .secondary-navigation.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .secondary-navigation.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .secondary-navigation.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .secondary-navigation.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .secondary-navigation.color-black .cc--user-choice-vertical-slide h2, .secondary-navigation.color-blue .cc--user-choice-vertical-slide h2, .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide h2, .secondary-navigation.color-red .cc--user-choice-vertical-slide h2, .secondary-navigation.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .secondary-navigation.color-black .cc--user-choice-vertical-slide h3.tab-title, .secondary-navigation.color-blue .cc--user-choice-vertical-slide h3.tab-title, .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .secondary-navigation.color-red .cc--user-choice-vertical-slide h3.tab-title, .secondary-navigation.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .secondary-navigation.color-black .cc--user-choice-vertical-slide .f--description p, .secondary-navigation.color-blue .cc--user-choice-vertical-slide .f--description p, .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .secondary-navigation.color-red .cc--user-choice-vertical-slide .f--description p, .secondary-navigation.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .secondary-navigation.color-black .cc--user-choice-vertical-slide .f--link a, .secondary-navigation.color-blue .cc--user-choice-vertical-slide .f--link a, .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .secondary-navigation.color-red .cc--user-choice-vertical-slide .f--link a, .secondary-navigation.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .secondary-navigation.color-black .cc--user-choice-vertical-slide .f--link a svg, .secondary-navigation.color-blue .cc--user-choice-vertical-slide .f--link a svg, .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .secondary-navigation.color-red .cc--user-choice-vertical-slide .f--link a svg, .secondary-navigation.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .secondary-navigation.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .secondary-navigation.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .secondary-navigation.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .secondary-navigation.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .secondary-navigation.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .secondary-navigation.color-black .cc--user-choice-vertical-slide .icon-close, .secondary-navigation.color-blue .cc--user-choice-vertical-slide .icon-close, .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .secondary-navigation.color-red .cc--user-choice-vertical-slide .icon-close, .secondary-navigation.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .secondary-navigation.color-black .cc--user-choice-vertical-slide .icon-close svg, .secondary-navigation.color-blue .cc--user-choice-vertical-slide .icon-close svg, .secondary-navigation.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .secondary-navigation.color-red .cc--user-choice-vertical-slide .icon-close svg, .secondary-navigation.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .secondary-navigation.color-pale-yellow { background-color: #FCE488; } .secondary-navigation.color-pale-teal { background-color: #87C3BE; } .secondary-navigation.color-pale-blue { background-color: #92D6E3; } .secondary-navigation.fixed { position: fixed; width: 100%; z-index: 10; } .secondary-navigation__toggle { margin-right: 2.5rem; margin-left: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 1.25rem; line-height: 1.5rem; text-transform: uppercase; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-left: auto; margin-right: auto; color: #FFF; padding: 1rem 0; -webkit-transition: top .5s ease; transition: top .5s ease; } .secondary-navigation__toggle.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .secondary-navigation__toggle.color-black { background-color: #000; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .secondary-navigation__toggle.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .secondary-navigation__toggle.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .secondary-navigation__toggle.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .secondary-navigation__toggle.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .secondary-navigation__toggle.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .secondary-navigation__toggle.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .secondary-navigation__toggle.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .secondary-navigation__toggle.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .secondary-navigation__toggle.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .secondary-navigation__toggle.color-white .f--link .button, .secondary-navigation__toggle.color-light-gray .f--link .button { background-color: transparent; } .secondary-navigation__toggle.color-white .f--link .button:hover, .secondary-navigation__toggle.color-light-gray .f--link .button:hover { background-color: #C03; } .secondary-navigation__toggle.color-pale-teal .f--link .button, .secondary-navigation__toggle.color-pale-yellow .f--link .button, .secondary-navigation__toggle.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .secondary-navigation__toggle.color-pale-teal .f--link .button, .secondary-navigation__toggle.color-pale-yellow .f--link .button, .secondary-navigation__toggle.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .secondary-navigation__toggle.color-black .f--description, .secondary-navigation__toggle.color-black .f--text, .secondary-navigation__toggle.color-black .f--category, .secondary-navigation__toggle.color-blue .f--description, .secondary-navigation__toggle.color-blue .f--text, .secondary-navigation__toggle.color-blue .f--category, .secondary-navigation__toggle.color-dark-gray .f--description, .secondary-navigation__toggle.color-dark-gray .f--text, .secondary-navigation__toggle.color-dark-gray .f--category, .secondary-navigation__toggle.color-red .f--description, .secondary-navigation__toggle.color-red .f--text, .secondary-navigation__toggle.color-red .f--category, .secondary-navigation__toggle.color-teal .f--description, .secondary-navigation__toggle.color-teal .f--text, .secondary-navigation__toggle.color-teal .f--category { color: #FFF; } .secondary-navigation__toggle.color-black .f--description p, .secondary-navigation__toggle.color-black .f--description li, .secondary-navigation__toggle.color-black .f--description a, .secondary-navigation__toggle.color-black .f--text p, .secondary-navigation__toggle.color-black .f--text li, .secondary-navigation__toggle.color-black .f--text a, .secondary-navigation__toggle.color-black .f--category p, .secondary-navigation__toggle.color-black .f--category li, .secondary-navigation__toggle.color-black .f--category a, .secondary-navigation__toggle.color-blue .f--description p, .secondary-navigation__toggle.color-blue .f--description li, .secondary-navigation__toggle.color-blue .f--description a, .secondary-navigation__toggle.color-blue .f--text p, .secondary-navigation__toggle.color-blue .f--text li, .secondary-navigation__toggle.color-blue .f--text a, .secondary-navigation__toggle.color-blue .f--category p, .secondary-navigation__toggle.color-blue .f--category li, .secondary-navigation__toggle.color-blue .f--category a, .secondary-navigation__toggle.color-dark-gray .f--description p, .secondary-navigation__toggle.color-dark-gray .f--description li, .secondary-navigation__toggle.color-dark-gray .f--description a, .secondary-navigation__toggle.color-dark-gray .f--text p, .secondary-navigation__toggle.color-dark-gray .f--text li, .secondary-navigation__toggle.color-dark-gray .f--text a, .secondary-navigation__toggle.color-dark-gray .f--category p, .secondary-navigation__toggle.color-dark-gray .f--category li, .secondary-navigation__toggle.color-dark-gray .f--category a, .secondary-navigation__toggle.color-red .f--description p, .secondary-navigation__toggle.color-red .f--description li, .secondary-navigation__toggle.color-red .f--description a, .secondary-navigation__toggle.color-red .f--text p, .secondary-navigation__toggle.color-red .f--text li, .secondary-navigation__toggle.color-red .f--text a, .secondary-navigation__toggle.color-red .f--category p, .secondary-navigation__toggle.color-red .f--category li, .secondary-navigation__toggle.color-red .f--category a, .secondary-navigation__toggle.color-teal .f--description p, .secondary-navigation__toggle.color-teal .f--description li, .secondary-navigation__toggle.color-teal .f--description a, .secondary-navigation__toggle.color-teal .f--text p, .secondary-navigation__toggle.color-teal .f--text li, .secondary-navigation__toggle.color-teal .f--text a, .secondary-navigation__toggle.color-teal .f--category p, .secondary-navigation__toggle.color-teal .f--category li, .secondary-navigation__toggle.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--description a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--text a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--category a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--description a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--text a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--category a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--description a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--text a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--category a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--description a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--text a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--category a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--description a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--text a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--category a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--category a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--category a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--description a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--text a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--category a:hover { color: #FFF; } .secondary-navigation__toggle.color-black .f--section-title h2, .secondary-navigation__toggle.color-blue .f--section-title h2, .secondary-navigation__toggle.color-dark-gray .f--section-title h2, .secondary-navigation__toggle.color-red .f--section-title h2, .secondary-navigation__toggle.color-teal .f--section-title h2 { color: #FFF; } .secondary-navigation__toggle.color-black .f--section-title h2 a, .secondary-navigation__toggle.color-blue .f--section-title h2 a, .secondary-navigation__toggle.color-dark-gray .f--section-title h2 a, .secondary-navigation__toggle.color-red .f--section-title h2 a, .secondary-navigation__toggle.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--section-title h2 a:hover { color: #FFF; } .secondary-navigation__toggle.color-black .f--sub-title h3, .secondary-navigation__toggle.color-blue .f--sub-title h3, .secondary-navigation__toggle.color-dark-gray .f--sub-title h3, .secondary-navigation__toggle.color-red .f--sub-title h3, .secondary-navigation__toggle.color-teal .f--sub-title h3 { color: #FFF; } .secondary-navigation__toggle.color-black .f--sub-title h3 a, .secondary-navigation__toggle.color-blue .f--sub-title h3 a, .secondary-navigation__toggle.color-dark-gray .f--sub-title h3 a, .secondary-navigation__toggle.color-red .f--sub-title h3 a, .secondary-navigation__toggle.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--sub-title h3 a:hover { color: #FFF; } .secondary-navigation__toggle.color-black .f--page-title h1, .secondary-navigation__toggle.color-blue .f--page-title h1, .secondary-navigation__toggle.color-dark-gray .f--page-title h1, .secondary-navigation__toggle.color-red .f--page-title h1, .secondary-navigation__toggle.color-teal .f--page-title h1 { color: #FFF; } .secondary-navigation__toggle.color-black .stat-item .f--text, .secondary-navigation__toggle.color-black .stat-item .f--stat-prefix, .secondary-navigation__toggle.color-black .stat-item .f--stat-suffix, .secondary-navigation__toggle.color-blue .stat-item .f--text, .secondary-navigation__toggle.color-blue .stat-item .f--stat-prefix, .secondary-navigation__toggle.color-blue .stat-item .f--stat-suffix, .secondary-navigation__toggle.color-dark-gray .stat-item .f--text, .secondary-navigation__toggle.color-dark-gray .stat-item .f--stat-prefix, .secondary-navigation__toggle.color-dark-gray .stat-item .f--stat-suffix, .secondary-navigation__toggle.color-red .stat-item .f--text, .secondary-navigation__toggle.color-red .stat-item .f--stat-prefix, .secondary-navigation__toggle.color-red .stat-item .f--stat-suffix, .secondary-navigation__toggle.color-teal .stat-item .f--text, .secondary-navigation__toggle.color-teal .stat-item .f--stat-prefix, .secondary-navigation__toggle.color-teal .stat-item .f--stat-suffix { color: #FFF; } .secondary-navigation__toggle.color-black .f--stat-subheading, .secondary-navigation__toggle.color-black .f--description, .secondary-navigation__toggle.color-black .f--stat-headline, .secondary-navigation__toggle.color-blue .f--stat-subheading, .secondary-navigation__toggle.color-blue .f--description, .secondary-navigation__toggle.color-blue .f--stat-headline, .secondary-navigation__toggle.color-dark-gray .f--stat-subheading, .secondary-navigation__toggle.color-dark-gray .f--description, .secondary-navigation__toggle.color-dark-gray .f--stat-headline, .secondary-navigation__toggle.color-red .f--stat-subheading, .secondary-navigation__toggle.color-red .f--description, .secondary-navigation__toggle.color-red .f--stat-headline, .secondary-navigation__toggle.color-teal .f--stat-subheading, .secondary-navigation__toggle.color-teal .f--description, .secondary-navigation__toggle.color-teal .f--stat-headline { color: #FFF; } .secondary-navigation__toggle.color-black .f--link .button, .secondary-navigation__toggle.color-blue .f--link .button, .secondary-navigation__toggle.color-dark-gray .f--link .button, .secondary-navigation__toggle.color-red .f--link .button, .secondary-navigation__toggle.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .secondary-navigation__toggle.color-black .f--link .button, .secondary-navigation__toggle.color-blue .f--link .button, .secondary-navigation__toggle.color-dark-gray .f--link .button, .secondary-navigation__toggle.color-red .f--link .button, .secondary-navigation__toggle.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--link .button, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--link .button:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .swiper-button-next, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .swiper-button-next, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .swiper-button-next, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .swiper-button-next:hover svg { fill: #FFF; } .secondary-navigation__toggle.color-black .swiper-button-prev svg, .secondary-navigation__toggle.color-black .swiper-button-next svg, .secondary-navigation__toggle.color-blue .swiper-button-prev svg, .secondary-navigation__toggle.color-blue .swiper-button-next svg, .secondary-navigation__toggle.color-dark-gray .swiper-button-prev svg, .secondary-navigation__toggle.color-dark-gray .swiper-button-next svg, .secondary-navigation__toggle.color-red .swiper-button-prev svg, .secondary-navigation__toggle.color-red .swiper-button-next svg, .secondary-navigation__toggle.color-teal .swiper-button-prev svg, .secondary-navigation__toggle.color-teal .swiper-button-next svg { fill: #FFF; } .secondary-navigation__toggle.color-black .swiper-button-wrapper::before, .secondary-navigation__toggle.color-blue .swiper-button-wrapper::before, .secondary-navigation__toggle.color-dark-gray .swiper-button-wrapper::before, .secondary-navigation__toggle.color-red .swiper-button-wrapper::before, .secondary-navigation__toggle.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .secondary-navigation__toggle.color-black .swiper-pagination-bullet, .secondary-navigation__toggle.color-blue .swiper-pagination-bullet, .secondary-navigation__toggle.color-dark-gray .swiper-pagination-bullet, .secondary-navigation__toggle.color-red .swiper-pagination-bullet, .secondary-navigation__toggle.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .secondary-navigation__toggle.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .secondary-navigation__toggle.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .secondary-navigation__toggle.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .secondary-navigation__toggle.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .secondary-navigation__toggle.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .secondary-navigation__toggle.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .secondary-navigation__toggle.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .secondary-navigation__toggle.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .secondary-navigation__toggle.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .secondary-navigation__toggle.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .secondary-navigation__toggle.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .secondary-navigation__toggle.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .secondary-navigation__toggle.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .secondary-navigation__toggle.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .secondary-navigation__toggle.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide h2, .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide h2, .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide h2, .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide h2, .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide h3.tab-title, .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide h3.tab-title, .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide h3.tab-title, .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide .f--description p, .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide .f--description p, .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide .f--description p, .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide .f--link a, .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide .f--link a, .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide .f--link a, .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide .f--link a svg, .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide .f--link a svg, .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide .f--link a svg, .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide .icon-close, .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide .icon-close, .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide .icon-close, .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .secondary-navigation__toggle.color-black .cc--user-choice-vertical-slide .icon-close svg, .secondary-navigation__toggle.color-blue .cc--user-choice-vertical-slide .icon-close svg, .secondary-navigation__toggle.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .secondary-navigation__toggle.color-red .cc--user-choice-vertical-slide .icon-close svg, .secondary-navigation__toggle.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .secondary-navigation__toggle.color-pale-yellow { background-color: #FCE488; } .secondary-navigation__toggle.color-pale-teal { background-color: #87C3BE; } .secondary-navigation__toggle.color-pale-blue { background-color: #92D6E3; } .secondary-navigation__toggle[aria-expanded="true"]::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .secondary-navigation__toggle.color-light-gray, .secondary-navigation__toggle.color-white { color: #000; } .secondary-navigation__toggle::before { content: ''; display: inline-block; background-image: url("../images/icons/menu-chevron.svg"); background-size: 100%; background-repeat: no-repeat; width: 2.375rem; height: 2.375rem; margin-right: 0.9375rem; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .secondary-navigation__container { display: none; overflow: hidden; max-height: 0; -webkit-transition: max-height .5s ease; transition: max-height .5s ease; position: absolute; top: 4.375rem; z-index: 999; left: 0; width: 100%; background-color: #FFF; } .secondary-navigation__container.visible { display: block; } .secondary-navigation__container.open { overflow-y: scroll; } .secondary-navigation__menu { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3.1875rem 4% 4.8125rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1023px) { .secondary-navigation__menu { max-height: 50vh; overflow-y: auto; padding-bottom: 4.8125rem; } } @media screen and (max-width: 767px) { .secondary-navigation__menu { padding-top: 1.4375rem; } } .secondary-navigation__menu a.current-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #F0F0F0; border-left: 3px solid #007FAC; padding-left: 0.625rem; padding-right: 0.625rem; min-height: 2.75rem; } .secondary-navigation__menu a.current-item::before { top: 0; } .secondary-navigation__menu > ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } @media screen and (min-width: 768px) { .secondary-navigation__menu > ul { padding-right: 1.25rem; } } @media screen and (min-width: 768px) { .secondary-navigation__menu > ul:not(:first-child) { padding-left: 1.25rem; border-left: 1px solid #EFEFEF; } } @media screen and (max-width: 1023px) { .secondary-navigation__menu > ul { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .secondary-navigation__menu > ul:nth-child(3) { padding-left: 0; border-left: 0; padding-top: 2.75rem; } .secondary-navigation__menu > ul:nth-child(4) { padding-top: 2.75rem; } } @media screen and (max-width: 767px) { .secondary-navigation__menu > ul { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .secondary-navigation__menu > ul:nth-child(3), .secondary-navigation__menu > ul:nth-child(4), .secondary-navigation__menu > ul:nth-child(2) { padding-top: 2.25rem; } } .secondary-navigation__menu > ul > li { margin-bottom: 0.625rem; } .secondary-navigation__menu > ul > li:not(:first-child) { margin-top: 2.75rem; } @media screen and (max-width: 767px) { .secondary-navigation__menu > ul > li:not(:first-child) { margin-top: 2.25rem; } } .secondary-navigation__menu > ul > li:not(:first-child).no-children { margin-top: 1.75rem; } .secondary-navigation__menu > ul > li a { font-weight: 700; font-size: 1.125rem; line-height: 1.375rem; color: #007FAC; text-decoration: none; } .secondary-navigation__menu > ul > li a:hover, .secondary-navigation__menu > ul > li a:focus { color: #007FAC; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 1px; } .secondary-navigation__menu > ul > ul > li { margin-bottom: 0.625rem; } .secondary-navigation__menu > ul > ul > li a { font-style: normal; font-weight: 600; font-size: 1.0625rem; line-height: 1.375rem; color: #444; text-decoration: none; } .secondary-navigation__menu > ul > ul > li a:hover, .secondary-navigation__menu > ul > ul > li a:focus { color: #007FAC; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 1px; } .secondary-navigation__menu > ul > ul ul + li { margin-top: 1.0625rem; } .secondary-navigation__menu > ul > ul ul li { margin-bottom: 0.625rem; } .secondary-navigation__menu > ul > ul ul li a { color: #444; font-weight: 400; font-size: 1rem; line-height: 1.5rem; text-decoration: none; } .secondary-navigation__menu > ul > ul ul li a:hover, .secondary-navigation__menu > ul > ul ul li a:focus { color: #007FAC; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 1px; } .secondary-navigation__menu > ul > ul ul li a::before { content: ''; display: inline-block; width: 3px; height: 3px; background-color: #444; margin-right: 0.4375rem; position: relative; bottom: 3px; } .secondary-navigation__menu > ul > ul ul li a:hover::before, .secondary-navigation__menu > ul > ul ul li a:focus::before { background-color: #007FAC; } @media screen and (max-width: 1023px) { .secondary-navigation__menu__3 > ul { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .secondary-navigation__menu__3 > ul:nth-child(3) { padding-left: 0; border-left: 0; border-right: 1px solid #EFEFEF; padding-top: 2.75rem; } } @media screen and (max-width: 767px) { .secondary-navigation__menu__3 > ul:nth-child(3) { border-right: 0; } } .margin-top-70px { margin-top: 70px; } .safari-section-menu-adjustment { top: 2px; } .cc--slideshow { padding-top: 3.125rem; padding-bottom: 1.875rem; position: relative; background-color: #000; } @media screen and (min-width: 768px) { .cc--slideshow { padding-top: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--slideshow { padding-top: 5rem; } } .cc--slideshow .section-header { max-width: 1440px; margin: 0 auto; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--slideshow .section-header { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--slideshow .section-header { margin-bottom: 3.125rem; } } .cc--slideshow .section-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--slideshow .section-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--slideshow .section-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .cc--slideshow .section-header .f--title, .cc--slideshow .section-header .f--section-title { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--slideshow .section-header .f--title, .cc--slideshow .section-header .f--section-title { margin-bottom: 1.875rem; } } .cc--slideshow .section-header .f--title h2, .cc--slideshow .section-header .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; margin-bottom: 1.25rem; color: #FFF; text-align: center; } @media screen and (min-width: 768px) { .cc--slideshow .section-header .f--title h2, .cc--slideshow .section-header .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.875rem; } } .cc--slideshow .section-header .f--description p { margin-bottom: 0.9375rem; color: #FFF; text-align: center; } @media screen and (min-width: 768px) { .cc--slideshow .section-header .f--description p { margin-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--slideshow .section-header .f--description p { margin-bottom: 3.125rem; } } .cc--slideshow .section-header .f--description p a { color: #FFF; } .cc--slideshow .gallery-top .cc--slider-slide.swiper-slide { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: auto; } .cc--slideshow .gallery-top .cc--slider-slide.swiper-slide.swiper-slide-active img { opacity: 1; } .cc--slideshow .gallery-top .cc--slider-slide.swiper-slide.swiper-slide-prev img, .cc--slideshow .gallery-top .cc--slider-slide.swiper-slide.swiper-slide-next img { opacity: 0.5; } .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 9.375rem; } @media screen and (min-width: 500px) { .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 15.625rem; } } @media screen and (min-width: 768px) { .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 20.5rem; } } @media screen and (min-width: 1024px) { .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 25.3125rem; } } .cc--slideshow .gallery-top img { width: auto; height: 100%; } .cc--slideshow .text-bottom { max-width: 528px; margin: 0 auto; padding-top: 1.25rem; width: 84%; } @media screen and (min-width: 768px) { .cc--slideshow .text-bottom { padding-top: 1.875rem; width: 80%; } } @media screen and (min-width: 1024px) { .cc--slideshow .text-bottom { width: 44%; } } .cc--slideshow .text-bottom .swiper-pagination { font-size: 0.875rem; line-height: 1.4286; bottom: 0; color: #FFF; z-index: 0; } @media screen and (min-width: 1024px) { .cc--slideshow .text-bottom .swiper-pagination { font-size: 0.75rem; line-height: 1.3334; } } .cc--slideshow .text-bottom .swiper-button-wrapper { list-style: none; padding: 0; margin: 0; position: relative; top: 0; width: 13.125rem; height: 1rem; margin: 0 auto; z-index: 1; } .cc--slideshow .text-bottom .swiper-button-wrapper.hidden { display: none; } .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-prev, .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-next, .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-first, .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-last { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; position: absolute; top: 0; width: 10px; height: 16px; background-image: none; } html[data-whatintent="mouse"] .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-prev, html[data-whatintent="mouse"] .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-next, html[data-whatintent="mouse"] .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-first, html[data-whatintent="mouse"] .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-last { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-first:hover svg, html[data-whatintent="mouse"] .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-last:hover svg { fill: #EBB600; } .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-prev svg, .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-next svg, .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-first svg, .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-last svg { width: 10px; height: 16px; fill: #FFF; } .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-first, .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-last { width: 36px; } .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-first svg:first-child, .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-last svg:first-child { margin-right: -0.3125rem; } .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-last { right: 0; } .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-prev { left: 40px; } .cc--slideshow .text-bottom .swiper-button-wrapper .swiper-button-next { right: 40px; } .cc--slideshow .text-bottom .cc--slider-slide .c--slider-slide { text-align: center; } .cc--slideshow .text-bottom p { margin-top: 0; margin-bottom: 0.625rem; font-size: 0.75rem; line-height: 1.6667; color: #FFF; } @media screen and (min-width: 768px) { .cc--slideshow .text-bottom p { font-size: 1rem; line-height: 1.75; } } .cc--slideshow .text-bottom a { color: #FFF; text-decoration: underline; } html[data-whatintent="mouse"] .cc--slideshow .text-bottom a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--slideshow .text-bottom a:hover { color: #FFF; text-decoration: underline; } .cc--slideshow .text-bottom .f--text p { font-size: 0.75rem; line-height: 1.3334; margin-top: 0; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--slideshow .text-bottom .f--text p { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.875rem; } } .cc--slideshow .swiper-wrapper.hidden { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; } .cc--social-media-links { max-width: 320px; margin: 0 auto; padding-right: 5%; padding-left: 5%; } @media screen and (min-width: 768px) { .cc--social-media-links { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; max-width: 100%; } } .cc--social-media-links h3 { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } @media screen and (min-width: 768px) { .cc--social-media-links .links-container { width: 20rem; } } .cc--social-media-links .links-container .social-media-links { 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; width: 100%; } .cc--social-media-links .links-container .social-media-links > li { margin-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { .cc--social-media-links .links-container .social-media-links > li { margin-bottom: 0; } } .cc--social-media-links .links-container .social-media-links > li a { 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; display: block; width: 100%; height: auto; border: 0; background-color: transparent; } .cc--social-media-links .links-container .social-media-links > li a svg { display: block; width: auto; height: 1.3125rem; fill: #FFF; } @media screen and (min-width: 768px) { .cc--social-media-links .links-container .social-media-links > li a svg { height: 1.6875rem; } } .ie11 .cc--social-media-links .links-container .social-media-links > li a svg { width: 1.875rem; } .cc--social-media-links .links-container .social-media-links > li a.youtube svg { height: 1rem; } @media screen and (min-width: 768px) { .cc--social-media-links .links-container .social-media-links > li a.youtube svg { height: 1.375rem; } } .cc--social-media-links .links-container .social-media-links > li a.twitter svg { height: 1.1875rem; } @media screen and (min-width: 768px) { .cc--social-media-links .links-container .social-media-links > li a.twitter svg { height: 1.5625rem; } } html[data-whatintent="mouse"] .cc--social-media-links .links-container .social-media-links > li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--social-media-links .links-container .social-media-links > li a:hover { background-color: transparent; } html[data-whatintent="mouse"] .cc--social-media-links .links-container .social-media-links > li a:hover svg { opacity: 0.8; } .cc--social-media { padding-right: 8%; padding-left: 8%; background-color: #C03; } @media screen and (min-width: 768px) { .cc--social-media { padding-right: 0; padding-bottom: 1.875rem; padding-left: 0; } } .cc--social-media .social-header { max-width: 1440px; margin: 0 auto; } .cc--social-media .inner-wrapper { padding-top: 3.125rem; padding-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--social-media .inner-wrapper { padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; 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; } } @media screen and (min-width: 1024px) { .cc--social-media .inner-wrapper { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .cc--social-media .cc--social-media-links .social-media-links > li { margin-bottom: 0; } .cc--social-media .f--section-title { text-align: center; } @media screen and (min-width: 768px) { .cc--social-media .f--section-title { text-align: left; } } .cc--social-media .f--section-title h2 { margin-bottom: 1.875rem; color: #FFF; } @media screen and (min-width: 768px) { .cc--social-media .f--section-title h2 { margin-bottom: 0; } } .cc--social-media .crt-widget .crt-post { margin: 0 0 20px; border: 0; } @media screen and (min-width: 500px) { .cc--social-media .crt-widget .crt-post { margin: 0 10px 20px; } } .cc--social-media .crt-widget .crt-post .crt-post-header { padding-top: 1.125rem; } .cc--social-media .crt-widget .crt-post .crt-post-text { padding-bottom: 1.125rem; } .cc--social-media .crt-widget .crt-post-has-image .crt-post-header, .cc--social-media .crt-widget .crt-post-has-image .crt-post-text { display: none; } .cc--social-media .crt-load-more-container .crt-load-more { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--social-media .crt-load-more-container .crt-load-more { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--social-media .crt-load-more-container .crt-load-more { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--social-media .crt-load-more-container .crt-load-more: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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--social-media .crt-load-more-container .crt-load-more { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--social-media .crt-load-more-container .crt-load-more: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: #FFF; color: #000; text-decoration: none; } .cc--social-share .c--social-share { position: relative; } .cc--social-share .c--social-share .f--button button { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: 0.875rem; line-height: 1.1429; width: auto; height: 2.25rem; border: 0; background-color: #FFF; text-transform: capitalize; } .cc--social-share .c--social-share .f--button button .share-icon { margin-left: 0.9375rem; width: 1.125rem; height: 1.125rem; } .share-is-open .cc--social-share .c--social-share .f--button button .share-icon { display: none; } .cc--social-share .c--social-share .f--button button .share-close { margin-left: 0.4375rem; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background-color: #C03; } .cc--social-share .c--social-share .f--button button .share-close .close-icon { width: 0.9375rem; height: 0.9375rem; fill: #FFF; } .share-is-open .cc--social-share .c--social-share .f--button button .share-close { display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-whatintent="mouse"] .cc--social-share .c--social-share .f--button button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--social-share .c--social-share .f--button button:hover { color: #000; } .cc--social-share .c--social-share .story-share-wrapper { padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; margin-top: 0.5rem; display: none; position: absolute; left: 2.5rem; width: 9.375rem; background-color: #FFF; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); } .share-is-open .cc--social-share .c--social-share .story-share-wrapper { display: block; z-index: 4; } .cc--social-share .c--social-share .story-share-wrapper ul { list-style: none; padding: 0; margin: 0; width: 100%; } .cc--social-share .c--social-share .story-share-wrapper ul li:not(:last-child) { margin-bottom: 0.9375rem; } .cc--social-share .c--social-share .story-share-wrapper ul li button { font-size: 0.875rem; line-height: 1.4286; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: #444; } .cc--social-share .c--social-share .story-share-wrapper ul li button svg { margin-right: 0.9375rem; display: block; width: 0.9375rem; height: 0.9375rem; fill: #666; } html[data-whatintent="mouse"] .cc--social-share .c--social-share .story-share-wrapper ul li button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--social-share .c--social-share .story-share-wrapper ul li button:hover { color: #000; } html[data-whatintent="mouse"] .cc--social-share .c--social-share .story-share-wrapper ul li button:hover svg { fill: #000; } .cc--special-announcement.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--special-announcement.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--special-announcement.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--special-announcement.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--special-announcement.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--special-announcement.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--special-announcement.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--special-announcement.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--special-announcement.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--special-announcement.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--special-announcement.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--special-announcement.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--special-announcement.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--special-announcement.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--special-announcement.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--special-announcement.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--special-announcement.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--special-announcement.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--special-announcement.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--special-announcement.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--special-announcement.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--special-announcement.color-white .f--link .button, .cc--special-announcement.color-light-gray .f--link .button { background-color: transparent; } .cc--special-announcement.color-white .f--link .button:hover, .cc--special-announcement.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--special-announcement.color-pale-teal .f--link .button, .cc--special-announcement.color-pale-yellow .f--link .button, .cc--special-announcement.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--special-announcement.color-pale-teal .f--link .button, .cc--special-announcement.color-pale-yellow .f--link .button, .cc--special-announcement.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--special-announcement.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--special-announcement.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--special-announcement.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--special-announcement.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--special-announcement.color-black .f--description, .cc--special-announcement.color-black .f--text, .cc--special-announcement.color-black .f--category, .cc--special-announcement.color-blue .f--description, .cc--special-announcement.color-blue .f--text, .cc--special-announcement.color-blue .f--category, .cc--special-announcement.color-dark-gray .f--description, .cc--special-announcement.color-dark-gray .f--text, .cc--special-announcement.color-dark-gray .f--category, .cc--special-announcement.color-red .f--description, .cc--special-announcement.color-red .f--text, .cc--special-announcement.color-red .f--category, .cc--special-announcement.color-teal .f--description, .cc--special-announcement.color-teal .f--text, .cc--special-announcement.color-teal .f--category { color: #FFF; } .cc--special-announcement.color-black .f--description p, .cc--special-announcement.color-black .f--description li, .cc--special-announcement.color-black .f--description a, .cc--special-announcement.color-black .f--text p, .cc--special-announcement.color-black .f--text li, .cc--special-announcement.color-black .f--text a, .cc--special-announcement.color-black .f--category p, .cc--special-announcement.color-black .f--category li, .cc--special-announcement.color-black .f--category a, .cc--special-announcement.color-blue .f--description p, .cc--special-announcement.color-blue .f--description li, .cc--special-announcement.color-blue .f--description a, .cc--special-announcement.color-blue .f--text p, .cc--special-announcement.color-blue .f--text li, .cc--special-announcement.color-blue .f--text a, .cc--special-announcement.color-blue .f--category p, .cc--special-announcement.color-blue .f--category li, .cc--special-announcement.color-blue .f--category a, .cc--special-announcement.color-dark-gray .f--description p, .cc--special-announcement.color-dark-gray .f--description li, .cc--special-announcement.color-dark-gray .f--description a, .cc--special-announcement.color-dark-gray .f--text p, .cc--special-announcement.color-dark-gray .f--text li, .cc--special-announcement.color-dark-gray .f--text a, .cc--special-announcement.color-dark-gray .f--category p, .cc--special-announcement.color-dark-gray .f--category li, .cc--special-announcement.color-dark-gray .f--category a, .cc--special-announcement.color-red .f--description p, .cc--special-announcement.color-red .f--description li, .cc--special-announcement.color-red .f--description a, .cc--special-announcement.color-red .f--text p, .cc--special-announcement.color-red .f--text li, .cc--special-announcement.color-red .f--text a, .cc--special-announcement.color-red .f--category p, .cc--special-announcement.color-red .f--category li, .cc--special-announcement.color-red .f--category a, .cc--special-announcement.color-teal .f--description p, .cc--special-announcement.color-teal .f--description li, .cc--special-announcement.color-teal .f--description a, .cc--special-announcement.color-teal .f--text p, .cc--special-announcement.color-teal .f--text li, .cc--special-announcement.color-teal .f--text a, .cc--special-announcement.color-teal .f--category p, .cc--special-announcement.color-teal .f--category li, .cc--special-announcement.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--description a, html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--text a, html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--category a, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--description a, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--text a, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--category a, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--description a, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--text a, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--category a, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--description a, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--text a, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--category a:hover { color: #FFF; } .cc--special-announcement.color-black .f--section-title h2, .cc--special-announcement.color-blue .f--section-title h2, .cc--special-announcement.color-dark-gray .f--section-title h2, .cc--special-announcement.color-red .f--section-title h2, .cc--special-announcement.color-teal .f--section-title h2 { color: #FFF; } .cc--special-announcement.color-black .f--section-title h2 a, .cc--special-announcement.color-blue .f--section-title h2 a, .cc--special-announcement.color-dark-gray .f--section-title h2 a, .cc--special-announcement.color-red .f--section-title h2 a, .cc--special-announcement.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--special-announcement.color-black .f--sub-title h3, .cc--special-announcement.color-blue .f--sub-title h3, .cc--special-announcement.color-dark-gray .f--sub-title h3, .cc--special-announcement.color-red .f--sub-title h3, .cc--special-announcement.color-teal .f--sub-title h3 { color: #FFF; } .cc--special-announcement.color-black .f--sub-title h3 a, .cc--special-announcement.color-blue .f--sub-title h3 a, .cc--special-announcement.color-dark-gray .f--sub-title h3 a, .cc--special-announcement.color-red .f--sub-title h3 a, .cc--special-announcement.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--special-announcement.color-black .f--page-title h1, .cc--special-announcement.color-blue .f--page-title h1, .cc--special-announcement.color-dark-gray .f--page-title h1, .cc--special-announcement.color-red .f--page-title h1, .cc--special-announcement.color-teal .f--page-title h1 { color: #FFF; } .cc--special-announcement.color-black .stat-item .f--text, .cc--special-announcement.color-black .stat-item .f--stat-prefix, .cc--special-announcement.color-black .stat-item .f--stat-suffix, .cc--special-announcement.color-blue .stat-item .f--text, .cc--special-announcement.color-blue .stat-item .f--stat-prefix, .cc--special-announcement.color-blue .stat-item .f--stat-suffix, .cc--special-announcement.color-dark-gray .stat-item .f--text, .cc--special-announcement.color-dark-gray .stat-item .f--stat-prefix, .cc--special-announcement.color-dark-gray .stat-item .f--stat-suffix, .cc--special-announcement.color-red .stat-item .f--text, .cc--special-announcement.color-red .stat-item .f--stat-prefix, .cc--special-announcement.color-red .stat-item .f--stat-suffix, .cc--special-announcement.color-teal .stat-item .f--text, .cc--special-announcement.color-teal .stat-item .f--stat-prefix, .cc--special-announcement.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--special-announcement.color-black .f--stat-subheading, .cc--special-announcement.color-black .f--description, .cc--special-announcement.color-black .f--stat-headline, .cc--special-announcement.color-blue .f--stat-subheading, .cc--special-announcement.color-blue .f--description, .cc--special-announcement.color-blue .f--stat-headline, .cc--special-announcement.color-dark-gray .f--stat-subheading, .cc--special-announcement.color-dark-gray .f--description, .cc--special-announcement.color-dark-gray .f--stat-headline, .cc--special-announcement.color-red .f--stat-subheading, .cc--special-announcement.color-red .f--description, .cc--special-announcement.color-red .f--stat-headline, .cc--special-announcement.color-teal .f--stat-subheading, .cc--special-announcement.color-teal .f--description, .cc--special-announcement.color-teal .f--stat-headline { color: #FFF; } .cc--special-announcement.color-black .f--link .button, .cc--special-announcement.color-blue .f--link .button, .cc--special-announcement.color-dark-gray .f--link .button, .cc--special-announcement.color-red .f--link .button, .cc--special-announcement.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--special-announcement.color-black .f--link .button, .cc--special-announcement.color-blue .f--link .button, .cc--special-announcement.color-dark-gray .f--link .button, .cc--special-announcement.color-red .f--link .button, .cc--special-announcement.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--link .button, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--special-announcement.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--special-announcement.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--special-announcement.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--special-announcement.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--special-announcement.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--special-announcement.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--special-announcement.color-black .swiper-button-prev svg, .cc--special-announcement.color-black .swiper-button-next svg, .cc--special-announcement.color-blue .swiper-button-prev svg, .cc--special-announcement.color-blue .swiper-button-next svg, .cc--special-announcement.color-dark-gray .swiper-button-prev svg, .cc--special-announcement.color-dark-gray .swiper-button-next svg, .cc--special-announcement.color-red .swiper-button-prev svg, .cc--special-announcement.color-red .swiper-button-next svg, .cc--special-announcement.color-teal .swiper-button-prev svg, .cc--special-announcement.color-teal .swiper-button-next svg { fill: #FFF; } .cc--special-announcement.color-black .swiper-button-wrapper::before, .cc--special-announcement.color-blue .swiper-button-wrapper::before, .cc--special-announcement.color-dark-gray .swiper-button-wrapper::before, .cc--special-announcement.color-red .swiper-button-wrapper::before, .cc--special-announcement.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--special-announcement.color-black .swiper-pagination-bullet, .cc--special-announcement.color-blue .swiper-pagination-bullet, .cc--special-announcement.color-dark-gray .swiper-pagination-bullet, .cc--special-announcement.color-red .swiper-pagination-bullet, .cc--special-announcement.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--special-announcement.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--special-announcement.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--special-announcement.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--special-announcement.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--special-announcement.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--special-announcement.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--special-announcement.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--special-announcement.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--special-announcement.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--special-announcement.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--special-announcement.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--special-announcement.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--special-announcement.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--special-announcement.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--special-announcement.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--special-announcement.color-black .cc--user-choice-vertical-slide h2, .cc--special-announcement.color-blue .cc--user-choice-vertical-slide h2, .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--special-announcement.color-red .cc--user-choice-vertical-slide h2, .cc--special-announcement.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--special-announcement.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--special-announcement.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--special-announcement.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--special-announcement.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--special-announcement.color-black .cc--user-choice-vertical-slide .f--description p, .cc--special-announcement.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--special-announcement.color-red .cc--user-choice-vertical-slide .f--description p, .cc--special-announcement.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--special-announcement.color-black .cc--user-choice-vertical-slide .f--link a, .cc--special-announcement.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--special-announcement.color-red .cc--user-choice-vertical-slide .f--link a, .cc--special-announcement.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--special-announcement.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--special-announcement.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--special-announcement.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--special-announcement.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--special-announcement.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--special-announcement.color-black .cc--user-choice-vertical-slide .icon-close, .cc--special-announcement.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--special-announcement.color-red .cc--user-choice-vertical-slide .icon-close, .cc--special-announcement.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--special-announcement.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--special-announcement.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--special-announcement.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--special-announcement.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--special-announcement.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--special-announcement.color-pale-yellow { background-color: #FCE488; } .cc--special-announcement.color-pale-teal { background-color: #87C3BE; } .cc--special-announcement.color-pale-blue { background-color: #92D6E3; } .cc--special-announcement .c--special-announcement { padding-top: 1.875rem; padding-right: 4.7619%; padding-bottom: 1.875rem; padding-left: 4.7619%; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--special-announcement .c--special-announcement { padding-top: 2.5rem; padding-right: 6.66667%; padding-bottom: 2.5rem; padding-left: 6.66667%; } } .cc--special-announcement .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .cc--special-announcement .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.875rem; } } .cc--special-announcement .f--link .button--alt { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0.9375rem; width: auto; height: auto; border: 0; background: transparent; color: #000; } @media screen and (min-width: 768px) { .cc--special-announcement .f--link .button--alt { margin-top: 1.25rem; } } .cc--special-announcement .f--link .button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; width: 0.625rem; height: 0.125rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; fill: #C03; } html[data-whatintent="mouse"] .cc--special-announcement .f--link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement .f--link .button--alt:hover { background-color: transparent; color: #C03; } html[data-whatintent="mouse"] .cc--special-announcement .f--link .button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cc--special-announcement.color-black .f--link .button--alt, .cc--special-announcement.color-blue .f--link .button--alt, .cc--special-announcement.color-dark-gray .f--link .button--alt, .cc--special-announcement.color-red .f--link .button--alt, .cc--special-announcement.color-teal .f--link .button--alt { color: #FFF; } .cc--special-announcement.color-black .f--link .button--alt svg, .cc--special-announcement.color-blue .f--link .button--alt svg, .cc--special-announcement.color-dark-gray .f--link .button--alt svg, .cc--special-announcement.color-red .f--link .button--alt svg, .cc--special-announcement.color-teal .f--link .button--alt svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--link .button--alt, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--link .button--alt, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--link .button--alt, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--link .button--alt, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--link .button--alt { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--special-announcement.color-black .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-blue .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-dark-gray .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-red .f--link .button--alt:hover, html[data-whatintent="mouse"] .cc--special-announcement.color-teal .f--link .button--alt:hover { color: #FFF; } .cc--stat-item { text-align: center; } .cc--stat-item:not(:last-child) { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--stat-item:not(:last-child) { margin-bottom: 0; } } .cc--stat-item .f--stat-subheading { font-size: 1.25rem; line-height: 1.4; color: #000; } .cc--stat-item .f--description { font-size: 0.875rem; line-height: 2.2858; color: #000; } @media screen and (min-width: 768px) { .cc--stat-item .f--description { font-size: 1rem; line-height: 2; } } .f--stat-headline { font-size: 1.125rem; line-height: 1.3334; margin-bottom: 0.625rem; color: #000; } @media screen and (min-width: 768px) { .f--stat-headline { font-size: 1.5rem; line-height: 1.3334; } } .stat-item { margin-bottom: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #007FAC; } @media screen and (min-width: 768px) { .stat-item { margin-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .stat-item { margin-bottom: 1.875rem; } } .stat-item .f--text { font-size: 2.25rem; line-height: 1; } @media screen and (min-width: 1024px) { .stat-item .f--text { font-size: 3.5rem; line-height: 1; } } .stat-item .f--stat-prefix, .stat-item .f--stat-suffix { font-size: 1.25rem; line-height: 1.05; -ms-flex-item-align: end; align-self: flex-end; } @media screen and (min-width: 1024px) { .stat-item .f--stat-prefix, .stat-item .f--stat-suffix { font-size: 1.875rem; line-height: 1.0667; } } .cc--sticky-promo.color-light-gray .sticky-promo-inner { background-color: #EFEFEF; } .cc--sticky-promo.color-black .sticky-promo-inner { background-color: #000; } .cc--sticky-promo.color-dark-gray .sticky-promo-inner { background-color: #222; } .cc--sticky-promo.color-blue .sticky-promo-inner { background-color: #007FAC; } .cc--sticky-promo.color-teal .sticky-promo-inner { background-color: #00626D; } .cc--sticky-promo.color-red .sticky-promo-inner { background-color: #C03; } .cc--sticky-promo.color-yellow .sticky-promo-inner { background-color: #EBB600; } .cc--sticky-promo.color-black .sticky-promo-inner.sticky-active .close-btn-container .icon-close svg, .cc--sticky-promo.color-dark-gray .sticky-promo-inner.sticky-active .close-btn-container .icon-close svg, .cc--sticky-promo.color-red .sticky-promo-inner.sticky-active .close-btn-container .icon-close svg, .cc--sticky-promo.color-blue .sticky-promo-inner.sticky-active .close-btn-container .icon-close svg, .cc--sticky-promo.color-teal .sticky-promo-inner.sticky-active .close-btn-container .icon-close svg { fill: #FFF; } .cc--sticky-promo.color-black .sticky-promo-inner .subscribe-block-wrapper .f--link .button, .cc--sticky-promo.color-dark-gray .sticky-promo-inner .subscribe-block-wrapper .f--link .button, .cc--sticky-promo.color-red .sticky-promo-inner .subscribe-block-wrapper .f--link .button, .cc--sticky-promo.color-blue .sticky-promo-inner .subscribe-block-wrapper .f--link .button, .cc--sticky-promo.color-teal .sticky-promo-inner .subscribe-block-wrapper .f--link .button { color: #FFF; } .cc--sticky-promo.color-black .sticky-promo-inner .subscribe-block-wrapper .f--link .button svg, .cc--sticky-promo.color-dark-gray .sticky-promo-inner .subscribe-block-wrapper .f--link .button svg, .cc--sticky-promo.color-red .sticky-promo-inner .subscribe-block-wrapper .f--link .button svg, .cc--sticky-promo.color-blue .sticky-promo-inner .subscribe-block-wrapper .f--link .button svg, .cc--sticky-promo.color-teal .sticky-promo-inner .subscribe-block-wrapper .f--link .button svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--sticky-promo.color-black .sticky-promo-inner .subscribe-block-wrapper .f--link .button, html[data-whatintent="mouse"] .cc--sticky-promo.color-dark-gray .sticky-promo-inner .subscribe-block-wrapper .f--link .button, html[data-whatintent="mouse"] .cc--sticky-promo.color-red .sticky-promo-inner .subscribe-block-wrapper .f--link .button, html[data-whatintent="mouse"] .cc--sticky-promo.color-blue .sticky-promo-inner .subscribe-block-wrapper .f--link .button, html[data-whatintent="mouse"] .cc--sticky-promo.color-teal .sticky-promo-inner .subscribe-block-wrapper .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--sticky-promo.color-black .sticky-promo-inner .subscribe-block-wrapper .f--link .button:hover, html[data-whatintent="mouse"] .cc--sticky-promo.color-dark-gray .sticky-promo-inner .subscribe-block-wrapper .f--link .button:hover, html[data-whatintent="mouse"] .cc--sticky-promo.color-red .sticky-promo-inner .subscribe-block-wrapper .f--link .button:hover, html[data-whatintent="mouse"] .cc--sticky-promo.color-blue .sticky-promo-inner .subscribe-block-wrapper .f--link .button:hover, html[data-whatintent="mouse"] .cc--sticky-promo.color-teal .sticky-promo-inner .subscribe-block-wrapper .f--link .button:hover { background-color: transparent; text-decoration: underline; } html[data-whatintent="mouse"] .cc--sticky-promo.color-light-gray .subscribe-block-wrapper .f--link .button, html[data-whatintent="mouse"] .cc--sticky-promo.color-white .subscribe-block-wrapper .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--sticky-promo.color-light-gray .subscribe-block-wrapper .f--link .button:hover, html[data-whatintent="mouse"] .cc--sticky-promo.color-white .subscribe-block-wrapper .f--link .button:hover { background-color: transparent; color: #000; text-decoration: underline; } .cc--sticky-promo .sticky-promo-inner { position: relative; height: 12.5rem; background: #FFF; } @media screen and (min-width: 768px) { .cc--sticky-promo .sticky-promo-inner { height: 15.625rem; } } .cc--sticky-promo .sticky-promo-inner.sticky-active { position: fixed; bottom: 0; width: 100%; height: 3.125rem; z-index: 4; } @media screen and (min-width: 768px) { .cc--sticky-promo .sticky-promo-inner.sticky-active { height: 4.375rem; } } .cc--sticky-promo .sticky-promo-inner.sticky-active .subscribe-block-wrapper a.button { font-size: 0.875rem; line-height: 1.5715; padding-right: 0; padding-left: 0; display: inline-block; } @media screen and (min-width: 768px) { .cc--sticky-promo .sticky-promo-inner.sticky-active .subscribe-block-wrapper a.button { font-size: 1.125rem; line-height: 1.4445; } } .cc--sticky-promo .sticky-promo-inner.sticky-active .subscribe-block-wrapper a.button svg { width: 0.625rem; height: 0.625rem; } .cc--sticky-promo .sticky-promo-inner.sticky-active .close-btn-container { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; height: 3.125rem; z-index: 3; } .cc--sticky-promo .sticky-promo-inner.sticky-active .close-btn-container::after { top: 0.625rem; left: 0; height: 1.875rem; -webkit-transform: auto; transform: auto; } @media screen and (min-width: 768px) { .cc--sticky-promo .sticky-promo-inner.sticky-active .close-btn-container::after { top: 0; height: 3.125rem; } } .cc--sticky-promo .sticky-promo-inner.sticky-active .close-btn-container button.icon-close { display: block; width: 2.4375rem; height: 3.125rem; } .cc--sticky-promo .sticky-promo-inner.sticky-active .close-btn-container button.icon-close svg { width: 0.75rem; height: 0.75rem; fill: #C03; } .cc--sticky-promo .close-btn-container::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; width: 1px; height: 1.875rem; background: #D8D8D8; content: ''; } .cc--sticky-promo .close-btn-container button.icon-close { display: none; } .cc--sticky-promo .subscribe-block-wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1440px; margin: 0 auto; width: 100%; text-align: center; } .cc--sticky-promo .subscribe-block-wrapper .f--link { max-width: 80%; margin: 0 auto; } .cc--sticky-promo .subscribe-block-wrapper .f--link a.button { font-size: 1.5rem; line-height: 1.3334; display: inline-block; height: 100%; border: 0; background-color: transparent; font-family: 'PT Serif', Georgia, serif !important; text-transform: none; } html[data-whatintent="mouse"] .cc--sticky-promo .subscribe-block-wrapper .f--link a.button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--sticky-promo .subscribe-block-wrapper .f--link a.button:hover { background-color: transparent; text-decoration: underline; } @media screen and (min-width: 768px) { .cc--sticky-promo .subscribe-block-wrapper .f--link a.button { font-size: 2rem; line-height: 1.25; } } @media screen and (min-width: 1024px) { .cc--sticky-promo .subscribe-block-wrapper .f--link a.button { font-size: 2.5rem; line-height: 1.2; } } .cc--sticky-promo .subscribe-block-wrapper .f--link a.button svg { margin-left: 0.9375rem; width: 0.75rem; height: 0.75rem; } @media screen and (min-width: 768px) { .cc--sticky-promo .subscribe-block-wrapper .f--link a.button svg { width: 1rem; height: 1rem; } } @media screen and (max-width: 767px) { .cc--tab-headings.more-than-five .c--tab-headings { padding-right: 8%; padding-left: 8%; } } .cc--tab-headings.more-than-five .tab-headings { position: relative; } @media screen and (max-width: 767px) { .cc--tab-headings.more-than-five .tab-headings { margin-top: 0.625rem; margin-bottom: 2.5rem; padding-top: 2.9375rem; padding-right: 0.625rem; padding-left: 0.625rem; display: block; height: 2.9375rem; border-bottom: 1px solid #D8D8D8; background-color: #FFF; background-image: url("../images/icons/icon-arrow-down-red.svg"); background-repeat: no-repeat; background-position: calc(100% - 0.625rem) 1.1875rem; background-size: 0.75rem; overflow: hidden; } .cc--tab-headings.more-than-five .tab-headings::-ms-expand { display: none; } } @media screen and (max-width: 767px) { .cc--tab-headings.more-than-five .tab-headings li { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; display: none; text-align: center; } } @media screen and (max-width: 767px) { .cc--tab-headings.more-than-five .tab-headings li.selected { display: block; position: absolute; top: 0; left: 0; width: 100%; text-align: left; } } @media screen and (max-width: 767px) { .cc--tab-headings.more-than-five .tab-headings li.selected::after { display: none; } } @media screen and (max-width: 767px) { .cc--tab-headings.more-than-five .tab-headings li a { font-size: 1rem; line-height: 1.375; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; } } .cc--tab-headings.more-than-five .tab-headings.open { height: auto; } @media screen and (max-width: 767px) { .cc--tab-headings.more-than-five .tab-headings.open li { display: block; } } .cc--tab-headings strong { font-size: 0.875rem; line-height: 1.4286; color: #000; } @media screen and (min-width: 768px) { .cc--tab-headings strong { display: none; } } .cc--tab-headings .tab-headings { padding-right: 8%; padding-left: 8%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #DDD; list-style: none; } @media screen and (min-width: 768px) { .cc--tab-headings .tab-headings { margin-bottom: 1.25rem; } } .cc--tab-headings .tab-headings li { margin-right: 0.625rem; margin-left: 0.625rem; padding-top: 0.625rem; padding-bottom: 0.8125rem; position: relative; } @media screen and (min-width: 768px) { .cc--tab-headings .tab-headings li { margin-right: 1.25rem; margin-left: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--tab-headings .tab-headings li { margin-right: 1.5625rem; margin-left: 1.5625rem; padding-top: 2.5rem; padding-bottom: 1.25rem; } } .cc--tab-headings .tab-headings li a { font-size: 0.875rem; line-height: 1.4286; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--tab-headings .tab-headings li a { font-size: 1rem; line-height: 1.375; } } html[data-whatintent="mouse"] .cc--tab-headings .tab-headings li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--tab-headings .tab-headings li a:hover { color: #C03; } .cc--tab-headings .tab-headings li.selected::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 2.5rem; height: 0.3125rem; background-color: #C03; content: ''; } .tab-content { display: none; } .tab-content.selected { display: block; } @media screen and (max-width: 767px) { .cc--tab-links.more-than-five .c--tab-links { padding-right: 8%; padding-left: 8%; } } .cc--tab-links.more-than-five .tab-headings { position: relative; } @media screen and (max-width: 767px) { .cc--tab-links.more-than-five .tab-headings { margin-top: 0.625rem; margin-bottom: 2.5rem; padding-top: 2.9375rem; padding-right: 0.625rem; padding-left: 0.625rem; display: block; height: 2.9375rem; border-bottom: 1px solid #D8D8D8; background-color: #FFF; background-image: url("../images/icons/icon-arrow-down-red.svg"); background-repeat: no-repeat; background-position: calc(100% - 0.625rem) 1.1875rem; background-size: 0.75rem; overflow: hidden; } .cc--tab-links.more-than-five .tab-headings::-ms-expand { display: none; } } @media screen and (max-width: 767px) { .cc--tab-links.more-than-five .tab-headings li { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; display: none; text-align: center; } } @media screen and (max-width: 767px) { .cc--tab-links.more-than-five .tab-headings li.selected { display: block; position: absolute; top: 0; left: 0; width: 100%; text-align: left; } } @media screen and (max-width: 767px) { .cc--tab-links.more-than-five .tab-headings li.selected::after { display: none; } } @media screen and (max-width: 767px) { .cc--tab-links.more-than-five .tab-headings li a { font-size: 1rem; line-height: 1.375; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; } } .cc--tab-links.more-than-five .tab-headings.open { height: auto; } @media screen and (max-width: 767px) { .cc--tab-links.more-than-five .tab-headings.open li { display: block; } } .cc--tab-links .tab-headings { padding-right: 8%; padding-left: 8%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #DDD; list-style: none; } @media screen and (min-width: 768px) { .cc--tab-links .tab-headings { margin-bottom: 1.25rem; } } .cc--tab-links .tab-headings li { margin-right: 0.625rem; margin-left: 0.625rem; padding-top: 0.625rem; padding-bottom: 0.8125rem; position: relative; } @media screen and (min-width: 768px) { .cc--tab-links .tab-headings li { margin-right: 1.25rem; margin-left: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } } @media screen and (min-width: 1024px) { .cc--tab-links .tab-headings li { margin-right: 1.5625rem; margin-left: 1.5625rem; padding-top: 2.5rem; padding-bottom: 1.25rem; } } .cc--tab-links .tab-headings li a { font-size: 0.875rem; line-height: 1.4286; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--tab-links .tab-headings li a { font-size: 1rem; line-height: 1.375; } } html[data-whatintent="mouse"] .cc--tab-links .tab-headings li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--tab-links .tab-headings li a:hover { color: #C03; } .cc--tab-links .tab-headings li.selected::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 2.5rem; height: 0.3125rem; background-color: #C03; content: ''; } .cc--tabbed-link-grid { padding-top: 3.125rem; } @media screen and (min-width: 768px) { .cc--tabbed-link-grid { padding-top: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--tabbed-link-grid { padding-top: 5rem; } } .cc--tabbed-link-grid .tabs-content-wrapper .section-header { max-width: 1440px; margin: 0 auto; } .cc--tabbed-link-grid .tabs-content-wrapper .f--section-title { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--tabbed-link-grid .tabs-content-wrapper .f--section-title { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--tabbed-link-grid .tabs-content-wrapper .f--section-title { padding-right: 20%; padding-left: 20%; } } .cc--tabbed-link-grid .tabs-content-wrapper .f--section-title h2 { font-size: 1.75rem; line-height: 1.2858; margin-bottom: 1.25rem; text-align: center; } @media screen and (min-width: 768px) { .cc--tabbed-link-grid .tabs-content-wrapper .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--tabbed-link-grid .tabs-content-wrapper .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .cc--tabbed-link-grid .tabs-content-wrapper .cc--link-grid { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--tabbed-link-grid .tabs-content-wrapper .cc--link-grid { margin-top: 2.5rem; } } .cc--tabbed-link-grid .tabs-content-wrapper .link-list { padding-top: 1.875rem; padding-bottom: 3.125rem; } @media screen and (min-width: 768px) { .cc--tabbed-link-grid .tabs-content-wrapper .link-list { padding-top: 3.125rem; padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--tabbed-link-grid .tabs-content-wrapper .link-list { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .cc--tabbed-news-aggregator { padding-top: 3.125rem; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator { padding-top: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--tabbed-news-aggregator { padding-top: 5rem; } } .cc--tabbed-news-aggregator .section-header { max-width: 1440px; margin: 0 auto; } .cc--tabbed-news-aggregator .section-header .f--section-title { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .section-header .f--section-title { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--tabbed-news-aggregator .section-header .f--section-title { padding-right: 20%; padding-left: 20%; } } .cc--tabbed-news-aggregator .section-header .f--section-title h2 { font-size: 1.75rem; line-height: 1.2858; margin-bottom: 1.25rem; text-align: center; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .section-header .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--tabbed-news-aggregator .section-header .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .cc--tabbed-news-aggregator .cc--feature-external-internal .inner-wrapper { padding-top: 0; padding-bottom: 0; margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .cc--feature-external-internal .inner-wrapper { padding-top: 3.125rem; margin-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--tabbed-news-aggregator .cc--feature-external-internal .inner-wrapper { padding-top: 3.75rem; margin-bottom: 3.75rem; } } .cc--tabbed-news-aggregator .cc--feature-external-internal .inner-wrapper .f--image { margin-bottom: 0; } .cc--tabbed-news-aggregator .cc--topic-listing .c--topic-listing { max-width: 1440px; margin: 0 auto; } .cc--tabbed-news-aggregator .cc--topic-listing .c--topic-listing .topic-list { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .cc--topic-listing .c--topic-listing .topic-list { padding-right: 4%; padding-left: 4%; margin-top: 3.125rem; margin-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .cc--tabbed-news-aggregator .cc--topic-listing .c--topic-listing .topic-list { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .cc--tabbed-news-aggregator .cc--topic-listing .cc--topic-card { margin-top: 1.875rem; margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .cc--topic-listing .cc--topic-card { margin-top: 0; margin-bottom: 0; } } .cc--tabbed-news-aggregator .cc--topic-listing .cc--topic-card .inner-wrapper { margin-top: 0; } .cc--tabbed-news-aggregator .cc--topic-listing .cc--topic-card .inner-wrapper .image-link { margin-bottom: 0; } .cc--tabbed-news-aggregator .cc--topic-listing .cc--topic-card .inner-wrapper .text-container { padding-top: 0; padding-bottom: 0; } .cc--tabbed-news-aggregator .cc--topic-listing .cc--topic-card .inner-wrapper .text-container .f--sub-title { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .cc--topic-listing .cc--topic-card .inner-wrapper .text-container .f--sub-title h3 { font-size: 1.5rem; line-height: 1.3334; } } .cc--tabbed-news-aggregator .tab-content { padding-bottom: 1.25rem; } .cc--tabbed-news-aggregator .tab-content .f--image { margin-bottom: 1.25rem; } .cc--tabbed-news-aggregator .tab-content .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .tab-content .f--sub-title h3 { font-size: 2rem; line-height: 1.25; } } .cc--tabbed-news-aggregator .tab-content .f--text, .cc--tabbed-news-aggregator .tab-content .f--description { margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .tab-content .f--text, .cc--tabbed-news-aggregator .tab-content .f--description { margin-top: 1.25rem; } } .cc--tabbed-news-aggregator .tab-content .f--text p, .cc--tabbed-news-aggregator .tab-content .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .tab-content .f--text p, .cc--tabbed-news-aggregator .tab-content .f--description p { font-size: 1rem; line-height: 1.75; } } @media screen and (min-width: 768px) { .cc--tabbed-news-aggregator .tab-content .cc--news-feature-25 .news-feature-25 .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; } } .cc--topic-card .c--topic-card .inner-wrapper { margin-bottom: 1.875rem; } @media screen and (min-width: 500px) { .cc--topic-card .c--topic-card .inner-wrapper { overflow: hidden; } } .cc--topic-card .c--topic-card .inner-wrapper .f--image { display: block; } @media screen and (min-width: 500px) { .cc--topic-card .c--topic-card .inner-wrapper .f--image { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .cc--topic-card .c--topic-card .inner-wrapper .f--image { margin-left: 0; width: 100%; float: none; } } @media screen and (min-width: 768px) { .cc--topic-card .c--topic-card .inner-wrapper { margin-bottom: 3.125rem; } } @media screen and (min-width: 1200px) { .cc--topic-card .c--topic-card .inner-wrapper { margin-bottom: 3.75rem; } } .cc--topic-card .c--topic-card .inner-wrapper .f--image { margin-bottom: 1.25rem; } .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title h3 { margin-bottom: 0; } .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title a { font-size: 1.25rem; line-height: 1.4; color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } html[data-whatintent="mouse"] .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--topic-card .c--topic-card .inner-wrapper .f--sub-title a:hover { color: #000; text-decoration: underline; } .cc--topic-card .c--topic-card .inner-wrapper .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .cc--topic-card .c--topic-card .inner-wrapper .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } .cc--topic-listing-videos .c--topic-listing-videos { padding-bottom: 3.75rem; } @media screen and (min-width: 768px) { .cc--topic-listing-videos .c--topic-listing-videos { padding-bottom: 5rem; } } @media screen and (min-width: 1024px) { .cc--topic-listing-videos .c--topic-listing-videos { padding-bottom: 6.25rem; } } @media screen and (min-width: 768px) { .cc--topic-listing-videos .c--topic-listing-videos .topic-list .views-infinite-scroll-content-wrapper { padding-right: 0; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--topic-listing-videos .c--topic-listing-videos .topic-list .views-infinite-scroll-content-wrapper::after { display: none; } @media screen and (min-width: 500px) { .cc--topic-listing-videos .c--topic-listing-videos article { margin-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .cc--topic-listing-videos .c--topic-listing-videos article { margin-right: 6.66667%; width: 46.66667%; } .cc--topic-listing-videos .c--topic-listing-videos article:nth-child(even) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--topic-listing-videos .c--topic-listing-videos article:nth-child(2n+1):nth-last-child(-n+2) .inner-wrapper, .cc--topic-listing-videos .c--topic-listing-videos article:nth-child(2n+1):nth-last-child(-n+2) ~ article .inner-wrapper { margin-bottom: 0; } } @media screen and (max-width: 767px) { .cc--topic-listing-videos.two-col .c--topic-listing-videos { padding-bottom: 0; } } @media screen and (min-width: 768px) { .cc--topic-listing-videos.three-col .c--topic-listing-videos article { margin-right: 4.34783%; width: 30.43478%; } .cc--topic-listing-videos.three-col .c--topic-listing-videos article:nth-child(3n), .cc--topic-listing-videos.three-col .c--topic-listing-videos article:last-child { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--topic-listing-videos.three-col .c--topic-listing-videos article:nth-child(3n+1):nth-last-child(-n+3) .inner-wrapper, .cc--topic-listing-videos.three-col .c--topic-listing-videos article:nth-child(3n+1):nth-last-child(-n+3) ~ article .inner-wrapper { margin-bottom: 0; } } .cc--topic-listing .c--topic-listing { padding-bottom: 3.75rem; } @media screen and (min-width: 768px) { .cc--topic-listing .c--topic-listing { padding-bottom: 5rem; } } @media screen and (min-width: 1024px) { .cc--topic-listing .c--topic-listing { padding-bottom: 6.25rem; } } @media screen and (min-width: 768px) { .cc--topic-listing .c--topic-listing .topic-list .views-infinite-scroll-content-wrapper, .cc--topic-listing .c--topic-listing .topic-list .views-inner-wrapper { padding-right: 0; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--topic-listing .c--topic-listing .topic-list .views-infinite-scroll-content-wrapper::after, .cc--topic-listing .c--topic-listing .topic-list .views-inner-wrapper::after { display: none; } @media screen and (min-width: 768px) { .cc--topic-listing .c--topic-listing article { margin-right: 6.66667%; width: 46.66667%; } .cc--topic-listing .c--topic-listing article:nth-child(even) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--topic-listing .c--topic-listing article:nth-child(2n+1):nth-last-child(-n+2) .inner-wrapper, .cc--topic-listing .c--topic-listing article:nth-child(2n+1):nth-last-child(-n+2) ~ article .inner-wrapper { margin-bottom: 0; } } @media screen and (max-width: 767px) { .cc--topic-listing.two-col .c--topic-listing { padding-bottom: 0; } } @media screen and (min-width: 768px) { .cc--topic-listing.three-col .c--topic-listing article { margin-right: 4.34783%; width: 30.43478%; } .cc--topic-listing.three-col .c--topic-listing article:nth-child(3n), .cc--topic-listing.three-col .c--topic-listing article:last-child { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--topic-listing.three-col .c--topic-listing article:nth-child(3n+1):nth-last-child(-n+3) .inner-wrapper, .cc--topic-listing.three-col .c--topic-listing article:nth-child(3n+1):nth-last-child(-n+3) ~ article .inner-wrapper { margin-bottom: 0; } } .cc--transition svg { display: block; } .cc--transition .divider-thin-line, .cc--transition .divider-thick-line { padding-top: 1.5rem; padding-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc--transition .divider-thin-line .line, .cc--transition .divider-thick-line .line { width: 12.5rem; } .cc--transition.color-black svg { fill: #000; } .cc--transition.color-black .divider-thin-line .line { background-color: #000; height: 0.0625rem; } .cc--transition.color-black .divider-thick-line .line { background-color: #000; height: 0.5rem; } .cc--transition.color-blue svg { fill: #007FAC; } .cc--transition.color-blue .divider-thin-line .line { background-color: #007FAC; height: 0.0625rem; } .cc--transition.color-blue .divider-thick-line .line { background-color: #007FAC; height: 0.5rem; } .cc--transition.color-dark-gray svg { fill: #222; } .cc--transition.color-light-gray svg { fill: #EFEFEF; } .cc--transition.color-light-gray .divider-thin-line .line { background-color: #EFEFEF; height: 0.0625rem; } .cc--transition.color-light-gray .divider-thick-line .line { background-color: #EFEFEF; height: 0.5rem; } .cc--transition.color-red svg { fill: #C03; } .cc--transition.color-red .divider-thin-line .line { background-color: #C03; height: 0.0625rem; } .cc--transition.color-red .divider-thick-line .line { background-color: #C03; height: 0.5rem; } .cc--transition.color-teal svg { fill: #00626D; } .cc--transition.color-teal .divider-thin-line .line { background-color: #00626D; height: 0.0625rem; } .cc--transition.color-teal .divider-thick-line .line { background-color: #00626D; height: 0.5rem; } .cc--transition.color-pale-teal svg { fill: #87C3BE; } .cc--transition.color-pale-teal .divider-thin-line .line { background-color: #87C3BE; height: 0.0625rem; } .cc--transition.color-pale-teal .divider-thick-line .line { background-color: #87C3BE; height: 0.5rem; } .cc--transition.color-pale-blue svg { fill: #92D6E3; } .cc--transition.color-pale-blue .divider-thin-line .line { background-color: #92D6E3; height: 0.0625rem; } .cc--transition.color-pale-blue .divider-thick-line .line { background-color: #92D6E3; height: 0.5rem; } .cc--transition.color-pale-yellow svg { fill: #FCE488; } .cc--transition.color-pale-yellow .divider-thin-line .line { background-color: #FCE488; height: 0.0625rem; } .cc--transition.color-pale-yellow .divider-thick-line .line { background-color: #FCE488; height: 0.5rem; } .cc--transition.color-yellow svg { fill: #EBB600; } .ie11 .cc--transition .ie-triangle-down { height: calc(100vw * 80 / 1200); margin-top: -1px; } .ie11 .cc--transition .ie-triangle-up, .ie11 .cc--transition .triangle-down-reverse { height: calc(100vw * 80 / 1200); margin-bottom: -1px; } .cc--transition .bottom-margin { margin-bottom: -1px; } .cc--transition .top-margin { margin-top: -1px; } .cc--transition .triangle-down-reverse, .cc--transition .halfcurve-down, .cc--transition .halfcurve-up { width: calc(100% + 6px); } .cc--user-choice-vertical { position: relative; } .cc--user-choice-vertical.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--user-choice-vertical.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--user-choice-vertical.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--user-choice-vertical.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--user-choice-vertical.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--user-choice-vertical.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--user-choice-vertical.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--user-choice-vertical.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--user-choice-vertical.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--user-choice-vertical.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--user-choice-vertical.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--user-choice-vertical.color-white .f--link .button, .cc--user-choice-vertical.color-light-gray .f--link .button { background-color: transparent; } .cc--user-choice-vertical.color-white .f--link .button:hover, .cc--user-choice-vertical.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--user-choice-vertical.color-pale-teal .f--link .button, .cc--user-choice-vertical.color-pale-yellow .f--link .button, .cc--user-choice-vertical.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--user-choice-vertical.color-pale-teal .f--link .button, .cc--user-choice-vertical.color-pale-yellow .f--link .button, .cc--user-choice-vertical.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--user-choice-vertical.color-black .f--description, .cc--user-choice-vertical.color-black .f--text, .cc--user-choice-vertical.color-black .f--category, .cc--user-choice-vertical.color-blue .f--description, .cc--user-choice-vertical.color-blue .f--text, .cc--user-choice-vertical.color-blue .f--category, .cc--user-choice-vertical.color-dark-gray .f--description, .cc--user-choice-vertical.color-dark-gray .f--text, .cc--user-choice-vertical.color-dark-gray .f--category, .cc--user-choice-vertical.color-red .f--description, .cc--user-choice-vertical.color-red .f--text, .cc--user-choice-vertical.color-red .f--category, .cc--user-choice-vertical.color-teal .f--description, .cc--user-choice-vertical.color-teal .f--text, .cc--user-choice-vertical.color-teal .f--category { color: #FFF; } .cc--user-choice-vertical.color-black .f--description p, .cc--user-choice-vertical.color-black .f--description li, .cc--user-choice-vertical.color-black .f--description a, .cc--user-choice-vertical.color-black .f--text p, .cc--user-choice-vertical.color-black .f--text li, .cc--user-choice-vertical.color-black .f--text a, .cc--user-choice-vertical.color-black .f--category p, .cc--user-choice-vertical.color-black .f--category li, .cc--user-choice-vertical.color-black .f--category a, .cc--user-choice-vertical.color-blue .f--description p, .cc--user-choice-vertical.color-blue .f--description li, .cc--user-choice-vertical.color-blue .f--description a, .cc--user-choice-vertical.color-blue .f--text p, .cc--user-choice-vertical.color-blue .f--text li, .cc--user-choice-vertical.color-blue .f--text a, .cc--user-choice-vertical.color-blue .f--category p, .cc--user-choice-vertical.color-blue .f--category li, .cc--user-choice-vertical.color-blue .f--category a, .cc--user-choice-vertical.color-dark-gray .f--description p, .cc--user-choice-vertical.color-dark-gray .f--description li, .cc--user-choice-vertical.color-dark-gray .f--description a, .cc--user-choice-vertical.color-dark-gray .f--text p, .cc--user-choice-vertical.color-dark-gray .f--text li, .cc--user-choice-vertical.color-dark-gray .f--text a, .cc--user-choice-vertical.color-dark-gray .f--category p, .cc--user-choice-vertical.color-dark-gray .f--category li, .cc--user-choice-vertical.color-dark-gray .f--category a, .cc--user-choice-vertical.color-red .f--description p, .cc--user-choice-vertical.color-red .f--description li, .cc--user-choice-vertical.color-red .f--description a, .cc--user-choice-vertical.color-red .f--text p, .cc--user-choice-vertical.color-red .f--text li, .cc--user-choice-vertical.color-red .f--text a, .cc--user-choice-vertical.color-red .f--category p, .cc--user-choice-vertical.color-red .f--category li, .cc--user-choice-vertical.color-red .f--category a, .cc--user-choice-vertical.color-teal .f--description p, .cc--user-choice-vertical.color-teal .f--description li, .cc--user-choice-vertical.color-teal .f--description a, .cc--user-choice-vertical.color-teal .f--text p, .cc--user-choice-vertical.color-teal .f--text li, .cc--user-choice-vertical.color-teal .f--text a, .cc--user-choice-vertical.color-teal .f--category p, .cc--user-choice-vertical.color-teal .f--category li, .cc--user-choice-vertical.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--description a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--text a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--category a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--description a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--text a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--category a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--description a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--text a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--category a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--description a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--text a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--category a:hover { color: #FFF; } .cc--user-choice-vertical.color-black .f--section-title h2, .cc--user-choice-vertical.color-blue .f--section-title h2, .cc--user-choice-vertical.color-dark-gray .f--section-title h2, .cc--user-choice-vertical.color-red .f--section-title h2, .cc--user-choice-vertical.color-teal .f--section-title h2 { color: #FFF; } .cc--user-choice-vertical.color-black .f--section-title h2 a, .cc--user-choice-vertical.color-blue .f--section-title h2 a, .cc--user-choice-vertical.color-dark-gray .f--section-title h2 a, .cc--user-choice-vertical.color-red .f--section-title h2 a, .cc--user-choice-vertical.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--user-choice-vertical.color-black .f--sub-title h3, .cc--user-choice-vertical.color-blue .f--sub-title h3, .cc--user-choice-vertical.color-dark-gray .f--sub-title h3, .cc--user-choice-vertical.color-red .f--sub-title h3, .cc--user-choice-vertical.color-teal .f--sub-title h3 { color: #FFF; } .cc--user-choice-vertical.color-black .f--sub-title h3 a, .cc--user-choice-vertical.color-blue .f--sub-title h3 a, .cc--user-choice-vertical.color-dark-gray .f--sub-title h3 a, .cc--user-choice-vertical.color-red .f--sub-title h3 a, .cc--user-choice-vertical.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--user-choice-vertical.color-black .f--page-title h1, .cc--user-choice-vertical.color-blue .f--page-title h1, .cc--user-choice-vertical.color-dark-gray .f--page-title h1, .cc--user-choice-vertical.color-red .f--page-title h1, .cc--user-choice-vertical.color-teal .f--page-title h1 { color: #FFF; } .cc--user-choice-vertical.color-black .stat-item .f--text, .cc--user-choice-vertical.color-black .stat-item .f--stat-prefix, .cc--user-choice-vertical.color-black .stat-item .f--stat-suffix, .cc--user-choice-vertical.color-blue .stat-item .f--text, .cc--user-choice-vertical.color-blue .stat-item .f--stat-prefix, .cc--user-choice-vertical.color-blue .stat-item .f--stat-suffix, .cc--user-choice-vertical.color-dark-gray .stat-item .f--text, .cc--user-choice-vertical.color-dark-gray .stat-item .f--stat-prefix, .cc--user-choice-vertical.color-dark-gray .stat-item .f--stat-suffix, .cc--user-choice-vertical.color-red .stat-item .f--text, .cc--user-choice-vertical.color-red .stat-item .f--stat-prefix, .cc--user-choice-vertical.color-red .stat-item .f--stat-suffix, .cc--user-choice-vertical.color-teal .stat-item .f--text, .cc--user-choice-vertical.color-teal .stat-item .f--stat-prefix, .cc--user-choice-vertical.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--user-choice-vertical.color-black .f--stat-subheading, .cc--user-choice-vertical.color-black .f--description, .cc--user-choice-vertical.color-black .f--stat-headline, .cc--user-choice-vertical.color-blue .f--stat-subheading, .cc--user-choice-vertical.color-blue .f--description, .cc--user-choice-vertical.color-blue .f--stat-headline, .cc--user-choice-vertical.color-dark-gray .f--stat-subheading, .cc--user-choice-vertical.color-dark-gray .f--description, .cc--user-choice-vertical.color-dark-gray .f--stat-headline, .cc--user-choice-vertical.color-red .f--stat-subheading, .cc--user-choice-vertical.color-red .f--description, .cc--user-choice-vertical.color-red .f--stat-headline, .cc--user-choice-vertical.color-teal .f--stat-subheading, .cc--user-choice-vertical.color-teal .f--description, .cc--user-choice-vertical.color-teal .f--stat-headline { color: #FFF; } .cc--user-choice-vertical.color-black .f--link .button, .cc--user-choice-vertical.color-blue .f--link .button, .cc--user-choice-vertical.color-dark-gray .f--link .button, .cc--user-choice-vertical.color-red .f--link .button, .cc--user-choice-vertical.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--user-choice-vertical.color-black .f--link .button, .cc--user-choice-vertical.color-blue .f--link .button, .cc--user-choice-vertical.color-dark-gray .f--link .button, .cc--user-choice-vertical.color-red .f--link .button, .cc--user-choice-vertical.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--link .button, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--user-choice-vertical.color-black .swiper-button-prev svg, .cc--user-choice-vertical.color-black .swiper-button-next svg, .cc--user-choice-vertical.color-blue .swiper-button-prev svg, .cc--user-choice-vertical.color-blue .swiper-button-next svg, .cc--user-choice-vertical.color-dark-gray .swiper-button-prev svg, .cc--user-choice-vertical.color-dark-gray .swiper-button-next svg, .cc--user-choice-vertical.color-red .swiper-button-prev svg, .cc--user-choice-vertical.color-red .swiper-button-next svg, .cc--user-choice-vertical.color-teal .swiper-button-prev svg, .cc--user-choice-vertical.color-teal .swiper-button-next svg { fill: #FFF; } .cc--user-choice-vertical.color-black .swiper-button-wrapper::before, .cc--user-choice-vertical.color-blue .swiper-button-wrapper::before, .cc--user-choice-vertical.color-dark-gray .swiper-button-wrapper::before, .cc--user-choice-vertical.color-red .swiper-button-wrapper::before, .cc--user-choice-vertical.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--user-choice-vertical.color-black .swiper-pagination-bullet, .cc--user-choice-vertical.color-blue .swiper-pagination-bullet, .cc--user-choice-vertical.color-dark-gray .swiper-pagination-bullet, .cc--user-choice-vertical.color-red .swiper-pagination-bullet, .cc--user-choice-vertical.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--user-choice-vertical.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--user-choice-vertical.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--user-choice-vertical.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--user-choice-vertical.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--user-choice-vertical.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--user-choice-vertical.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--user-choice-vertical.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--user-choice-vertical.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--user-choice-vertical.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--user-choice-vertical.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--user-choice-vertical.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--user-choice-vertical.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--user-choice-vertical.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--user-choice-vertical.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--user-choice-vertical.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide h2, .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide h2, .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide h2, .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide .f--description p, .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide .f--description p, .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide .f--link a, .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide .f--link a, .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide .icon-close, .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide .icon-close, .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--user-choice-vertical.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--user-choice-vertical.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--user-choice-vertical.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--user-choice-vertical.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--user-choice-vertical.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--user-choice-vertical.color-pale-yellow { background-color: #FCE488; } .cc--user-choice-vertical.color-pale-teal { background-color: #87C3BE; } .cc--user-choice-vertical.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--user-choice-vertical.background-image, .cc--user-choice-vertical.with-bg-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical.background-image::after, .cc--user-choice-vertical.with-bg-image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); content: ''; z-index: 0; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical.background-image .left-container, .cc--user-choice-vertical.with-bg-image .left-container { height: 31.125rem; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical .left-container { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; -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--user-choice-vertical .left-container { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: rgba(204, 0, 51, 0.8); z-index: 2; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical .left-container { width: 36%; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical .left-container .left-container-inner { padding-right: calc((100vw / 50) * 2); padding-left: calc((100vw / 50) * 2); 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; height: 100%; } } @media screen and (min-width: 1440px) { .cc--user-choice-vertical .left-container .left-container-inner { padding-right: calc(((100vw - (100vw - 1440px)) / 50) * 2); padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 2); margin-left: calc((100vw - 1440px) / 2); } } .cc--user-choice-vertical .right-container { height: 100%; width: 100%; } @media screen and (max-width: 767px) { .cc--user-choice-vertical .right-container { display: none; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical .right-container.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; z-index: 4; } } .cc--user-choice-vertical .side-nav .swiper-pagination { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; } @media screen and (min-width: 768px) { .cc--user-choice-vertical .side-nav .swiper-pagination { text-align: left; } } .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs:not(:last-child) { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs:not(:last-child) { margin-bottom: 1.5625rem; } } .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { text-align: center; cursor: pointer; } @media screen and (min-width: 768px) { .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { text-align: left; } } .cc--user-choice-vertical .f--section-title h2 { color: #FFF; text-align: center; margin-bottom: 3.125rem; } @media screen and (min-width: 768px) { .cc--user-choice-vertical .f--section-title h2 { margin-bottom: 2.5rem; text-align: left; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical { padding-top: 4.375rem; padding-bottom: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical.background-image { height: 37.5rem; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical.background-image { height: 100%; background-size: cover; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical.background-image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ''; z-index: 0; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical.background-image .left-container { height: 37.5rem; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical.container-with-bg-image { padding-top: 0; padding-bottom: 0; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical.container-with-bg-image .left-container { position: absolute; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical.container-with-bg-image .right-container { width: 100%; height: 100%; } } .cc--user-choice-vertical .swiper-container { height: 100%; } @media screen and (min-width: 768px) { .cc--user-choice-vertical .swiper-container { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical .left-container { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; height: calc(100vh - 5rem); } } @media screen and (min-width: 768px) { .cc--user-choice-vertical .left-container { position: relative; background-color: transparent; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical .left-container { width: 48%; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical .right-container { width: 50%; height: auto; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical .right-container { width: 52%; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical .f--section-title { margin-right: calc((100vw / 50) * -2); } } @media screen and (min-width: 1200px) { .cc--user-choice-vertical .f--section-title { margin-right: 0; } } .cc--user-choice-vertical .f--section-title h2 { color: #000; } @media screen and (max-width: 767px) { .cc--user-choice-vertical .f--section-title h2 { margin-bottom: 1.25rem; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical .f--section-title h2 { margin-bottom: 3.125rem; } } @media screen and (max-width: 767px) { .cc--user-choice-vertical .side-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: calc(100% - 36px); } } @media screen and (min-width: 768px) { .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs { padding-right: 9.52381%; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs { padding-right: 0; } } html[data-whatintent="mouse"] .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs:hover .side-nav-link { text-decoration: underline; } @media screen and (min-width: 768px) { html[data-whatintent="mouse"] .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs:hover .side-nav-link::after { right: -1.25rem; -webkit-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs.swiper-pagination-customs-active { padding-left: 0.625rem; } } .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs.swiper-pagination-customs-active .side-nav-link { text-decoration: underline; } @media screen and (min-width: 768px) { .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs.swiper-pagination-customs-active .side-nav-link::after { right: -1.25rem; } } .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { font-size: 1.125rem; line-height: 1.4445; position: relative; color: #000; } @media screen and (min-width: 768px) { .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { padding-right: 10.52632%; font-size: 1.25rem; line-height: 1.4; display: block; text-align: left; } } @media screen and (min-width: 1024px) { .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { padding-right: 11.11111%; font-size: 1.5rem; line-height: 1.3334; } } @media screen and (min-width: 768px) { .cc--user-choice-vertical .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; width: 1rem; height: 1rem; -webkit-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; background-image: url("../images/icons/icon-arrow-right-red.svg"); background-repeat: no-repeat; background-position: center center; background-size: 24px 14px; content: ''; } } .cc--user-choice { position: relative; } @media screen and (max-width: 767px) { .cc--user-choice.background-image, .cc--user-choice.with-bg-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } } @media screen and (max-width: 767px) { .cc--user-choice.background-image::after, .cc--user-choice.with-bg-image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); content: ''; z-index: 0; } } @media screen and (max-width: 767px) { .cc--user-choice.background-image .left-container, .cc--user-choice.with-bg-image .left-container { height: 31.125rem; } } @media screen and (max-width: 767px) { .cc--user-choice .left-container { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; -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--user-choice .left-container { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: rgba(204, 0, 51, 0.8); z-index: 2; } } @media screen and (min-width: 1024px) { .cc--user-choice .left-container { width: 36%; } } @media screen and (min-width: 768px) { .cc--user-choice .left-container .left-container-inner { padding-right: calc((100vw / 50) * 2); padding-left: calc((100vw / 50) * 2); 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; height: 100%; } } @media screen and (min-width: 1440px) { .cc--user-choice .left-container .left-container-inner { padding-right: calc(((100vw - (100vw - 1440px)) / 50) * 2); padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 2); margin-left: calc((100vw - 1440px) / 2); } } .cc--user-choice .right-container { height: 100%; width: 100%; } @media screen and (max-width: 767px) { .cc--user-choice .right-container { display: none; } } @media screen and (max-width: 767px) { .cc--user-choice .right-container.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; z-index: 4; } } .cc--user-choice .side-nav .swiper-pagination { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; } @media screen and (min-width: 768px) { .cc--user-choice .side-nav .swiper-pagination { text-align: left; } } .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs:not(:last-child) { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs:not(:last-child) { margin-bottom: 1.5625rem; } } .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { text-align: center; cursor: pointer; } @media screen and (min-width: 768px) { .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { text-align: left; } } .cc--user-choice .f--section-title h2 { color: #FFF; text-align: center; margin-bottom: 3.125rem; } @media screen and (min-width: 768px) { .cc--user-choice .f--section-title h2 { margin-bottom: 2.5rem; text-align: left; } } @media screen and (max-width: 767px) { .cc--user-choice .left-container { padding-top: 3.125rem; padding-bottom: 1.25rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 767px) { .cc--user-choice .left-container .left-container-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } } @media screen and (max-width: 767px) { .cc--user-choice .side-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { position: relative; padding-right: 2rem; font-size: 1.25rem; line-height: 1.4; color: rgba(255, 255, 255, 0.5); } @media screen and (max-width: 767px) { .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { font-weight: 700; } } @media screen and (min-width: 768px) { .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } } html[data-whatintent="mouse"] .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link:hover { color: #FFF; } html[data-whatintent="mouse"] .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link:hover::after { right: -1rem; } .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { content: ""; position: absolute; width: 1rem; height: 1rem; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("../images/icons/icon-arrow-right-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 24px 14px; -webkit-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } @media screen and (min-width: 768px) { .cc--user-choice .side-nav .swiper-pagination .swiper-pagination-customs.swiper-pagination-customs-active .side-nav-link { color: #FFF; } } .cc--utility-menu { padding-bottom: 1.875rem; width: 100%; background-color: transparent; } @media screen and (min-width: 1024px) { .cc--utility-menu { padding-right: 0; padding-bottom: 0; padding-left: 0; width: auto; } } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 70px; } } .cc--utility-menu .m--menu > li { margin-right: 2.5%; margin-left: 2.5%; position: relative; } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li { margin-right: 0; margin-left: 1.25rem; border-bottom: 0; } } @media screen and (max-width: 1023px) { .cc--utility-menu .m--menu > li.menu-item--expanded.is-open ul.submenu { padding-top: 0.625rem; padding-bottom: 0.625rem; margin-right: -2.5%; margin-left: -2.5%; } } @media screen and (max-width: 1023px) { .cc--utility-menu .m--menu > li.menu-item--expanded.is-open ul.submenu > li { padding-right: 2.5%; padding-left: 2.5%; } } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li.is-open .utility-button svg, .cc--utility-menu .m--menu > li.on-hover .utility-button svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } } .cc--utility-menu .m--menu > li.is-open ul.submenu, .cc--utility-menu .m--menu > li.on-hover ul.submenu { display: block; } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li.is-open ul.submenu, .cc--utility-menu .m--menu > li.on-hover ul.submenu { padding-top: 1.25rem; padding-right: 1.5rem; padding-bottom: 1.25rem; padding-left: 1.5rem; display: block; position: absolute; top: 100%; left: -0.8125rem; min-width: 240px; background-color: #000; z-index: 10; } } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li.is-open ul.submenu > li > a, .cc--utility-menu .m--menu > li.on-hover ul.submenu > li > a { padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.4286; color: #FFF; } } html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li.is-open ul.submenu > li > a, html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li.on-hover ul.submenu > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li.is-open ul.submenu > li > a:hover, html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li.on-hover ul.submenu > li > a:hover { text-decoration: underline; } .home-page .cc--utility-menu .m--menu > li.is-open ul.submenu > li > a, .rur-home-page .cc--utility-menu .m--menu > li.is-open ul.submenu > li > a, .home-page .cc--utility-menu .m--menu > li.on-hover ul.submenu > li > a, .rur-home-page .cc--utility-menu .m--menu > li.on-hover ul.submenu > li > a { color: #FFF; } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li.is-open ul.submenu > li > a:focus-within, .cc--utility-menu .m--menu > li.is-open ul.submenu > li > a.ally-focus-within, .cc--utility-menu .m--menu > li.on-hover ul.submenu > li > a:focus-within, .cc--utility-menu .m--menu > li.on-hover ul.submenu > li > a.ally-focus-within { background-color: #C03; } } .cc--utility-menu .m--menu > li > a { font-size: 0.8125rem; line-height: 1.2308; padding-top: 0.625rem; padding-bottom: 0.625rem; display: block; height: 100%; color: #000; text-decoration: none; } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li > a { padding-top: 0.875rem; padding-bottom: 0.875rem; } html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li > a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li > a:hover { text-decoration: underline; } } .cc--utility-menu .m--menu > li > a.show-pipe::before { display: none; } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li > a.show-pipe::before { margin-right: 1.25rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; content: "|"; } } .home-page .cc--utility-menu .m--menu > li > a, .rur-home-page .cc--utility-menu .m--menu > li > a { color: #FFF; } .slim-nav-expanded .cc--utility-menu .m--menu > li > a { color: #000; } .cc--utility-menu .m--menu > li .utility-button { font-size: 0.8125rem; line-height: 1.2308; padding-top: 0.625rem; padding-bottom: 0.625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -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%; height: 70px; color: #000; } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li .utility-button { padding-top: 0.875rem; padding-bottom: 0.875rem; } } html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li .utility-button { -webkit-transition: all 0.1s; transition: all 0.1s; } @media screen and (min-width: 1024px) { html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li .utility-button:hover span { text-decoration: underline; } } .cc--utility-menu .m--menu > li .utility-button span { font-size: 0.8125rem; line-height: 1.2308; padding-top: 0.625rem; padding-bottom: 0.625rem; display: block; height: 100%; color: #000; text-decoration: none; } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li .utility-button span { padding-top: 0.875rem; padding-bottom: 0.875rem; white-space: nowrap; } html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li .utility-button span { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--utility-menu .m--menu > li .utility-button span:hover { text-decoration: underline; } } .cc--utility-menu .m--menu > li .utility-button span.show-pipe::before { display: none; } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li .utility-button span.show-pipe::before { margin-right: 1.25rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; content: "|"; } } .home-page .cc--utility-menu .m--menu > li .utility-button span, .rur-home-page .cc--utility-menu .m--menu > li .utility-button span { color: #FFF; } .slim-nav-expanded .cc--utility-menu .m--menu > li .utility-button span { color: #000; } .home-page .cc--utility-menu .m--menu > li .utility-button, .rur-home-page .cc--utility-menu .m--menu > li .utility-button { color: #FFF; } @media screen and (max-width: 1023px) { .cc--utility-menu .m--menu > li .utility-button.is-open svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .slim-nav-expanded .cc--utility-menu .m--menu > li .utility-button { color: #000; } .slim-nav-expanded .cc--utility-menu .m--menu > li .utility-button svg { fill: #000; } .cc--utility-menu .m--menu > li .utility-button svg { width: 1rem; height: 1rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); fill: #C03; } @media screen and (min-width: 1024px) { .cc--utility-menu .m--menu > li .utility-button svg { margin-left: 0.4375rem; width: 0.625rem; height: 0.625rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .home-page .cc--utility-menu .m--menu > li .utility-button svg, .rur-home-page .cc--utility-menu .m--menu > li .utility-button svg { fill: #000; } .slim-nav-expanded .cc--utility-menu .m--menu > li .utility-button svg { fill: #C03; } .cc--utility-menu .m--menu > li ul.submenu { display: none; } .cc--utility-menu .m--menu > li ul.submenu > li > a { font-size: 0.875rem; line-height: 1.1429; padding-top: 0.625rem; padding-bottom: 0.625rem; display: block; height: 100%; color: #FFF; text-decoration: none; } .video-controls { position: absolute; right: 0; bottom: 0; z-index: 4; } .video-controls .video-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: rgba(0, 0, 0, 0.3); } .video-controls .video-button.video-pause-button { display: -webkit-box; display: -ms-flexbox; display: flex; } .video-controls .video-button.video-pause-button.hidden { display: none; } .video-controls .video-button.video-play-button { display: none; } .video-controls .video-button.video-play-button.active { display: -webkit-box; display: -ms-flexbox; display: flex; } html[data-whatintent="mouse"] .video-controls .video-button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .video-controls .video-button:hover { background-color: #000; } .video-controls .video-button svg { width: 0.75rem; height: 0.75rem; } .video-controls .video-button svg path { fill: #FFF; } .cc--video-full-width { padding-bottom: 1.25rem; position: relative; } .cc--video-full-width.two-one-video .video-poster-container .f--video-embed { width: 100%; height: 0; padding-bottom: 50%; padding-top: 0; } .cc--video-full-width .outer-header { max-width: 1440px; margin: 0 auto; } .cc--video-full-width .outer-header .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--video-full-width .outer-header .inner-wrapper { padding-top: 4.375rem; padding-right: 12%; padding-bottom: 3.125rem; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--video-full-width .outer-header .inner-wrapper { padding-top: 5rem; padding-right: 20%; padding-bottom: 3.75rem; padding-left: 20%; } } @media screen and (min-width: 768px) { .cc--video-full-width .outer-header .f--section-title { margin-bottom: 2.5rem; } } .landing-informational .cc--video-full-width .outer-header .f--section-title, .landing-marketing .cc--video-full-width .outer-header .f--section-title, .landing-organizational .cc--video-full-width .outer-header .f--section-title, .landing-secondary .cc--video-full-width .outer-header .f--section-title { text-align: center; } .article .cc--video-full-width .outer-header .f--section-title { text-align: left; } .landing-informational .cc--video-full-width .outer-header .f--description, .landing-marketing .cc--video-full-width .outer-header .f--description, .landing-organizational .cc--video-full-width .outer-header .f--description, .landing-secondary .cc--video-full-width .outer-header .f--description { text-align: center; } .article .cc--video-full-width .outer-header .f--description { text-align: left; } .cc--video-full-width .video-poster-container { position: relative; } .cc--video-full-width .video-poster { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (min-width: 768px) { .cc--video-full-width .video-poster { display: block; } .cc--video-full-width .video-poster::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(to bottom, transparent, #000); content: ''; z-index: 1; } } .cc--video-full-width .video-poster .video-controls-info { max-width: 1440px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 50%; width: 100%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .cc--video-full-width .video-poster .video-controls-info .inner-wrapper { padding-right: 8%; padding-left: 8%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media screen and (min-width: 768px) { .cc--video-full-width .video-poster .video-controls-info .inner-wrapper { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--video-full-width .video-poster .video-controls-info .inner-wrapper { padding-right: 10%; padding-left: 10%; } } .cc--video-full-width .video-poster .video-controls-info .play-video-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 5rem; height: 5rem; text-align: left; } @media screen and (min-width: 1024px) { .cc--video-full-width .video-poster .video-controls-info .play-video-btn { width: 6.25rem; height: 6.25rem; } } .cc--video-full-width .video-poster .video-controls-info .play-video-btn svg { display: inline-block; width: 5rem; height: 5rem; fill: rgba(255, 255, 255, 0.6); } @media screen and (min-width: 1024px) { .cc--video-full-width .video-poster .video-controls-info .play-video-btn svg { width: 6.25rem; height: 6.25rem; } } html[data-whatintent="mouse"] .cc--video-full-width .video-poster .video-controls-info .play-video-btn { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width .video-poster .video-controls-info .play-video-btn:hover svg { fill: white; } .cc--video-full-width .video-poster .video-controls-info .f--sub-title { padding-right: 8%; padding-left: 8%; position: absolute; bottom: 2.5rem; left: 50%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; width: 100%; } @media screen and (min-width: 1024px) { .cc--video-full-width .video-poster .video-controls-info .f--sub-title { padding-right: 0; padding-left: 0; width: 70.83333%; } } .cc--video-full-width .video-poster .video-controls-info .f--sub-title h3 { font-size: 2rem; line-height: 1.25; margin-bottom: 0; color: #FFF; } .cc--video-full-width .cc--caption-transcript .inner-wrapper .f--text { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 1024px) { .cc--video-full-width .cc--caption-transcript .inner-wrapper .f--text { font-size: 1rem; line-height: 1.75; } } .cc--video-full-width2.video-full-width2-video .image-video-container .local-video-container { position: relative; padding-top: 56.25%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cc--video-full-width2.video-full-width2-video .image-video-container .local-video-container video { position: absolute; width: 100%; height: 100%; } .cc--video-full-width2.video-full-width2-video .image-video-container .video-image-container { position: relative; top: 50%; left: 50%; margin-top: -1px; margin-left: -1px; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); padding-top: 56.25%; } .cc--video-full-width2.video-full-width2-video .image-video-container img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 100%; } .cc--video-full-width2.video-full-width2-video .image-video-container:not(.video-played) .local-video-container { display: none; } .cc--video-full-width2.video-full-width2-video .image-video-container.video-played .video-image-container { display: none; } .video-full-width2-image .f--image { position: relative; padding-top: 56.5%; width: auto; height: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .video-full-width2-image img { position: absolute; top: 0; left: 0; height: auto; width: auto; max-width: 100%; aspect-ratio: 16/9; } .cc--video-full-width2.video-full-width2-ambient .f--ambient-video { position: relative; padding-top: 56.25%; top: 50%; left: 50%; margin-top: -1px; margin-left: -1px; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .cc--video-full-width2.video-full-width2-ambient .one-hundred-wrapper .image-video-container video { position: absolute; width: 100%; height: 100%; opacity: 1; } .video-full-width2-lottie .lottie-container { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .video-full-width2-lottie .lottie-player { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; } .video-full-width2-remote .f--video-embed { top: 50%; left: 50%; margin-top: -1px; margin-left: -1px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cc--video-full-width2 { position: relative; clear: both; } .cc--video-full-width2.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--video-full-width2.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--video-full-width2.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--video-full-width2.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--video-full-width2.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--video-full-width2.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--video-full-width2.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--video-full-width2.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--video-full-width2.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--video-full-width2.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--video-full-width2.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--video-full-width2.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--video-full-width2.color-white .f--link .button, .cc--video-full-width2.color-light-gray .f--link .button { background-color: transparent; } .cc--video-full-width2.color-white .f--link .button:hover, .cc--video-full-width2.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--video-full-width2.color-pale-teal .f--link .button, .cc--video-full-width2.color-pale-yellow .f--link .button, .cc--video-full-width2.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--video-full-width2.color-pale-teal .f--link .button, .cc--video-full-width2.color-pale-yellow .f--link .button, .cc--video-full-width2.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--video-full-width2.color-black .f--description, .cc--video-full-width2.color-black .f--text, .cc--video-full-width2.color-black .f--category, .cc--video-full-width2.color-blue .f--description, .cc--video-full-width2.color-blue .f--text, .cc--video-full-width2.color-blue .f--category, .cc--video-full-width2.color-dark-gray .f--description, .cc--video-full-width2.color-dark-gray .f--text, .cc--video-full-width2.color-dark-gray .f--category, .cc--video-full-width2.color-red .f--description, .cc--video-full-width2.color-red .f--text, .cc--video-full-width2.color-red .f--category, .cc--video-full-width2.color-teal .f--description, .cc--video-full-width2.color-teal .f--text, .cc--video-full-width2.color-teal .f--category { color: #FFF; } .cc--video-full-width2.color-black .f--description p, .cc--video-full-width2.color-black .f--description li, .cc--video-full-width2.color-black .f--description a, .cc--video-full-width2.color-black .f--text p, .cc--video-full-width2.color-black .f--text li, .cc--video-full-width2.color-black .f--text a, .cc--video-full-width2.color-black .f--category p, .cc--video-full-width2.color-black .f--category li, .cc--video-full-width2.color-black .f--category a, .cc--video-full-width2.color-blue .f--description p, .cc--video-full-width2.color-blue .f--description li, .cc--video-full-width2.color-blue .f--description a, .cc--video-full-width2.color-blue .f--text p, .cc--video-full-width2.color-blue .f--text li, .cc--video-full-width2.color-blue .f--text a, .cc--video-full-width2.color-blue .f--category p, .cc--video-full-width2.color-blue .f--category li, .cc--video-full-width2.color-blue .f--category a, .cc--video-full-width2.color-dark-gray .f--description p, .cc--video-full-width2.color-dark-gray .f--description li, .cc--video-full-width2.color-dark-gray .f--description a, .cc--video-full-width2.color-dark-gray .f--text p, .cc--video-full-width2.color-dark-gray .f--text li, .cc--video-full-width2.color-dark-gray .f--text a, .cc--video-full-width2.color-dark-gray .f--category p, .cc--video-full-width2.color-dark-gray .f--category li, .cc--video-full-width2.color-dark-gray .f--category a, .cc--video-full-width2.color-red .f--description p, .cc--video-full-width2.color-red .f--description li, .cc--video-full-width2.color-red .f--description a, .cc--video-full-width2.color-red .f--text p, .cc--video-full-width2.color-red .f--text li, .cc--video-full-width2.color-red .f--text a, .cc--video-full-width2.color-red .f--category p, .cc--video-full-width2.color-red .f--category li, .cc--video-full-width2.color-red .f--category a, .cc--video-full-width2.color-teal .f--description p, .cc--video-full-width2.color-teal .f--description li, .cc--video-full-width2.color-teal .f--description a, .cc--video-full-width2.color-teal .f--text p, .cc--video-full-width2.color-teal .f--text li, .cc--video-full-width2.color-teal .f--text a, .cc--video-full-width2.color-teal .f--category p, .cc--video-full-width2.color-teal .f--category li, .cc--video-full-width2.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--category a, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--category a, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--category a, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--category a:hover { color: #FFF; } .cc--video-full-width2.color-black .f--section-title h2, .cc--video-full-width2.color-blue .f--section-title h2, .cc--video-full-width2.color-dark-gray .f--section-title h2, .cc--video-full-width2.color-red .f--section-title h2, .cc--video-full-width2.color-teal .f--section-title h2 { color: #FFF; } .cc--video-full-width2.color-black .f--section-title h2 a, .cc--video-full-width2.color-blue .f--section-title h2 a, .cc--video-full-width2.color-dark-gray .f--section-title h2 a, .cc--video-full-width2.color-red .f--section-title h2 a, .cc--video-full-width2.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--video-full-width2.color-black .f--sub-title h3, .cc--video-full-width2.color-blue .f--sub-title h3, .cc--video-full-width2.color-dark-gray .f--sub-title h3, .cc--video-full-width2.color-red .f--sub-title h3, .cc--video-full-width2.color-teal .f--sub-title h3 { color: #FFF; } .cc--video-full-width2.color-black .f--sub-title h3 a, .cc--video-full-width2.color-blue .f--sub-title h3 a, .cc--video-full-width2.color-dark-gray .f--sub-title h3 a, .cc--video-full-width2.color-red .f--sub-title h3 a, .cc--video-full-width2.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--video-full-width2.color-black .f--page-title h1, .cc--video-full-width2.color-blue .f--page-title h1, .cc--video-full-width2.color-dark-gray .f--page-title h1, .cc--video-full-width2.color-red .f--page-title h1, .cc--video-full-width2.color-teal .f--page-title h1 { color: #FFF; } .cc--video-full-width2.color-black .stat-item .f--text, .cc--video-full-width2.color-black .stat-item .f--stat-prefix, .cc--video-full-width2.color-black .stat-item .f--stat-suffix, .cc--video-full-width2.color-blue .stat-item .f--text, .cc--video-full-width2.color-blue .stat-item .f--stat-prefix, .cc--video-full-width2.color-blue .stat-item .f--stat-suffix, .cc--video-full-width2.color-dark-gray .stat-item .f--text, .cc--video-full-width2.color-dark-gray .stat-item .f--stat-prefix, .cc--video-full-width2.color-dark-gray .stat-item .f--stat-suffix, .cc--video-full-width2.color-red .stat-item .f--text, .cc--video-full-width2.color-red .stat-item .f--stat-prefix, .cc--video-full-width2.color-red .stat-item .f--stat-suffix, .cc--video-full-width2.color-teal .stat-item .f--text, .cc--video-full-width2.color-teal .stat-item .f--stat-prefix, .cc--video-full-width2.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--video-full-width2.color-black .f--stat-subheading, .cc--video-full-width2.color-black .f--description, .cc--video-full-width2.color-black .f--stat-headline, .cc--video-full-width2.color-blue .f--stat-subheading, .cc--video-full-width2.color-blue .f--description, .cc--video-full-width2.color-blue .f--stat-headline, .cc--video-full-width2.color-dark-gray .f--stat-subheading, .cc--video-full-width2.color-dark-gray .f--description, .cc--video-full-width2.color-dark-gray .f--stat-headline, .cc--video-full-width2.color-red .f--stat-subheading, .cc--video-full-width2.color-red .f--description, .cc--video-full-width2.color-red .f--stat-headline, .cc--video-full-width2.color-teal .f--stat-subheading, .cc--video-full-width2.color-teal .f--description, .cc--video-full-width2.color-teal .f--stat-headline { color: #FFF; } .cc--video-full-width2.color-black .f--link .button, .cc--video-full-width2.color-blue .f--link .button, .cc--video-full-width2.color-dark-gray .f--link .button, .cc--video-full-width2.color-red .f--link .button, .cc--video-full-width2.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--video-full-width2.color-black .f--link .button, .cc--video-full-width2.color-blue .f--link .button, .cc--video-full-width2.color-dark-gray .f--link .button, .cc--video-full-width2.color-red .f--link .button, .cc--video-full-width2.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--video-full-width2.color-black .swiper-button-prev svg, .cc--video-full-width2.color-black .swiper-button-next svg, .cc--video-full-width2.color-blue .swiper-button-prev svg, .cc--video-full-width2.color-blue .swiper-button-next svg, .cc--video-full-width2.color-dark-gray .swiper-button-prev svg, .cc--video-full-width2.color-dark-gray .swiper-button-next svg, .cc--video-full-width2.color-red .swiper-button-prev svg, .cc--video-full-width2.color-red .swiper-button-next svg, .cc--video-full-width2.color-teal .swiper-button-prev svg, .cc--video-full-width2.color-teal .swiper-button-next svg { fill: #FFF; } .cc--video-full-width2.color-black .swiper-button-wrapper::before, .cc--video-full-width2.color-blue .swiper-button-wrapper::before, .cc--video-full-width2.color-dark-gray .swiper-button-wrapper::before, .cc--video-full-width2.color-red .swiper-button-wrapper::before, .cc--video-full-width2.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--video-full-width2.color-black .swiper-pagination-bullet, .cc--video-full-width2.color-blue .swiper-pagination-bullet, .cc--video-full-width2.color-dark-gray .swiper-pagination-bullet, .cc--video-full-width2.color-red .swiper-pagination-bullet, .cc--video-full-width2.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--video-full-width2.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--video-full-width2.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--video-full-width2.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--video-full-width2.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--video-full-width2.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--video-full-width2.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--video-full-width2.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--video-full-width2.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--video-full-width2.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--video-full-width2.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--video-full-width2.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--video-full-width2.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--video-full-width2.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--video-full-width2.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--video-full-width2.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--video-full-width2.color-black .cc--user-choice-vertical-slide h2, .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide h2, .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--video-full-width2.color-red .cc--user-choice-vertical-slide h2, .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--video-full-width2.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--video-full-width2.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--video-full-width2.color-black .cc--user-choice-vertical-slide .f--description p, .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--video-full-width2.color-red .cc--user-choice-vertical-slide .f--description p, .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--video-full-width2.color-black .cc--user-choice-vertical-slide .f--link a, .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--video-full-width2.color-red .cc--user-choice-vertical-slide .f--link a, .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--video-full-width2.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--video-full-width2.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--video-full-width2.color-black .cc--user-choice-vertical-slide .icon-close, .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--video-full-width2.color-red .cc--user-choice-vertical-slide .icon-close, .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--video-full-width2.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--video-full-width2.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--video-full-width2.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--video-full-width2.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--video-full-width2.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--video-full-width2.color-pale-yellow { background-color: #FCE488; } .cc--video-full-width2.color-pale-teal { background-color: #87C3BE; } .cc--video-full-width2.color-pale-blue { background-color: #92D6E3; } .cc--video-full-width2.color-black .cta-link-list .f--link .button--alt, .cc--video-full-width2.color-blue .cta-link-list .f--link .button--alt, .cc--video-full-width2.color-dark-gray .cta-link-list .f--link .button--alt, .cc--video-full-width2.color-red .cta-link-list .f--link .button--alt, .cc--video-full-width2.color-teal .cta-link-list .f--link .button--alt { color: #FFF; } .cc--video-full-width2.color-black .cta-link-list .f--link .button--alt svg, .cc--video-full-width2.color-blue .cta-link-list .f--link .button--alt svg, .cc--video-full-width2.color-dark-gray .cta-link-list .f--link .button--alt svg, .cc--video-full-width2.color-red .cta-link-list .f--link .button--alt svg, .cc--video-full-width2.color-teal .cta-link-list .f--link .button--alt svg { fill: #FFF; } .cc--video-full-width2.color-black .cta-link-list .f--link .button--alt:hover, .cc--video-full-width2.color-blue .cta-link-list .f--link .button--alt:hover, .cc--video-full-width2.color-dark-gray .cta-link-list .f--link .button--alt:hover, .cc--video-full-width2.color-red .cta-link-list .f--link .button--alt:hover, .cc--video-full-width2.color-teal .cta-link-list .f--link .button--alt:hover { color: #FFF; text-decoration: underline; } .cc--video-full-width2.color-black .cta-link-list .f--link .button--alt.button--arrow, .cc--video-full-width2.color-black .cta-link-list .f--link .button--alt.button--external, .cc--video-full-width2.color-blue .cta-link-list .f--link .button--alt.button--arrow, .cc--video-full-width2.color-blue .cta-link-list .f--link .button--alt.button--external, .cc--video-full-width2.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow, .cc--video-full-width2.color-dark-gray .cta-link-list .f--link .button--alt.button--external, .cc--video-full-width2.color-red .cta-link-list .f--link .button--alt.button--arrow, .cc--video-full-width2.color-red .cta-link-list .f--link .button--alt.button--external, .cc--video-full-width2.color-teal .cta-link-list .f--link .button--alt.button--arrow, .cc--video-full-width2.color-teal .cta-link-list .f--link .button--alt.button--external { color: #FFF; } .cc--video-full-width2.color-black .cta-link-list .f--link .button--alt.button--arrow svg, .cc--video-full-width2.color-black .cta-link-list .f--link .button--alt.button--external svg, .cc--video-full-width2.color-blue .cta-link-list .f--link .button--alt.button--arrow svg, .cc--video-full-width2.color-blue .cta-link-list .f--link .button--alt.button--external svg, .cc--video-full-width2.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow svg, .cc--video-full-width2.color-dark-gray .cta-link-list .f--link .button--alt.button--external svg, .cc--video-full-width2.color-red .cta-link-list .f--link .button--alt.button--arrow svg, .cc--video-full-width2.color-red .cta-link-list .f--link .button--alt.button--external svg, .cc--video-full-width2.color-teal .cta-link-list .f--link .button--alt.button--arrow svg, .cc--video-full-width2.color-teal .cta-link-list .f--link .button--alt.button--external svg { fill: #FFF; } .cc--video-full-width2.color-black .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--video-full-width2.color-black .cta-link-list .f--link .button--alt.button--external:hover, .cc--video-full-width2.color-blue .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--video-full-width2.color-blue .cta-link-list .f--link .button--alt.button--external:hover, .cc--video-full-width2.color-dark-gray .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--video-full-width2.color-dark-gray .cta-link-list .f--link .button--alt.button--external:hover, .cc--video-full-width2.color-red .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--video-full-width2.color-red .cta-link-list .f--link .button--alt.button--external:hover, .cc--video-full-width2.color-teal .cta-link-list .f--link .button--alt.button--arrow:hover, .cc--video-full-width2.color-teal .cta-link-list .f--link .button--alt.button--external:hover { color: #FFF; text-decoration: underline; } .cc--video-full-width2.video-full-width2-video .enhanced-video-controls .video-pause-button { display: none; } .cc--video-full-width2.video-full-width2-ambient .image-video-container:not(.video-played) .video-pause-button, .cc--video-full-width2.video-full-width2-lottie .image-video-container:not(.video-played) .video-pause-button { display: none; } .cc--video-full-width2.video-full-width2-ambient .image-video-container.video-played .video-pause-button, .cc--video-full-width2.video-full-width2-lottie .image-video-container.video-played .video-pause-button { display: block; } .cc--video-full-width2.video-full-width2-ambient video { opacity: 1; } .cc--video-full-width2.reversed .one-hundred-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media screen and (min-width: 768px) { .cc--video-full-width2.reversed .one-hundred-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 1440px) { .cc--video-full-width2.reversed .one-hundred-wrapper .text-container .text-container-inner { margin-right: calc((100vw - 1440px) / 2); margin-left: 0; max-width: 100%; } } .cc--video-full-width2 .image-container { padding-bottom: 50%; } @media screen and (min-width: 768px) { .cc--video-full-width2 .f--category { margin-bottom: 0.9375rem; } } .cc--video-full-width2 .f--section-title h2 { color: #fff; position: relative; font-size: 2rem; text-align: center; margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--video-full-width2 .f--section-title h2 { bottom: 5rem; } } .cc--video-full-width2.color-pale-yellow .f--link a, .cc--video-full-width2.color-pale-teal .f--link a { background-color: #FFF; color: #000; } .cc--video-full-width2.color-pale-yellow .f--link a:hover, .cc--video-full-width2.color-pale-yellow .f--link a:focus, .cc--video-full-width2.color-pale-teal .f--link a:hover, .cc--video-full-width2.color-pale-teal .f--link a:focus { background-color: #000; color: #FFF; border-color: #000; } .cc--video-full-width2 .f--link a:not(.button--arrow) { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--video-full-width2 .f--link a:not(.button--arrow) { margin-top: 2.5rem; } } .cc--video-full-width2 .one-hundred-wrapper { 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; margin-top: -33px; } @media screen and (min-width: 768px) { .cc--video-full-width2 .one-hundred-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cc--video-full-width2 .one-hundred-wrapper .text-container { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; position: relative; height: auto; } @media screen and (min-width: 768px) { .cc--video-full-width2 .one-hundred-wrapper .text-container { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } @media screen and (min-width: 1024px) { .cc--video-full-width2 .one-hundred-wrapper .text-container { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 1440px) { .cc--video-full-width2 .one-hundred-wrapper .text-container { padding-right: calc(((100vw - (100vw - 1440px)) / 50) * 2); padding-left: calc(((100vw - (100vw - 1440px)) / 50) * 2); } } @media screen and (min-width: 1440px) { .cc--video-full-width2 .one-hundred-wrapper .text-container .text-container-inner { margin-left: calc((100vw - 1440px) / 2); max-width: 100%; } } .cc--video-full-width2 .one-hundred-wrapper .text-container .f--description { font-size: 1rem; line-height: 1.75; color: #444; } @media screen and (min-width: 768px) { .cc--video-full-width2 .one-hundred-wrapper .text-container .f--description { font-size: 1.125rem; line-height: 1.7778; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container { position: relative; height: 20rem; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-white .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-light-gray .f--link .button { background-color: transparent; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-white .f--link .button:hover, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--category, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--category, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--category, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--category, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--category { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--description p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--description li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--description a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--text p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--text li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--text a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--category p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--category li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--category a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--description p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--description li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--description a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--text p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--text li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--text a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--category p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--category li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--category a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--description p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--description li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--description a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--text p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--text li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--text a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--category p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--category li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--category a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--description p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--description li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--description a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--text p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--text li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--text a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--category p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--category li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--category a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--description p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--description li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--description a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--text p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--text li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--text a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--category p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--category li, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--category a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--category a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--category a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--description a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--text a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--category a:hover { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--section-title h2, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--section-title h2, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--section-title h2, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--section-title h2, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--section-title h2 { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--section-title h2 a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--section-title h2 a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--section-title h2 a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--section-title h2 a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--sub-title h3, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--sub-title h3, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--sub-title h3, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--sub-title h3, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--sub-title h3 { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--sub-title h3 a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--sub-title h3 a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--sub-title h3 a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--sub-title h3 a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--page-title h1, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--page-title h1, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--page-title h1, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--page-title h1, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--page-title h1 { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .stat-item .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .stat-item .f--stat-prefix, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .stat-item .f--stat-suffix, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .stat-item .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .stat-item .f--stat-prefix, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .stat-item .f--stat-suffix, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .stat-item .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .stat-item .f--stat-prefix, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .stat-item .f--stat-suffix, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .stat-item .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .stat-item .f--stat-prefix, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .stat-item .f--stat-suffix, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .stat-item .f--text, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .stat-item .f--stat-prefix, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--stat-subheading, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--stat-headline, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--stat-subheading, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--stat-headline, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--stat-subheading, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--stat-headline, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--stat-subheading, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--stat-headline, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--stat-subheading, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--description, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--stat-headline { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--link .button, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--link .button, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .swiper-button-prev svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .swiper-button-next svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .swiper-button-prev svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .swiper-button-next svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .swiper-button-prev svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .swiper-button-next svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .swiper-button-prev svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .swiper-button-next svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .swiper-button-prev svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .swiper-button-next svg { fill: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .swiper-button-wrapper::before, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .swiper-button-wrapper::before, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .swiper-button-wrapper::before, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .swiper-button-wrapper::before, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .swiper-pagination-bullet, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .swiper-pagination-bullet, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .swiper-pagination-bullet, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .swiper-pagination-bullet, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide h2, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide h2, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide h2, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--description p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--description p, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--link a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--link a, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .icon-close, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .icon-close, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-yellow { background-color: #FCE488; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-teal { background-color: #87C3BE; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.color-pale-blue { background-color: #92D6E3; } @media screen and (min-width: 768px) { .cc--video-full-width2 .one-hundred-wrapper .image-video-container { width: 100%; height: auto; } } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.video-played img { opacity: 0; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.video-played video { opacity: 1; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container.video-played .video-play-button { display: none; } .cc--video-full-width2 .one-hundred-wrapper .image-video-container video { position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -1px; width: auto; height: auto; opacity: 0; -o-object-fit: cover; object-fit: cover; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .cc--video-full-width2.color-black .image-video-container::after { background-color: #000; } .cc--video-full-width2.color-blue .image-video-container::after { background-color: #007FAC; } .cc--video-full-width2.color-dark-gray .image-video-container::after { background-color: #222; } .cc--video-full-width2.color-light-gray .image-video-container::after { background-color: #EFEFEF; } .cc--video-full-width2.color-red .image-video-container::after { background-color: #C03; } .cc--video-full-width2.color-teal .image-video-container::after { background-color: #00626D; } .cc--video .c--video .video-wrapper { padding-top: 1.875rem; padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; } .cc--video .c--video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cc--wcs-hero-headline-on-image-links { position: relative; } .cc--wcs-hero-headline-on-image-links .article-hero-wrapper { position: relative; } .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .article-hero-wrapper-image { height: 18.75rem; background-repeat: no-repeat; background-position: center; background-size: cover; } @media screen and (min-width: 768px) { .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .article-hero-wrapper-image { height: 53.125rem; } } @media screen and (min-width: 768px) { .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .article-hero-wrapper-image::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(transparent)); background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); content: ''; z-index: 0; } } .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .text-container { max-width: 1440px; margin: 0 auto; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; color: #000; } @media screen and (min-width: 768px) { .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .text-container { padding-top: 0; padding-right: 6%; padding-bottom: 3.125rem; padding-left: 6%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 20%; width: 100%; z-index: 1; } } @media screen and (min-width: 1024px) { .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .text-container { padding-right: 4%; padding-bottom: 3.75rem; padding-left: 4%; font-size: 0.875rem; line-height: 1.4286; } } @media screen and (min-width: 768px) { .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .text-container .f--category { text-align: center; } } @media screen and (min-width: 768px) { .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .text-container .f--category a { color: #FFF; } } .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .text-container .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-weight: bold; } @media screen and (min-width: 768px) { .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .text-container .f--page-title h1 { font-size: 3rem; line-height: 1.1667; color: #FFF; text-align: center; } } @media screen and (min-width: 1024px) { .cc--wcs-hero-headline-on-image-links .article-hero-wrapper .text-container .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; } } .cc--wcs-hero-headline-on-image-links .hero-link-list { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; position: relative; bottom: 0; z-index: 10; background: #cc0033; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } @media screen and (min-width: 768px) { .cc--wcs-hero-headline-on-image-links .hero-link-list { position: absolute; background: rgba(204, 0, 51, 0.5); } } .cc--wcs-hero-headline-on-image-links .hero-link { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; text-align: center; font-size: 1rem; border-top: 3px solid transparent; -webkit-transition: all .3s; transition: all .3s; } @media screen and (min-width: 768px) { .cc--wcs-hero-headline-on-image-links .hero-link { font-size: 1.75rem; } } .cc--wcs-hero-headline-on-image-links .hero-link:hover, .cc--wcs-hero-headline-on-image-links .hero-link:active { border-top: 3px solid white; background: rgba(255, 255, 255, 0.2); } @media screen and (min-width: 768px) { .cc--wcs-hero-headline-on-image-links .hero-link { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .cc--wcs-hero-headline-on-image-links .hero-link i { margin-right: 10px; } .cc--wcs-hero-headline-on-image-links .hero-link a { display: inline-block; padding: 1em; color: #fff; text-decoration: none; width: 100%; } .cc--wcs-hero-headline-on-image-links .hero-link a:hover { color: #fff; } .cc--wcs-hero-links.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--wcs-hero-links.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--wcs-hero-links.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--wcs-hero-links.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--wcs-hero-links.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--wcs-hero-links.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--wcs-hero-links.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--wcs-hero-links.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--wcs-hero-links.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--wcs-hero-links.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--wcs-hero-links.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--wcs-hero-links.color-white .f--link .button, .cc--wcs-hero-links.color-light-gray .f--link .button { background-color: transparent; } .cc--wcs-hero-links.color-white .f--link .button:hover, .cc--wcs-hero-links.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--wcs-hero-links.color-pale-teal .f--link .button, .cc--wcs-hero-links.color-pale-yellow .f--link .button, .cc--wcs-hero-links.color-pale-blue .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; color: #000; border-color: #000; -webkit-transition: background-color .3s ease, border-color .3s ease; transition: background-color .3s ease, border-color .3s ease; } @media screen and (min-width: 768px) { .cc--wcs-hero-links.color-pale-teal .f--link .button, .cc--wcs-hero-links.color-pale-yellow .f--link .button, .cc--wcs-hero-links.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-blue .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-blue .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--wcs-hero-links.color-black .f--description, .cc--wcs-hero-links.color-black .f--text, .cc--wcs-hero-links.color-black .f--category, .cc--wcs-hero-links.color-blue .f--description, .cc--wcs-hero-links.color-blue .f--text, .cc--wcs-hero-links.color-blue .f--category, .cc--wcs-hero-links.color-dark-gray .f--description, .cc--wcs-hero-links.color-dark-gray .f--text, .cc--wcs-hero-links.color-dark-gray .f--category, .cc--wcs-hero-links.color-red .f--description, .cc--wcs-hero-links.color-red .f--text, .cc--wcs-hero-links.color-red .f--category, .cc--wcs-hero-links.color-teal .f--description, .cc--wcs-hero-links.color-teal .f--text, .cc--wcs-hero-links.color-teal .f--category { color: #FFF; } .cc--wcs-hero-links.color-black .f--description p, .cc--wcs-hero-links.color-black .f--description li, .cc--wcs-hero-links.color-black .f--description a, .cc--wcs-hero-links.color-black .f--text p, .cc--wcs-hero-links.color-black .f--text li, .cc--wcs-hero-links.color-black .f--text a, .cc--wcs-hero-links.color-black .f--category p, .cc--wcs-hero-links.color-black .f--category li, .cc--wcs-hero-links.color-black .f--category a, .cc--wcs-hero-links.color-blue .f--description p, .cc--wcs-hero-links.color-blue .f--description li, .cc--wcs-hero-links.color-blue .f--description a, .cc--wcs-hero-links.color-blue .f--text p, .cc--wcs-hero-links.color-blue .f--text li, .cc--wcs-hero-links.color-blue .f--text a, .cc--wcs-hero-links.color-blue .f--category p, .cc--wcs-hero-links.color-blue .f--category li, .cc--wcs-hero-links.color-blue .f--category a, .cc--wcs-hero-links.color-dark-gray .f--description p, .cc--wcs-hero-links.color-dark-gray .f--description li, .cc--wcs-hero-links.color-dark-gray .f--description a, .cc--wcs-hero-links.color-dark-gray .f--text p, .cc--wcs-hero-links.color-dark-gray .f--text li, .cc--wcs-hero-links.color-dark-gray .f--text a, .cc--wcs-hero-links.color-dark-gray .f--category p, .cc--wcs-hero-links.color-dark-gray .f--category li, .cc--wcs-hero-links.color-dark-gray .f--category a, .cc--wcs-hero-links.color-red .f--description p, .cc--wcs-hero-links.color-red .f--description li, .cc--wcs-hero-links.color-red .f--description a, .cc--wcs-hero-links.color-red .f--text p, .cc--wcs-hero-links.color-red .f--text li, .cc--wcs-hero-links.color-red .f--text a, .cc--wcs-hero-links.color-red .f--category p, .cc--wcs-hero-links.color-red .f--category li, .cc--wcs-hero-links.color-red .f--category a, .cc--wcs-hero-links.color-teal .f--description p, .cc--wcs-hero-links.color-teal .f--description li, .cc--wcs-hero-links.color-teal .f--description a, .cc--wcs-hero-links.color-teal .f--text p, .cc--wcs-hero-links.color-teal .f--text li, .cc--wcs-hero-links.color-teal .f--text a, .cc--wcs-hero-links.color-teal .f--category p, .cc--wcs-hero-links.color-teal .f--category li, .cc--wcs-hero-links.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--description a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--text a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--category a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--description a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--text a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--category a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--description a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--text a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--category a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--description a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--text a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--category a:hover { color: #FFF; } .cc--wcs-hero-links.color-black .f--section-title h2, .cc--wcs-hero-links.color-blue .f--section-title h2, .cc--wcs-hero-links.color-dark-gray .f--section-title h2, .cc--wcs-hero-links.color-red .f--section-title h2, .cc--wcs-hero-links.color-teal .f--section-title h2 { color: #FFF; } .cc--wcs-hero-links.color-black .f--section-title h2 a, .cc--wcs-hero-links.color-blue .f--section-title h2 a, .cc--wcs-hero-links.color-dark-gray .f--section-title h2 a, .cc--wcs-hero-links.color-red .f--section-title h2 a, .cc--wcs-hero-links.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--wcs-hero-links.color-black .f--sub-title h3, .cc--wcs-hero-links.color-blue .f--sub-title h3, .cc--wcs-hero-links.color-dark-gray .f--sub-title h3, .cc--wcs-hero-links.color-red .f--sub-title h3, .cc--wcs-hero-links.color-teal .f--sub-title h3 { color: #FFF; } .cc--wcs-hero-links.color-black .f--sub-title h3 a, .cc--wcs-hero-links.color-blue .f--sub-title h3 a, .cc--wcs-hero-links.color-dark-gray .f--sub-title h3 a, .cc--wcs-hero-links.color-red .f--sub-title h3 a, .cc--wcs-hero-links.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--wcs-hero-links.color-black .f--page-title h1, .cc--wcs-hero-links.color-blue .f--page-title h1, .cc--wcs-hero-links.color-dark-gray .f--page-title h1, .cc--wcs-hero-links.color-red .f--page-title h1, .cc--wcs-hero-links.color-teal .f--page-title h1 { color: #FFF; } .cc--wcs-hero-links.color-black .stat-item .f--text, .cc--wcs-hero-links.color-black .stat-item .f--stat-prefix, .cc--wcs-hero-links.color-black .stat-item .f--stat-suffix, .cc--wcs-hero-links.color-blue .stat-item .f--text, .cc--wcs-hero-links.color-blue .stat-item .f--stat-prefix, .cc--wcs-hero-links.color-blue .stat-item .f--stat-suffix, .cc--wcs-hero-links.color-dark-gray .stat-item .f--text, .cc--wcs-hero-links.color-dark-gray .stat-item .f--stat-prefix, .cc--wcs-hero-links.color-dark-gray .stat-item .f--stat-suffix, .cc--wcs-hero-links.color-red .stat-item .f--text, .cc--wcs-hero-links.color-red .stat-item .f--stat-prefix, .cc--wcs-hero-links.color-red .stat-item .f--stat-suffix, .cc--wcs-hero-links.color-teal .stat-item .f--text, .cc--wcs-hero-links.color-teal .stat-item .f--stat-prefix, .cc--wcs-hero-links.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--wcs-hero-links.color-black .f--stat-subheading, .cc--wcs-hero-links.color-black .f--description, .cc--wcs-hero-links.color-black .f--stat-headline, .cc--wcs-hero-links.color-blue .f--stat-subheading, .cc--wcs-hero-links.color-blue .f--description, .cc--wcs-hero-links.color-blue .f--stat-headline, .cc--wcs-hero-links.color-dark-gray .f--stat-subheading, .cc--wcs-hero-links.color-dark-gray .f--description, .cc--wcs-hero-links.color-dark-gray .f--stat-headline, .cc--wcs-hero-links.color-red .f--stat-subheading, .cc--wcs-hero-links.color-red .f--description, .cc--wcs-hero-links.color-red .f--stat-headline, .cc--wcs-hero-links.color-teal .f--stat-subheading, .cc--wcs-hero-links.color-teal .f--description, .cc--wcs-hero-links.color-teal .f--stat-headline { color: #FFF; } .cc--wcs-hero-links.color-black .f--link .button, .cc--wcs-hero-links.color-blue .f--link .button, .cc--wcs-hero-links.color-dark-gray .f--link .button, .cc--wcs-hero-links.color-red .f--link .button, .cc--wcs-hero-links.color-teal .f--link .button { font-size: 1rem; line-height: 1.1875; padding-right: 1.25rem; padding-left: 1.25rem; position: relative; 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; width: 100%; height: 3.75rem; border-radius: 0; white-space: normal; color: #000; background-color: #FFF; border: 0.125rem solid #C03; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; -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: transparent; color: #FFF; border: 0.125rem solid #FFF; } @media screen and (min-width: 768px) { .cc--wcs-hero-links.color-black .f--link .button, .cc--wcs-hero-links.color-blue .f--link .button, .cc--wcs-hero-links.color-dark-gray .f--link .button, .cc--wcs-hero-links.color-red .f--link .button, .cc--wcs-hero-links.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--link .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: #C03; color: #FFF; text-decoration: none; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--link .button, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--link .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: #FFF; color: #000; text-decoration: none; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--wcs-hero-links.color-black .swiper-button-prev svg, .cc--wcs-hero-links.color-black .swiper-button-next svg, .cc--wcs-hero-links.color-blue .swiper-button-prev svg, .cc--wcs-hero-links.color-blue .swiper-button-next svg, .cc--wcs-hero-links.color-dark-gray .swiper-button-prev svg, .cc--wcs-hero-links.color-dark-gray .swiper-button-next svg, .cc--wcs-hero-links.color-red .swiper-button-prev svg, .cc--wcs-hero-links.color-red .swiper-button-next svg, .cc--wcs-hero-links.color-teal .swiper-button-prev svg, .cc--wcs-hero-links.color-teal .swiper-button-next svg { fill: #FFF; } .cc--wcs-hero-links.color-black .swiper-button-wrapper::before, .cc--wcs-hero-links.color-blue .swiper-button-wrapper::before, .cc--wcs-hero-links.color-dark-gray .swiper-button-wrapper::before, .cc--wcs-hero-links.color-red .swiper-button-wrapper::before, .cc--wcs-hero-links.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--wcs-hero-links.color-black .swiper-pagination-bullet, .cc--wcs-hero-links.color-blue .swiper-pagination-bullet, .cc--wcs-hero-links.color-dark-gray .swiper-pagination-bullet, .cc--wcs-hero-links.color-red .swiper-pagination-bullet, .cc--wcs-hero-links.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--wcs-hero-links.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--wcs-hero-links.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--wcs-hero-links.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--wcs-hero-links.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--wcs-hero-links.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--wcs-hero-links.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--wcs-hero-links.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--wcs-hero-links.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--wcs-hero-links.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--wcs-hero-links.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--wcs-hero-links.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--wcs-hero-links.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--wcs-hero-links.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--wcs-hero-links.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--wcs-hero-links.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after { background-image: url("../images/icons/icon-arrow-right-white.svg"); } } @media screen and (max-width: 767px) { .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide h2, .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide h2, .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide h2, .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide .f--description p, .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide .f--description p, .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide .f--link a, .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide .f--link a, .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide .icon-close, .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide .icon-close, .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--wcs-hero-links.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--wcs-hero-links.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--wcs-hero-links.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--wcs-hero-links.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--wcs-hero-links.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--wcs-hero-links.color-pale-yellow { background-color: #FCE488; } .cc--wcs-hero-links.color-pale-teal { background-color: #87C3BE; } .cc--wcs-hero-links.color-pale-blue { background-color: #92D6E3; } .cc--wcs-hero-links .c--hero-links { max-width: 1440px; margin: 0 auto; } .cc--wcs-hero-links .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--wcs-hero-links .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--wcs-hero-links .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--wcs-hero-links .hero-link-list { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc--wcs-hero-links .hero-link { margin-right: 0.625rem; margin-bottom: 1.25rem; margin-left: 0.625rem; } .cc--wcs-link-grid-with-icon { margin-top: 3.125rem; } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon { margin-top: 4.375rem; } } @media screen and (min-width: 1024px) { .cc--wcs-link-grid-with-icon { margin-top: 5rem; } } .cc--wcs-link-grid-with-icon .section-header { max-width: 1440px; margin: 0 auto; } .cc--wcs-link-grid-with-icon .section-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .section-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .cc--wcs-link-grid-with-icon .section-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .cc--wcs-link-grid-with-icon .f--section-title { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .f--section-title { margin-bottom: 2.5rem; } } .cc--wcs-link-grid-with-icon .f--section-title h2 { font-size: 1.75rem; line-height: 1.2858; text-align: center; } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--wcs-link-grid-with-icon .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .cc--wcs-link-grid-with-icon .f--description { margin-bottom: 0; text-align: center; } .cc--wcs-link-grid-with-icon .outer-wrapper { max-width: 1440px; margin: 0 auto; position: relative; z-index: 1; } .cc--wcs-link-grid-with-icon .outer-wrapper .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .outer-wrapper .inner-wrapper { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--wcs-link-grid-with-icon .outer-wrapper .inner-wrapper { padding-right: 10%; padding-left: 10%; } } .cc--wcs-link-grid-with-icon .link-list { padding-top: 1.875rem; padding-bottom: 3.125rem; position: relative; } @media screen and (max-width: 767px) { .cc--wcs-link-grid-with-icon .link-list { background-image: none !important; } } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .link-list { padding-top: 3.125rem; padding-bottom: 3.125rem; background-repeat: no-repeat; background-position: center center; background-size: cover; } } @media screen and (min-width: 1024px) { .cc--wcs-link-grid-with-icon .link-list { padding-top: 3.75rem; padding-bottom: 3.75rem; } } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .link-list::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 12.5rem; background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); content: ''; z-index: 0; } } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .link-list::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; content: ''; opacity: 0.7; z-index: 0; } } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper { overflow: hidden; } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .link-list-inner { margin-right: -0.0625rem; margin-bottom: -0.0625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link { border-bottom: 0.0625rem solid #D8D8D8; cursor: pointer; } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 0.0625rem solid #D8D8D8; } .ie11 .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link { position: relative; border-right: 0; } .ie11 .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link::after { display: block; position: absolute; top: 0; right: 0; height: 100%; border-right: 0.0625rem solid #D8D8D8; content: ''; } } @media screen and (min-width: 1024px) { .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link { -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } html[data-whatintent="mouse"] .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link:hover { background: #C03; } html[data-whatintent="mouse"] .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link:hover h4, html[data-whatintent="mouse"] .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link:hover a { color: #FFF; } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a { font-size: 1rem; line-height: 1.375; padding-top: 0.9375rem; padding-right: 0.8125rem; padding-bottom: 0.9375rem; padding-left: 0.8125rem; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100%; height: auto; border: 0; background: transparent; color: #000; text-align: left; text-decoration: none; font-weight: 400; } @media screen and (min-width: 768px) { .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.875rem; padding-right: 1rem; padding-bottom: 1.875rem; padding-left: 1rem; min-height: 8.625rem; } } @media screen and (min-width: 1024px) { .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a { font-size: 1.25rem; line-height: 1.4; padding-right: 1.5rem; padding-left: 1.5rem; min-height: 10.75rem; } } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a h4 { text-align: center; margin-bottom: 1em; } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a p { padding: 0px 1em; } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a .link-grid-icon { text-align: center; margin-bottom: 1em; } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a .link-grid-icon .color-dark-gray { color: #222; } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a .link-grid-icon .color-light-gray { color: #EFEFEF; } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a .link-grid-icon .color-black { color: #000; } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a .link-grid-icon .color-teal { color: #00626D; } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a .link-grid-icon .color-blue { color: #007FAC; } .cc--wcs-link-grid-with-icon .link-list .link-list-wrapper .f--link a .link-grid-icon img { width: 75px; height: 75px; margin: 0 auto; -o-object-fit: contain; object-fit: contain; } .article-magazine .content-main { position: relative; } .article .content-main { position: relative; } .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 8%; padding-left: 8%; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 20%; padding-left: 20%; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 3.75rem; padding-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container { max-width: none; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--section-title h2 { text-align: left; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--description { text-align: left; } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list { display: block; } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card { width: 100%; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card:not(:last-child) { margin-bottom: 1.875rem; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card { overflow: hidden; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .image-link { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 47.36842%; float: none; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .image-link { width: 46.66667%; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .text-container { width: 47.36842%; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .f--sub-title { margin-bottom: 0; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .f--link { margin-top: 2.5rem; } } .article .clc--article-component-list .cc--rich-text .cc--caption-transcript .inner-wrapper { padding-right: 0; padding-left: 0; } .article .content-main { position: relative; } .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 8%; padding-left: 8%; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 20%; padding-left: 20%; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 3.75rem; padding-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container { max-width: none; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--section-title h2 { text-align: left; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--description { text-align: left; } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list { display: block; } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card { width: 100%; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card:not(:last-child) { margin-bottom: 1.875rem; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card { overflow: hidden; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .image-link { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 47.36842%; float: none; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .image-link { width: 46.66667%; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .text-container { width: 47.36842%; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .f--sub-title { margin-bottom: 0; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .f--link { margin-top: 2.5rem; } } .article .clc--article-component-list .cc--rich-text .cc--caption-transcript .inner-wrapper { padding-right: 0; padding-left: 0; } .chaptered-page .t--chaptered-page .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner { padding-top: 0; } .chaptered-page .content-main { max-width: 1440px; margin: 0 auto; } .chaptered-page .tab-content { padding-top: 0.9375rem; padding-bottom: 0.9375rem; width: 100%; } @media screen and (min-width: 768px) { .chaptered-page .tab-content { padding-top: 1.875rem; padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .chaptered-page .tab-content.fixed .chapter-menu { position: -webkit-sticky; position: sticky; top: 80px; } } @media screen and (min-width: 768px) { .chaptered-page .tab-content.selected { display: -webkit-box; display: -ms-flexbox; display: flex; } } .chaptered-page .tab-content .content-sidebar { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .chaptered-page .tab-content .content-sidebar { padding-right: 0; padding-left: 4%; width: 32%; } } @media screen and (min-width: 1024px) { .chaptered-page .tab-content .content-sidebar { padding-right: 4%; padding-left: 4%; } } .chaptered-page .tab-content .content-main { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; } @media screen and (min-width: 768px) { .chaptered-page .tab-content .content-main { padding-top: 0; padding-right: 4%; padding-bottom: 0; padding-left: 4%; width: 68%; } } .chaptered-page .cc--rich-text { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .chaptered-page .cc--rich-text { margin-top: 3.75rem; margin-bottom: 3.75rem; } } .chaptered-page .cc--event-card .c--event-card .text-wrapper { padding-right: 0; padding-left: 0; } .chaptered-page .cc--accordion .c--accordion .inner-wrapper, .chaptered-page .cc--link-grid .section-header .inner-wrapper, .chaptered-page .cc--link-grid .outer-wrapper .inner-wrapper { padding-right: 0; padding-left: 0; } .chaptered-page .cc--chapter .cc--events-filtered-display, .chaptered-page .cc--chapter .cc--news-filtered-display { margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .chaptered-page .cc--chapter .cc--events-filtered-display, .chaptered-page .cc--chapter .cc--news-filtered-display { margin-bottom: 3.75rem; } } .chaptered-page .cc--chapter .cc--link-grid { margin-top: 0; } .chaptered-page .cc--chapter .cc--link-grid .section-header .f--description { text-align: left; } .chaptered-page .cc--chapter .cc--link-grid .section-header .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; margin-bottom: 1.25rem; text-align: left; } @media screen and (min-width: 768px) { .chaptered-page .cc--chapter .cc--link-grid .section-header .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.875rem; } } .chaptered-page .cc--chapter .cc--link-grid .link-list { padding-top: 0; } .chaptered-page .cc--chapter .cc--link-grid .section-header + .link-list { padding-top: 1.875rem; padding-bottom: 3.125rem; } @media screen and (min-width: 768px) { .chaptered-page .cc--chapter .cc--link-grid .section-header + .link-list { padding-top: 3.125rem; padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .chaptered-page .cc--chapter .cc--link-grid .section-header + .link-list { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .tc--directory-listing { max-width: 1440px; margin: 0 auto; } .directory-listing .views-row:last-child .cc--person-card { border-bottom: 0; } .directory-listing .title-header { max-width: 1440px; margin: 0 auto; } .directory-listing .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .directory-listing .title-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .directory-listing .title-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .directory-listing .title-header .f--page-title { max-width: 1440px; margin: 0 auto; } .directory-listing .title-header .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .directory-listing .title-header .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .directory-listing .title-header .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .directory-listing .title-header .f--page-title h1 { padding-right: 0; padding-bottom: 0; padding-left: 0; } .directory-listing .title-header .f--description { padding-top: 2.5rem; padding-bottom: 1.5rem; } @media screen and (min-width: 768px) { .directory-listing .title-header .f--description { padding-top: 3.75rem; padding-bottom: 0.5625rem; } } @media screen and (min-width: 1024px) { .directory-listing .title-header .f--description { padding-top: 7.5rem; padding-bottom: 5rem; } } .directory-listing .content-main { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .directory-listing .content-main { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .directory-listing .content-main { padding-right: 20%; padding-left: 20%; } } .directory-listing .content-main .filter-container .abc-all-wrapper { padding-right: 0; padding-left: 0; } .directory-listing .content-main .abc-list { margin-right: -0.5rem; margin-bottom: 0.625rem; margin-left: -0.5rem; padding-top: 1rem; padding-bottom: 1rem; } @media screen and (min-width: 768px) { .directory-listing .content-main .abc-list { margin-bottom: 3.75rem; } } @media screen and (min-width: 1200px) { .directory-listing .content-main .abc-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .directory-listing .content-main .abc-list > li { font-size: 1rem; line-height: 1.375; padding-right: 0.5rem; padding-left: 0.5rem; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } @media screen and (min-width: 768px) { .directory-listing .content-main .abc-list > li { font-size: 1.125rem; line-height: 1.3334; } } .directory-listing .content-main .abc-list > li a, .directory-listing .content-main .abc-list > li button { font-size: 1rem; line-height: 1.375; } @media screen and (min-width: 768px) { .directory-listing .content-main .abc-list > li a, .directory-listing .content-main .abc-list > li button { font-size: 1.125rem; line-height: 1.3334; } } .directory-listing .content-main .abc-list > li button { color: #C03; } .directory-listing .cc--filter-abc-form form .filter-container { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .directory-listing .cc--load-more { padding-bottom: 3.75rem; } @media screen and (min-width: 768px) { .directory-listing .cc--load-more { padding-bottom: 5rem; } } @media screen and (min-width: 1024px) { .directory-listing .cc--load-more { padding-bottom: 6.25rem; } } .event-topic .event-detail-header .event-detail-header-inner .f--page-title { max-width: 1440px; margin: 0 auto; } .event-topic .event-detail-header .event-detail-header-inner .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .event-topic .event-detail-header .event-detail-header-inner .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .event-topic .event-detail-header .event-detail-header-inner .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .event-topic .content-main .c--event-landing { padding-top: 2.5rem; padding-bottom: 3.75rem; } @media screen and (min-width: 768px) { .event-topic .content-main .c--event-landing { padding-top: 3.125rem; padding-right: 20%; padding-bottom: 5rem; padding-left: 20%; } } @media screen and (min-width: 1024px) { .event-topic .content-main .c--event-landing { padding-top: 3.75rem; padding-bottom: 6.25rem; } } .event-topic .content-main .c--event-landing .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; margin-top: 0; margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .event-topic .content-main .c--event-landing .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-top: 0; margin-bottom: 1.875rem; } } .event-topic .components-event-landing-items .cc--event-landing-item:first-child { padding-top: 0; } .event .event-detail-header { max-width: 1440px; margin: 0 auto; } .event .event-detail-header-inner { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .event .event-detail-header-inner { padding-top: 1.25rem; padding-right: 4%; padding-bottom: 0; padding-left: 4%; 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) { .event .event-detail-header-inner { padding-top: 2.8125rem; padding-bottom: 0; } } .event .event-detail-header .f--date { font-size: 0.875rem; line-height: 1; display: inline-block; color: #000; text-align: center; text-transform: uppercase; } @media screen and (min-width: 768px) { .event .event-detail-header .f--date { font-size: 1.25rem; line-height: 1; } } @media screen and (min-width: 1024px) { .event .event-detail-header .f--date { text-align: center; } } .event .event-detail-header .f--date span { padding-top: 0.625rem; padding-bottom: 1.25rem; font-size: 2.5rem; line-height: 1; display: block; } @media screen and (min-width: 768px) { .event .event-detail-header .f--date span { padding-top: 0.9375rem; font-size: 4.5rem; line-height: 1; } } @media screen and (min-width: 1024px) { .event .event-detail-header .f--date span { font-size: 6rem; line-height: 1; } } @media screen and (min-width: 768px) { .event .event-detail-header .f--page-title { padding-top: 2.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 65.21739%; flex: 0 0 65.21739%; } } @media screen and (min-width: 1024px) { .event .event-detail-header .f--page-title { -webkit-box-flex: 0; -ms-flex: 0 0 71.73913%; flex: 0 0 71.73913%; } } .event .event-body figure { margin: 0; } .event .content-main { max-width: 1440px; margin: 0 auto; } .event .content-main .content-inner { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .event .content-main .content-inner { padding-top: 3.75rem; padding-right: 4%; padding-bottom: 3.75rem; padding-left: 4%; 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) { .event .content-main .content-inner { padding-top: 5rem; padding-right: 10%; padding-bottom: 3.75rem; padding-left: 4%; } } @media screen and (min-width: 768px) { .event .content-main .content-inner .event-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 30.43478%; flex: 0 0 30.43478%; } } @media screen and (min-width: 1024px) { .event .content-main .content-inner .event-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 25.5814%; flex: 0 0 25.5814%; } } .event .content-main .content-inner .event-body { padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .event .content-main .content-inner .event-body { padding-top: 0; padding-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 65.21739%; flex: 0 0 65.21739%; } } @media screen and (min-width: 1024px) { .event .content-main .content-inner .event-body { -webkit-box-flex: 0; -ms-flex: 0 0 69.76744%; flex: 0 0 69.76744%; } } .event .content-main .content-inner .event-body figure p { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .event .content-main .content-inner .event-body figure p { font-size: 0.875rem; line-height: 1.7143; } } .event .content-main .content-inner .event-body .f--credit-download-button { padding-bottom: 1.875rem; } @media screen and (min-width: 768px) { .event .content-main .content-inner .event-body .f--credit-download-button { padding-bottom: 3.75rem; } } .event .content-main .content-inner .event-body .f--image + .f--rich-text { margin-top: 2.5rem; } .explore-programs .title-header { max-width: 1440px; margin: 0 auto; } .explore-programs .title-header .inner-wrapper { padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-programs .title-header .inner-wrapper { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .explore-programs .title-header .inner-wrapper { padding-bottom: 3.125rem; } } .explore-programs .title-header .text-wrapper .f--page-title { max-width: 1440px; margin: 0 auto; } .explore-programs .title-header .text-wrapper .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-programs .title-header .text-wrapper .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .explore-programs .title-header .text-wrapper .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .explore-programs .title-header .text-wrapper .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .explore-programs .title-header .text-wrapper .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .explore-programs .title-header .text-wrapper .f--description p { font-size: 1.375rem; line-height: 1.6364; } } @media screen and (min-width: 1024px) { .explore-programs .title-header .text-wrapper { width: 80.43478%; } } .explore-programs .title-header .f--page-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .explore-programs .explore-programs-content { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .explore-programs .explore-programs-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } .explore-programs .explore-accordion-content { padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-programs .explore-accordion-content { padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; } } @media screen and (min-width: 1024px) { .explore-programs .explore-accordion-content { padding-bottom: 6.25rem; } } @media screen and (min-width: 768px) { .explore-programs .cc--filter-form { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; } } .explore-programs .cc--accordion .c--accordion .inner-wrapper { padding-right: 0; padding-left: 0; } .explore-programs .cc--filter-abc-form form .filter-container { margin-top: 1.25rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .explore-programs .cc--filter-abc-form form .filter-container { margin-top: 3.75rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .explore-programs .cc--filter-abc-form form .filter-container { margin-top: 5rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .explore-programs .cc--filter-abc-form form .filter-container .abc-all-wrapper { padding-right: 0; padding-left: 0; } .explore-programs .cc--filter-abc-form form .abc-list > li { font-size: 1rem; line-height: 1.375; padding-top: 0.3125rem; padding-right: 0.625rem; padding-bottom: 0.3125rem; padding-left: 0.625rem; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } @media screen and (min-width: 768px) { .explore-programs .cc--filter-abc-form form .abc-list > li { font-size: 1.125rem; line-height: 1.3334; } } .explore-programs .cc--filter-abc-form form .abc-list > li a, .explore-programs .cc--filter-abc-form form .abc-list > li button { font-size: 1rem; line-height: 1.375; } @media screen and (min-width: 768px) { .explore-programs .cc--filter-abc-form form .abc-list > li a, .explore-programs .cc--filter-abc-form form .abc-list > li button { font-size: 1.125rem; line-height: 1.3334; } } .explore-programs .cc--filter-abc-form form .abc-list > li button { color: #C03; } .explore-programs .cc--filter-abc-form form .abc-list > li button a { color: #C03; } .landing-secondary .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .landing-secondary .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .landing-secondary .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 20%; padding-left: 20%; } } @media screen and (min-width: 1024px) { .landing-secondary .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 10%; padding-left: 10%; } } .landing-secondary .clc--component-list-container .cc--accordion .c--accordion .f--section-title h2 { font-size: 1.75rem; line-height: 1.2858; } @media screen and (min-width: 768px) { .landing-secondary .clc--component-list-container .cc--accordion .c--accordion .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .landing-secondary .clc--component-list-container .cc--accordion .c--accordion .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .listing-all-news-topics .cc--topic-listing { max-width: 1440px; margin: 0 auto; } .listing-all-news-topics .cc--topic-listing .c--topic-listing { padding-top: 1.875rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-all-news-topics .cc--topic-listing .c--topic-listing { padding-top: 3.75rem; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-all-news-topics .cc--topic-listing .c--topic-listing { padding-top: 5rem; } } .listing-event .tc--listing-event .views-element-container .content-main { padding-bottom: 3.75rem; } .listing-event .f--page-title { max-width: 1440px; margin: 0 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .listing-event .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-event .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-event .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .listing-event .listing-event-header { max-width: 1440px; margin: 0 auto; } .listing-event .listing-event-header-inner { padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; 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) { .listing-event .listing-event-header-inner { padding-right: 4%; padding-left: 4%; -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) { .listing-event .listing-event-header-inner { padding-bottom: 3.125rem; } } .listing-event .listing-event-header .left-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media screen and (min-width: 768px) { .listing-event .listing-event-header .left-column { padding-right: 4%; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 52.17391%; flex: 0 0 52.17391%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .listing-event .listing-event-header .right-column { margin-right: -9.52381%; margin-bottom: 1.25rem; margin-left: -9.52381%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 768px) { .listing-event .listing-event-header .right-column { margin-top: 5rem; margin-right: 0; margin-bottom: 0; margin-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 47.82609%; flex: 0 0 47.82609%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media screen and (min-width: 1024px) { .listing-event .listing-event-header .right-column { margin-top: 0; } } .listing-event .listing-event-header .date-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; text-align: center; } @media screen and (min-width: 768px) { .listing-event .listing-event-header .date-wrapper { padding-bottom: 1.875rem; display: inline-block; } } @media screen and (min-width: 768px) and (min-width: 1024px) { .listing-event .listing-event-header .date-wrapper { padding-bottom: 2.5rem; } } .listing-event .listing-event-header .date-wrapper .f--date { font-size: 0.875rem; line-height: 1; color: #000; text-transform: uppercase; } @media screen and (min-width: 768px) { .listing-event .listing-event-header .date-wrapper .f--date { font-size: 1.25rem; line-height: 1; } } .listing-event .listing-event-header .date-wrapper .f--date span { padding-top: 0.9375rem; font-size: 2rem; line-height: 1; display: block; } @media screen and (min-width: 768px) { .listing-event .listing-event-header .date-wrapper .f--date span { font-size: 3.5rem; line-height: 1; } } @media screen and (min-width: 1024px) { .listing-event .listing-event-header .date-wrapper .f--date span { font-size: 4.5rem; line-height: 1; } } .listing-event .listing-event-header .info-wrapper { padding-left: 4.7619%; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; } @media screen and (min-width: 768px) { .listing-event .listing-event-header .info-wrapper { padding-left: 0; } } .listing-event .listing-event-header .info-wrapper .f--section-title h2 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .listing-event .listing-event-header .info-wrapper .f--section-title h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 1.3125rem; } } .listing-event .listing-event-header .info-wrapper .date-location-wrapper .f--date, .listing-event .listing-event-header .info-wrapper .date-location-wrapper .f--text, .listing-event .listing-event-header .info-wrapper .date-location-wrapper span { font-size: 0.875rem; line-height: 1.7143; display: inline; } @media screen and (min-width: 768px) { .listing-event .listing-event-header .info-wrapper .date-location-wrapper .f--date, .listing-event .listing-event-header .info-wrapper .date-location-wrapper .f--text, .listing-event .listing-event-header .info-wrapper .date-location-wrapper span { font-size: 1rem; line-height: 1.75; } } .listing-event .listing-event-header .info-wrapper .date-location-wrapper span { margin-right: 0.3125rem; margin-left: 0.3125rem; display: inline-block; } .listing-event .c--event-landing > .f--section-title h2 { font-size: 1.5rem; line-height: 1.3334; } @media screen and (min-width: 768px) { .listing-event .c--event-landing > .f--section-title h2 { font-size: 2rem; line-height: 1.25; } } .listing-event .tab-content { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .listing-event .tab-content.selected { display: -webkit-box; display: -ms-flexbox; display: flex; } } .listing-in-the-news .title-header { max-width: 1440px; margin: 0 auto; text-align: center; } .listing-in-the-news .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-in-the-news .title-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .listing-in-the-news .title-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .listing-in-the-news .title-header .inner-wrapper { padding-bottom: 1.25rem; } @media screen and (min-width: 768px) { .listing-in-the-news .title-header .inner-wrapper { padding-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .listing-in-the-news .title-header .inner-wrapper { padding-bottom: 2.5rem; } } .listing-in-the-news .f--page-title { max-width: 1440px; margin: 0 auto; } .listing-in-the-news .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-in-the-news .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-in-the-news .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .listing-in-the-news .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) and (max-width: 1023px) { .listing-in-the-news .f--page-title h1 { font-size: 3rem; line-height: 1.1667; } } @media screen and (min-width: 768px) { .listing-in-the-news .f--description p { font-size: 1.375rem; line-height: 1.6364; } } .listing-magazine-past-issues .f--page-title { max-width: 1440px; margin: 0 auto; text-align: center; } .listing-magazine-past-issues .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-magazine-past-issues .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-magazine-past-issues .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .listing-magazine-section .title-header-inner { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-magazine-section .title-header-inner { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-magazine-section .title-header-inner { padding-right: 20%; padding-left: 20%; } } .listing-magazine-section .title-header { max-width: 1440px; margin: 0 auto; text-align: center; } .listing-magazine-section .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-magazine-section .title-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .listing-magazine-section .title-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .listing-magazine-section .title-header .f--page-title { max-width: 1440px; margin: 0 auto; } .listing-magazine-section .title-header .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-magazine-section .title-header .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-magazine-section .title-header .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .listing-magazine-section .title-header .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .listing-magazine-section .title-header .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .listing-magazine-section .title-header .f--description p { font-size: 1.375rem; line-height: 1.6364; } } .listing-magazine-section .content-main { max-width: 1440px; margin: 0 auto; } .listing-magazine-section .content-main .cc--topic-listing.three-col { padding-top: 1.875rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-magazine-section .content-main .cc--topic-listing.three-col { padding-top: 3.75rem; padding-right: 4%; padding-bottom: 3.75rem; padding-left: 4%; } } .listing-related-topics .cc--feature-external-internal .f--text p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .listing-related-topics .cc--feature-external-internal .f--text p { font-size: 1rem; line-height: 1.75; } } .listing-related-topics .cc--feature-external-internal .f--label { font-size: 1.125rem; line-height: 1.4445; margin-bottom: 0.9375rem; color: #000; } @media screen and (min-width: 768px) { .listing-related-topics .cc--feature-external-internal .f--label { font-size: 1.25rem; line-height: 1.4; margin-bottom: 1.25rem; } } .listing-related-topics .cc--topic-listing { max-width: 1440px; margin: 0 auto; } .listing-related-topics .cc--topic-listing .c--topic-listing { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-related-topics .cc--topic-listing .c--topic-listing { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-related-topics .cc--topic-listing .c--topic-listing { padding-top: 3.75rem; padding-bottom: 6.25rem; } } .listing-related-topics .cc--topic-listing .text-container { padding-right: 0; padding-left: 0; } .listing-topic-mixed-three-col .title-header { max-width: 1440px; margin: 0 auto; text-align: center; } .listing-topic-mixed-three-col .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic-mixed-three-col .title-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .listing-topic-mixed-three-col .title-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .listing-topic-mixed-three-col .title-header .f--page-title { max-width: 1440px; margin: 0 auto; } .listing-topic-mixed-three-col .title-header .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic-mixed-three-col .title-header .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-topic-mixed-three-col .title-header .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .listing-topic-mixed-three-col .title-header .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .listing-topic-mixed-three-col .title-header .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .listing-topic-mixed-three-col .title-header .f--description p { font-size: 1.375rem; line-height: 1.6364; } } @media screen and (min-width: 1024px) { .listing-topic-mixed-three-col .title-header .inner-wrapper { padding-bottom: 1.875rem; } } .listing-topic-mixed-three-col .content-main { max-width: 1440px; margin: 0 auto; } .listing-topic-mixed-three-col .content-main .cc--topic-listing.three-col, .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing.three-col, .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col { padding-top: 3.75rem; padding-right: 4%; padding-left: 4%; } } .listing-topic-mixed-three-col .content-main .cc--topic-listing.three-col .f--section-title, .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .f--section-title { text-align: center; } @media screen and (min-width: 1024px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing.three-col .f--section-title h2, .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .f--section-title h2 { margin-bottom: 2.5rem; } } .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video { margin-bottom: 0; } .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video .c--news-card-video { margin-bottom: 1.875rem; } @media screen and (min-width: 500px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video .c--news-card-video { display: block; overflow: hidden; } } @media screen and (min-width: 768px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video .c--news-card-video { margin-bottom: 3.125rem; display: block; } } @media screen and (min-width: 1200px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video .c--news-card-video { margin-bottom: 3.75rem; } } @media screen and (min-width: 500px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video .c--news-card-video .video-container { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video .c--news-card-video .video-container { margin-left: 0; width: 100%; float: none; } } @media screen and (min-width: 500px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video .c--news-card-video .text-container { width: auto; } } .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video .c--news-card-video .text-container .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col .cc--news-card-video .c--news-card-video .text-container .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } @media screen and (min-width: 768px) { .listing-topic-mixed-three-col .content-main .cc--topic-listing-videos.three-col { padding-top: 0; padding-right: 4%; padding-left: 4%; } } .listing-topic-mixed-two-col .title-header { max-width: 1440px; margin: 0 auto; text-align: center; } .listing-topic-mixed-two-col .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .title-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .listing-topic-mixed-two-col .title-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .listing-topic-mixed-two-col .title-header .f--page-title { max-width: 1440px; margin: 0 auto; } .listing-topic-mixed-two-col .title-header .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .title-header .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-topic-mixed-two-col .title-header .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .listing-topic-mixed-two-col .title-header .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .listing-topic-mixed-two-col .title-header .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .title-header .f--description p { font-size: 1.375rem; line-height: 1.6364; } } @media screen and (min-width: 1024px) { .listing-topic-mixed-two-col .title-header .inner-wrapper { padding-bottom: 1.875rem; } } .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-right: 8%; padding-left: 8%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-right: 2%; padding-left: 4%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 32%; } } .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing.two-col, .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col { padding-right: 0; padding-left: 0; } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing.two-col, .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col { padding-top: 3.75rem; padding-right: 0; padding-left: 0; } } .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing.two-col .f--section-title, .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .f--section-title { text-align: center; } @media screen and (min-width: 1024px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing.two-col .f--section-title h2, .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .f--section-title h2 { margin-bottom: 2.5rem; } } .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col { padding-top: 2.5rem; padding-right: 0; padding-left: 0; } .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video { margin-bottom: 0; } .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video .c--news-card-video { margin-bottom: 1.875rem; } @media screen and (min-width: 500px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video .c--news-card-video { display: block; overflow: hidden; } } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video .c--news-card-video { margin-bottom: 3.125rem; display: block; } } @media screen and (min-width: 1200px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video .c--news-card-video { margin-bottom: 3.75rem; } } @media screen and (min-width: 500px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video .c--news-card-video .video-container { margin-left: 0.9375rem; width: 47.61905%; float: right; } } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video .c--news-card-video .video-container { margin-left: 0; width: 100%; float: none; } } @media screen and (min-width: 500px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video .c--news-card-video .text-container { width: auto; } } .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video .c--news-card-video .text-container .f--description p { font-size: 0.875rem; line-height: 1.7143; margin-top: 0.9375rem; } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col .cc--news-card-video .c--news-card-video .text-container .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing-videos.two-col { padding-top: 0; padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .listing-topic-mixed-two-col .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing.two-col { padding-top: 0; padding-right: 0; padding-left: 0; } } .listing-topic-three-col .title-header { max-width: 1440px; margin: 0 auto; text-align: center; } .listing-topic-three-col .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic-three-col .title-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .listing-topic-three-col .title-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .listing-topic-three-col .title-header .f--page-title { max-width: 1440px; margin: 0 auto; } .listing-topic-three-col .title-header .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic-three-col .title-header .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-topic-three-col .title-header .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .listing-topic-three-col .title-header .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .listing-topic-three-col .title-header .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .listing-topic-three-col .title-header .f--description p { font-size: 1.375rem; line-height: 1.6364; } } .listing-topic-three-col .content-main { max-width: 1440px; margin: 0 auto; } .listing-topic-three-col .content-main .cc--topic-listing.three-col { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic-three-col .content-main .cc--topic-listing.three-col { padding-top: 3.75rem; padding-right: 4%; padding-bottom: 3.75rem; padding-left: 4%; } } .listing-topics-videos .cc--topic-listing-videos { max-width: 1440px; margin: 0 auto; } .listing-topics-videos .cc--topic-listing-videos .c--topic-listing-videos { padding-top: 1.875rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topics-videos .cc--topic-listing-videos .c--topic-listing-videos { padding-top: 3.75rem; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-topics-videos .cc--topic-listing-videos .c--topic-listing-videos { padding-top: 5rem; } } .listing-topic .title-header { max-width: 1440px; margin: 0 auto; text-align: center; } .listing-topic .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic .title-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .listing-topic .title-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .listing-topic .title-header .f--page-title { max-width: 1440px; margin: 0 auto; } .listing-topic .title-header .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .listing-topic .title-header .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .listing-topic .title-header .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .listing-topic .title-header .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .listing-topic .title-header .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .listing-topic .title-header .f--description p { font-size: 1.375rem; line-height: 1.6364; } } .listing-topic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-right: 8%; padding-left: 8%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 768px) { .listing-topic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-right: 2%; padding-left: 4%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 32%; } } @media screen and (min-width: 768px) { .listing-topic .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--topic-listing.two-col { padding-top: 0; padding-right: 0; padding-left: 0; } } .magazine-issue .cc--topic-listing { max-width: 1440px; margin: 0 auto; } .magazine-issue .cc--topic-listing .c--topic-listing { margin-bottom: 0; padding-top: 2.5rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .magazine-issue .cc--topic-listing .c--topic-listing { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .magazine-issue .cc--topic-listing .c--topic-listing { padding-top: 3.75rem; padding-bottom: 6.25rem; } } .magazine-issue .cc--topic-listing .f--image { margin-bottom: 1.25rem; } .magazine-landing .content-main { padding-top: 1.875rem; } @media screen and (min-width: 768px) { .magazine-landing .content-main { padding-top: 4.375rem; padding-bottom: 4.375rem; } } @media screen and (min-width: 1024px) { .magazine-landing .content-main { padding-top: 6.25rem; padding-bottom: 6.25rem; } } .magazine-landing .content-main > .f--section-title { padding-right: 8%; padding-left: 8%; text-align: center; } @media screen and (min-width: 768px) { .magazine-landing .content-main > .f--section-title h2 { margin-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .magazine-landing .content-main > .f--section-title h2 { margin-bottom: 3.75rem; } } .magazine-landing .c--feature-external-internal .inner-wrapper { padding-top: 0; } @media screen and (min-width: 768px) { .magazine-landing .c--feature-external-internal .inner-wrapper { padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .magazine-landing .c--feature-external-internal .inner-wrapper { padding-bottom: 3.75rem; } } .magazine-landing .cc--topic-listing { max-width: 1440px; margin: 0 auto; } .magazine-landing .cc--topic-listing .c--topic-listing { padding-right: 8%; padding-bottom: 0; padding-left: 8%; } @media screen and (min-width: 768px) { .magazine-landing .cc--topic-listing .c--topic-listing { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .media-remote-video #main-content { margin-top: 4.375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main { padding-top: 0; } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .f--page-title { max-width: 1440px; margin: 0 auto; } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .f--rich-text table { min-width: auto; max-width: 100%; } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--rich-text .c--rich-text { padding-right: 0; padding-left: 0; } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--events-filtered-display, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--news-filtered-display, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--horizontal-listing, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--featured-summaries { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--events-filtered-display, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--news-filtered-display, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--horizontal-listing, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--featured-summaries { margin-top: 3.75rem; margin-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--events-filtered-display, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--news-filtered-display, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--horizontal-listing, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--featured-summaries { margin-top: 5rem; margin-bottom: 5rem; } } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--horizontal-listing .inner-wrapper, .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main .cc--featured-summaries .inner-wrapper { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .mini-site-section .content-sidebar-main-wrapper { max-width: none; } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner { padding-top: 0; display: block; } @media screen and (min-width: 1024px) { .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; width: auto; padding-right: 0; padding-left: 0; z-index: 1; } @media screen and (min-width: 1024px) { .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-sidebar { padding-right: 2%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main { padding-right: 0; padding-left: 0; position: relative; width: auto; z-index: 0; } @media screen and (min-width: 1024px) { .mini-site-section .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner .content-main { width: 68%; } } .mini-site-section .cl--component-list { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .mini-site-section .cl--component-list { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .mini-site-section .cl--component-list { padding-right: 5.88235%; padding-left: 5.88235%; } } @media screen and (min-width: 1440px) { .mini-site-section .cl--component-list { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 1440px) { .mini-site-section .cl--component-list > .cc--component-container:not(.cc--hero-basic):not(.cc--slideshow) { padding-right: 5.88235%; padding-left: 5.88235%; margin-right: calc((100vw - 1440px) / 2); } .mini-site-section .cl--component-list > .cc--component-container:not(.cc--hero-basic):not(.cc--slideshow) > .c--component { padding-right: 0; padding-left: 0; } } .mini-site-section .cl--component-list > .cc--component-container:not(.cc--hero-basic):not(.cc--slideshow).cc--special-announcement.color-white .c--special-announcement { padding-right: 0; padding-left: 0; } .mini-site-section .cl--component-list > .cc--component-container:not(.cc--hero-basic):not(.cc--slideshow) > .c--component > .inner-wrapper { padding-right: 0; padding-left: 0; } .mini-site-section .cl--component-list > .cc--hero-basic + .cc--rich-text { margin-top: 0; } .mini-site-section .cl--component-list > .cc--hero-basic.bg-video + .cc--component-container, .mini-site-section .cl--component-list > .cc--hero-basic.bg-image + .cc--component-container { margin-top: 2.5rem; } @media screen and (min-width: 768px) { .mini-site-section .cl--component-list > .cc--hero-basic.bg-video + .cc--component-container, .mini-site-section .cl--component-list > .cc--hero-basic.bg-image + .cc--component-container { margin-top: 3.75rem; } } @media screen and (min-width: 1024px) { .mini-site-section .cl--component-list > .cc--hero-basic.bg-video + .cc--component-container, .mini-site-section .cl--component-list > .cc--hero-basic.bg-image + .cc--component-container { margin-top: 5rem; } } .mini-site-section .cl--component-list > .cc--hero-basic.bg-video + .cc--component-container > .c--component > .inner-wrapper, .mini-site-section .cl--component-list > .cc--hero-basic.bg-image + .cc--component-container > .c--component > .inner-wrapper { padding-top: 0; padding-bottom: 0; } @media screen and (min-width: 1440px) { .mini-site-section .cl--component-list .cc--slideshow { margin-right: calc(((100vw - 1440px) / 2) + 5.88235%); margin-left: 5.88235%; padding-right: 0; padding-left: 0; } } .mini-site-section .cl--component-list .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 8.125rem; } @media screen and (min-width: 500px) { .mini-site-section .cl--component-list .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 14.375rem; } } @media screen and (min-width: 768px) { .mini-site-section .cl--component-list .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 20.5rem; } } @media screen and (min-width: 1024px) { .mini-site-section .cl--component-list .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 20.5rem; } } @media screen and (min-width: 1200px) { .mini-site-section .cl--component-list .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 20.5rem; } } @media screen and (min-width: 1440px) { .mini-site-section .cl--component-list .cc--slideshow .gallery-top .cc--slider-slide .f--image { height: 25.3125rem; } } .mini-site-section .cl--component-list .cc--hero-basic { margin-right: -9.52381%; margin-left: -9.52381%; } @media screen and (min-width: 768px) { .mini-site-section .cl--component-list .cc--hero-basic { margin-right: -15.78947%; margin-left: -15.78947%; } } @media screen and (min-width: 1024px) { .mini-site-section .cl--component-list .cc--hero-basic { margin-right: -6.66667%; margin-left: -6.66667%; } } @media screen and (min-width: 1440px) { .mini-site-section .cl--component-list .cc--hero-basic { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 1440px) { .mini-site-section .cl--component-list .cc--hero-basic.bg-image, .mini-site-section .cl--component-list .cc--hero-basic.bg-video { padding-right: 0; padding-left: 0; } } .mini-site-section .cl--component-list .cc--hero-basic.bg-image .c--hero-basic .outer-wrapper .text-container, .mini-site-section .cl--component-list .cc--hero-basic.bg-video .c--hero-basic .outer-wrapper .text-container { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .mini-site-section .cl--component-list .cc--hero-basic.bg-image .c--hero-basic .outer-wrapper .text-container, .mini-site-section .cl--component-list .cc--hero-basic.bg-video .c--hero-basic .outer-wrapper .text-container { padding-right: 0; padding-left: 0; } } .mini-site-section .cl--component-list .cc--hero-basic.bg-image .c--hero-basic .outer-wrapper .text-container .text-wrapper, .mini-site-section .cl--component-list .cc--hero-basic.bg-video .c--hero-basic .outer-wrapper .text-container .text-wrapper { padding-right: 0; padding-left: 0; border-left: 0; } .mini-site-section .cl--component-list .cc--hero-basic .c--hero-basic { max-width: none; } @media screen and (min-width: 768px) { .mini-site-section .cl--component-list .cc--hero-basic .c--hero-basic .outer-wrapper { padding-top: 0; padding-right: 12%; padding-bottom: 0; padding-left: 12%; } } @media screen and (min-width: 1024px) { .mini-site-section .cl--component-list .cc--hero-basic .c--hero-basic .outer-wrapper { padding-right: 5.88235%; padding-left: 5.88235%; } } @media screen and (min-width: 1440px) { .mini-site-section .cl--component-list .cc--hero-basic .c--hero-basic .outer-wrapper { padding-right: 5.88235%; padding-left: 5.88235%; } } .nb-areas-study .detail-header { max-width: 1440px; margin: 0 auto; } .nb-areas-study .detail-header-inner { padding-top: 0.625rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .nb-areas-study .detail-header-inner { padding-top: 1.875rem; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .nb-areas-study .detail-header-inner { padding-top: 1.375rem; padding-bottom: 2.5rem; } } .nb-areas-study .detail-header .f--sub-title h3 { font-size: 1rem; line-height: 1.5; margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .nb-areas-study .detail-header .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 1.25rem; } } .nb-areas-study .cc--rich-text { margin-top: 0; margin-bottom: 0; } .nb-areas-study .cc--rich-text .f--rich-text > *:first-child { margin-top: 0; } .nb-areas-study .content-main { max-width: 1440px; margin: 0 auto; } .nb-areas-study .content-main .content-inner { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .nb-areas-study .content-main .content-inner { padding-top: 3.75rem; padding-right: 4%; padding-bottom: 3.75rem; padding-left: 4%; 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) { .nb-areas-study .content-main .content-inner { padding-top: 5rem; padding-right: 10%; padding-bottom: 3.75rem; padding-left: 4%; } } @media screen and (min-width: 768px) { .nb-areas-study .content-main .content-inner .areas-study-sidebar { width: 30.43478%; } } @media screen and (min-width: 1024px) { .nb-areas-study .content-main .content-inner .areas-study-sidebar { width: 25.5814%; } } .nb-areas-study .content-main .content-inner .areas-study-body { padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .nb-areas-study .content-main .content-inner .areas-study-body { padding-top: 0; padding-bottom: 0; width: 65.21739%; } } @media screen and (min-width: 1024px) { .nb-areas-study .content-main .content-inner .areas-study-body { width: 69.76744%; } } .nb-areas-study .content-main .content-inner .areas-study-body figure p { font-size: 0.75rem; line-height: 1.6667; margin-bottom: 0.625rem; color: #666; } @media screen and (min-width: 768px) { .nb-areas-study .content-main .content-inner .areas-study-body figure p { font-size: 0.875rem; line-height: 1.7143; } } .nb-areas-study .content-main .content-inner .areas-study-body .f--credit-download-button { padding-bottom: 1.875rem; } @media screen and (min-width: 768px) { .nb-areas-study .content-main .content-inner .areas-study-body .f--credit-download-button { padding-bottom: 3.75rem; } } .nb-areas-study .content-main .content-inner .areas-study-body .c--rich-text { padding-right: 0; padding-left: 0; } .article .content-main { position: relative; } .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 8%; padding-left: 8%; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 20%; padding-left: 20%; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 3.75rem; padding-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container { max-width: none; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--section-title h2 { text-align: left; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--description { text-align: left; } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list { display: block; } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card { width: 100%; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card:not(:last-child) { margin-bottom: 1.875rem; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card { overflow: hidden; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .image-link { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 47.36842%; float: none; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .image-link { width: 46.66667%; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .text-container { width: 47.36842%; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .f--sub-title { margin-bottom: 0; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .f--link { margin-top: 2.5rem; } } .article .clc--article-component-list .cc--rich-text .cc--caption-transcript .inner-wrapper { padding-right: 0; padding-left: 0; } .nb-centers-institutes .title-header { max-width: 1440px; margin: 0 auto; } .nb-centers-institutes .title-header .inner-wrapper { padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .nb-centers-institutes .title-header .inner-wrapper { padding-right: 4%; padding-bottom: 2.5rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .nb-centers-institutes .title-header .inner-wrapper { padding-bottom: 3.125rem; } } .nb-centers-institutes .title-header .text-wrapper .f--page-title { max-width: 1440px; margin: 0 auto; } .nb-centers-institutes .title-header .text-wrapper .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .nb-centers-institutes .title-header .text-wrapper .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .nb-centers-institutes .title-header .text-wrapper .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .nb-centers-institutes .title-header .text-wrapper .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .nb-centers-institutes .title-header .text-wrapper .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .nb-centers-institutes .title-header .text-wrapper .f--description p { font-size: 1.375rem; line-height: 1.6364; } } @media screen and (min-width: 1024px) { .nb-centers-institutes .title-header .text-wrapper { width: 80.43478%; } } .nb-centers-institutes .title-header .f--page-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .nb-centers-institutes .centers-institutes-content { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .nb-centers-institutes .centers-institutes-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } .nb-centers-institutes .centers-accordion-content { padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .nb-centers-institutes .centers-accordion-content { padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; } } @media screen and (min-width: 1024px) { .nb-centers-institutes .centers-accordion-content { padding-bottom: 6.25rem; } } @media screen and (max-width: 767px) { .nb-centers-institutes .cc--filter-form { margin-top: 0; } } @media screen and (min-width: 768px) { .nb-centers-institutes .cc--filter-form { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; } } .nb-centers-institutes .cc--accordion { margin-top: 1.25rem; margin-bottom: 0; } .nb-centers-institutes .cc--accordion .c--accordion .inner-wrapper { padding-right: 0; padding-left: 0; } @media screen and (max-width: 767px) { .nb-centers-institutes .cc--accordion .c--accordion ul li button { padding-top: 1.25rem; padding-bottom: 1.25rem; } } @media screen and (max-width: 767px) { .nb-centers-institutes .cc--accordion .c--accordion .accordion-panel { padding-bottom: 1.25rem; } } .nb-centers-institutes .cc--accordion .c--accordion .accordion-panel .f--link a { text-decoration: none; } html[data-whatintent="mouse"] .nb-centers-institutes .cc--accordion .c--accordion .accordion-panel .f--link a.button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .nb-centers-institutes .cc--accordion .c--accordion .accordion-panel .f--link a.button:hover { text-decoration: none; } .nb-centers-institutes .cc--filter-abc-form { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .nb-centers-institutes .cc--filter-abc-form { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .nb-centers-institutes .cc--filter-abc-form { margin-bottom: 3.125rem; } } .nb-centers-institutes .cc--filter-abc-form form .filter-container { margin-top: 1.25rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .nb-centers-institutes .cc--filter-abc-form form .filter-container { margin-top: 3.75rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .nb-centers-institutes .cc--filter-abc-form form .filter-container { margin-top: 5rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .nb-centers-institutes .cc--filter-abc-form form .filter-container .abc-all-wrapper { padding-right: 0; padding-left: 0; } .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li { font-size: 1rem; line-height: 1.375; padding-top: 0.3125rem; padding-right: 0.625rem; padding-bottom: 0.3125rem; padding-left: 0.625rem; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } @media screen and (min-width: 768px) { .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li { font-size: 1.125rem; line-height: 1.3334; } } .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li a, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li button, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li button { font-size: 1rem; line-height: 1.375; } @media screen and (min-width: 768px) { .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li a, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li button, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li a, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li button { font-size: 1.125rem; line-height: 1.3334; } } .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li button, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li button { color: #C03; } .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper ul > li button a, .nb-centers-institutes .cc--filter-abc-form form .abc-all-wrapper .abc-list > li button a { color: #C03; } .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper { margin-bottom: 1.875rem; } .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-adresses p, .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-contact p { font-size: 1rem; line-height: 1.5; margin-bottom: 0.625rem; } .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-adresses p:last-child, .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-contact p:last-child { margin-bottom: 0; } .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-adresses { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper { margin-bottom: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-adresses { margin-bottom: 0; } .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-adresses, .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-contact { -webkit-box-flex: 0; -ms-flex: 0 0 46.66667%; flex: 0 0 46.66667%; } .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-adresses p, .nb-centers-institutes .cc--center-institute .c--center-institute .adresses-contact-wrapper .center-contact p { font-size: 1.125rem; line-height: 1.5556; } } @media screen and (min-width: 960px) { .nb-feature-article .cc--video-full-width .video-poster .video-controls-info .inner-wrapper { padding-right: 10%; padding-left: 10%; } } @media screen and (min-width: 960px) { .nb-feature-article .cc--video-full-width .video-poster .video-controls-info .play-video-btn { width: 12.5%; } } @media screen and (min-width: 960px) { .nb-feature-article .cc--caption-transcript .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .explore-programs .title-header { max-width: 1440px; margin: 0 auto; } .explore-programs .title-header .inner-wrapper { padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-programs .title-header .inner-wrapper { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .explore-programs .title-header .inner-wrapper { padding-bottom: 3.125rem; } } .explore-programs .title-header .text-wrapper .f--page-title { max-width: 1440px; margin: 0 auto; } .explore-programs .title-header .text-wrapper .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-programs .title-header .text-wrapper .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .explore-programs .title-header .text-wrapper .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .explore-programs .title-header .text-wrapper .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .explore-programs .title-header .text-wrapper .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .explore-programs .title-header .text-wrapper .f--description p { font-size: 1.375rem; line-height: 1.6364; } } @media screen and (min-width: 1024px) { .explore-programs .title-header .text-wrapper { width: 80.43478%; } } .explore-programs .title-header .f--page-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .explore-programs .explore-programs-content { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .explore-programs .explore-programs-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } .explore-programs .explore-accordion-content { padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-programs .explore-accordion-content { padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; } } @media screen and (min-width: 1024px) { .explore-programs .explore-accordion-content { padding-bottom: 6.25rem; } } @media screen and (min-width: 768px) { .explore-programs .cc--filter-form { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; } } .explore-programs .cc--accordion .c--accordion .inner-wrapper { padding-right: 0; padding-left: 0; } .explore-programs .cc--filter-abc-form form .filter-container { margin-top: 1.25rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .explore-programs .cc--filter-abc-form form .filter-container { margin-top: 3.75rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .explore-programs .cc--filter-abc-form form .filter-container { margin-top: 5rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .explore-programs .cc--filter-abc-form form .filter-container .abc-all-wrapper { padding-right: 0; padding-left: 0; } .explore-programs .cc--filter-abc-form form .abc-list > li { font-size: 1rem; line-height: 1.375; padding-top: 0.3125rem; padding-right: 0.625rem; padding-bottom: 0.3125rem; padding-left: 0.625rem; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } @media screen and (min-width: 768px) { .explore-programs .cc--filter-abc-form form .abc-list > li { font-size: 1.125rem; line-height: 1.3334; } } .explore-programs .cc--filter-abc-form form .abc-list > li a, .explore-programs .cc--filter-abc-form form .abc-list > li button { font-size: 1rem; line-height: 1.375; } @media screen and (min-width: 768px) { .explore-programs .cc--filter-abc-form form .abc-list > li a, .explore-programs .cc--filter-abc-form form .abc-list > li button { font-size: 1.125rem; line-height: 1.3334; } } .explore-programs .cc--filter-abc-form form .abc-list > li button { color: #C03; } .explore-programs .cc--filter-abc-form form .abc-list > li button a { color: #C03; } .newark .content-main { position: relative; z-index: 0; } .profile .content-top { margin-bottom: 2.3125rem; } @media screen and (min-width: 768px) { .profile .content-top { margin-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .profile .content-top { margin-bottom: 5rem; } } .profile .content-wrapper { max-width: 1440px; margin: 0 auto; } .profile .content-wrapper-inner { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .profile .content-wrapper-inner { padding-right: 4%; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .profile .content-wrapper-inner { padding-right: 20%; padding-left: 4%; } } @media screen and (min-width: 768px) { .profile .content-wrapper .cc--profile-chapter-nav { padding-right: 4.34783%; position: -webkit-sticky; position: sticky; top: 4.375rem; -webkit-box-flex: 0; -ms-flex: 0 0 34.78261%; flex: 0 0 34.78261%; height: 100%; z-index: 1; } } @media screen and (min-width: 1024px) { .profile .content-wrapper .cc--profile-chapter-nav { padding-right: 2.63158%; -webkit-box-flex: 0; -ms-flex: 0 0 21.05263%; flex: 0 0 21.05263%; } } @media screen and (min-width: 768px) { .profile .content-wrapper .clc--component-list-container { -webkit-box-flex: 0; -ms-flex: 0 0 65.21739%; flex: 0 0 65.21739%; } } @media screen and (min-width: 1024px) { .profile .content-wrapper .clc--component-list-container { -webkit-box-flex: 0; -ms-flex: 0 0 78.94737%; flex: 0 0 78.94737%; } } .profile .person-content-info { max-width: 1440px; margin: 0 auto; position: relative; z-index: 1; } .profile .person-content-info-inner { padding-top: 1.875rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .profile .person-content-info-inner { padding-top: 2.5rem; padding-right: 4%; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .profile .person-content-info-inner { padding-top: 3.75rem; padding-right: 16%; padding-left: 10%; } } @media screen and (min-width: 768px) { .profile .person-content-info .left-col { padding-top: 2.5rem; padding-right: 4.34783%; padding-bottom: 4.375rem; -webkit-box-flex: 0; -ms-flex: 0 0 63.04348%; flex: 0 0 63.04348%; } } @media screen and (min-width: 1024px) { .profile .person-content-info .left-col { -webkit-box-flex: 0; -ms-flex: 0 0 70.27027%; flex: 0 0 70.27027%; } } @media screen and (max-width: 499px) { .profile .person-content-info .right-col { max-width: 66.66667%; } } @media screen and (max-width: 767px) { .profile .person-content-info .right-col { margin-right: auto; margin-left: auto; max-width: 42.85714%; } } @media screen and (min-width: 768px) { .profile .person-content-info .right-col { -webkit-box-flex: 0; -ms-flex: 0 0 36.95652%; flex: 0 0 36.95652%; } } @media screen and (min-width: 1024px) { .profile .person-content-info .right-col { -webkit-box-flex: 0; -ms-flex: 0 0 29.72973%; flex: 0 0 29.72973%; } } .profile .person-content-info .f--page-title { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .profile .person-content-info .f--page-title { margin-bottom: 1.875rem; } } @media screen and (min-width: 1024px) { .profile .person-content-info .f--page-title { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .profile .person-content-info .f--page-title h1 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .profile .person-content-info .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; } } .profile .person-content-info .f--description { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .profile .person-content-info .f--description { margin-bottom: 1.875rem; } } .profile .person-content-info .f--description p { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .profile .person-content-info .f--description p { font-size: 1rem; line-height: 1.75; } } .profile .person-content-info .additional-info-wrapper p { font-size: 0.875rem; line-height: 1.1429; color: #000; } @media screen and (max-width: 767px) { .profile .person-content-info .additional-info-wrapper p { margin-bottom: 0.9375rem; } } .profile .person-meta-data { max-width: 1440px; margin: 0 auto; } .profile .person-meta-data-wrapper { margin-top: -1.875rem; position: relative; background: #EFEFEF; z-index: 0; } @media screen and (min-width: 768px) { .profile .person-meta-data-wrapper { margin-top: -2.5rem; } } .profile .person-meta-data-inner { padding-top: 3.9375rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .profile .person-meta-data-inner { padding-top: 5.625rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .profile .person-meta-data-inner { padding-bottom: 4.375rem; padding-left: 10%; } } @media screen and (max-width: 767px) { .profile .person-meta-data .left-col { margin-bottom: 2.5rem; } } @media screen and (min-width: 768px) { .profile .person-meta-data .left-col { padding-right: 4%; -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; } } .profile .person-meta-data .left-col p { font-size: 0.875rem; line-height: 1.4286; } .profile .person-meta-data .left-col p a { text-decoration: none; } html[data-whatintent="mouse"] .profile .person-meta-data .left-col p a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .profile .person-meta-data .left-col p a:hover { color: #444; text-decoration: underline; } .profile .person-meta-data .left-col strong { margin-right: 0.625rem; font-size: 0.875rem; line-height: 1.4286; display: block; color: #000; } .profile .person-meta-data .left-col .item-wrapper { margin-bottom: 0.9375rem; 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: 768px) { .profile .person-meta-data .left-col .item-wrapper { margin-bottom: 1.25rem; } } .profile .person-meta-data .left-col .cv-wrapper .f--link { display: -webkit-box; display: -ms-flexbox; display: flex; } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt { padding-right: 0.3125rem; padding-left: 0; font-size: 0.875rem; line-height: 1.4286; background: transparent; border: 0; color: #000; height: auto; width: auto; text-align: left; } @media screen and (min-width: 768px) { .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt { font-size: 1rem; line-height: 1.375; } } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt svg { margin-top: 0.1875rem; margin-left: 0.9375rem; fill: #C03; height: 0.125rem; width: 0.625rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt:hover { color: #C03; } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt:hover svg { width: 1.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt:focus { outline: 0.125rem solid #0086E8; } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt.disabled { color: #000; opacity: .7; outline: 0; } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt.disabled:hover { cursor: default; } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt.disabled:hover svg { margin-left: 0.9375rem; width: 0.625rem; } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: 0; } .profile .person-meta-data .left-col .cv-wrapper .f--link a.button--alt svg { margin-left: 0; width: 0.6875rem; height: 0.75rem; } @media screen and (min-width: 768px) { .profile .person-meta-data .left-col .phone-fax { 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: 768px) { .profile .person-meta-data .left-col .phone-fax .phone { margin-right: 1.25rem; } } @media screen and (min-width: 768px) { .profile .person-meta-data .right-col { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; } } .profile .person-meta-data .right-col .title { margin-bottom: 0.9375rem; font-size: 0.875rem; line-height: 1.1429; display: block; color: #000; } .profile .person-meta-data .right-col p { font-size: 0.875rem; line-height: 1.5715; margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .profile .person-meta-data .right-col p { margin-bottom: 1.25rem; } } .profile .cc--news-filtered-display { margin-bottom: 2.5rem; margin-left: 0; padding-right: 0; padding-left: 0; width: auto; } .profile .cc--news-filtered-display .news-list .cc--news-card { -webkit-box-flex: 0; -ms-flex: 0 0 46.66667%; flex: 0 0 46.66667%; } .profile .cc--news-filtered-display .news-list .cc--news-card:first-child { margin-bottom: 0; } .profile .cc--news-filtered-display .news-list .cc--news-card:first-child .image-link { margin-right: 0; margin-left: 0; } .profile .cc--news-filtered-display .news-list .cc--news-card .f--sub-title a { font-size: 1.25rem; line-height: 1.4; } @media screen and (min-width: 768px) { .profile .cc--news-filtered-display .news-list .cc--news-card .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } .profile .cc--events-filtered-display { margin-bottom: 3.75rem; } .profile .cc--event-card .c--event-card .text-wrapper { padding-right: 0; padding-left: 0; } .classroom-search .directory-wrapper { max-width: 1440px; margin: 0 auto; } .classroom-search .directory-wrapper .inner-wrapper { padding-top: 1.25rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .classroom-search .directory-wrapper .inner-wrapper { padding-top: 1.875rem; padding-right: 4%; padding-left: 4%; } } .classroom-search .cc--person-card { border-bottom: 0; } @media screen and (min-width: 768px) { .classroom-search .cc--person-card { margin-right: 4.34783%; width: 30.43478%; } .classroom-search .cc--person-card:nth-child(3n) { margin-right: 0; } .classroom-search .cc--person-card:last-child { margin-right: 0; } } @media screen and (min-width: 1024px) { .classroom-search .cc--person-card { margin-right: 4.34783%; width: 21.73913%; } .classroom-search .cc--person-card:nth-child(3n) { margin-right: 4.34783%; } .classroom-search .cc--person-card:nth-child(4n) { margin-right: 0; } } .classroom-search .cc--person-card .learn-more { display: none; } .classroom-search .cc--person-card .c--person-card { display: block; } .classroom-search .cc--person-card .c--person-card .image-link { width: auto; float: none; } .classroom-search .cc--person-card .c--person-card .title { font-size: 1rem; line-height: 1.375; } .classroom-search .cc--person-card .c--person-card .department { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.25rem; } .classroom-search .cc--person-card .contact-meta { margin-bottom: 0; } .classroom-search .cc--person-card .contact-meta .f--text:last-child { margin-bottom: 0; } .classroom-search .cc--person-card .contact-meta .f--text strong { margin-right: 1.25rem; display: inline-block; width: 2.5625rem; } .classroom-search .title-header { max-width: 1440px; margin: 0 auto; } .classroom-search .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .classroom-search .title-header .inner-wrapper { padding-right: 4%; padding-left: 4%; } } .classroom-search .title-header .f--page-title { max-width: 1440px; margin: 0 auto; } .classroom-search .title-header .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .classroom-search .title-header .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .classroom-search .title-header .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .classroom-search .title-header .f--page-title h1 { padding-right: 0; padding-bottom: 0; padding-left: 0; } @media screen and (min-width: 768px) { .classroom-search .cc--people-directory .people-listing-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .classroom-search .cc--people-directory .people-listing-wrapper::after { display: none; } .classroom-search .cc--load-more { padding-bottom: 3.75rem; } @media screen and (min-width: 768px) { .classroom-search .cc--load-more { padding-bottom: 5rem; } } @media screen and (min-width: 1024px) { .classroom-search .cc--load-more { padding-bottom: 6.25rem; } } .classroom-search .cc--filter-form .c--filter-form { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .classroom-search .cc--filter-form .c--filter-form { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1440px) { .classroom-search .cc--filter-form .c--filter-form { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .classroom-search .cc--filter-form .c--filter-form .form-filter-content { padding-top: 1.875rem; padding-right: 0; padding-bottom: 1.875rem; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1440px) { .classroom-search .cc--filter-form .c--filter-form .form-filter-content { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 768px) { .classroom-search .cc--filter-form .c--filter-form .fields-container { -webkit-box-flex: 0; -ms-flex: 0 0 86.95652%; flex: 0 0 86.95652%; } } @media screen and (min-width: 1024px) { .classroom-search .cc--filter-form .c--filter-form .fields-container { -webkit-box-flex: 0; -ms-flex: 0 0 56.52174%; flex: 0 0 56.52174%; } } @media screen and (min-width: 1440px) { .classroom-search .cc--filter-form .c--filter-form .fields-container { -webkit-box-flex: 0; -ms-flex: 0 0 47.82609%; flex: 0 0 47.82609%; } } @media screen and (min-width: 768px) { .classroom-search .cc--filter-form .c--filter-form .fields-container .fi--form-item { margin-top: 0; margin-right: 5%; margin-bottom: 0; padding-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; } } @media screen and (min-width: 1024px) { .classroom-search .cc--filter-form .c--filter-form .fields-container .fi--form-item { margin-top: 0; margin-right: 3.84615%; margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media screen and (min-width: 1440px) { .classroom-search .cc--filter-form .c--filter-form .fields-container .fi--form-item { margin-top: 0; margin-right: 4.54545%; margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media screen and (min-width: 768px) { .classroom-search .cc--filter-form .c--filter-form .button-container { padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 13.04348%; flex: 0 0 13.04348%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 1024px) { .classroom-search .cc--filter-form .c--filter-form .button-container { -webkit-box-flex: 0; -ms-flex: 0 0 43.47826%; flex: 0 0 43.47826%; } } @media screen and (min-width: 1440px) { .classroom-search .cc--filter-form .c--filter-form .button-container { -webkit-box-flex: 0; -ms-flex: 0 0 52.17391%; flex: 0 0 52.17391%; } } .article .content-main { position: relative; } .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--accordion .c--accordion .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 8%; padding-left: 8%; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-right: 20%; padding-left: 20%; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 3.75rem; padding-bottom: 3.75rem; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container { max-width: none; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--section-title h2 { text-align: left; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .header-text-container .f--description { text-align: left; } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list { display: block; } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card { width: 100%; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card:not(:last-child) { margin-bottom: 1.875rem; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card { overflow: hidden; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .image-link { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; width: 47.36842%; float: none; } } @media screen and (min-width: 1024px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .image-link { width: 46.66667%; } } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .text-container { width: 47.36842%; } } .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .inner-wrapper .cards-list .cc--news-card .c--news-card .f--sub-title { margin-bottom: 0; } @media screen and (min-width: 768px) { .article .clc--article-component-list .cc--featured-summaries .c--featured-summaries .f--link { margin-top: 2.5rem; } } .article .clc--article-component-list .cc--rich-text .cc--caption-transcript .inner-wrapper { padding-right: 0; padding-left: 0; } .explore-core-facilities .title-header { max-width: 1440px; margin: 0 auto; } @media screen and (max-width: 767px) { .explore-core-facilities .title-header { text-align: center; } } .explore-core-facilities .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-core-facilities .title-header .inner-wrapper { padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .explore-core-facilities .title-header .inner-wrapper { padding-bottom: 2.5rem; } } .explore-core-facilities .title-header .text-wrapper .f--page-title { max-width: 1440px; margin: 0 auto; } .explore-core-facilities .title-header .text-wrapper .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-core-facilities .title-header .text-wrapper .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .explore-core-facilities .title-header .text-wrapper .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .explore-core-facilities .title-header .text-wrapper .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .explore-core-facilities .title-header .text-wrapper .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .explore-core-facilities .title-header .text-wrapper .f--description p { font-size: 1.375rem; line-height: 1.6364; } } @media screen and (min-width: 1024px) { .explore-core-facilities .title-header .text-wrapper { width: 80.43478%; } } .explore-core-facilities .title-header .f--page-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .explore-core-facilities .explore-core-facilities-content { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .explore-core-facilities .explore-core-facilities-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } .explore-core-facilities .explore-accordion-content { padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-core-facilities .explore-accordion-content { padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; } } @media screen and (min-width: 1024px) { .explore-core-facilities .explore-accordion-content { padding-bottom: 6.25rem; } } @media screen and (min-width: 768px) { .explore-core-facilities .cc--filter-form { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; } } .explore-core-facilities .cc--accordion .c--accordion .inner-wrapper { padding-right: 0; padding-left: 0; } @media screen and (max-width: 767px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger { padding-top: 1.0625rem; padding-right: 1.875rem; padding-bottom: 1.0625rem; } } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger::after { right: 0; } @media screen and (min-width: 768px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger::after { right: 0.3125rem; } } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text { margin-bottom: 0.9375rem; } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text span { font-size: 0.875rem; line-height: 1.4286; } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text span::before { margin-bottom: 0; } @media screen and (max-width: 767px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel { padding-bottom: 1.25rem; } } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel p a, .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel span a { -webkit-text-decoration-color: #444; text-decoration-color: #444; } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .f--rich-text { margin-bottom: 1.25rem; overflow: hidden; } @media screen and (min-width: 768px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .f--rich-text { padding-bottom: 1.875rem; } } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .f--rich-text figure.align-right { margin-top: 0.1875rem; } @media screen and (min-width: 768px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .f--rich-text figure.align-right { margin-left: 6.66667%; width: 33.33333%; } } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items { margin-top: 0.75rem; margin-bottom: 0; display: table; width: 100%; min-width: auto; } @media screen and (min-width: 768px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items { margin-top: 0; margin-bottom: 1.875rem; } } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items .f--text { font-size: 1rem; line-height: 1.75; display: table-row; } @media screen and (min-width: 768px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items .f--text { font-size: 1.125rem; line-height: 1.7778; } } @media screen and (max-width: 767px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items .f--text { padding-bottom: 0.625rem; display: block; width: 100%; min-height: auto; } } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items .f--text li { font-size: 1rem; line-height: 1.75; } @media screen and (min-width: 768px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items .f--text li { font-size: 1.125rem; line-height: 1.7778; } } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong, .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items span { display: table-cell; } @media screen and (max-width: 767px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong, .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items span { padding-top: 0; padding-right: 0; padding-left: 0; display: block; width: 100%; min-height: auto; } } @media screen and (max-width: 767px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong { padding-bottom: 0.3125rem; } } @media screen and (min-width: 768px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong { padding-right: 3.33333%; width: 40%; } } @media screen and (min-width: 1024px) { .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong { width: 26.66667%; } } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .field--items span { padding-top: 0; padding-right: 0; padding-bottom: 0.625rem; padding-left: 0; border: 0; } .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .f--link a { text-decoration: none; } html[data-whatintent="mouse"] .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .explore-core-facilities .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .f--link a:hover { text-decoration: none; } .explore-core-facilities .cc--filter-abc-form form .filter-container { margin-top: 1.5625rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .explore-core-facilities .cc--filter-abc-form form .filter-container { margin-top: 4.375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } @media screen and (min-width: 1024px) { .explore-core-facilities .cc--filter-abc-form form .filter-container { margin-top: 5.9375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .explore-core-facilities .cc--filter-abc-form form .filter-container .abc-all-wrapper { padding-right: 0; padding-left: 0; } @media screen and (max-width: 767px) { .explore-core-facilities .cc--filter-abc-form form .filter-container .abc-all-wrapper .abc-list > li { margin-top: 0.625rem; margin-bottom: 0; padding-right: 0.3125rem; padding-left: 0.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .explore-core-facilities .cc--filter-abc-form form .filter-container .abc-all-wrapper .abc-list > li { margin-top: 0.3125rem; -webkit-box-flex: 0; -ms-flex: 0 0 7%; flex: 0 0 7%; } } .explore-core-facilities .cc--filter-abc-form form .filter-container .abc-all-wrapper .abc-list > li, .explore-core-facilities .cc--filter-abc-form form .filter-container .abc-all-wrapper .abc-list > li a { font-size: 1rem; line-height: 1.375; } @media screen and (min-width: 768px) { .explore-core-facilities .cc--filter-abc-form form .filter-container .abc-all-wrapper .abc-list > li, .explore-core-facilities .cc--filter-abc-form form .filter-container .abc-all-wrapper .abc-list > li a { font-size: 1.125rem; line-height: 1.3334; } } .explore-funding-ops .title-header { max-width: 1440px; margin: 0 auto; } @media screen and (max-width: 767px) { .explore-funding-ops .title-header { text-align: center; } } .explore-funding-ops .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-funding-ops .title-header .inner-wrapper { padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .explore-funding-ops .title-header .inner-wrapper { padding-bottom: 2.5rem; } } .explore-funding-ops .title-header .text-wrapper .f--page-title { max-width: 1440px; margin: 0 auto; } .explore-funding-ops .title-header .text-wrapper .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-funding-ops .title-header .text-wrapper .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .explore-funding-ops .title-header .text-wrapper .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .explore-funding-ops .title-header .text-wrapper .f--page-title h1 { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .explore-funding-ops .title-header .text-wrapper .f--page-title h1 { padding-bottom: 1.875rem; } } @media screen and (min-width: 768px) { .explore-funding-ops .title-header .text-wrapper .f--description p { font-size: 1.375rem; line-height: 1.6364; } } @media screen and (min-width: 1024px) { .explore-funding-ops .title-header .text-wrapper { width: 80.43478%; } } .explore-funding-ops .title-header .f--page-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .explore-funding-ops .explore-funding-ops-content { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .explore-funding-ops .explore-funding-ops-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } .explore-funding-ops .results-wrapper p { font-size: 1rem; line-height: 1.5; } .explore-funding-ops .explore-accordion-content { padding-top: 2.5rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .explore-funding-ops .explore-accordion-content { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 5rem; padding-left: 4%; -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; } } @media screen and (min-width: 1024px) { .explore-funding-ops .explore-accordion-content { padding-top: 5rem; padding-bottom: 6.25rem; } } @media screen and (min-width: 768px) { .explore-funding-ops .cc--filter-form { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; } } .explore-funding-ops .cc--accordion { margin-top: 1.25rem; } .explore-funding-ops .cc--accordion .section-header { margin-bottom: 0; } .explore-funding-ops .cc--accordion .c--accordion .inner-wrapper { padding-right: 0; padding-left: 0; } @media screen and (max-width: 767px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-trigger { padding-top: 1.0625rem; padding-right: 1.875rem; padding-bottom: 1.0625rem; } } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-trigger::after { right: 0; } @media screen and (min-width: 768px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-trigger::after { right: 0.3125rem; } } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text { margin-bottom: 0.9375rem; } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text span { font-size: 0.875rem; line-height: 1.4286; } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-trigger .f--text span::before { margin-bottom: 0; } @media screen and (max-width: 767px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel { padding-bottom: 1.25rem; } } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel p a, .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel span a { -webkit-text-decoration-color: #444; text-decoration-color: #444; } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .f--rich-text { overflow: hidden; } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items { margin-top: 1.875rem; margin-bottom: 0; width: 100%; display: table; min-width: auto; } @media screen and (min-width: 768px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items { margin-top: 0; margin-bottom: 1.875rem; } } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items .f--text { font-size: 1rem; line-height: 1.75; display: table-row; } @media screen and (min-width: 768px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items .f--text { font-size: 1.125rem; line-height: 1.7778; } } @media screen and (max-width: 767px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items .f--text { padding-bottom: 0.625rem; display: block; width: 100%; min-height: auto; } } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong, .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items span { display: table-cell; } @media screen and (max-width: 767px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong, .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items span { padding-top: 0; padding-right: 0; padding-left: 0; display: block; width: 100%; min-height: auto; } } @media screen and (max-width: 767px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong { padding-bottom: 0.3125rem; } } @media screen and (min-width: 768px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong { width: 40%; white-space: nowrap; } } @media screen and (min-width: 1024px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items strong { width: 26.66667%; } } .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items span { padding-top: 0; padding-right: 0; padding-bottom: 0.625rem; padding-left: 0; border: 0; } @media screen and (min-width: 768px) { .explore-funding-ops .cc--accordion .accordion-list .accordion-list-item .accordion-panel .field--items span { padding-left: 3.33333%; } } .landing-informational .cc--rich-text::after { display: block; clear: both; content: ""; } .landing-informational .cc--rich-text figure:last-child { margin-bottom: 0; } .landing-informational .cc--rich-text + .cc--horizontal-listing .inner-wrapper { padding-top: 0; } .staff-directory .directory-wrapper { max-width: 1440px; margin: 0 auto; } .staff-directory .directory-wrapper .inner-wrapper { padding-top: 1.25rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .staff-directory .directory-wrapper .inner-wrapper { padding-top: 1.875rem; padding-right: 4%; padding-left: 4%; } } .staff-directory .cc--person-card { border-bottom: 0; } @media screen and (min-width: 768px) { .staff-directory .cc--person-card { margin-right: 4.34783%; width: 30.43478%; } .staff-directory .cc--person-card:nth-child(3n) { margin-right: 0; } .staff-directory .cc--person-card:last-child { margin-right: 0; } } @media screen and (min-width: 1024px) { .staff-directory .cc--person-card { margin-right: 4.34783%; width: 21.73913%; } .staff-directory .cc--person-card:nth-child(3n) { margin-right: 4.34783%; } .staff-directory .cc--person-card:nth-child(4n) { margin-right: 0; } } .staff-directory .cc--person-card .learn-more { display: none; } .staff-directory .cc--person-card .c--person-card { display: block; } .staff-directory .cc--person-card .c--person-card .image-link { width: auto; float: none; } .staff-directory .cc--person-card .c--person-card .title { font-size: 1rem; line-height: 1.375; } .staff-directory .cc--person-card .c--person-card .department { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.25rem; } .staff-directory .cc--person-card .contact-meta { margin-bottom: 0; } .staff-directory .cc--person-card .contact-meta .f--text:last-child { margin-bottom: 0; } .staff-directory .cc--person-card .contact-meta .f--text strong { margin-right: 1.25rem; display: inline-block; width: 2.5625rem; } .staff-directory .title-header { max-width: 1440px; margin: 0 auto; } .staff-directory .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .staff-directory .title-header .inner-wrapper { padding-right: 4%; padding-left: 4%; } } .staff-directory .title-header .f--page-title { max-width: 1440px; margin: 0 auto; } .staff-directory .title-header .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .staff-directory .title-header .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .staff-directory .title-header .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .staff-directory .title-header .f--page-title h1 { padding-right: 0; padding-bottom: 0; padding-left: 0; } @media screen and (min-width: 768px) { .staff-directory .cc--people-directory .people-listing-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .staff-directory .cc--people-directory .people-listing-wrapper::after { display: none; } .staff-directory .cc--load-more { padding-bottom: 3.75rem; } @media screen and (min-width: 768px) { .staff-directory .cc--load-more { padding-bottom: 5rem; } } @media screen and (min-width: 1024px) { .staff-directory .cc--load-more { padding-bottom: 6.25rem; } } .staff-directory .cc--filter-form .c--filter-form { max-width: 1440px; margin: 0 auto; } @media screen and (min-width: 768px) { .staff-directory .cc--filter-form .c--filter-form { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1440px) { .staff-directory .cc--filter-form .c--filter-form { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .staff-directory .cc--filter-form .c--filter-form .form-filter-content { padding-top: 1.875rem; padding-right: 0; padding-bottom: 1.875rem; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1440px) { .staff-directory .cc--filter-form .c--filter-form .form-filter-content { padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 768px) { .staff-directory .cc--filter-form .c--filter-form .fields-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 86.95652%; flex: 0 0 86.95652%; } } @media screen and (min-width: 1024px) { .staff-directory .cc--filter-form .c--filter-form .fields-container { -webkit-box-flex: 0; -ms-flex: 0 0 56.52174%; flex: 0 0 56.52174%; } } @media screen and (min-width: 1440px) { .staff-directory .cc--filter-form .c--filter-form .fields-container { -webkit-box-flex: 0; -ms-flex: 0 0 47.82609%; flex: 0 0 47.82609%; } } @media screen and (min-width: 768px) { .staff-directory .cc--filter-form .c--filter-form .fields-container .fi--form-item { margin-top: 0; margin-right: 5%; margin-bottom: 0; padding-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; } } @media screen and (min-width: 1024px) { .staff-directory .cc--filter-form .c--filter-form .fields-container .fi--form-item { margin-top: 0; margin-right: 3.84615%; margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media screen and (min-width: 1440px) { .staff-directory .cc--filter-form .c--filter-form .fields-container .fi--form-item { margin-top: 0; margin-right: 4.54545%; margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media screen and (min-width: 768px) { .staff-directory .cc--filter-form .c--filter-form .button-container { padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 13.04348%; flex: 0 0 13.04348%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (min-width: 1024px) { .staff-directory .cc--filter-form .c--filter-form .button-container { -webkit-box-flex: 0; -ms-flex: 0 0 43.47826%; flex: 0 0 43.47826%; } } @media screen and (min-width: 1440px) { .staff-directory .cc--filter-form .c--filter-form .button-container { -webkit-box-flex: 0; -ms-flex: 0 0 52.17391%; flex: 0 0 52.17391%; } } @media screen and (min-width: 1024px) { .search #main-content { margin-top: 4.375rem; margin-right: 0; margin-bottom: 0; margin-left: 0; } } .search .f--page-title { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .search form { max-width: 38.5rem; margin: 0 auto; padding-top: 2.9375rem; padding-right: 8%; padding-bottom: 2.9375rem; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .search form { max-width: 51rem; margin: 0 auto; padding-top: 5rem; padding-right: 0; padding-bottom: 5rem; padding-left: 0; } } @media screen and (min-width: 1024px) { .search form { padding-top: 6.25rem; padding-bottom: 6.25rem; } } .search form .search-form-inner { margin-bottom: 1.875rem; position: relative; border-bottom: 0.0625rem solid #D8D8D8; } .search form .search-form-inner label { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; } .search form .icon-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1.5rem; background-color: #FFF; } @media screen and (min-width: 768px) { .search form .icon-search { width: 2rem; } } .search form .icon-search svg { width: 1.5rem; height: 1.5rem; fill: #C03; } @media screen and (min-width: 768px) { .search form .icon-search svg { width: 2rem; height: 2rem; } } @media screen and (min-width: 768px) { .search form .fieldset-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .search form .fi--form-item { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } @media screen and (min-width: 768px) { .search form .fi--form-item { margin-left: 1.875rem; } } @media screen and (min-width: 768px) { .search form .fi--form-item:nth-child(1) { margin-left: 0; } } .search form .fi--form-item input { font-size: 1.125rem; line-height: 1.4445; padding-top: 1.0625rem; padding-right: 0; padding-bottom: 1.0625rem; padding-left: 0; height: auto; border: 0; background-color: #FFF; } @media screen and (min-width: 768px) { .search form .fi--form-item input { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 2rem; line-height: 1.25; } } .search form .fi--form-item input::-webkit-input-placeholder { color: #000; opacity: 0.7; } .search form .fi--form-item input::-moz-placeholder { color: #000; opacity: 0.7; } .search form .fi--form-item input:-ms-input-placeholder { color: #000; opacity: 0.7; } .search form .fi--form-item input::-ms-input-placeholder { color: #000; opacity: 0.7; } .search form .fi--form-item input::placeholder { color: #000; opacity: 0.7; } .tc--search .gsc-control-cse { max-width: 1440px; margin: 0 auto; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; background: none; } .tc--search .gsc-control-cse .gsc-control-wrapper-cse { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-control-wrapper-cse { padding-top: 3.75rem; padding-right: 20%; padding-bottom: 5rem; padding-left: 20%; } } @media screen and (min-width: 1024px) { .tc--search .gsc-control-cse .gsc-control-wrapper-cse { padding-bottom: 6.25rem; } } .tc--search .gsc-control-cse .gsc-above-wrapper-area { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; } .tc--search .gsc-control-cse .gsc-above-wrapper-area table { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .tc--search .gsc-control-cse .gsc-above-wrapper-area table td, .tc--search .gsc-control-cse .gsc-above-wrapper-area table tr { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; } .tc--search .gsc-control-cse .gsc-above-wrapper-area .gsc-result-info { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: 1rem; line-height: 1.5; color: #000; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-results { 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; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-expansionArea { margin-bottom: 1.25rem; padding-bottom: 2.5rem; border-bottom: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-expansionArea { margin-bottom: 1.875rem; padding-bottom: 1.875rem; width: 100%; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result { margin-top: 1.25rem; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 1.25rem; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; border-top: 0.0625rem solid #D8D8D8; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-result { margin-top: 1.875rem; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 1.875rem; padding-right: 0; padding-bottom: 0; padding-left: 0; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion { width: 100%; border: 0; background-color: #CCC !important; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion:hover { background-color: #FCE5CD !important; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion { width: 30.43478%; } } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-title, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-title a, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-title b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-title * { font-size: 1.5rem; line-height: 1.3334; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-visibleUrl { display: none; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-snippet { font-size: 0.875rem; line-height: 1.7143; color: #000; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-snippet { font-size: 1rem; line-height: 1.5; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-promotion-image-box { margin-right: 0.9375rem; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-thumbnail-inside { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title { margin-bottom: 1.25rem; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title a, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title * { color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title a, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gs-title * { font-size: 1.5rem; line-height: 1.3334; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top { margin-bottom: 0.9375rem; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top { margin-bottom: 1.25rem; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align * { font-size: 0.75rem; line-height: 1.6667; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; color: #666; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align * { font-size: 0.875rem; line-height: 1.4286; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gsc-thumbnail { display: none; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gsc-table-cell-snippet-close { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet * { font-size: 0.875rem; line-height: 1.7143; } @media screen and (min-width: 768px) { .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet b, .tc--search .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet * { font-size: 1rem; line-height: 1.5; } } .tc--search .gsc-control-cse .gsc-wrapper .gsc-cursor-box { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; text-align: center; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-cursor-box .gsc-cursor-page { font-size: 1rem; line-height: 1.25; color: #000; } .tc--search .gsc-control-cse .gsc-wrapper .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page { color: #C03; } .tc--search .gsc-control-cse .gsc-wrapper .gcsc-more-maybe-branding-root { display: none; } .tc--search .content-top { max-width: 1440px; margin: 0 auto; } .tc--search .content-top form { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; max-width: none; } @media screen and (min-width: 768px) { .tc--search .content-top form { padding-top: 5rem; padding-right: 10%; padding-bottom: 5rem; padding-left: 10%; } } @media screen and (min-width: 1024px) { .tc--search .content-top form { padding-top: 6.25rem; padding-right: 16%; padding-bottom: 6.25rem; padding-left: 16%; } } .tc--search .cc--featured-results .inner-wrapper { padding-top: 0; } @media screen and (min-width: 1024px) { .tc--search .cc--featured-results .inner-wrapper { padding-bottom: 3.75rem; } } .tc--search .cc--featured-results .inner-wrapper .title-cta .f--section-title h2 { font-size: 1.75rem; line-height: 1.1429; } @media screen and (min-width: 768px) { .tc--search .cc--featured-results .inner-wrapper .title-cta .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } .tc--search .cc--featured-results .inner-wrapper .news-list .cc--news-card .f--image { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .tc--search .cc--featured-results .inner-wrapper .news-list .cc--news-card .c--news-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } } .tc--search .cc--featured-results .inner-wrapper .news-list .cc--news-card .c--news-card > .text-container { margin-top: auto; } .utility-page .title-header { max-width: 1440px; margin: 0 auto; } .utility-page .title-header .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .utility-page .title-header .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .utility-page .title-header .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .utility-page .f--page-title { max-width: 1440px; margin: 0 auto; } .utility-page .f--page-title h1 { font-size: 2rem; line-height: 1.25; padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.25rem; padding-left: 8%; } @media screen and (min-width: 768px) { .utility-page .f--page-title h1 { font-size: 3rem; line-height: 1.1667; padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .utility-page .f--page-title h1 { font-size: 3.5rem; line-height: 1.1429; padding-top: 4.375rem; padding-bottom: 2.5rem; } } .utility-page .f--page-title h1 { padding-right: 0; padding-left: 0; } .utility-page .cc--rich-text { margin-top: 0; } .utility-page .f--video-embed iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .utility-page .cc--accordion .c--accordion .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .utility-page .cc--accordion .c--accordion .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .utility-page .cc--accordion .c--accordion .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .utility-page .cc--special-announcement .c--special-announcement { max-width: 1440px; margin: 0 auto; margin-bottom: 2.5rem; padding-right: 0; padding-left: 0; } .utility-page .cc--special-announcement .c--special-announcement .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .utility-page .cc--special-announcement .c--special-announcement .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .utility-page .cc--special-announcement .c--special-announcement .inner-wrapper { padding-right: 20%; padding-left: 20%; } } .utility-page.path-status .f--rich-text table { padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; } .utility-page.path-status .f--rich-text table th, .utility-page.path-status .f--rich-text table td { width: auto !important; min-height: 5rem; border: 0; border-top: 0.0625rem solid #D8D8D8; } .utility-page.path-status .f--rich-text table th { border-top: 0; } .path-sitemap #main-content { max-width: 1440px; margin: 0 auto; } .path-sitemap .l--content { padding-top: 3.75rem; padding-right: 8%; padding-bottom: 3.75rem; padding-left: 8%; } @media screen and (min-width: 768px) { .path-sitemap .l--content { padding-right: 4%; padding-left: 4%; } } /*# sourceMappingURL=maps/style.css.map */