@charset "UTF-8"; .cc--hero-headline-over-image .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, .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, .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, .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, .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, .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, .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, .f--rich-text blockquote p:not(.quote-name):not(.quote-title), .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title), .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, .f--rich-text blockquote p:not(.quote-name):not(.quote-title)::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title)::before, .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title)::before, .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title)::before, .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title)::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, .f--rich-text blockquote p:not(.quote-name):not(.quote-title)::after, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title)::after, .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title)::after, .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title)::after, .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title)::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, .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, .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, .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--artists-listing .inner-wrapper .artist-list .cc--artist-card .f--sub-title h3, .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card .f--sub-title a, .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .f--sub-title h3, .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .f--sub-title a, .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--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .f--sub-title h3, .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .f--sub-title a, .cc--hero-headline-image .text-container-inner .f--page-title h1, .cc--hero-headline .f--page-title h1, .cc--link-grid .f--section-title h2, .cc--news-card .f--sub-title h3, .cc--news-card .f--sub-title a, .cc--related-content .inner-wrapper .header .f--section-title h2, .cc--related-media-2up .inner-wrapper .header .f--section-title h2, .cc--research-listing .inner-wrapper .research-list .cc--research-card .f--sub-title h3, .cc--research-listing .inner-wrapper .research-list .cc--research-card .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--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, .gsc-control-cse .gsc-wrapper .gsc-result .gs-title, .gsc-control-cse .gsc-wrapper .gsc-result .gs-title a, .gsc-control-cse .gsc-wrapper .gsc-result .gs-title b, .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--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--cost .c--cost .form-container .f--text, .stat-item { 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, .f--rich-text 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, .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, .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, .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, .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--footer-copyright .c--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--enhanced-50-50 .fifty-fifty-wrapper .text-container .f--description, .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--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, .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--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, .search form .fi--form-item input, .gsc-control-cse .gsc-above-wrapper-area .gsc-result-info, .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-snippet, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align b, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align *, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet b, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet *, .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, .lity-content .credit, .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, .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, .cc--person-card .location span { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-style: normal; 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, .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--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--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--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--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--filter-abc-form form .abc-all-wrapper ul > li .all-button, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li .all-button, .cc--filter-form .filter-form-header h2, .cc--filter-form .button-container .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--horizontal-filter .c--horizontal-filter .filter-toggle button span, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .fi--form-item label, .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--form-item-submit input[type="submit"], .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--submit input[type="submit"], .cc--image-grid-text.color-pale-teal .f--link .button, .cc--image-grid-text.color-pale-yellow .f--link .button, .cc--image-grid-text.color-pale-blue .f--link .button, .cc--image-grid-text.color-black .f--link .button, .cc--image-grid-text.color-blue .f--link .button, .cc--image-grid-text.color-dark-gray .f--link .button, .cc--image-grid-text.color-red .f--link .button, .cc--image-grid-text.color-teal .f--link .button, .cc--image-grid-text .more-link, .cc--image-grid-text .less-link, .cc--link-grid .link-list .link-list-wrapper .f--link a, .cc--location-tabs .side-nav .swiper-pagination .swiper-pagination-customs .location-link, .cc--login-form .user-login-form .form-item label, .cc--login-form .user-login-form .form-actions .form-item:first-child > input, .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--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, .profile .person-content-info .additional-info-wrapper p, .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-media-2up.color-pale-teal .f--link .button, .cc--related-media-2up.color-pale-yellow .f--link .button, .cc--related-media-2up.color-pale-blue .f--link .button, .cc--related-media-2up.color-black .f--link .button, .cc--related-media-2up.color-blue .f--link .button, .cc--related-media-2up.color-dark-gray .f--link .button, .cc--related-media-2up.color-red .f--link .button, .cc--related-media-2up.color-teal .f--link .button, .cc--side-rail .c--side-rail .sidebar-listing .f--cta-title h3, .cc--social-media .crt-load-more-container .crt-load-more, .cc--social-share .c--social-share .f--button button, .cc--sticky-promo .sticky-promo-inner.sticky-active .subscribe-block-wrapper a.button, .cc--tab-headings .tab-headings li a, .cc--text-hero.color-pale-teal .f--link .button, .cc--text-hero.color-pale-yellow .f--link .button, .cc--text-hero.color-pale-blue .f--link .button, .cc--text-hero.color-black .f--link .button, .cc--text-hero.color-blue .f--link .button, .cc--text-hero.color-dark-gray .f--link .button, .cc--text-hero.color-red .f--link .button, .cc--text-hero.color-teal .f--link .button, .cc--title-breadcrumb 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 { 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, .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 { 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); 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); 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; } .icon-search-open { width: 1.125rem; height: 3.125rem; } .icon-search-open 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, .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, .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, .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, .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, .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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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, .f--rich-text blockquote p:not(.quote-name):not(.quote-title), .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title) { 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, .f--rich-text blockquote p:not(.quote-name):not(.quote-title), .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title) { 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, .f--rich-text blockquote p:not(.quote-name):not(.quote-title), .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title), .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title) { font-size: 1.5rem; line-height: 1.5; } } .f--rich-text blockquote .quote-text:not(:last-child), .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote .quote-text:not(:last-child), .enhanced-gallery__lightbox--summary blockquote .quote-text:not(:last-child), .enhanced-gallery__lightbox--subheading blockquote .quote-text:not(:last-child), .enhanced-gallery__lightbox--headline blockquote .quote-text:not(:last-child), .f--rich-text blockquote p:not(.quote-name):not(.quote-title):not(:last-child), .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title):not(:last-child), .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title):not(:last-child), .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title):not(:last-child), .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title):not(:last-child) { margin-bottom: 0.9375rem; } .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, .f--rich-text blockquote p:not(.quote-name):not(.quote-title)::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title)::before, .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title)::before, .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title)::before, .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title)::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, .f--rich-text blockquote p:not(.quote-name):not(.quote-title)::before, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title)::before, .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title)::before, .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title)::before, .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title)::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, .f--rich-text blockquote p:not(.quote-name):not(.quote-title)::after, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel blockquote p:not(.quote-name):not(.quote-title)::after, .enhanced-gallery__lightbox--summary blockquote p:not(.quote-name):not(.quote-title)::after, .enhanced-gallery__lightbox--subheading blockquote p:not(.quote-name):not(.quote-title)::after, .enhanced-gallery__lightbox--headline blockquote p:not(.quote-name):not(.quote-title)::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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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, .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 { 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, .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 { 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, .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 { 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, .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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { padding-right: 0; padding-left: 0; } .f--rich-text .cc--caption-transcript .inner-wrapper, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel .cc--caption-transcript .inner-wrapper, .enhanced-gallery__lightbox--summary .cc--caption-transcript .inner-wrapper, .enhanced-gallery__lightbox--subheading .cc--caption-transcript .inner-wrapper, .enhanced-gallery__lightbox--headline .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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { -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 { 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 { 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, .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, .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, .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 { 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, .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, .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, .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 { 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, .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 { 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 { 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 { 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 { text-decoration: underline; text-decoration-color: #C03; } .f--rich-text a:hover, .cc--accordion .c--accordion .accordion-list .accordion-list-item .accordion-panel a:hover, .enhanced-gallery__lightbox--summary a:hover, .enhanced-gallery__lightbox--subheading a:hover, .enhanced-gallery__lightbox--headline a:hover { color: #C03; 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 { 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 { 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 { -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 { -webkit-transition: background-color 0.1s ease-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 { 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 { 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 { 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 { 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 { -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 { 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 { 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 { -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 { 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 { 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 { 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 { 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 { margin-top: 1.875rem; margin-bottom: 1.875rem; position: relative; padding-top: 56.25%; } .f--video-embed .video-container iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .f--video-embed 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); 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--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 .inner-wrapper { 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: 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; } @media screen and (min-width: 768px) { .cc--animated-50-50 .c--animated-50-50 .inner-wrapper.reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 768px) { .cc--animated-50-50 .c--animated-50-50 .inner-wrapper.reversed .scroll-button-wrapper { left: 100%; } } .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 { -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--artists-listing { margin-bottom: 3.75rem; } @media screen and (min-width: 768px) { .cc--artists-listing { margin-bottom: 5rem; } } .cc--artists-listing .c--artists-listing { max-width: 1440px; margin: 0 auto; } .cc--artists-listing .inner-wrapper { padding-top: 1.5625rem; padding-right: 8%; padding-bottom: 1.5625rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--artists-listing .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; } } @media screen and (min-width: 768px) { .cc--artists-listing .inner-wrapper .artist-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card { margin-bottom: 1.875rem; } .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card:nth-child(3n+1):nth-last-child(-n+3), .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card:nth-child(3n+1):nth-last-child(-n+3) ~ article { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card { margin-right: 4.34783%; margin-bottom: 3.125rem; width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card { margin-bottom: 3.75rem; } } .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card .image-link { display: block; cursor: pointer; } @media screen and (min-width: 500px) { .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card .c--artist-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card .f--sub-title { margin-bottom: 0; } .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card .f--sub-title h3, .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card .f--sub-title a { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card .f--sub-title h3, .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } .cc--artists-listing .inner-wrapper .artist-list .cc--artist-card .f--image { margin-bottom: 1.25rem; } .cc--artists-work-listing { margin-bottom: 3.75rem; } @media screen and (min-width: 768px) { .cc--artists-work-listing { margin-bottom: 5rem; } } .cc--artists-work-listing .c--artists-work-listing { max-width: 1440px; margin: 0 auto; } .cc--artists-work-listing .inner-wrapper { padding-top: 1.5625rem; padding-right: 8%; padding-bottom: 1.5625rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--artists-work-listing .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; } } @media screen and (min-width: 768px) { .cc--artists-work-listing .inner-wrapper .works-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card { margin-bottom: 1.875rem; } .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card:nth-child(3n+1):nth-last-child(-n+3), .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card:nth-child(3n+1):nth-last-child(-n+3) ~ article { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card { margin-right: 4.34783%; margin-bottom: 3.125rem; width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card { margin-bottom: 3.75rem; } } .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .image-link { display: block; cursor: pointer; } @media screen and (min-width: 500px) { .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .c--work-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .f--sub-title { margin-bottom: 0; } .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .f--sub-title h3, .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .f--sub-title a { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .f--sub-title h3, .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } .cc--artists-work-listing .inner-wrapper .works-list .cc--work-card .f--image { margin-bottom: 1.25rem; } .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 a { display: block; } .cc--basic-branding-header a img { width: calc((100vw - 5.625rem) - 8%); max-width: 18.75rem; } @media screen and (min-width: 768px) { .cc--basic-branding-header a img { width: 18.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: end; -ms-flex-pack: end; justify-content: flex-end; } } .cc--basic-footer .c--basic-footer .cc--basic-branding-footer { margin-bottom: 2.5rem; } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--basic-branding-footer { margin-bottom: 3.125rem; max-width: 19.875rem; } } @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: 100%; height: auto; } .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); 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); 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.footer-menu { width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.footer-menu { padding-right: 2.17391%; width: 17.3913%; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.footer-menu nav ul { display: block; } } @media screen and (min-width: 768px) { .cc--basic-footer .c--basic-footer .cc--footer-menu.footer-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; } } @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: 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; height: 4.1875rem; } @media screen and (min-width: 768px) { #l--main-header-basic .mobile-nav .mobile-nav-topbar-container { min-height: auto; 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-open, #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-open { width: 2.75rem; height: 2.75rem; } @media screen and (max-width: 767px) { #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-search-open { position: absolute; top: 50%; right: calc(4% + 2rem); -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .search-is-open #l--main-header-basic .mobile-nav .mobile-nav-topbar-container .icon-search-open { 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: 50%; right: 4%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } #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-open { margin-right: 2.5rem; margin-left: 1.25rem; background-color: transparent; } } #l--main-header-basic .utility-nav-container .icon-search-open 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-open { margin-right: 1.25rem; } #l--main-header-basic .utility-nav-container.slim-nav-expanded .icon-search-open 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-open { margin-right: 1.25rem; height: auto; } #l--main-header-basic .main-nav-container .branding-mainmenu-container.slim-nav-is-visible .icon-search-open 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-open { 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: 4.1875rem; 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: 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: 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 { 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: 1.25rem; 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: 2.5rem; margin-bottom: 2.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 { 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--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--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; 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: 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: 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--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: 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--exhibition-listing { margin-bottom: 3.75rem; } @media screen and (min-width: 768px) { .cc--exhibition-listing { margin-bottom: 5rem; } } .cc--exhibition-listing .c--exhibition-listing { max-width: 1440px; margin: 0 auto; } .cc--exhibition-listing .inner-wrapper { padding-top: 1.5625rem; padding-right: 8%; padding-bottom: 1.5625rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--exhibition-listing .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; } } @media screen and (min-width: 768px) { .cc--exhibition-listing .inner-wrapper .exhibition-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card { margin-bottom: 1.875rem; } .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card:nth-child(3n+1):nth-last-child(-n+3), .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card:nth-child(3n+1):nth-last-child(-n+3) ~ article { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card { margin-right: 4.34783%; margin-bottom: 3.125rem; width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card { margin-bottom: 3.75rem; } } .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .image-link { display: block; cursor: pointer; } @media screen and (min-width: 500px) { .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .c--exhibition-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .f--sub-title { margin-bottom: 0; } .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .f--sub-title h3, .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .f--sub-title a { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .f--sub-title h3, .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .f--image { margin-bottom: 1.25rem; } .cc--exhibition-listing .inner-wrapper .exhibition-list .cc--exhibition-card .f--description p { font-size: 1rem; line-height: 1.5; margin-bottom: 0.625rem; } .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); 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); 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-article { max-width: 1440px; margin: 0 auto; } .cc--featured-article .c--featured-article { padding-top: 1.5625rem; padding-right: 8%; padding-bottom: 1.5625rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--featured-article .c--featured-article { padding-top: 3.125rem; padding-right: 12%; padding-bottom: 3.125rem; padding-left: 12%; } } .cc--featured-article .c--featured-article .image-link { text-decoration: none; } .cc--featured-article .c--featured-article .image-link .f--image figure { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .cc--featured-article .c--featured-article .image-link .f--image figure img { margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .cc--featured-article .c--featured-article .image-link .f--image figure img { margin-bottom: 1.25rem; } } .cc--featured-article .c--featured-article .image-link .f--image figure figcaption p { font-size: 0.875rem; line-height: 1.4286; } @media screen and (min-width: 768px) { .cc--featured-article .c--featured-article .image-link .f--image figure figcaption p { font-size: 1rem; line-height: 1.5; } } .cc--featured-article .c--featured-article .f--section-title { margin-top: 1.25rem; } .cc--featured-article .c--featured-article .f--section-title h2 { font-size: 1.875rem; line-height: 1.2667; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--featured-article .c--featured-article .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } .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-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--filter-abc-form .c--filter-abc-form { padding-top: 1.5625rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--filter-abc-form .c--filter-abc-form { padding-top: 3.125rem; padding-right: 4%; padding-left: 4%; } } @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%; } .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 { 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 { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; row-gap: 0.3125rem; } @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 { -webkit-column-gap: 0.9375rem; -moz-column-gap: 0.9375rem; column-gap: 0.9375rem; } } .cc--filter-abc-form form .abc-all-wrapper ul > li, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li { font-size: 1rem; line-height: 1.375; color: #B3B3B3; } @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 { font-size: 1.125rem; line-height: 1.3334; } } .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; color: #000; text-decoration: none; } 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; } @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: 1.125rem; line-height: 1.3334; } } .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-abc-form form .abc-all-wrapper ul > li .all-button, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li .all-button { font-size: 1rem; line-height: 1.375; cursor: pointer; } @media screen and (min-width: 768px) { .cc--filter-abc-form form .abc-all-wrapper ul > li .all-button, .cc--filter-abc-form form .abc-all-wrapper .abc-list > li .all-button { font-size: 1rem; line-height: 1.375; } } .cc--filter-abc-form form .abc-all-wrapper ul:not(:has(.active, .is-active)) li a.all-button, .cc--filter-abc-form form .abc-all-wrapper .abc-list:not(:has(.active, .is-active)) li a.all-button { 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']::-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--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, .cc--hero-basic.bg-video .c--hero-basic .f--video-embed { position: relative; width: 100%; height: 100vh; overflow: hidden; } .cc--hero-basic.bg-video .c--hero-basic .f--ambient-video .video-container, .cc--hero-basic.bg-video .c--hero-basic .f--video-embed .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cc--hero-basic.bg-video .c--hero-basic .f--ambient-video .video-container iframe, .cc--hero-basic.bg-video .c--hero-basic .f--video-embed .video-container iframe { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); min-width: 100vw; min-height: 100vh; border: none; } .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--horizontal-filter .c--horizontal-filter .filter-toggle { background-color: #CC0033; } @media screen and (min-width: 1024px) { .cc--horizontal-filter .c--horizontal-filter .filter-toggle { display: none; } } .cc--horizontal-filter .c--horizontal-filter .filter-toggle.is-active svg.icon-filter { display: none; } .cc--horizontal-filter .c--horizontal-filter .filter-toggle.is-active svg.icon-close { display: block; } .cc--horizontal-filter .c--horizontal-filter .filter-toggle button { padding-top: 0.9375rem; padding-right: 8%; padding-bottom: 0.9375rem; 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: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cc--horizontal-filter .c--horizontal-filter .filter-toggle button span { font-size: 0.875rem; line-height: 1.4286; color: #FFF; } .cc--horizontal-filter .c--horizontal-filter .filter-toggle svg { width: 1.25rem; height: 1.25rem; } .cc--horizontal-filter .c--horizontal-filter .filter-toggle svg.icon-close { display: none; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper { display: none; position: relative; background-color: #CC0033; } @media screen and (min-width: 1024px) { .cc--horizontal-filter .c--horizontal-filter .form-wrapper { display: block; } } .cc--horizontal-filter .c--horizontal-filter .form-wrapper.is-active { display: block; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form { padding-top: 0.9375rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 1024px) { .cc--horizontal-filter .c--horizontal-filter .form-wrapper form { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-column-gap: 2.27273%; -moz-column-gap: 2.27273%; column-gap: 2.27273%; } } @media screen and (min-width: 1024px) { .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .fi--form-item { -webkit-box-flex: 0; -ms-flex: 0 0 20.45455%; flex: 0 0 20.45455%; } } @media screen and (min-width: 1024px) { .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .fi--form-item:not(:last-child) { margin-bottom: 0; } } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .fi--form-item label { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 0.3125rem; padding-top: 0.625rem; color: #FFF; display: block; } @media screen and (min-width: 1024px) { .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .fi--form-item label { padding-top: 0; } } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner { position: relative; } @media screen and (min-width: 1024px) { .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner { -webkit-box-flex: 0; -ms-flex: 0 0 20.45455%; flex: 0 0 20.45455%; } } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title input, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner input { padding-left: 0; color: #FFF; height: 3.5rem; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title input::-webkit-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner input::-webkit-input-placeholder { color: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title input::-moz-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner input::-moz-placeholder { color: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title input:-ms-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner input:-ms-input-placeholder { color: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title input::-webkit-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner input::-webkit-input-placeholder { color: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title input::-moz-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner input::-moz-placeholder { color: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title input:-ms-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner input:-ms-input-placeholder { color: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title input::-ms-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner input::-ms-input-placeholder { color: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title input::placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner input::placeholder { color: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title button, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner button { position: absolute; right: 0; bottom: 0; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title button svg, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner button svg { width: 1rem; height: 1rem; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .form-item-title button svg path, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .search-form-inner button svg path { fill: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2-selection--multiple { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: transparent; color: #FFF; border: 0; cursor: pointer; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2-selection--multiple > ul { display: block; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2-selection--multiple > ul li.select2-selection__choice { display: none; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2-selection__clear { display: none; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 textarea, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 input { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; height: 3.5rem; color: #FFF; pointer-events: none; width: 100% !important; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 textarea::-webkit-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 input::-webkit-input-placeholder { color: #FFF !important; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 textarea::-moz-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 input::-moz-placeholder { color: #FFF !important; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 textarea:-ms-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 input:-ms-input-placeholder { color: #FFF !important; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 textarea::-webkit-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 input::-webkit-input-placeholder { color: #FFF !important; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 textarea::-moz-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 input::-moz-placeholder { color: #FFF !important; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 textarea:-ms-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 input:-ms-input-placeholder { color: #FFF !important; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 textarea::-ms-input-placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 input::-ms-input-placeholder { color: #FFF !important; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 textarea::placeholder, .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap .select2 input::placeholder { color: #FFF !important; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper form .select-wrap svg polygon { fill: #FFF; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--form-item-submit, .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--submit { margin-top: 0.9375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; width: auto; } @media screen and (min-width: 1024px) { .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--form-item-submit, .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--submit { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 4%; } } .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--form-item-submit::after, .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--submit::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; right: 0.9375rem; display: block; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPjxnIHRyYW5zZm9ybT0icm90YXRlKC00NSA0IDQpIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNLS42ODggMy4zNzVoNC4zNzVWLS42ODhoLjkzOHY0LjA2M2g0LjA2M3YuOTM4SDQuNjI1djQuMzc1aC0uOTM4VjQuMzExSC0uNjg2eiIvPjwvZz48L3N2Zz4="); background-size: contain; background-position: center; width: 0.625rem; height: 0.625rem; pointer-events: none; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--form-item-submit input[type="submit"], .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--submit input[type="submit"] { font-size: 0.875rem; line-height: 1.4286; margin-left: auto; padding-top: 0.3125rem; padding-right: 2rem; padding-bottom: 0.3125rem; padding-left: 0.9375rem; display: inline-block; border: 0.0625rem solid #FFF; border-radius: 0.9375rem; position: relative; color: #FFF; background-color: transparent; width: auto; height: auto; min-width: 0; } html[data-whatintent="mouse"] .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--form-item-submit input[type="submit"], html[data-whatintent="mouse"] .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--submit input[type="submit"] { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--form-item-submit input[type="submit"]:hover, html[data-whatintent="mouse"] .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--submit input[type="submit"]:hover { background-color: #000; border-color: #000; } .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--form-item-submit svg, .cc--horizontal-filter .c--horizontal-filter .form-wrapper .fi--submit svg { width: 0.625rem; height: 0.625rem; } .selected-filters { padding-top: 1.5625rem; padding-right: 8%; padding-left: 8%; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.25rem; } @media screen and (min-width: 1024px) { .selected-filters { padding-right: 4%; padding-left: 4%; } } .selected-filters.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } .selected-filters .selected-filter { padding-top: 0.5rem; padding-right: 0.625rem; padding-bottom: 0.5rem; padding-left: 0.625rem; background-color: #f5da7f; color: #000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.3125rem; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; } .selected-filters .selected-filter svg { width: 0.9375rem; height: 0.9375rem; } .cc-artist-count { padding-top: 0.625rem; padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 1024px) { .cc-artist-count { padding-top: 0.9375rem; padding-right: 4%; padding-left: 4%; } } .select2-dropdown { padding-top: 0.625rem; padding-bottom: 0.625rem; background-color: #FFF; border-radius: 0.3125rem !important; border: 0; top: -3.5rem; -webkit-box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1); } .select2-dropdown .select2-results__options { color: #000; max-height: 23.3125rem; } .select2-dropdown .select2-results__options .select2-results__option { padding-right: 1.25rem; padding-left: 1.25rem; } .select2-dropdown .select2-results__options .select2-results__option--selected, .select2-dropdown .select2-results__options .select2-results__option--highlighted { background-color: rgba(235, 182, 0, 0.5); color: #000; } .cc--image-fixed-width { margin-bottom: 1.5625rem; } @media screen and (min-width: 768px) { .cc--image-fixed-width { margin-bottom: 3.125rem; } } .cc--image-fixed-width .c--image-fixed-width .f--image figure { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .cc--image-fixed-width .c--image-fixed-width .f--image figure img { margin-bottom: 1.5625rem; } .cc--image-fixed-width .c--image-fixed-width .f--image figure figcaption p { font-size: 1.375rem; line-height: 1.4546; color: #444; } @media screen and (min-width: 768px) { .cc--image-fixed-width .c--image-fixed-width .f--image figure figcaption p { font-size: 1.625rem; line-height: 1.6154; } } .cc--image-fixed-width .c--image-fixed-width .f--image img { width: auto; max-width: 100%; } .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--image-grid-text.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--image-grid-text.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--image-grid-text.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--image-grid-text.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--image-grid-text.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--image-grid-text.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--image-grid-text.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--image-grid-text.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--image-grid-text.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--image-grid-text.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--image-grid-text.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--image-grid-text.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--image-grid-text.color-white .f--link .button, .cc--image-grid-text.color-light-gray .f--link .button { background-color: transparent; } .cc--image-grid-text.color-white .f--link .button:hover, .cc--image-grid-text.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--image-grid-text.color-pale-teal .f--link .button, .cc--image-grid-text.color-pale-yellow .f--link .button, .cc--image-grid-text.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--image-grid-text.color-pale-teal .f--link .button, .cc--image-grid-text.color-pale-yellow .f--link .button, .cc--image-grid-text.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.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--image-grid-text.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.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--image-grid-text.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--image-grid-text.color-black .f--description, .cc--image-grid-text.color-black .f--text, .cc--image-grid-text.color-black .f--category, .cc--image-grid-text.color-blue .f--description, .cc--image-grid-text.color-blue .f--text, .cc--image-grid-text.color-blue .f--category, .cc--image-grid-text.color-dark-gray .f--description, .cc--image-grid-text.color-dark-gray .f--text, .cc--image-grid-text.color-dark-gray .f--category, .cc--image-grid-text.color-red .f--description, .cc--image-grid-text.color-red .f--text, .cc--image-grid-text.color-red .f--category, .cc--image-grid-text.color-teal .f--description, .cc--image-grid-text.color-teal .f--text, .cc--image-grid-text.color-teal .f--category { color: #FFF; } .cc--image-grid-text.color-black .f--description p, .cc--image-grid-text.color-black .f--description li, .cc--image-grid-text.color-black .f--description a, .cc--image-grid-text.color-black .f--text p, .cc--image-grid-text.color-black .f--text li, .cc--image-grid-text.color-black .f--text a, .cc--image-grid-text.color-black .f--category p, .cc--image-grid-text.color-black .f--category li, .cc--image-grid-text.color-black .f--category a, .cc--image-grid-text.color-blue .f--description p, .cc--image-grid-text.color-blue .f--description li, .cc--image-grid-text.color-blue .f--description a, .cc--image-grid-text.color-blue .f--text p, .cc--image-grid-text.color-blue .f--text li, .cc--image-grid-text.color-blue .f--text a, .cc--image-grid-text.color-blue .f--category p, .cc--image-grid-text.color-blue .f--category li, .cc--image-grid-text.color-blue .f--category a, .cc--image-grid-text.color-dark-gray .f--description p, .cc--image-grid-text.color-dark-gray .f--description li, .cc--image-grid-text.color-dark-gray .f--description a, .cc--image-grid-text.color-dark-gray .f--text p, .cc--image-grid-text.color-dark-gray .f--text li, .cc--image-grid-text.color-dark-gray .f--text a, .cc--image-grid-text.color-dark-gray .f--category p, .cc--image-grid-text.color-dark-gray .f--category li, .cc--image-grid-text.color-dark-gray .f--category a, .cc--image-grid-text.color-red .f--description p, .cc--image-grid-text.color-red .f--description li, .cc--image-grid-text.color-red .f--description a, .cc--image-grid-text.color-red .f--text p, .cc--image-grid-text.color-red .f--text li, .cc--image-grid-text.color-red .f--text a, .cc--image-grid-text.color-red .f--category p, .cc--image-grid-text.color-red .f--category li, .cc--image-grid-text.color-red .f--category a, .cc--image-grid-text.color-teal .f--description p, .cc--image-grid-text.color-teal .f--description li, .cc--image-grid-text.color-teal .f--description a, .cc--image-grid-text.color-teal .f--text p, .cc--image-grid-text.color-teal .f--text li, .cc--image-grid-text.color-teal .f--text a, .cc--image-grid-text.color-teal .f--category p, .cc--image-grid-text.color-teal .f--category li, .cc--image-grid-text.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--description a, html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--text a, html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--category a, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--description a, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--text a, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--category a, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--description a, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--text a, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--category a, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--description a, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--text a, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--category a:hover { color: #FFF; } .cc--image-grid-text.color-black .f--section-title h2, .cc--image-grid-text.color-blue .f--section-title h2, .cc--image-grid-text.color-dark-gray .f--section-title h2, .cc--image-grid-text.color-red .f--section-title h2, .cc--image-grid-text.color-teal .f--section-title h2 { color: #FFF; } .cc--image-grid-text.color-black .f--section-title h2 a, .cc--image-grid-text.color-blue .f--section-title h2 a, .cc--image-grid-text.color-dark-gray .f--section-title h2 a, .cc--image-grid-text.color-red .f--section-title h2 a, .cc--image-grid-text.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--image-grid-text.color-black .f--sub-title h3, .cc--image-grid-text.color-blue .f--sub-title h3, .cc--image-grid-text.color-dark-gray .f--sub-title h3, .cc--image-grid-text.color-red .f--sub-title h3, .cc--image-grid-text.color-teal .f--sub-title h3 { color: #FFF; } .cc--image-grid-text.color-black .f--sub-title h3 a, .cc--image-grid-text.color-blue .f--sub-title h3 a, .cc--image-grid-text.color-dark-gray .f--sub-title h3 a, .cc--image-grid-text.color-red .f--sub-title h3 a, .cc--image-grid-text.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--image-grid-text.color-black .f--page-title h1, .cc--image-grid-text.color-blue .f--page-title h1, .cc--image-grid-text.color-dark-gray .f--page-title h1, .cc--image-grid-text.color-red .f--page-title h1, .cc--image-grid-text.color-teal .f--page-title h1 { color: #FFF; } .cc--image-grid-text.color-black .stat-item .f--text, .cc--image-grid-text.color-black .stat-item .f--stat-prefix, .cc--image-grid-text.color-black .stat-item .f--stat-suffix, .cc--image-grid-text.color-blue .stat-item .f--text, .cc--image-grid-text.color-blue .stat-item .f--stat-prefix, .cc--image-grid-text.color-blue .stat-item .f--stat-suffix, .cc--image-grid-text.color-dark-gray .stat-item .f--text, .cc--image-grid-text.color-dark-gray .stat-item .f--stat-prefix, .cc--image-grid-text.color-dark-gray .stat-item .f--stat-suffix, .cc--image-grid-text.color-red .stat-item .f--text, .cc--image-grid-text.color-red .stat-item .f--stat-prefix, .cc--image-grid-text.color-red .stat-item .f--stat-suffix, .cc--image-grid-text.color-teal .stat-item .f--text, .cc--image-grid-text.color-teal .stat-item .f--stat-prefix, .cc--image-grid-text.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--image-grid-text.color-black .f--stat-subheading, .cc--image-grid-text.color-black .f--description, .cc--image-grid-text.color-black .f--stat-headline, .cc--image-grid-text.color-blue .f--stat-subheading, .cc--image-grid-text.color-blue .f--description, .cc--image-grid-text.color-blue .f--stat-headline, .cc--image-grid-text.color-dark-gray .f--stat-subheading, .cc--image-grid-text.color-dark-gray .f--description, .cc--image-grid-text.color-dark-gray .f--stat-headline, .cc--image-grid-text.color-red .f--stat-subheading, .cc--image-grid-text.color-red .f--description, .cc--image-grid-text.color-red .f--stat-headline, .cc--image-grid-text.color-teal .f--stat-subheading, .cc--image-grid-text.color-teal .f--description, .cc--image-grid-text.color-teal .f--stat-headline { color: #FFF; } .cc--image-grid-text.color-black .f--link .button, .cc--image-grid-text.color-blue .f--link .button, .cc--image-grid-text.color-dark-gray .f--link .button, .cc--image-grid-text.color-red .f--link .button, .cc--image-grid-text.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--image-grid-text.color-black .f--link .button, .cc--image-grid-text.color-blue .f--link .button, .cc--image-grid-text.color-dark-gray .f--link .button, .cc--image-grid-text.color-red .f--link .button, .cc--image-grid-text.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.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--image-grid-text.color-black .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--link .button, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--image-grid-text.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--image-grid-text.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--image-grid-text.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--image-grid-text.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--image-grid-text.color-black .swiper-button-prev svg, .cc--image-grid-text.color-black .swiper-button-next svg, .cc--image-grid-text.color-blue .swiper-button-prev svg, .cc--image-grid-text.color-blue .swiper-button-next svg, .cc--image-grid-text.color-dark-gray .swiper-button-prev svg, .cc--image-grid-text.color-dark-gray .swiper-button-next svg, .cc--image-grid-text.color-red .swiper-button-prev svg, .cc--image-grid-text.color-red .swiper-button-next svg, .cc--image-grid-text.color-teal .swiper-button-prev svg, .cc--image-grid-text.color-teal .swiper-button-next svg { fill: #FFF; } .cc--image-grid-text.color-black .swiper-button-wrapper::before, .cc--image-grid-text.color-blue .swiper-button-wrapper::before, .cc--image-grid-text.color-dark-gray .swiper-button-wrapper::before, .cc--image-grid-text.color-red .swiper-button-wrapper::before, .cc--image-grid-text.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--image-grid-text.color-black .swiper-pagination-bullet, .cc--image-grid-text.color-blue .swiper-pagination-bullet, .cc--image-grid-text.color-dark-gray .swiper-pagination-bullet, .cc--image-grid-text.color-red .swiper-pagination-bullet, .cc--image-grid-text.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--image-grid-text.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--image-grid-text.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--image-grid-text.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--image-grid-text.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--image-grid-text.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--image-grid-text.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--image-grid-text.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--image-grid-text.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--image-grid-text.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--image-grid-text.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--image-grid-text.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--image-grid-text.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--image-grid-text.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--image-grid-text.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--image-grid-text.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--image-grid-text.color-black .cc--user-choice-vertical-slide h2, .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide h2, .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--image-grid-text.color-red .cc--user-choice-vertical-slide h2, .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--image-grid-text.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--image-grid-text.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--image-grid-text.color-black .cc--user-choice-vertical-slide .f--description p, .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--image-grid-text.color-red .cc--user-choice-vertical-slide .f--description p, .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--image-grid-text.color-black .cc--user-choice-vertical-slide .f--link a, .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--image-grid-text.color-red .cc--user-choice-vertical-slide .f--link a, .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--image-grid-text.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--image-grid-text.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--image-grid-text.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--image-grid-text.color-black .cc--user-choice-vertical-slide .icon-close, .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--image-grid-text.color-red .cc--user-choice-vertical-slide .icon-close, .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--image-grid-text.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--image-grid-text.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--image-grid-text.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--image-grid-text.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--image-grid-text.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--image-grid-text.color-pale-yellow { background-color: #FCE488; } .cc--image-grid-text.color-pale-teal { background-color: #87C3BE; } .cc--image-grid-text.color-pale-blue { background-color: #92D6E3; } .cc--image-grid-text .c--image-grid-text { max-width: 1440px; margin: 0 auto; } .cc--image-grid-text .c--image-grid-text .inner-wrapper { padding-top: 1.5625rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; position: relative; } @media screen and (min-width: 768px) { .cc--image-grid-text .c--image-grid-text .inner-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5%; -moz-column-gap: 5%; column-gap: 5%; } } @media screen and (min-width: 1024px) { .cc--image-grid-text .c--image-grid-text .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 6.25rem; padding-left: 4%; -webkit-column-gap: 4.54545%; -moz-column-gap: 4.54545%; column-gap: 4.54545%; } } .cc--image-grid-text .c--image-grid-text .inner-wrapper.has-divider::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; content: ''; height: 0.0625rem; width: calc(100% - 16%); background-color: #D8D8D8; } @media screen and (min-width: 1024px) { .cc--image-grid-text .c--image-grid-text .inner-wrapper.has-divider::after { width: calc(100% - 8%); } } .cc--image-grid-text .c--image-grid-text .left-container { margin-bottom: 1.5625rem; } @media screen and (min-width: 768px) { .cc--image-grid-text .c--image-grid-text .left-container { margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; width: 45%; } } @media screen and (min-width: 1024px) { .cc--image-grid-text .c--image-grid-text .left-container { margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 45.45455%; flex: 0 0 45.45455%; width: 45.45455%; } } @media screen and (min-width: 768px) { .cc--image-grid-text .c--image-grid-text .right-container { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media screen and (min-width: 1024px) { .cc--image-grid-text .c--image-grid-text .right-container { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .cc--image-grid-text .swiper-container { margin-bottom: 1.5625rem; } @media screen and (min-width: 1024px) { .cc--image-grid-text .swiper-container { margin-bottom: 2.5rem; } } .cc--image-grid-text .swiper-slide { height: auto; } .cc--image-grid-text .swiper-slide a { display: block; text-decoration: none; height: 100%; } .cc--image-grid-text .swiper-slide .f--image { height: 100%; } .cc--image-grid-text .swiper-slide .f--image figure { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .cc--image-grid-text .swiper-slide .f--image figure::before { content: ''; } .cc--image-grid-text .swiper-slide .f--image figure img { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; -o-object-fit: contain; object-fit: contain; } .cc--image-grid-text .swiper-slide .f--image figure figcaption { margin-top: 0.625rem; margin-bottom: 0; } @media screen and (min-width: 1024px) { .cc--image-grid-text .swiper-slide .f--image figure figcaption { margin-top: 1.25rem; } } .cc--image-grid-text .swiper-slide .f--image figure figcaption p { font-size: 0.875rem; line-height: 1.4286; } @media screen and (min-width: 1024px) { .cc--image-grid-text .swiper-slide .f--image figure figcaption p { font-size: 1rem; line-height: 1.5; } } .cc--image-grid-text .thumb-gallery { margin-top: 1.5625rem; } @media screen and (min-width: 1024px) { .cc--image-grid-text .thumb-gallery { margin-top: 2.5rem; } } .cc--image-grid-text .thumb-gallery .swiper-pagination { list-style: none; padding: 0; margin: 0; position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.9375rem; } @media screen and (min-width: 1024px) { .cc--image-grid-text .thumb-gallery .swiper-pagination { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5625rem; } } .cc--image-grid-text .thumb-gallery .swiper-pagination .swiper-grid-thumb { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; aspect-ratio: 1 / 1; } .cc--image-grid-text .more-link, .cc--image-grid-text .less-link { 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; text-transform: uppercase; -webkit-column-gap: 0.3125rem; -moz-column-gap: 0.3125rem; column-gap: 0.3125rem; } .cc--image-grid-text .more-link::after { display: inline-block; height: 0.4375rem; width: 0.4375rem; border-width: 0.0625rem 0 0 0.0625rem; border-color: #CC0033; border-style: solid; -webkit-transform: rotate(225deg); transform: rotate(225deg); content: ''; } .cc--image-grid-text .less-link::after { display: inline-block; height: 0.4375rem; width: 0.4375rem; border-width: 0.0625rem 0 0 0.0625rem; border-color: #CC0033; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; } .cc--image-grid-text .f--link { margin-top: 1.5625rem; text-align: center; } @media screen and (min-width: 768px) { .cc--image-grid-text .f--link { text-align: left; } } @media screen and (min-width: 1024px) { .cc--image-grid-text .f--link { margin-top: 2.5rem; } } @media screen and (min-width: 768px) { .cc--image-grid-text.reversed .inner-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .lity { background: rgba(255, 255, 255, 0.95) !important; } .lity-wrap { overflow: auto; } @media screen and (min-width: 1024px) { .lity-wrap { overflow: hidden; } } .lity-container { padding-top: 1.875rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; vertical-align: top; max-height: none; width: 100%; } @media screen and (min-width: 1024px) { .lity-container { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 3.125rem; padding-left: 8%; } } .lity-content::after { -webkit-box-shadow: none !important; box-shadow: none !important; } @media screen and (min-width: 1024px) { .lity-content .swiper-wrapper { height: auto !important; } } .lity-content .swiper-wrapper .swiper-slide:not(.swiper-slide-active) { visibility: hidden; opacity: 0; } .lity-content .swiper-wrapper .swiper-slide .f--image:not(:has(figure)) { height: 100%; 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; } .lity-content .swiper-wrapper .swiper-slide .f--image:not(:has(figure)) img { -o-object-fit: contain; object-fit: contain; } .lity-content .swiper-buttons { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; width: 5.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; bottom: -3.75rem; } @media screen and (min-width: 1024px) { .lity-content .swiper-buttons { width: calc(100% + 5rem); top: 50%; bottom: auto; left: -2.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .lity-content .swiper-buttons .swiper-button-prev, .lity-content .swiper-buttons .swiper-button-next { position: static; display: block; top: 0; right: auto; bottom: 0; left: auto; margin: 0; padding: 0; border: 0; background-color: transparent; background-image: none; } .lity-content .swiper-buttons .swiper-button-prev::after, .lity-content .swiper-buttons .swiper-button-next::after { content: ""; display: block; } .lity-content .swiper-buttons .swiper-button-prev svg, .lity-content .swiper-buttons .swiper-button-next svg { width: 1.25rem; fill: #000; } .lity-content .f--image figure { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .lity-content .f--image figure img { margin-bottom: 1.25rem; padding-bottom: 1.25rem; display: block; border-bottom: 0.0625rem solid #000; height: auto; -o-object-fit: contain; object-fit: contain; } @media screen and (min-width: 1024px) { .lity-content .f--image figure img { margin-bottom: 1.5625rem; padding-bottom: 1.5625rem; } } .lity-content .f--image figure figcaption { padding-right: 4.54545%; padding-left: 4.54545%; display: block; } @media screen and (min-width: 1024px) { .lity-content .f--image figure figcaption { padding-right: 0; padding-left: 0; max-width: 60%; } } .lity-content .f--image figure figcaption p { font-size: 1rem; line-height: 1.75; color: #444; } .lity-content .credit { font-size: 1rem; line-height: 1.5; margin-top: 1.5625rem; padding-right: 4.54545%; padding-left: 4.54545%; display: block; } @media screen and (min-width: 1024px) { .lity-content .credit { padding-right: 0; padding-left: 0; } } .lity-image { max-height: none !important; } .lity-close { display: none; } .lity .dialog-close { position: absolute; display: block; right: 0; bottom: 0; } .lity .dialog-close svg { width: 1.25rem; height: 1.25rem; } @media screen and (min-width: 1024px) { .lity .dialog-close svg { width: 2rem; height: 2rem; } } .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--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--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); 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%); } } @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; } .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--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; } .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: 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; } .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--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 .header { margin-bottom: 1.875rem; text-align: center; } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .header { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--related-content .inner-wrapper .header { margin-bottom: 3.125rem; } } .cc--related-content .inner-wrapper .header .f--section-title h2 { font-size: 2rem; line-height: 1.25; } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .header .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 1024px) { .cc--related-content .inner-wrapper .header .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .cc--related-content .inner-wrapper .header .f--description { margin-top: 1.875rem; } @media screen and (min-width: 768px) { .cc--related-content .inner-wrapper .header .f--description { margin-top: 1.25rem; } } @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 { margin-top: 0.625rem; } .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-media-2up.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--related-media-2up.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--related-media-2up.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--related-media-2up.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--related-media-2up.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--related-media-2up.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--related-media-2up.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--related-media-2up.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--related-media-2up.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--related-media-2up.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--related-media-2up.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--related-media-2up.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--related-media-2up.color-white .f--link .button, .cc--related-media-2up.color-light-gray .f--link .button { background-color: transparent; } .cc--related-media-2up.color-white .f--link .button:hover, .cc--related-media-2up.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--related-media-2up.color-pale-teal .f--link .button, .cc--related-media-2up.color-pale-yellow .f--link .button, .cc--related-media-2up.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-media-2up.color-pale-teal .f--link .button, .cc--related-media-2up.color-pale-yellow .f--link .button, .cc--related-media-2up.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.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-media-2up.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.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-media-2up.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--related-media-2up.color-black .f--description, .cc--related-media-2up.color-black .f--text, .cc--related-media-2up.color-black .f--category, .cc--related-media-2up.color-blue .f--description, .cc--related-media-2up.color-blue .f--text, .cc--related-media-2up.color-blue .f--category, .cc--related-media-2up.color-dark-gray .f--description, .cc--related-media-2up.color-dark-gray .f--text, .cc--related-media-2up.color-dark-gray .f--category, .cc--related-media-2up.color-red .f--description, .cc--related-media-2up.color-red .f--text, .cc--related-media-2up.color-red .f--category, .cc--related-media-2up.color-teal .f--description, .cc--related-media-2up.color-teal .f--text, .cc--related-media-2up.color-teal .f--category { color: #FFF; } .cc--related-media-2up.color-black .f--description p, .cc--related-media-2up.color-black .f--description li, .cc--related-media-2up.color-black .f--description a, .cc--related-media-2up.color-black .f--text p, .cc--related-media-2up.color-black .f--text li, .cc--related-media-2up.color-black .f--text a, .cc--related-media-2up.color-black .f--category p, .cc--related-media-2up.color-black .f--category li, .cc--related-media-2up.color-black .f--category a, .cc--related-media-2up.color-blue .f--description p, .cc--related-media-2up.color-blue .f--description li, .cc--related-media-2up.color-blue .f--description a, .cc--related-media-2up.color-blue .f--text p, .cc--related-media-2up.color-blue .f--text li, .cc--related-media-2up.color-blue .f--text a, .cc--related-media-2up.color-blue .f--category p, .cc--related-media-2up.color-blue .f--category li, .cc--related-media-2up.color-blue .f--category a, .cc--related-media-2up.color-dark-gray .f--description p, .cc--related-media-2up.color-dark-gray .f--description li, .cc--related-media-2up.color-dark-gray .f--description a, .cc--related-media-2up.color-dark-gray .f--text p, .cc--related-media-2up.color-dark-gray .f--text li, .cc--related-media-2up.color-dark-gray .f--text a, .cc--related-media-2up.color-dark-gray .f--category p, .cc--related-media-2up.color-dark-gray .f--category li, .cc--related-media-2up.color-dark-gray .f--category a, .cc--related-media-2up.color-red .f--description p, .cc--related-media-2up.color-red .f--description li, .cc--related-media-2up.color-red .f--description a, .cc--related-media-2up.color-red .f--text p, .cc--related-media-2up.color-red .f--text li, .cc--related-media-2up.color-red .f--text a, .cc--related-media-2up.color-red .f--category p, .cc--related-media-2up.color-red .f--category li, .cc--related-media-2up.color-red .f--category a, .cc--related-media-2up.color-teal .f--description p, .cc--related-media-2up.color-teal .f--description li, .cc--related-media-2up.color-teal .f--description a, .cc--related-media-2up.color-teal .f--text p, .cc--related-media-2up.color-teal .f--text li, .cc--related-media-2up.color-teal .f--text a, .cc--related-media-2up.color-teal .f--category p, .cc--related-media-2up.color-teal .f--category li, .cc--related-media-2up.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--description a, html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--text a, html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--category a, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--description a, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--text a, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--category a, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--description a, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--text a, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--category a, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--description a, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--text a, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--category a:hover { color: #FFF; } .cc--related-media-2up.color-black .f--section-title h2, .cc--related-media-2up.color-blue .f--section-title h2, .cc--related-media-2up.color-dark-gray .f--section-title h2, .cc--related-media-2up.color-red .f--section-title h2, .cc--related-media-2up.color-teal .f--section-title h2 { color: #FFF; } .cc--related-media-2up.color-black .f--section-title h2 a, .cc--related-media-2up.color-blue .f--section-title h2 a, .cc--related-media-2up.color-dark-gray .f--section-title h2 a, .cc--related-media-2up.color-red .f--section-title h2 a, .cc--related-media-2up.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--related-media-2up.color-black .f--sub-title h3, .cc--related-media-2up.color-blue .f--sub-title h3, .cc--related-media-2up.color-dark-gray .f--sub-title h3, .cc--related-media-2up.color-red .f--sub-title h3, .cc--related-media-2up.color-teal .f--sub-title h3 { color: #FFF; } .cc--related-media-2up.color-black .f--sub-title h3 a, .cc--related-media-2up.color-blue .f--sub-title h3 a, .cc--related-media-2up.color-dark-gray .f--sub-title h3 a, .cc--related-media-2up.color-red .f--sub-title h3 a, .cc--related-media-2up.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--related-media-2up.color-black .f--page-title h1, .cc--related-media-2up.color-blue .f--page-title h1, .cc--related-media-2up.color-dark-gray .f--page-title h1, .cc--related-media-2up.color-red .f--page-title h1, .cc--related-media-2up.color-teal .f--page-title h1 { color: #FFF; } .cc--related-media-2up.color-black .stat-item .f--text, .cc--related-media-2up.color-black .stat-item .f--stat-prefix, .cc--related-media-2up.color-black .stat-item .f--stat-suffix, .cc--related-media-2up.color-blue .stat-item .f--text, .cc--related-media-2up.color-blue .stat-item .f--stat-prefix, .cc--related-media-2up.color-blue .stat-item .f--stat-suffix, .cc--related-media-2up.color-dark-gray .stat-item .f--text, .cc--related-media-2up.color-dark-gray .stat-item .f--stat-prefix, .cc--related-media-2up.color-dark-gray .stat-item .f--stat-suffix, .cc--related-media-2up.color-red .stat-item .f--text, .cc--related-media-2up.color-red .stat-item .f--stat-prefix, .cc--related-media-2up.color-red .stat-item .f--stat-suffix, .cc--related-media-2up.color-teal .stat-item .f--text, .cc--related-media-2up.color-teal .stat-item .f--stat-prefix, .cc--related-media-2up.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--related-media-2up.color-black .f--stat-subheading, .cc--related-media-2up.color-black .f--description, .cc--related-media-2up.color-black .f--stat-headline, .cc--related-media-2up.color-blue .f--stat-subheading, .cc--related-media-2up.color-blue .f--description, .cc--related-media-2up.color-blue .f--stat-headline, .cc--related-media-2up.color-dark-gray .f--stat-subheading, .cc--related-media-2up.color-dark-gray .f--description, .cc--related-media-2up.color-dark-gray .f--stat-headline, .cc--related-media-2up.color-red .f--stat-subheading, .cc--related-media-2up.color-red .f--description, .cc--related-media-2up.color-red .f--stat-headline, .cc--related-media-2up.color-teal .f--stat-subheading, .cc--related-media-2up.color-teal .f--description, .cc--related-media-2up.color-teal .f--stat-headline { color: #FFF; } .cc--related-media-2up.color-black .f--link .button, .cc--related-media-2up.color-blue .f--link .button, .cc--related-media-2up.color-dark-gray .f--link .button, .cc--related-media-2up.color-red .f--link .button, .cc--related-media-2up.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-media-2up.color-black .f--link .button, .cc--related-media-2up.color-blue .f--link .button, .cc--related-media-2up.color-dark-gray .f--link .button, .cc--related-media-2up.color-red .f--link .button, .cc--related-media-2up.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.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-media-2up.color-black .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--link .button, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--related-media-2up.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-media-2up.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-media-2up.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-media-2up.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--related-media-2up.color-black .swiper-button-prev svg, .cc--related-media-2up.color-black .swiper-button-next svg, .cc--related-media-2up.color-blue .swiper-button-prev svg, .cc--related-media-2up.color-blue .swiper-button-next svg, .cc--related-media-2up.color-dark-gray .swiper-button-prev svg, .cc--related-media-2up.color-dark-gray .swiper-button-next svg, .cc--related-media-2up.color-red .swiper-button-prev svg, .cc--related-media-2up.color-red .swiper-button-next svg, .cc--related-media-2up.color-teal .swiper-button-prev svg, .cc--related-media-2up.color-teal .swiper-button-next svg { fill: #FFF; } .cc--related-media-2up.color-black .swiper-button-wrapper::before, .cc--related-media-2up.color-blue .swiper-button-wrapper::before, .cc--related-media-2up.color-dark-gray .swiper-button-wrapper::before, .cc--related-media-2up.color-red .swiper-button-wrapper::before, .cc--related-media-2up.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--related-media-2up.color-black .swiper-pagination-bullet, .cc--related-media-2up.color-blue .swiper-pagination-bullet, .cc--related-media-2up.color-dark-gray .swiper-pagination-bullet, .cc--related-media-2up.color-red .swiper-pagination-bullet, .cc--related-media-2up.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--related-media-2up.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-media-2up.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-media-2up.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-media-2up.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--related-media-2up.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--related-media-2up.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-media-2up.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-media-2up.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-media-2up.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--related-media-2up.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--related-media-2up.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-media-2up.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-media-2up.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-media-2up.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--related-media-2up.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-media-2up.color-black .cc--user-choice-vertical-slide h2, .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide h2, .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--related-media-2up.color-red .cc--user-choice-vertical-slide h2, .cc--related-media-2up.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--related-media-2up.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--related-media-2up.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--related-media-2up.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--related-media-2up.color-black .cc--user-choice-vertical-slide .f--description p, .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--related-media-2up.color-red .cc--user-choice-vertical-slide .f--description p, .cc--related-media-2up.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--related-media-2up.color-black .cc--user-choice-vertical-slide .f--link a, .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--related-media-2up.color-red .cc--user-choice-vertical-slide .f--link a, .cc--related-media-2up.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--related-media-2up.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--related-media-2up.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--related-media-2up.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--related-media-2up.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--related-media-2up.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-media-2up.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--related-media-2up.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--related-media-2up.color-black .cc--user-choice-vertical-slide .icon-close, .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--related-media-2up.color-red .cc--user-choice-vertical-slide .icon-close, .cc--related-media-2up.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--related-media-2up.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--related-media-2up.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--related-media-2up.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--related-media-2up.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--related-media-2up.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--related-media-2up.color-pale-yellow { background-color: #FCE488; } .cc--related-media-2up.color-pale-teal { background-color: #87C3BE; } .cc--related-media-2up.color-pale-blue { background-color: #92D6E3; } .cc--related-media-2up .c--related-media-2up { max-width: 1440px; margin: 0 auto; } .cc--related-media-2up .inner-wrapper { padding-top: 3.125rem; padding-right: 8%; padding-bottom: 2.5rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--related-media-2up .inner-wrapper { padding-top: 4.375rem; padding-right: 4%; padding-bottom: 4.375rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--related-media-2up .inner-wrapper { padding-top: 5rem; padding-bottom: 5rem; } } .cc--related-media-2up .inner-wrapper .header { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--related-media-2up .inner-wrapper .header { margin-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--related-media-2up .inner-wrapper .header { margin-bottom: 3.125rem; } } .cc--related-media-2up .inner-wrapper .header .f--section-title h2 { font-size: 1.75rem; line-height: 1.2858; } @media screen and (min-width: 768px) { .cc--related-media-2up .inner-wrapper .header .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } @media screen and (min-width: 768px) { .cc--related-media-2up .inner-wrapper .news-list { display: grid; grid-template-columns: repeat(2, minmax(0, 48.27586%)); row-gap: 3.125rem; -webkit-column-gap: 3.44828%; -moz-column-gap: 3.44828%; column-gap: 3.44828%; } } .cc--related-media-2up .inner-wrapper .news-list .cc--news-card:not(:last-child) { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .cc--related-media-2up .inner-wrapper .news-list .cc--news-card:not(:last-child) { margin-bottom: 0; } } @media screen and (min-width: 500px) { .cc--related-media-2up .inner-wrapper .news-list .cc--news-card .c--news-card { overflow: hidden; } } .cc--related-media-2up .inner-wrapper .news-list .cc--news-card .c--news-card .f--image { display: block; } @media screen and (min-width: 500px) { .cc--related-media-2up .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-media-2up .inner-wrapper .news-list .cc--news-card .c--news-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--related-media-2up .inner-wrapper .news-list .cc--news-card .f--sub-title { margin-bottom: 0; } .cc--related-media-2up .inner-wrapper .news-list .cc--news-card .f--sub-title h3 { margin-bottom: 0; } .cc--related-media-2up .inner-wrapper .news-list .cc--news-card .f--image { margin-bottom: 1.25rem; } .cc--related-media-2up .inner-wrapper .news-list .cc--news-card .f--description { margin-top: 0.625rem; } .cc--related-media-2up .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-media-2up .inner-wrapper .news-list .cc--news-card .f--description p { font-size: 1rem; line-height: 1.75; margin-top: 1.25rem; } } .cc--research-listing { margin-bottom: 3.75rem; } @media screen and (min-width: 768px) { .cc--research-listing { margin-bottom: 5rem; } } .cc--research-listing .c--research-listing { max-width: 1440px; margin: 0 auto; } .cc--research-listing .inner-wrapper { padding-top: 1.5625rem; padding-right: 8%; padding-bottom: 1.5625rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--research-listing .inner-wrapper { padding-top: 3.125rem; padding-right: 4%; padding-bottom: 3.125rem; padding-left: 4%; } } .cc--research-listing .inner-wrapper .f--section-title { text-align: center; } @media screen and (min-width: 768px) { .cc--research-listing .inner-wrapper .f--section-title h2 { margin-bottom: 3.75rem; } } @media screen and (min-width: 768px) { .cc--research-listing .inner-wrapper .research-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cc--research-listing .inner-wrapper .research-list .cc--research-card { margin-bottom: 1.875rem; } .cc--research-listing .inner-wrapper .research-list .cc--research-card:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--research-listing .inner-wrapper .research-list .cc--research-card:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 768px) { .cc--research-listing .inner-wrapper .research-list .cc--research-card:nth-child(3n+1):nth-last-child(-n+3), .cc--research-listing .inner-wrapper .research-list .cc--research-card:nth-child(3n+1):nth-last-child(-n+3) ~ article { margin-bottom: 0; } } @media screen and (min-width: 768px) { .cc--research-listing .inner-wrapper .research-list .cc--research-card { margin-right: 4.34783%; margin-bottom: 3.125rem; width: 30.43478%; } } @media screen and (min-width: 1024px) { .cc--research-listing .inner-wrapper .research-list .cc--research-card { margin-bottom: 3.75rem; } } .cc--research-listing .inner-wrapper .research-list .cc--research-card .image-link { display: block; cursor: pointer; } @media screen and (min-width: 500px) { .cc--research-listing .inner-wrapper .research-list .cc--research-card .c--research-card .f--image { margin-left: 0; width: 100%; float: none; } } .cc--research-listing .inner-wrapper .research-list .cc--research-card .f--sub-title { margin-bottom: 0; } .cc--research-listing .inner-wrapper .research-list .cc--research-card .f--sub-title h3, .cc--research-listing .inner-wrapper .research-list .cc--research-card .f--sub-title a { font-size: 1.25rem; line-height: 1.4; margin-bottom: 0; } @media screen and (min-width: 768px) { .cc--research-listing .inner-wrapper .research-list .cc--research-card .f--sub-title h3, .cc--research-listing .inner-wrapper .research-list .cc--research-card .f--sub-title a { font-size: 1.5rem; line-height: 1.3334; } } .cc--research-listing .inner-wrapper .research-list .cc--research-card .f--image { margin-bottom: 1.25rem; } .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--side-rail { margin-top: 1.5625rem; } @media screen and (min-width: 768px) { .cc--side-rail { margin-top: 0; } } .cc--side-rail .c--side-rail .item-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--side-rail .c--side-rail .item-wrapper { padding-top: 0; padding-bottom: 0; border: 0; } } .cc--side-rail .c--side-rail .item-wrapper.active { padding-bottom: 1.875rem; } .cc--side-rail .c--side-rail .content-wrapper { display: none; } .cc--side-rail .c--side-rail .content-wrapper.active { padding-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--side-rail .c--side-rail .content-wrapper { display: block !important; } } @media screen and (min-width: 768px) { .cc--side-rail .c--side-rail .details-button-wrapper { display: none; } } .cc--side-rail .c--side-rail .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--side-rail .c--side-rail .details-button-wrapper .f--button-wrapper .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--side-rail .c--side-rail .details-button-wrapper .f--button-wrapper .button:hover { background-color: #FFF; color: #000; } .cc--side-rail .c--side-rail .details-button-wrapper .f--button-wrapper .button svg { width: 0.5625rem; height: 0.375rem; margin-left: 0.5rem; fill: #C03; } .cc--side-rail .c--side-rail .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--side-rail .c--side-rail .sidebar-listing { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .cc--side-rail .c--side-rail .sidebar-listing { margin-bottom: 3.125rem; } } .cc--side-rail .c--side-rail .sidebar-listing .f--cta-title { margin-bottom: 0.9375rem; } .cc--side-rail .c--side-rail .sidebar-listing .f--cta-title h3 { font-size: 0.875rem; line-height: 1.4286; } .cc--side-rail .c--side-rail .sidebar-listing .item-list { list-style: none; padding: 0; margin: 0; padding: 0; } .cc--side-rail .c--side-rail .sidebar-listing .item-list li { font-size: 0.875rem; line-height: 1.4286; margin-bottom: 1.25rem; } .cc--side-rail .c--side-rail .sidebar-listing .item-list li a { text-decoration: none; } html[data-whatintent="mouse"] .cc--side-rail .c--side-rail .sidebar-listing .item-list li a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--side-rail .c--side-rail .sidebar-listing .item-list li a:hover { text-decoration: underline; } .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); 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--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; } .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--text-hero.color-white { background-color: #FFF; } @media screen and (max-width: 767px) { .cc--text-hero.color-white .cc--user-choice-vertical-slide { background-color: #FFF; } } .cc--text-hero.color-black { background-color: #000; } @media screen and (max-width: 767px) { .cc--text-hero.color-black .cc--user-choice-vertical-slide { background-color: #000; } } .cc--text-hero.color-yellow { background-color: #EBB600; } @media screen and (max-width: 767px) { .cc--text-hero.color-yellow .cc--user-choice-vertical-slide { background-color: #EBB600; } } .cc--text-hero.color-blue { background-color: #007FAC; } @media screen and (max-width: 767px) { .cc--text-hero.color-blue .cc--user-choice-vertical-slide { background-color: #007FAC; } } .cc--text-hero.color-dark-gray { background-color: #222; } @media screen and (max-width: 767px) { .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide { background-color: #222; } } .cc--text-hero.color-light-gray { background-color: #EFEFEF; } @media screen and (max-width: 767px) { .cc--text-hero.color-light-gray .cc--user-choice-vertical-slide { background-color: #EFEFEF; } } .cc--text-hero.color-red { background-color: #C03; } @media screen and (max-width: 767px) { .cc--text-hero.color-red .cc--user-choice-vertical-slide { background-color: #C03; } } .cc--text-hero.color-teal { background-color: #00626D; } @media screen and (max-width: 767px) { .cc--text-hero.color-teal .cc--user-choice-vertical-slide { background-color: #00626D; } } .cc--text-hero.color-pale-teal { background-color: #87C3BE; } @media screen and (max-width: 767px) { .cc--text-hero.color-pale-teal .cc--user-choice-vertical-slide { background-color: #87C3BE; } } .cc--text-hero.color-pale-yellow { background-color: #FCE488; } @media screen and (max-width: 767px) { .cc--text-hero.color-pale-yellow .cc--user-choice-vertical-slide { background-color: #FCE488; } } .cc--text-hero.color-pale-blue { background-color: #92D6E3; } @media screen and (max-width: 767px) { .cc--text-hero.color-pale-blue .cc--user-choice-vertical-slide { background-color: #92D6E3; } } .cc--text-hero.color-white .f--link .button, .cc--text-hero.color-light-gray .f--link .button { background-color: transparent; } .cc--text-hero.color-white .f--link .button:hover, .cc--text-hero.color-light-gray .f--link .button:hover { background-color: #C03; } .cc--text-hero.color-pale-teal .f--link .button, .cc--text-hero.color-pale-yellow .f--link .button, .cc--text-hero.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--text-hero.color-pale-teal .f--link .button, .cc--text-hero.color-pale-yellow .f--link .button, .cc--text-hero.color-pale-blue .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--text-hero.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.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--text-hero.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.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--text-hero.color-pale-teal .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-pale-yellow .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-pale-blue .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-pale-teal .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-pale-yellow .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-pale-blue .f--link .button:hover { border-color: #FFF; background-color: #FFF; } html[data-whatintent="mouse"] .cc--text-hero.color-pale-teal .f--link .button.disabled, html[data-whatintent="mouse"] .cc--text-hero.color-pale-yellow .f--link .button.disabled, html[data-whatintent="mouse"] .cc--text-hero.color-pale-blue .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-pale-teal .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--text-hero.color-pale-yellow .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--text-hero.color-pale-blue .f--link .button.disabled:hover { border-color: #FFF; background-color: #FFF; } .cc--text-hero.color-black .f--description, .cc--text-hero.color-black .f--text, .cc--text-hero.color-black .f--category, .cc--text-hero.color-blue .f--description, .cc--text-hero.color-blue .f--text, .cc--text-hero.color-blue .f--category, .cc--text-hero.color-dark-gray .f--description, .cc--text-hero.color-dark-gray .f--text, .cc--text-hero.color-dark-gray .f--category, .cc--text-hero.color-red .f--description, .cc--text-hero.color-red .f--text, .cc--text-hero.color-red .f--category, .cc--text-hero.color-teal .f--description, .cc--text-hero.color-teal .f--text, .cc--text-hero.color-teal .f--category { color: #FFF; } .cc--text-hero.color-black .f--description p, .cc--text-hero.color-black .f--description li, .cc--text-hero.color-black .f--description a, .cc--text-hero.color-black .f--text p, .cc--text-hero.color-black .f--text li, .cc--text-hero.color-black .f--text a, .cc--text-hero.color-black .f--category p, .cc--text-hero.color-black .f--category li, .cc--text-hero.color-black .f--category a, .cc--text-hero.color-blue .f--description p, .cc--text-hero.color-blue .f--description li, .cc--text-hero.color-blue .f--description a, .cc--text-hero.color-blue .f--text p, .cc--text-hero.color-blue .f--text li, .cc--text-hero.color-blue .f--text a, .cc--text-hero.color-blue .f--category p, .cc--text-hero.color-blue .f--category li, .cc--text-hero.color-blue .f--category a, .cc--text-hero.color-dark-gray .f--description p, .cc--text-hero.color-dark-gray .f--description li, .cc--text-hero.color-dark-gray .f--description a, .cc--text-hero.color-dark-gray .f--text p, .cc--text-hero.color-dark-gray .f--text li, .cc--text-hero.color-dark-gray .f--text a, .cc--text-hero.color-dark-gray .f--category p, .cc--text-hero.color-dark-gray .f--category li, .cc--text-hero.color-dark-gray .f--category a, .cc--text-hero.color-red .f--description p, .cc--text-hero.color-red .f--description li, .cc--text-hero.color-red .f--description a, .cc--text-hero.color-red .f--text p, .cc--text-hero.color-red .f--text li, .cc--text-hero.color-red .f--text a, .cc--text-hero.color-red .f--category p, .cc--text-hero.color-red .f--category li, .cc--text-hero.color-red .f--category a, .cc--text-hero.color-teal .f--description p, .cc--text-hero.color-teal .f--description li, .cc--text-hero.color-teal .f--description a, .cc--text-hero.color-teal .f--text p, .cc--text-hero.color-teal .f--text li, .cc--text-hero.color-teal .f--text a, .cc--text-hero.color-teal .f--category p, .cc--text-hero.color-teal .f--category li, .cc--text-hero.color-teal .f--category a { color: #FFF; } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--description a, html[data-whatintent="mouse"] .cc--text-hero.color-black .f--text a, html[data-whatintent="mouse"] .cc--text-hero.color-black .f--category a, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--description a, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--text a, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--category a, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--description a, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--text a, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--category a, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--description a, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--text a, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--category a, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--description a, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--text a, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--category a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--description a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-black .f--text a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-black .f--category a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--description a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--text a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--category a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--description a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--text a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--category a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--description a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--text a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--category a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--description a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--text a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--category a:hover { color: #FFF; } .cc--text-hero.color-black .f--section-title h2, .cc--text-hero.color-blue .f--section-title h2, .cc--text-hero.color-dark-gray .f--section-title h2, .cc--text-hero.color-red .f--section-title h2, .cc--text-hero.color-teal .f--section-title h2 { color: #FFF; } .cc--text-hero.color-black .f--section-title h2 a, .cc--text-hero.color-blue .f--section-title h2 a, .cc--text-hero.color-dark-gray .f--section-title h2 a, .cc--text-hero.color-red .f--section-title h2 a, .cc--text-hero.color-teal .f--section-title h2 a { color: #FFF; } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--section-title h2 a, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--section-title h2 a, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--section-title h2 a, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--section-title h2 a, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--section-title h2 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--section-title h2 a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--section-title h2 a:hover { color: #FFF; } .cc--text-hero.color-black .f--sub-title h3, .cc--text-hero.color-blue .f--sub-title h3, .cc--text-hero.color-dark-gray .f--sub-title h3, .cc--text-hero.color-red .f--sub-title h3, .cc--text-hero.color-teal .f--sub-title h3 { color: #FFF; } .cc--text-hero.color-black .f--sub-title h3 a, .cc--text-hero.color-blue .f--sub-title h3 a, .cc--text-hero.color-dark-gray .f--sub-title h3 a, .cc--text-hero.color-red .f--sub-title h3 a, .cc--text-hero.color-teal .f--sub-title h3 a { color: #FFF; } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--sub-title h3 a, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--sub-title h3 a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--sub-title h3 a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--sub-title h3 a:hover { color: #FFF; } .cc--text-hero.color-black .f--page-title h1, .cc--text-hero.color-blue .f--page-title h1, .cc--text-hero.color-dark-gray .f--page-title h1, .cc--text-hero.color-red .f--page-title h1, .cc--text-hero.color-teal .f--page-title h1 { color: #FFF; } .cc--text-hero.color-black .stat-item .f--text, .cc--text-hero.color-black .stat-item .f--stat-prefix, .cc--text-hero.color-black .stat-item .f--stat-suffix, .cc--text-hero.color-blue .stat-item .f--text, .cc--text-hero.color-blue .stat-item .f--stat-prefix, .cc--text-hero.color-blue .stat-item .f--stat-suffix, .cc--text-hero.color-dark-gray .stat-item .f--text, .cc--text-hero.color-dark-gray .stat-item .f--stat-prefix, .cc--text-hero.color-dark-gray .stat-item .f--stat-suffix, .cc--text-hero.color-red .stat-item .f--text, .cc--text-hero.color-red .stat-item .f--stat-prefix, .cc--text-hero.color-red .stat-item .f--stat-suffix, .cc--text-hero.color-teal .stat-item .f--text, .cc--text-hero.color-teal .stat-item .f--stat-prefix, .cc--text-hero.color-teal .stat-item .f--stat-suffix { color: #FFF; } .cc--text-hero.color-black .f--stat-subheading, .cc--text-hero.color-black .f--description, .cc--text-hero.color-black .f--stat-headline, .cc--text-hero.color-blue .f--stat-subheading, .cc--text-hero.color-blue .f--description, .cc--text-hero.color-blue .f--stat-headline, .cc--text-hero.color-dark-gray .f--stat-subheading, .cc--text-hero.color-dark-gray .f--description, .cc--text-hero.color-dark-gray .f--stat-headline, .cc--text-hero.color-red .f--stat-subheading, .cc--text-hero.color-red .f--description, .cc--text-hero.color-red .f--stat-headline, .cc--text-hero.color-teal .f--stat-subheading, .cc--text-hero.color-teal .f--description, .cc--text-hero.color-teal .f--stat-headline { color: #FFF; } .cc--text-hero.color-black .f--link .button, .cc--text-hero.color-blue .f--link .button, .cc--text-hero.color-dark-gray .f--link .button, .cc--text-hero.color-red .f--link .button, .cc--text-hero.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--text-hero.color-black .f--link .button, .cc--text-hero.color-blue .f--link .button, .cc--text-hero.color-dark-gray .f--link .button, .cc--text-hero.color-red .f--link .button, .cc--text-hero.color-teal .f--link .button { padding-right: 2.5rem; padding-left: 2.5rem; width: auto; } } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.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--text-hero.color-black .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--link .button, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--link .button { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--link .button:hover, html[data-whatintent="mouse"] .cc--text-hero.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--text-hero.color-black .f--link .button.disabled, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--link .button.disabled, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--link .button.disabled, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--link .button.disabled, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--link .button.disabled { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-black .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--text-hero.color-blue .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--text-hero.color-red .f--link .button.disabled:hover, html[data-whatintent="mouse"] .cc--text-hero.color-teal .f--link .button.disabled:hover { background-color: transparent; color: #FFF; } html[data-whatintent="mouse"] .cc--text-hero.color-black .swiper-button-prev, html[data-whatintent="mouse"] .cc--text-hero.color-black .swiper-button-next, html[data-whatintent="mouse"] .cc--text-hero.color-blue .swiper-button-prev, html[data-whatintent="mouse"] .cc--text-hero.color-blue .swiper-button-next, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .swiper-button-prev, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .swiper-button-next, html[data-whatintent="mouse"] .cc--text-hero.color-red .swiper-button-prev, html[data-whatintent="mouse"] .cc--text-hero.color-red .swiper-button-next, html[data-whatintent="mouse"] .cc--text-hero.color-teal .swiper-button-prev, html[data-whatintent="mouse"] .cc--text-hero.color-teal .swiper-button-next { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-black .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--text-hero.color-black .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--text-hero.color-blue .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--text-hero.color-blue .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--text-hero.color-red .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--text-hero.color-red .swiper-button-next:hover svg, html[data-whatintent="mouse"] .cc--text-hero.color-teal .swiper-button-prev:hover svg, html[data-whatintent="mouse"] .cc--text-hero.color-teal .swiper-button-next:hover svg { fill: #FFF; } .cc--text-hero.color-black .swiper-button-prev svg, .cc--text-hero.color-black .swiper-button-next svg, .cc--text-hero.color-blue .swiper-button-prev svg, .cc--text-hero.color-blue .swiper-button-next svg, .cc--text-hero.color-dark-gray .swiper-button-prev svg, .cc--text-hero.color-dark-gray .swiper-button-next svg, .cc--text-hero.color-red .swiper-button-prev svg, .cc--text-hero.color-red .swiper-button-next svg, .cc--text-hero.color-teal .swiper-button-prev svg, .cc--text-hero.color-teal .swiper-button-next svg { fill: #FFF; } .cc--text-hero.color-black .swiper-button-wrapper::before, .cc--text-hero.color-blue .swiper-button-wrapper::before, .cc--text-hero.color-dark-gray .swiper-button-wrapper::before, .cc--text-hero.color-red .swiper-button-wrapper::before, .cc--text-hero.color-teal .swiper-button-wrapper::before { background-color: rgba(255, 255, 255, 0.3); } .cc--text-hero.color-black .swiper-pagination-bullet, .cc--text-hero.color-blue .swiper-pagination-bullet, .cc--text-hero.color-dark-gray .swiper-pagination-bullet, .cc--text-hero.color-red .swiper-pagination-bullet, .cc--text-hero.color-teal .swiper-pagination-bullet { background: transparent; border: 0.0625rem solid #FFF; opacity: 1; } .cc--text-hero.color-black .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--text-hero.color-blue .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--text-hero.color-dark-gray .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--text-hero.color-red .swiper-pagination-bullet.swiper-pagination-bullet-active, .cc--text-hero.color-teal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; } .cc--text-hero.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--text-hero.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--text-hero.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--text-hero.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link, .cc--text-hero.color-teal .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link { color: #FFF; } @media screen and (min-width: 768px) { .cc--text-hero.color-black .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--text-hero.color-blue .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--text-hero.color-dark-gray .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--text-hero.color-red .side-nav .swiper-pagination .swiper-pagination-customs .side-nav-link::after, .cc--text-hero.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--text-hero.color-black .cc--user-choice-vertical-slide h2, .cc--text-hero.color-blue .cc--user-choice-vertical-slide h2, .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide h2, .cc--text-hero.color-red .cc--user-choice-vertical-slide h2, .cc--text-hero.color-teal .cc--user-choice-vertical-slide h2 { color: #FFF; } } .cc--text-hero.color-black .cc--user-choice-vertical-slide h3.tab-title, .cc--text-hero.color-blue .cc--user-choice-vertical-slide h3.tab-title, .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide h3.tab-title, .cc--text-hero.color-red .cc--user-choice-vertical-slide h3.tab-title, .cc--text-hero.color-teal .cc--user-choice-vertical-slide h3.tab-title { color: #FFF; } .cc--text-hero.color-black .cc--user-choice-vertical-slide .f--description p, .cc--text-hero.color-blue .cc--user-choice-vertical-slide .f--description p, .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide .f--description p, .cc--text-hero.color-red .cc--user-choice-vertical-slide .f--description p, .cc--text-hero.color-teal .cc--user-choice-vertical-slide .f--description p { color: #FFF; } .cc--text-hero.color-black .cc--user-choice-vertical-slide .f--link a, .cc--text-hero.color-blue .cc--user-choice-vertical-slide .f--link a, .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide .f--link a, .cc--text-hero.color-red .cc--user-choice-vertical-slide .f--link a, .cc--text-hero.color-teal .cc--user-choice-vertical-slide .f--link a { color: #FFF; } .cc--text-hero.color-black .cc--user-choice-vertical-slide .f--link a svg, .cc--text-hero.color-blue .cc--user-choice-vertical-slide .f--link a svg, .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide .f--link a svg, .cc--text-hero.color-red .cc--user-choice-vertical-slide .f--link a svg, .cc--text-hero.color-teal .cc--user-choice-vertical-slide .f--link a svg { fill: #FFF; } html[data-whatintent="mouse"] .cc--text-hero.color-black .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--text-hero.color-blue .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--text-hero.color-red .cc--user-choice-vertical-slide .f--link a, html[data-whatintent="mouse"] .cc--text-hero.color-teal .cc--user-choice-vertical-slide .f--link a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--text-hero.color-black .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-blue .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-red .cc--user-choice-vertical-slide .f--link a:hover, html[data-whatintent="mouse"] .cc--text-hero.color-teal .cc--user-choice-vertical-slide .f--link a:hover { background-color: transparent; color: #FFF; } .cc--text-hero.color-black .cc--user-choice-vertical-slide .icon-close, .cc--text-hero.color-blue .cc--user-choice-vertical-slide .icon-close, .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide .icon-close, .cc--text-hero.color-red .cc--user-choice-vertical-slide .icon-close, .cc--text-hero.color-teal .cc--user-choice-vertical-slide .icon-close { border: 1px solid #FFF; } .cc--text-hero.color-black .cc--user-choice-vertical-slide .icon-close svg, .cc--text-hero.color-blue .cc--user-choice-vertical-slide .icon-close svg, .cc--text-hero.color-dark-gray .cc--user-choice-vertical-slide .icon-close svg, .cc--text-hero.color-red .cc--user-choice-vertical-slide .icon-close svg, .cc--text-hero.color-teal .cc--user-choice-vertical-slide .icon-close svg { fill: #FFF; } .cc--text-hero.color-pale-yellow { background-color: #FCE488; } .cc--text-hero.color-pale-teal { background-color: #87C3BE; } .cc--text-hero.color-pale-blue { background-color: #92D6E3; } .cc--text-hero .c--text-hero { max-width: 1440px; margin: 0 auto; } .cc--text-hero .c--text-hero .outer-wrapper { padding-top: 1.875rem; padding-right: 8%; padding-bottom: 1.5625rem; padding-left: 8%; } @media screen and (min-width: 768px) { .cc--text-hero .c--text-hero .outer-wrapper { padding-top: 3.75rem; padding-right: 4%; padding-bottom: 1.875rem; padding-left: 4%; } } @media screen and (min-width: 1024px) { .cc--text-hero .c--text-hero .outer-wrapper { padding-top: 4.375rem; padding-bottom: 2.5rem; } } @media screen and (min-width: 1024px) { .cc--text-hero .c--text-hero .text-wrapper { width: 80.43478%; } } .cc--text-hero .c--text-hero .f--text { font-size: 1.125rem; line-height: 1.6667; margin-top: 1.25rem; } @media screen and (min-width: 768px) { .cc--text-hero .c--text-hero .f--text { font-size: 1.25rem; line-height: 1.8; } } @media screen and (min-width: 1024px) { .cc--text-hero .c--text-hero .f--text { margin-top: 1.875rem; padding-right: 18.91892%; } } .cc--title-breadcrumb { margin-bottom: 0.625rem; } .cc--title-breadcrumb .c--title-breadcrumb { max-width: 1440px; margin: 0 auto; } .cc--title-breadcrumb a { 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; text-decoration: none; color: #000; } html[data-whatintent="mouse"] .cc--title-breadcrumb a { -webkit-transition: all 0.1s; transition: all 0.1s; } html[data-whatintent="mouse"] .cc--title-breadcrumb a:hover { text-decoration: underline; color: #000; } .cc--title-breadcrumb a svg { margin-right: 0.5rem; width: 0.3125rem; fill: #C03; } .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; } } .artist-detail .detail-header { max-width: 1440px; margin: 0 auto; } .artist-detail .detail-header-inner { padding-top: 0.625rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .artist-detail .detail-header-inner { padding-top: 1.875rem; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .artist-detail .detail-header-inner { padding-top: 1.375rem; padding-bottom: 2.5rem; } } .artist-detail .detail-header .f--sub-title h3 { font-size: 1rem; line-height: 1.5; margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .artist-detail .detail-header .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 1.25rem; } } .artist-detail .cc--rich-text { margin-top: 0; margin-bottom: 0; } .artist-detail .cc--rich-text .f--rich-text > *:first-child { margin-top: 0; } .artist-detail .content-main { max-width: 1440px; margin: 0 auto; } .artist-detail .content-main .content-inner { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .artist-detail .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) { .artist-detail .content-main .content-inner { padding-top: 5rem; padding-right: 10%; padding-bottom: 3.75rem; padding-left: 4%; } } .artist-detail .content-main .content-inner .cc--social-share { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .artist-detail .content-main .content-inner .detail-sidebar { width: 30.43478%; } } @media screen and (min-width: 1024px) { .artist-detail .content-main .content-inner .detail-sidebar { width: 25.5814%; } } .artist-detail .content-main .content-inner .detail-body { padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .artist-detail .content-main .content-inner .detail-body { padding-top: 0; padding-bottom: 0; width: 65.21739%; } } @media screen and (min-width: 1024px) { .artist-detail .content-main .content-inner .detail-body { width: 67.44186%; } } .artist-detail .content-main .content-inner .detail-body .c--component-container, .artist-detail .content-main .content-inner .detail-body .c--component { padding-right: 0; padding-left: 0; } .artist-detail .content-main .content-inner .detail-body .cc--accordion .inner-wrapper { padding-right: 0; padding-left: 0; } .artist-detail .content-main .content-inner .detail-body .cc--related-media-2up .inner-wrapper { padding-right: 0; padding-left: 0; } .artist-work-detail .detail-header { max-width: 1440px; margin: 0 auto; } .artist-work-detail .detail-header-inner { padding-top: 0.625rem; padding-right: 8%; padding-bottom: 1.875rem; padding-left: 8%; } @media screen and (min-width: 768px) { .artist-work-detail .detail-header-inner { padding-top: 1.875rem; padding-right: 4%; padding-left: 4%; } } @media screen and (min-width: 1024px) { .artist-work-detail .detail-header-inner { padding-top: 1.375rem; padding-bottom: 2.5rem; } } .artist-work-detail .detail-header .f--sub-title h3 { font-size: 1rem; line-height: 1.5; margin-bottom: 0.625rem; } @media screen and (min-width: 768px) { .artist-work-detail .detail-header .f--sub-title h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 1.25rem; } } .artist-work-detail .cc--rich-text { margin-top: 1.5625rem; } @media screen and (min-width: 768px) { .artist-work-detail .cc--rich-text { margin-top: 3.125rem; } } .artist-work-detail .cc--rich-text .f--rich-text > *:first-child { margin-top: 0; } .artist-work-detail .content-main { max-width: 1440px; margin: 0 auto; } .artist-work-detail .content-main .content-inner { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .artist-work-detail .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) { .artist-work-detail .content-main .content-inner { padding-top: 5rem; padding-right: 10%; padding-bottom: 3.75rem; padding-left: 4%; } } .artist-work-detail .content-main .content-inner .cc--social-share { margin-bottom: 1.875rem; } @media screen and (min-width: 768px) { .artist-work-detail .content-main .content-inner .detail-sidebar { width: 30.43478%; } } @media screen and (min-width: 1024px) { .artist-work-detail .content-main .content-inner .detail-sidebar { width: 25.5814%; } } .artist-work-detail .content-main .content-inner .detail-body { padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) { .artist-work-detail .content-main .content-inner .detail-body { padding-top: 0; padding-bottom: 0; width: 65.21739%; } } @media screen and (min-width: 1024px) { .artist-work-detail .content-main .content-inner .detail-body { width: 67.44186%; } } .artist-work-detail .content-main .content-inner .detail-body .c--component-container, .artist-work-detail .content-main .content-inner .detail-body .c--component { padding-right: 0; padding-left: 0; } .artist-work-detail .content-main .content-inner .detail-body .cc--accordion .inner-wrapper { padding-right: 0; padding-left: 0; } .artist-works .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 8%; padding-left: 8%; } @media screen and (min-width: 768px) { .artist-works .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 12%; padding-left: 12%; } } @media screen and (min-width: 1024px) { .artist-works .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 20%; padding-left: 20%; } } @media screen and (min-width: 1024px) { .artist-works .clc--component-list-container .cc--accordion .c--accordion .inner-wrapper { padding-right: 10%; padding-left: 10%; } } .artist-works .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) { .artist-works .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) { .artist-works .clc--component-list-container .cc--accordion .c--accordion .f--section-title h2 { font-size: 3.125rem; line-height: 1.16; } } .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; } @media screen and (min-width: 1024px) { .exhibition-detail .content-main .cc--accordion { padding-right: 31.81818%; } } .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; } } @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); 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 { 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); 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; } .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; } .gsc-control-cse .gsc-positioningWrapper { display: none; } .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) { .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) { .gsc-control-cse .gsc-control-wrapper-cse { padding-bottom: 6.25rem; } } .gsc-control-cse .gsc-above-wrapper-area { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; } .gsc-control-cse .gsc-above-wrapper-area table { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .gsc-control-cse .gsc-above-wrapper-area table td, .gsc-control-cse .gsc-above-wrapper-area table tr { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; } .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) { .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; } } .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) { .gsc-control-cse .gsc-wrapper .gsc-expansionArea { margin-bottom: 1.875rem; padding-bottom: 1.875rem; width: 100%; } } .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) { .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; } } .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion { width: 100%; border: 0; background-color: #CCC !important; } .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion:hover { background-color: #FCE5CD !important; } @media screen and (min-width: 768px) { .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion { width: 30.43478%; } } @media screen and (min-width: 768px) { .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-title, .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-title a, .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-title b, .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-title * { font-size: 1.5rem; line-height: 1.3334; } } .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-visibleUrl { display: none; } .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) { .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-snippet { font-size: 1rem; line-height: 1.5; } } .gsc-control-cse .gsc-wrapper .gsc-result.gsc-promotion .gs-promotion-image-box { margin-right: 0.9375rem; } .gsc-control-cse .gsc-wrapper .gsc-result .gsc-thumbnail-inside { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .gsc-control-cse .gsc-wrapper .gsc-result .gs-title { margin-bottom: 0.9375rem; } @media screen and (min-width: 768px) { .gsc-control-cse .gsc-wrapper .gsc-result .gs-title { margin-bottom: 1.25rem; } } .gsc-control-cse .gsc-wrapper .gsc-result .gs-title, .gsc-control-cse .gsc-wrapper .gsc-result .gs-title a, .gsc-control-cse .gsc-wrapper .gsc-result .gs-title b, .gsc-control-cse .gsc-wrapper .gsc-result .gs-title * { color: #000; text-decoration: none; } @media screen and (min-width: 768px) { .gsc-control-cse .gsc-wrapper .gsc-result .gs-title, .gsc-control-cse .gsc-wrapper .gsc-result .gs-title a, .gsc-control-cse .gsc-wrapper .gsc-result .gs-title b, .gsc-control-cse .gsc-wrapper .gsc-result .gs-title * { font-size: 1.5rem; line-height: 1.3334; } } .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) { .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top { margin-bottom: 1.25rem; } } .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align b, .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) { .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align b, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-url-top .gs-bidi-start-align * { font-size: 0.875rem; line-height: 1.4286; } } .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gsc-thumbnail { display: none; } .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; } .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet b, .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) { .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet b, .gsc-control-cse .gsc-wrapper .gsc-result .gsc-table-result .gs-snippet * { font-size: 1rem; line-height: 1.5; } } .gsc-control-cse .gsc-wrapper .gsc-cursor-box { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; text-align: center; } .gsc-control-cse .gsc-wrapper .gsc-cursor-box .gsc-cursor-page { font-size: 1rem; line-height: 1.25; color: #000; } .gsc-control-cse .gsc-wrapper .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page { color: #C03; } .gsc-control-cse .gsc-wrapper .gcsc-more-maybe-branding-root { display: none; } .content-top { max-width: 1440px; margin: 0 auto; } .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) { .content-top form { padding-top: 5rem; padding-right: 10%; padding-bottom: 5rem; padding-left: 10%; } } @media screen and (min-width: 1024px) { .content-top form { padding-top: 6.25rem; padding-right: 16%; padding-bottom: 6.25rem; padding-left: 16%; } } .cc--featured-results .inner-wrapper { padding-top: 0; } @media screen and (min-width: 1024px) { .cc--featured-results .inner-wrapper { padding-bottom: 3.75rem; } } .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) { .cc--featured-results .inner-wrapper .title-cta .f--section-title h2 { font-size: 2.5rem; line-height: 1.2; } } .cc--featured-results .inner-wrapper .news-list .cc--news-card .f--image { margin-bottom: 1.25rem; } @media screen and (min-width: 768px) { .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%; } } .cc--featured-results .inner-wrapper .news-list .cc--news-card .c--news-card > .text-container { margin-top: auto; } .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 */