@charset "UTF-8"; @use 'sass:math'; html { font-size: 1rem; } @media (min-width: 2500px) and (min-height: 1100px) { html { font-size: 1.375rem; } } body { width: 100%; height: 100%; background: #fff; } html, body { font-family: "ivyora-display", sans-serif; font-weight: 400; } html.shTplGBlockScroll-html { position: relative; overflow: hidden !important; } body.shTplGBlockScroll { position: relative; overflow: hidden !important; } .general-truncate, .truncate-js { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; overflow: hidden; display: block; max-height: 6.25rem; } body.media-template .general-truncate, body.media-template .truncate-js { max-height: 12.5rem; } .skip-to-content { top: 0; position: absolute; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; z-index: 99999; opacity: 0; } html.no-touch .skip-to-content:hover { color: #9AC7D9; } @media (max-width: 375px) { .skip-to-content { max-width: 13.75rem; } } @media (min-width: 1440px) { .skip-to-content { font-size: 1.1875rem; line-height: 1.4375rem; } } .skip-to-content:focus { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .swiper-lazy-preloader { border-color: #9AC7D9; border-top-color: rgba(154, 199, 217, 0.4); border-width: 0.1875rem; } .hoverDot, .story-card-dot, .cards-card .card-dot, .custom-popup.popup-notices .card-dot, .custom-popup.popup-events .card-dot, .hp-within-dot, .hp-section-3-community-slideout .hpp-image .card-dot, .hp-section-4-perspective-slideout .hpp-image .card-dot { background: rgba(75, 37, 99, 0.85); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FCFCF7; font-weight: 500; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 3.75rem; height: 3.75rem; font-size: 2.1875rem; z-index: 3; } .hoverDot .gi-plus, .story-card-dot .gi-plus, .cards-card .card-dot .gi-plus, .custom-popup.popup-notices .card-dot .gi-plus, .custom-popup.popup-events .card-dot .gi-plus, .hp-within-dot .gi-plus, .hp-section-3-community-slideout .hpp-image .card-dot .gi-plus, .hp-section-4-perspective-slideout .hpp-image .card-dot .gi-plus { font-size: 1.25rem; } @media (max-width: 767px) { .hoverDot, .story-card-dot, .cards-card .card-dot, .custom-popup.popup-notices .card-dot, .custom-popup.popup-events .card-dot, .hp-within-dot, .hp-section-3-community-slideout .hpp-image .card-dot, .hp-section-4-perspective-slideout .hpp-image .card-dot { display: none; } } @media (min-width: 768px) { .hoverDot, .story-card-dot, .cards-card .card-dot, .custom-popup.popup-notices .card-dot, .custom-popup.popup-events .card-dot, .hp-within-dot, .hp-section-3-community-slideout .hpp-image .card-dot, .hp-section-4-perspective-slideout .hpp-image .card-dot { width: 4.5rem; height: 4.5rem; font-size: 2.8125rem; z-index: 2; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; } } .afterPlus:after { content: '+'; color: #4B2563; margin-left: 0.625rem; font-size: 130%; display: inline-block; -webkit-transform: translateY(0.25rem); -moz-transform: translateY(0.25rem); -ms-transform: translateY(0.25rem); -o-transform: translateY(0.25rem); transform: translateY(0.25rem); } .primaryDownloadBtnStyle, .secondLvlCss .downloadBtn, .secondLvlCss .secondaryDownloadBtn { font-family: "lato", sans-serif; text-decoration: none; font-weight: normal; font-size: 1rem; line-height: 1.25rem; letter-spacing: 0.05em; color: #4B2563; background: transparent; padding: 0.9375rem 1.5625rem; -webkit-border-radius: 2.1875rem; -moz-border-radius: 2.1875rem; border-radius: 2.1875rem; border: 0.0625rem solid #9AC7D9; cursor: pointer; text-align: left; display: inline-block; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; text-transform: uppercase; } html.no-touch .primaryDownloadBtnStyle:hover, html.no-touch .secondLvlCss .downloadBtn:hover, .secondLvlCss html.no-touch .downloadBtn:hover, html.no-touch .secondLvlCss .secondaryDownloadBtn:hover, .secondLvlCss html.no-touch .secondaryDownloadBtn:hover { color: #9AC7D9; } .secondDownloadBtnStyle, .secondLvlCss .secondaryDownloadBtn { color: #fff; background: #4B2563; border-color: #4B2563; text-transform: uppercase; -webkit-transition: background 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; -o-transition: background 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; -moz-transition: background 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; transition: background 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; } html.no-touch .secondDownloadBtnStyle:hover, html.no-touch .secondLvlCss .secondaryDownloadBtn:hover, .secondLvlCss html.no-touch .secondaryDownloadBtn:hover { color: #fff; background: #9AC7D9; border-color: #9AC7D9; } /* Reset */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { -webkit-touch-callout: none; } html, body { line-height: 1.15; text-align: left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #fff; color: #000; } html { overflow-y: scroll; } body { overflow: hidden; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, progress { padding: 0; margin: 0; border: 0; vertical-align: baseline; outline: none; } legend { color: inherit; display: table; white-space: normal; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { height: 0; display: none; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } strong { font-weight: bold; } sub, sup { font-size: 60%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } button, input, optgroup, select, textarea { padding: 0; margin: 0; font-family: inherit; color: inherit; font-size: 100%; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; resize: none; vertical-align: top; } input::-moz-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { opacity: 1; } input, textarea { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } input { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } a { background-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #000; } a:link, a:active, a:visited { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :focus-visible { outline: 2px dashed #fff; } [hidden] { display: none; } .clear { width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; } .clearfix:after, .secondLvlCss blockquote p.has-image:after { content: ' '; width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; } .clearfix-margin:after { content: ''; width: 100%; height: 0.0625rem; display: block; position: relative; } ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } .sr-only { position: absolute !important; width: 0.0625rem !important; height: 0.0625rem !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; margin: -0.0625rem !important; overflow: hidden !important; padding: 0 !important; } img, video { max-inline-size: 100%; block-size: auto; } @font-face { font-family: 'global-icons'; src: url("/Fonts/icons/global-icons.eot?lf579m"); src: url("/Fonts/icons/global-icons.eot?lf579m#iefix") format("embedded-opentype"), url("/Fonts/icons/global-icons.ttf?lf579m") format("truetype"), url("/Fonts/icons/global-icons.woff?lf579m") format("woff"), url("/Fonts/icons/global-icons.svg?lf579m#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'social-icons'; src: url("/Fonts/icons/social-icons.ttf?myev0s") format("truetype"), url("/Fonts/icons/social-icons.woff?myev0s") format("woff"), url("/Fonts/icons/social-icons.svg?myev0s#social-icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'hp-icons'; src: url("/Fonts/icons/hp-icons.eot?yox1bo"); src: url("/Fonts/icons/hp-icons.eot?yox1bo#iefix") format("embedded-opentype"), url("/Fonts/icons/hp-icons.ttf?yox1bo") format("truetype"), url("/Fonts/icons/hp-icons.woff?yox1bo") format("woff"), url("/Fonts/icons/hp-icons.svg?yox1bo#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .social-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'social-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icon.social-facebook-icon:before { content: "\e901"; } .social-icon.social-news-icon:before { content: "\e90b"; } .social-icon.social-blog-icon:before { content: "\e900"; } .social-icon.social-flickr-icon:before { content: "\e902"; } .social-icon.social-instagram-icon:before { content: "\e903"; } .social-icon.social-issuu-icon:before { content: "\e904"; } .social-icon.social-linkedin-icon:before { content: "\e905"; } .social-icon.social-pinterest-icon:before { content: "\e906"; } .social-icon.social-soundcloud-icon:before { content: "\e907"; } .social-icon.social-twitter-icon:before { content: "\e908"; } .social-icon.social-twitter-old-icon:before { content: "\e90e"; } .social-icon.social-vimeo-icon:before { content: "\e909"; } .social-icon.social-youtube-icon:before { content: "\e90a"; } .social-icon.social-tiktok-icon:before { content: "\e90c"; } .social-icon.social-wordpress-icon:before { content: "\e90d"; } .global-icons { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'global-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .global-icons.gi-search:before { content: "\e901"; } .global-icons.gi-lock:before { content: "\e902"; } .global-icons.gi-unlock:before { content: "\e900"; } .global-icons.gi-arrow:before { content: "\e908"; } .global-icons.gi-arrow-new:before { content: "\e908"; } .global-icons.gi-plus:before { content: "\e904"; } .global-icons.gi-minus:before { content: "\e905"; } .global-icons.gi-close:before { content: "\e906"; } .global-icons.gi-play:before { content: "\e907"; } .hp-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'hp-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hp-icon.hp-alert:before { content: "\e901"; } .hp-icon.hp-notices:before { content: "\e903"; } .hp-icon.hp-notices-left:before { content: "\e904"; } .hp-icon.hp-notices-right:before { content: "\e900"; } .hp-icon.hp-calendar:before { content: "\e902"; } .hp-icon.hp-notices-full:before { content: "\e905"; } .hp-icon.hp-pause:before { content: "\e906"; } .hp-icon.hp-play:before { content: "\e907"; } .hp-icon.hp-share:before { content: "\e908"; } @-webkit-keyframes waveAnimation { from { height: 0.3125rem; } to { height: 4.0625rem; } } @-moz-keyframes waveAnimation { from { height: 0.3125rem; } to { height: 4.0625rem; } } @-o-keyframes waveAnimation { from { height: 0.3125rem; } to { height: 4.0625rem; } } @keyframes waveAnimation { from { height: 0.3125rem; } to { height: 4.0625rem; } } @-webkit-keyframes bounce { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(0.625rem); transform: translateX(0.625rem); } } @-moz-keyframes bounce { from { -moz-transform: translateX(0); transform: translateX(0); } to { -moz-transform: translateX(0.625rem); transform: translateX(0.625rem); } } @-o-keyframes bounce { from { -o-transform: translateX(0); transform: translateX(0); } to { -o-transform: translateX(0.625rem); transform: translateX(0.625rem); } } @keyframes bounce { from { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(0.625rem); -moz-transform: translateX(0.625rem); -o-transform: translateX(0.625rem); transform: translateX(0.625rem); } } .general-loader { z-index: 3; width: 2.875rem; height: 2.875rem; border: 0.1875rem solid rgba(215, 177, 79, 0.4); border-top-color: #D7B14F; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; will-change: transform, opacity; -webkit-animation: loader-fadeIn .2s linear, loader-rotate .7s infinite linear; -moz-animation: loader-fadeIn .2s linear, loader-rotate .7s infinite linear; -o-animation: loader-fadeIn .2s linear, loader-rotate .7s infinite linear; animation: loader-fadeIn .2s linear, loader-rotate .7s infinite linear; pointer-events: none; margin: 0 auto; } @-webkit-keyframes loader-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes loader-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes loader-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes loader-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes loader-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes loader-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes loader-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes loader-fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes loader-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loader-rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader-rotate { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .secondLvlCss p.featuredParagraph, .featured-paragraph p { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.5rem; line-height: 1.75rem; text-align: left; color: #4B2563; } .secondLvlCss p.featuredParagraph a[target=_blank]:not([href$=".pdf"]):before, .featured-paragraph p a[target=_blank]:not([href$=".pdf"]):before { top: 0.3125rem !important; } @media (min-width: 1024px) { .secondLvlCss p.featuredParagraph, .featured-paragraph p { font-size: 1.9375rem; line-height: 2.375rem; } } .generalParagraphStyle, .secondLvlCss p, .secondLvlCss table td, .secondLvlCss table th, .secondLvlCss table .head-column, .secondLvlCss ol li, .secondLvlCss ul li { font-family: "lato", sans-serif; font-weight: 300; text-align: left; margin-bottom: 1.875rem; font-size: 1rem; line-height: 1.4375rem; color: #4B2563; } .contentPage-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #4B2563; pointer-events: none; opacity: 1; visibility: visible; -webkit-transition: opacity .8s linear, visibility .8s linear; -o-transition: opacity .8s linear, visibility .8s linear; -moz-transition: opacity .8s linear, visibility .8s linear; transition: opacity .8s linear, visibility .8s linear; z-index: 300; } html.js-hide-loader .contentPage-loader { opacity: 0; visibility: visible; } body.secondLvl { background: #4B2563; } body.noHeader.sharedTemplates:not(.contact) { background: #FFFFFF; } body.noHeader.sharedTemplates:not(.contact) .main-content { background: #FFFFFF; } body.noHeader.sharedTemplates:not(.contact) .main-content .page-title { text-align: center; margin-top: 20px; } body.sharedTemplates .gs-webResult .gs-snippet, body.sharedTemplates .gs-fileFormatType { color: #4B2563; } body.sharedTemplates .gsc-control-cse { background: transparent; border: none; } body.sharedTemplates .gsc-webResult.gsc-result { border-right: none; border-left: none; } .custom-menu { width: 100%; height: 100%; background: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 30; padding-top: 4.125rem; overflow: hidden; display: none; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; background-color: #fcfcf8; } @media (max-width: 1023px) { .custom-menu.second-level-active .scroll-down-wrapper.enabled { opacity: 0; visibility: hidden; } } .custom-menu .custom-menu-link { position: absolute; } .custom-menu .menu-header { width: 100%; position: absolute; top: 0; left: 0; z-index: 6; } .custom-menu .menu-header .links-container .social-links .item { padding-top: 0; } @media (max-width: 1023px) { .custom-menu .menu-header .links-container .social-links { display: none; } } @media (max-width: 1023px) { .custom-menu .menu-header .links-container { display: none; } } .custom-menu .menu-header .custom-logo-menu { z-index: 11; width: 22.5rem; position: absolute; top: 1.875rem; left: 4.375rem; } .custom-menu .menu-header .custom-logo-menu img { width: 100%; height: auto; display: block; } @media (max-width: 1260px) { .custom-menu .menu-header .custom-logo-menu { left: 1.875rem; } } @media (min-width: 1024px) { .custom-menu .menu-header .custom-logo-menu .mobile-img { display: none; } } @media (max-width: 1023px) { .custom-menu .menu-header .custom-logo-menu { width: 4rem; height: 4rem; left: 50%; margin-left: -2rem; top: 0.8125rem; } .custom-menu .menu-header .custom-logo-menu .desktop-img { display: none; } } .custom-menu .cm__item-ref { opacity: 1 !important; } .custom-menu .back-button { display: inline-block; background: transparent; border: none; text-transform: uppercase; position: relative; padding-left: 1.4375rem; cursor: pointer; } .custom-menu .scroll-down-wrapper { width: 100%; height: 6.25rem; position: absolute; bottom: 0; left: 0; z-index: 10; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in, -webkit-transform 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in, -webkit-transform 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in, -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in; transition: transform 0.2s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; pointer-events: none; } .custom-menu .scroll-down-wrapper:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; } @media (min-width: 1024px) { .custom-menu .scroll-down-wrapper:before { -webkit-transform: translateY(-0.625rem); -moz-transform: translateY(-0.625rem); -ms-transform: translateY(-0.625rem); -o-transform: translateY(-0.625rem); transform: translateY(-0.625rem); } } .custom-menu .scroll-down-wrapper .scroll-level-down { width: 4.375rem; height: 4.375rem; pointer-events: all; position: absolute; left: auto; right: 0; bottom: 0; border: none; cursor: pointer; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: transparent; } .custom-menu .scroll-down-wrapper .scroll-level-down span.global-icons { display: block; text-align: center; line-height: 2.75rem; font-size: 1.5625rem; top: 0; z-index: 2; position: relative; pointer-events: none; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; color: #4B2563; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } html.no-touch .custom-menu .scroll-down-wrapper .scroll-level-down:hover span.global-icons { -webkit-transform: rotate(90deg) translate3d(0.3125rem, 0, 0); -moz-transform: rotate(90deg) translate3d(0.3125rem, 0, 0); transform: rotate(90deg) translate3d(0.3125rem, 0, 0); } @media (min-width: 1024px) { .custom-menu .scroll-down-wrapper.scroll-down-wrapper-mobile { display: none; } } .custom-menu .scroll-down-wrapper.enabled { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .custom-menu.animated { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .custom-menu.no-animation .cm-levels { -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important; } .custom-menu .right-side { width: 50%; max-width: 50%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: fixed; right: 0; top: 0; overflow-y: auto; z-index: 1; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 1.875rem; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: none !important; } .custom-menu .right-side .right-side-wrapper { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 35rem; margin: 0 auto; } .custom-menu .right-side .right-side-wrapper:before, .custom-menu .right-side .right-side-wrapper:after { content: ''; width: 0.0625rem; height: 100%; display: inline-block; vertical-align: middle; } @media (min-width: 1024px) { .custom-menu .right-side .right-side-wrapper { max-width: 100%; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } } .custom-menu .right-side .right-side-inner { margin: 0 auto; display: inline-block; vertical-align: middle; z-index: 1; position: relative; max-width: 100%; width: 100%; } @media (min-width: 1024px) { .custom-menu .right-side .right-side-inner { margin: 6.25rem 0 0 0; } } .custom-menu .right-side .right-side-footer { margin-bottom: 3.125rem; padding: 0 2.5rem; } @media (min-width: 1024px) { .custom-menu .right-side .right-side-footer { padding: 0; } } .custom-menu .right-side .right-side-fade { display: none; } @media (min-width: 1024px) { .custom-menu .right-side { padding-top: 6.25rem; padding-right: 0; padding-left: 0; } } .custom-menu .open-menu { width: 6.25rem; height: 6.25rem; position: fixed; top: 0; left: 0; cursor: pointer; background: #000; z-index: 100; } .custom-menu .bg-close { width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; background: #000; } .custom-menu .custom-menu__inner { width: 100%; height: 100%; display: block; position: fixed; z-index: 2; top: 0; left: 0; } .custom-menu .menu-container { width: 50%; position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none; } .custom-menu .menu-container .cm-levels { pointer-events: all; } .custom-menu .menu-container .cm-levels:not(.first-level) { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; } .custom-menu .menu-container .cm-levels.level-active { opacity: 1; visibility: visible; } .custom-menu .menu-mobile-helper { width: 100%; height: 100%; position: fixed; top: 0; left: 0; pointer-events: none; z-index: 4; } .custom-menu .level-title { font-size: 2.125rem; line-height: 2.375rem; display: block; color: #002776; font-weight: 700; padding-bottom: 1.25rem; } .custom-menu .cm-levels { width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; z-index: 1; } .custom-menu .cm-levels .cm-levels__close { width: 3.75rem; height: 100%; display: block; position: absolute; top: 0; right: -1.25rem; z-index: 3; } .custom-menu .cm-levels .cm-item { width: 100%; display: inline-block; position: relative; z-index: 1; } .custom-menu .cm-levels .cm-item .arrow { -webkit-border-radius: 2.625rem; -moz-border-radius: 2.625rem; border-radius: 2.625rem; line-height: 2.625rem; font-size: 1.25rem; display: inline-block; margin-left: 0.9375rem; } .custom-menu .cm-levels .cm-item .arrow span.global-icons { font-size: 0.4375rem; line-height: 0.4375rem; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .custom-menu .cm-levels .cm-item .arrow span.global-icons.gi-plus { font-size: 1.25rem; } .custom-menu .cm-levels .cm-item .arrow span.global-icons.gi-minus { font-size: 0.1875rem; } .custom-menu .cm-levels .cm-item.cm-item-ref { margin-bottom: 0.9375rem; } .custom-menu .cm-levels .cm-item .cm-link { display: block; -webkit-transition: color 0.2s ease-in, opacity 0.2s ease-in; -o-transition: color 0.2s ease-in, opacity 0.2s ease-in; -moz-transition: color 0.2s ease-in, opacity 0.2s ease-in; transition: color 0.2s ease-in, opacity 0.2s ease-in; } .custom-menu .cm-levels .cm-item .cm-link > span { display: inline-block; -webkit-transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in; transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in; -o-transition: color 0.2s ease-in, -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, color 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in, color 0.2s ease-in; transition: transform 0.2s ease-in, color 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; word-break: break-word; -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); } @media (min-width: 1024px) { .custom-menu .cm-levels .cm-item .cm-link > span:not(.arrow) { display: inline-block; max-width: -webkit-calc(100% - 3.75rem); max-width: -moz-calc(100% - 3.75rem); max-width: calc(100% - 3.75rem); } } @media (min-width: 1024px) { .custom-menu .cm-levels .cm-item .cm-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } .custom-menu .cm-levels .cm-item .back-head { font-size: 2.5rem; line-height: 2.875rem; color: #002776; font-weight: 900; display: block; margin-top: 0.9375rem; } .custom-menu .cm-levels .cm-absolute { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 2; } .custom-menu .cm-levels .cm-absolute .cml-scroll { width: 100%; position: absolute; top: 4.375rem; left: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; z-index: 3; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .custom-menu .cm-levels .cm-absolute .cml-scroll::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .custom-menu .cm-levels.first-level { width: 100%; z-index: 1; } .custom-menu .cm-levels.first-level .cml-scroll { padding-left: 2.5rem; padding-right: 0; } .custom-menu .cm-levels.first-level .cml-scroll:before { height: 2.5rem; left: 0; pointer-events: none; position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcf8), color-stop(1%, rgba(252, 252, 248, 0.99)), to(rgba(252, 252, 248, 0))); background: -webkit-linear-gradient(top, #fcfcf8 0, rgba(252, 252, 248, 0.99) 1%, rgba(252, 252, 248, 0)); background: -moz-linear-gradient(top, #fcfcf8 0, rgba(252, 252, 248, 0.99) 1%, rgba(252, 252, 248, 0)); background: -o-linear-gradient(top, #fcfcf8 0, rgba(252, 252, 248, 0.99) 1%, rgba(252, 252, 248, 0)); background: linear-gradient(180deg, #fcfcf8 0, rgba(252, 252, 248, 0.99) 1%, rgba(252, 252, 248, 0)); content: ""; display: block; } @media (max-width: 1023px) { .custom-menu .cm-levels.first-level .cml-scroll:before { display: none; } } @media (min-width: 1440px) { .custom-menu .cm-levels.first-level .cml-scroll { padding-left: 2.8125rem; } } .custom-menu .cm-levels.first-level .cm-level { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } @media (min-width: 1440px) { .custom-menu .cm-levels.first-level .cm-level { max-width: 50rem; } } .custom-menu .cm-levels.first-level .cm-first-level { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .custom-menu .cm-levels.first-level .cm-item .cm-link { position: relative; z-index: 1; padding: 0.9375rem 0; font-family: "ivyora-display", sans-serif; text-align: left; font-weight: normal; font-size: 2rem; line-height: 2.5rem; color: #4B2563; } .custom-menu .cm-levels.first-level .cm-item .cm-link.current { color: #D7B14F; } .custom-menu .cm-levels.first-level .cm-item .cm-link .arrow span.global-icons { font-size: 1rem; } .custom-menu .cm-levels.first-level .cm-item .cm-link .arrow span.global-icons.gi-minus { display: none; } @media (min-width: 2880px) { .custom-menu .cm-levels.first-level .cm-item .cm-link .arrow span.global-icons { font-size: 1.125rem; } } @media (min-width: 1440px) { .custom-menu .cm-levels.first-level .cm-item .cm-link { font-size: 2.5rem; line-height: 3.125rem; } } @media (min-width: 2880px) { .custom-menu .cm-levels.first-level .cm-item .cm-link { font-size: 2.5625rem; line-height: 3.1875rem; } } @media (min-width: 1024px) { .custom-menu .cm-levels.first-level .cm-item:last-child { margin-bottom: 5rem; } } html.no-touch .custom-menu .cm-levels.first-level .cm-item:hover span, .custom-menu .cm-levels.first-level .cm-item.active span { color: #D7B14F; } .custom-menu .cm-levels.first-level .arrow span.global-icons { display: block; -webkit-transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in; transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in; -o-transition: color 0.2s ease-in, -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, color 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in, color 0.2s ease-in; transition: transform 0.2s ease-in, color 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; } .custom-menu .cm-levels.first-level .cm-inner-fixed { z-index: 3; pointer-events: none; } @media (min-width: 1024px) { .custom-menu .cm-levels.first-level .cm-inner-fixed { position: absolute; bottom: 0; width: 100%; } } @media (min-width: 1024px) { .custom-menu .cm-levels.first-level .scroll-down-wrapper { position: -webkit-sticky; position: sticky; margin-bottom: 0; z-index: 1; width: 100%; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } } .custom-menu .cm-levels.second-level { width: 100%; z-index: 2; opacity: 0; visibility: hidden; left: 0; top: 0; background: #fcfcf8; } @media (min-width: 1024px) { .custom-menu .cm-levels.second-level .scroll-down-wrapper { bottom: 0; height: 9.375rem; background: -moz-linear-gradient(top, rgba(252, 252, 248, 0) 0%, #fcfcf8 100%); background: -webkit-linear-gradient(top, rgba(252, 252, 248, 0) 0%, #fcfcf8 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 252, 248, 0)), to(#fcfcf8)); background: -o-linear-gradient(top, rgba(252, 252, 248, 0) 0%, #fcfcf8 100%); background: linear-gradient(to bottom, rgba(252, 252, 248, 0) 0%, #fcfcf8 100%); } .custom-menu .cm-levels.second-level .scroll-down-wrapper:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 252, 248, 0)), to(#fcfcf8)); background: -webkit-linear-gradient(top, rgba(252, 252, 248, 0) 0%, #fcfcf8 100%); background: -moz-linear-gradient(top, rgba(252, 252, 248, 0) 0%, #fcfcf8 100%); background: -o-linear-gradient(top, rgba(252, 252, 248, 0) 0%, #fcfcf8 100%); background: linear-gradient(to bottom, rgba(252, 252, 248, 0) 0%, #fcfcf8 100%); } } .custom-menu .cm-levels.second-level .cm-level { max-width: 38.75rem; margin: 1.25rem auto 0; } .custom-menu .cm-levels.second-level .open-level { top: 0.5rem; } .custom-menu .cm-levels.second-level .cm-item { padding: 0.75rem 0 0.625rem 1.875rem; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .custom-menu .cm-levels.second-level .cm-item:first-child { padding: 0; } .custom-menu .cm-levels.second-level .cm-item:nth-child(2) { padding-top: 1.25rem; } .custom-menu .cm-levels.second-level .cm-item.active span.global-icons.gi-arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } @media (min-width: 1024px) { .custom-menu .cm-levels.second-level .cm-item .cm-link { font-size: 1.3125rem; line-height: 1.9375rem; } } html.no-touch .custom-menu .cm-levels.second-level .cm-item:hover > .cm-link { color: #D7B14F; } .custom-menu .cm-levels.second-level .cm-item > .cm-link.current { color: #D7B14F; } .custom-menu .cm-levels.second-level .cm-link { border-left: none; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: normal; text-align: left; width: 100%; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; font-family: "lato", sans-serif; font-size: 1.1875rem; line-height: 1.8125rem; color: #4B2563; } .custom-menu .cm-levels.second-level .cml-scroll:before { height: 2.5rem; left: 0; pointer-events: none; position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcf8), color-stop(1%, rgba(252, 252, 248, 0.99)), to(rgba(249, 247, 237, 0))); background: -webkit-linear-gradient(top, #fcfcf8 0, rgba(252, 252, 248, 0.99) 1%, rgba(249, 247, 237, 0)); background: -moz-linear-gradient(top, #fcfcf8 0, rgba(252, 252, 248, 0.99) 1%, rgba(249, 247, 237, 0)); background: -o-linear-gradient(top, #fcfcf8 0, rgba(252, 252, 248, 0.99) 1%, rgba(249, 247, 237, 0)); background: linear-gradient(180deg, #fcfcf8 0, rgba(252, 252, 248, 0.99) 1%, rgba(249, 247, 237, 0)); content: ""; display: block; } @media (max-width: 1023px) { .custom-menu .cm-levels.second-level .cml-scroll:before { content: none; } } @media (min-width: 1024px) { .custom-menu .cm-levels.second-level .cml-scroll .cml-table { padding-bottom: 2.5rem; } } @media (min-width: 1024px) { .custom-menu .cm-levels.second-level .cml-scroll { padding: 0 3.125rem; } } .custom-menu .cm-levels.second-level .arrow span.global-icons { color: #D7B14F; } .custom-menu .cm-levels.second-level .arrow span.global-icons.gi-arrow { display: inline-block; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; } .custom-menu .cm-levels.second-level .arrow span.global-icons.gi-minus { display: none; } .custom-menu .cm-levels.second-level .level-close-js span span { -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .custom-menu .cm-levels.second-level .level-close-js span.gi-plus { display: inline-block; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; } @media (min-width: 1024px) { .custom-menu .cm-levels.second-level .level-close-js { padding: 0 0 1.25rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .custom-menu .cm-levels.second-level .level-close-js span, .custom-menu .cm-levels.second-level .level-close-js span.global-icons { display: inline-block !important; } .custom-menu .cm-levels.second-level .level-close-js span span { font-family: "ivyora-display", sans-serif; font-weight: 600; font-size: 2.1875rem; letter-spacing: 0.05em; line-height: 2.8125rem; text-align: left; color: #fff; padding-left: 1.25rem; } } @media (min-width: 1440px) { .custom-menu .cm-levels.second-level .level-close-js span span { font-size: 3.125rem; line-height: 3.4375rem; } } html.no-touch .custom-menu .cm-levels.second-level .level-close-js:hover span span { color: #D7B14F; } html.no-touch .custom-menu .cm-levels.second-level .level-close-js:hover span.global-icons { -webkit-transform: rotate(180deg) translate3d(0.3125rem, 0, 0) !important; -moz-transform: rotate(180deg) translate3d(0.3125rem, 0, 0) !important; transform: rotate(180deg) translate3d(0.3125rem, 0, 0) !important; } .custom-menu .cm-levels.second-level .back-button { display: none; } .custom-menu .cm-levels.second-level .back-button span.global-icons { -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; color: #D7B14F; } @media (min-width: 1024px) { .custom-menu .cm-levels.second-level .back-button span.global-icons { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } @media (min-width: 1024px) { .custom-menu .cm-levels.second-level .back-button span:not(.global-icons) { font-family: "lato", sans-serif; font-weight: normal; font-size: 1.1875rem; letter-spacing: 0.05em; text-align: right; color: #4B2563; margin-left: 1.25rem; } } html.no-touch .custom-menu .cm-levels.second-level .back-button:hover span.global-icons { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 1024px) { .custom-menu .cm-levels.second-level .back-button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-transform: translateX(-1.25rem); -moz-transform: translateX(-1.25rem); -ms-transform: translateX(-1.25rem); -o-transform: translateX(-1.25rem); transform: translateX(-1.25rem); padding-bottom: 1.25rem; } } .custom-menu .cm-levels.second-level .back-button span.close-icon { display: block; } .custom-menu .cm-levels.second-level .back-button span { display: none; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .custom-menu .cm-levels.second-level .back-button span.global-icons { display: none; } html.no-touch .custom-menu .cm-levels.second-level .back-button:hover span { color: #D7B14F; } .custom-menu .cm-levels.second-level .lvlTitle { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 2.5rem; line-height: 2.5rem; text-align: left; color: #4B2563; } @media (max-width: 1023px) { .custom-menu .cm-levels.second-level { padding-top: 0.625rem; } } .custom-menu .cm-levels .cm-level-third { padding-top: 0.9375rem; position: relative; max-width: none; } .custom-menu .cm-levels .cm-level-third .cm-item { padding: 0.4375rem 0 0.4375rem 1.25rem !important; border-bottom: none !important; } @media (min-width: 1024px) { .custom-menu .cm-levels .cm-level-third .cm-item .cm-link { font-size: 1.125rem; line-height: 1.5625rem; } } @media (max-width: 1023px) { .custom-menu .cm-levels .cm-level-third .cm-item { padding: 0.4375rem 0 0.4375rem 0 !important; } } .custom-menu .cm-levels .cm-level-third .cm-link { display: block; text-align: left; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; padding-right: 0; font-family: "lato", sans-serif; font-weight: normal; font-size: 1rem; line-height: 2.25rem; color: #4B2563; opacity: 0.75; } .custom-menu .cm-levels .cm-level-third .cm__item-ref { display: none; } .custom-menu .cm-levels .cml-table { width: 100%; height: -webkit-calc(100% - 4.375rem); height: -moz-calc(100% - 4.375rem); height: calc(100% - 4.375rem); display: table; } .custom-menu .cm-levels .cml-table .cml-tc { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .custom-menu .cm-levels .cml-table .cml-tc .cm-level { text-align: left; } .custom-menu .cm-levels .cml-table .cml-scroll-wrapper { width: 100%; } .menu-events-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 42.5rem; margin: 3.125rem auto; } .menu-events-container .general-loader { margin-bottom: 3.125rem; } @media (min-width: 1024px) { .menu-events-container { margin-bottom: 0; } } .menu-events-cta { text-align: center; margin: 0 0 1.875rem; } .menu-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } @media (min-width: 1024px) { .menu-info { height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .menu-info-wrapper:last-child { display: none; } @media (max-width: 767px) { .menu-info-wrapper { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 1024px) { .menu-info-wrapper { padding-right: 1.875rem; padding-bottom: 2.1875rem; } } .menu-info-container > p { display: none; } @media (min-width: 767px) { .menu-info-container > p { display: block; } } .menu-info-container p, .menu-info-container address { font-family: "ivyora-display", sans-serif; font-style: normal; font-weight: normal; font-size: 1.3125rem; line-height: 1.625rem; text-align: left; color: #f9f7ed; max-width: 25rem; } @media (min-width: 1024px) { .menu-info-container p, .menu-info-container address { font-size: 1.1875rem; line-height: 1.6875rem; text-align: right; max-width: 100%; } } @media (min-width: 767px) { .menu-info-container address span { display: none; } } @media (max-width: 767px) { .menu-info-container { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 767px) { .menu-info-container { margin-top: 4.125rem; } } @media (min-width: 1024px) { .menu-info-container { margin-top: 0; } } .menu-links { display: none; } .menu-ctas-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .menu-ctas-wrapper { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 1024px) { .menu-ctas-wrapper { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .menu-ctas { width: 100%; padding-bottom: 3.125rem; } @media (max-width: 767px) { .menu-ctas { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (min-width: 767px) { .menu-ctas { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-bottom: 0; } } @media (min-width: 1023px) { .menu-ctas { max-width: 500px; margin: 0 auto; } } @media (min-width: 1200px) { .menu-ctas { max-width: 550px; } } .menu-ctas-item { text-transform: uppercase; width: 100%; padding-bottom: 100%; position: relative; margin-bottom: 20px; } html.no-touch .menu-ctas-item:hover .img-wrapper:after { opacity: 1; } .menu-ctas-item > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .menu-ctas-item .img-wrapper { position: absolute; width: 100%; height: 100%; } .menu-ctas-item .img-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .menu-ctas-item .img-wrapper:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(75, 37, 99, 0.3); opacity: 0; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .menu-ctas-item .content-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 20px; } .menu-ctas-item .content-wrapper:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 7.6875rem; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); pointer-events: none; opacity: 0.7; } .menu-ctas-item .content-wrapper .title { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.9375rem; letter-spacing: 0.05em; color: #FCFCF7; display: inline-block; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; position: relative; z-index: 1; text-align: center; } @media (min-width: 1024px) { .menu-ctas-item .content-wrapper .title { font-size: 0.9375rem; } } .menu-ctas-item .content-wrapper .title span { display: block; margin-top: 7px; color: #9AC7D9; font-size: 11px; } @media (min-width: 767px) { .menu-ctas-item { margin-top: 0; width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); margin-bottom: 30px; margin-left: 15px; margin-right: 15px; padding-bottom: 45%; } } @media screen and (max-width: 1023px) { .custom-menu { padding-top: 0; overflow: hidden !important; } .custom-menu .scroll-down-wrapper:not(.scroll-down-wrapper-mobile) { display: none; } .custom-menu .scroll-down-wrapper-mobile { position: fixed; bottom: 0; } .custom-menu .scroll-down-wrapper-mobile .scroll-level-down { bottom: 0.625rem; right: 0; } .custom-menu.mobile-height .menu-container { height: auto !important; } .custom-menu .right-side { width: 100%; max-width: none; position: relative; height: auto; right: auto; top: auto; overflow: visible; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #9AC7D9; } .custom-menu .right-side .right-side-wrapper { margin-left: 0; max-width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .custom-menu .menu__scroller { visibility: hidden !important; } .custom-menu .open-level { top: -0.375rem; } .custom-menu .custom-menu__inner { width: 100%; height: 100%; left: 0; top: 0; overflow-y: auto; padding: 12.5rem 0 0 0; } .custom-menu .level-title { font-size: 1.375rem; line-height: 1.5625rem; } .custom-menu .close-level { display: none; } .custom-menu .menu-mobile-helper { width: 100%; height: auto; display: block; position: relative; pointer-events: all; } .custom-menu .menu-container { width: 100%; position: relative; right: auto; top: auto; pointer-events: all; -webkit-transition: height 0.2s ease-in; -o-transition: height 0.2s ease-in; -moz-transition: height 0.2s ease-in; transition: height 0.2s ease-in; overflow: hidden; margin-bottom: 6.25rem; } .custom-menu .menu-container .cm-levels { pointer-events: none; width: 100% !important; opacity: 0; } .custom-menu .menu-container .cm-levels .cm-levels__close { display: none; } .custom-menu .menu-container .cm-levels.level-active { pointer-events: all; } .custom-menu .menu-container .cm-levels .cm-absolute { max-width: 28.125rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0 auto; } .custom-menu .menu-container .cm-levels .cm-absolute .cml-wrapper { height: auto; display: block; } .custom-menu .menu-container .cm-levels .cm-level { max-width: none !important; } .custom-menu .menu-container .cm-levels .cm-level.cm-level-second > .cm-item:not(.cm__item-ref) { padding: 0.3125rem 0 0.625rem 1.5625rem; } .custom-menu .menu-container .cm-levels .cm-level.cm-level-second > .cm-item:nth-child(2) { padding-top: 1.875rem; } .custom-menu .menu-container .cm-levels .cm-item { padding-left: 0; } .custom-menu .menu-container .cm-levels .cm-item .arrow span.global-icons.gi-plus { font-size: 1.125rem; } .custom-menu .menu-container .cm-levels .cm-item .arrow span.global-icons.gi-minus { font-size: 0.125rem; } .custom-menu .menu-container .cm-levels .cml-tc { text-align: left; } .custom-menu .menu-container .cm-levels.first-level { width: 100%; opacity: 1; height: auto !important; position: absolute; } .custom-menu .menu-container .cm-levels.first-level .cm-absolute { position: relative; right: auto; top: auto; height: auto; padding-left: 1.875rem; padding-right: 1.875rem; } .custom-menu .menu-container .cm-levels.first-level .cml-scroll { position: relative; top: auto; overflow: visible; padding-left: 0; padding-right: 0; } .custom-menu .menu-container .cm-levels.first-level .cm-item { display: inline-block; width: auto; padding: 0.625rem 0; } .custom-menu .menu-container .cm-levels.first-level .cm-item .cm-link { padding: 0; font-size: 2rem; line-height: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .custom-menu .menu-container .cm-levels.first-level .cml-scroll:before { display: none; } .custom-menu .menu-container .cm-levels.second-level { height: auto; left: 0; z-index: 10; position: relative; padding-right: 0; } .custom-menu .menu-container .cm-levels.second-level .cm-absolute { width: 100%; position: relative; height: auto; top: auto; bottom: auto; margin: 0 auto; padding: 0 1.875rem; } .custom-menu .menu-container .cm-levels.second-level .cm-absolute .cml-scroll { position: relative; height: auto; border-right: none; } .custom-menu .menu-container .cm-levels.second-level .open-level { top: 0.0625rem; } .custom-menu .menu-container .cm-levels.second-level .cm-level { padding: 0 0 0.625rem; } .custom-menu .menu-container .cm-levels.second-level .cm-level.cm-level-third { padding: 0.75rem 0 0 1rem; } .custom-menu .menu-container .cm-levels.second-level .cm-level.cm-level-third .cm-link { font-size: 1rem; line-height: 1.625rem; } .custom-menu .menu-container .cm-levels.second-level .cm-level.cm-level-third:before { left: 0.375rem; height: -webkit-calc(100% - 0.75rem); height: -moz-calc(100% - 0.75rem); height: calc(100% - 0.75rem); top: 0.75rem; } .custom-menu .menu-container .cm-levels.second-level .cm-item .cm-link { font-size: 1.25rem; } .custom-menu .menu-container .cm-levels.second-level .cm-item .arrow span.global-icons.gi-plus { font-size: 0.8125rem; } .custom-menu .menu-container .cm-levels.second-level .cm-item .arrow span.global-icons.gi-minus { font-size: 0.125rem; } .custom-menu .menu-container .cm-levels.second-level .cm-item.with-level .cm-link { padding: 0.3125rem 5rem 0.3125rem 0.625rem; border: 0.0625rem solid transparent; } .custom-menu .menu-container .cm-levels.second-level .cm-item:first-child { position: relative; } .custom-menu .menu-container .cm-levels.second-level .cml-scroll { overflow: visible; height: 100%; top: 0; } .custom-menu .menu-container .cm-levels.second-level.level-active { padding-bottom: 2.5rem; } .custom-menu .menu-container .cm-levels.second-level .back-button { padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(-1.25rem); -moz-transform: translateX(-1.25rem); -ms-transform: translateX(-1.25rem); -o-transform: translateX(-1.25rem); transform: translateX(-1.25rem); } .custom-menu .menu-container .cm-levels.second-level .back-button span.close-icon { display: none; } .custom-menu .menu-container .cm-levels.second-level .back-button span { display: block; margin-left: 1.25rem; font-family: "lato", sans-serif; font-weight: normal; font-size: 1.1875rem; letter-spacing: 0.05em; text-align: right; color: #4B2563; } .custom-menu .menu-container .cm-levels.second-level .back-button span.global-icons { display: block; color: #D7B14F; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); font-size: 1.125rem; } .custom-menu .menu-container .cm-levels.second-level .lvlTitle { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 2rem; line-height: 2.5rem; text-align: left; color: #4B2563; margin-top: 1.875rem; display: block; } .custom-menu .menu-container .cm-levels .cm-link { pointer-events: all; } } @media screen and (max-width: 1600px) { .custom-menu .first-level .menu__scroller { max-width: 36.875rem; left: 4.375rem; } .custom-menu .open-level { top: 0rem; } .custom-menu .level-title { font-size: 1.5625rem; line-height: 1.875rem; } } @media screen and (min-width: 375px) and (max-width: 1023px) { .custom-menu .menu-container .cm-levels.first-level .cm-item .cm-link { font-size: 2.1875rem; line-height: 2.8125rem; } .custom-menu .menu-container .cm-levels.second-level .lvlTitle { font-size: 2.1875rem; line-height: 2.8125rem; } } @media screen and (min-width: 767px) { .custom-menu .menu-container .cm-levels.first-level .cm-absolute, .custom-menu .menu-container .cm-levels.second-level .cm-absolute { margin: 0 15%; max-width: 80%; } .custom-menu .menu-mobile-helper { padding-bottom: 3.125rem; } } @media screen and (min-width: 1024px) { .custom-menu .menu-container { height: 100% !important; } .custom-menu .cm-levels .cm-absolute .cml-scroll { height: -webkit-calc(100% - 8.125rem); height: -moz-calc(100% - 8.125rem); height: calc(100% - 8.125rem); top: 8.125rem; } .custom-menu.loaded .menu-container { opacity: 1; } .custom-menu .menu-mobile-helper { overflow: hidden; } } .footer { position: relative; z-index: 2; background: #4B2563; } .f-inner { max-width: 80%; margin: 0 auto; } .f-top { position: relative; padding-bottom: 2.5rem; } .f-top .f-inner { position: relative; z-index: 2; } @media (min-width: 768px) { .f-top { padding-bottom: 2.5rem; } } @media (min-width: 1440px) { .f-top { padding-bottom: 2.5rem; } } @media (min-width: 1600px) { .f-top { padding-bottom: 2.5rem; } } .f-top .ft-details-affiliates { text-align: center; } @media (min-width: 1024px) { .f-top .ft-details-affiliates { margin: 6.25rem 0 0 0; } } .f-top .ft-details-affiliates a, .f-top .ft-details-affiliates img { -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } html.no-touch .f-top .ft-details-affiliates a:hover, html.no-touch .f-top .ft-details-affiliates img:hover { opacity: .7; } .ft-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; } .ft-bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .ft-header { padding-top: 4.375rem; padding-bottom: 2.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1024px) { .ft-header { padding-top: 7.9375rem; } } @media (min-width: 1440px) { .ft-header { padding-top: 11.875rem; } } @media (min-width: 1600px) { .ft-header { padding-top: 10.9375rem; } } .ft-header-top { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 2.0625rem; line-height: 3.75rem; color: #fff; } @media (min-width: 375px) and (max-width: 767px) { .ft-header-top { font-size: 2.375rem; line-height: 2.625rem; } } @media (min-width: 768px) { .ft-header-top { font-size: 3.375rem; line-height: 5.625rem; } } @media (min-width: 1024px) { .ft-header-top { font-size: 4.0625rem; } } @media (max-width: 500px) { .ft-header-top { text-align: center; } } .ft-header-bottom { margin: 0 auto; display: inline-block; position: relative; margin-bottom: 2.5rem; } .ft-header-bottom span { font-family: "lato", sans-serif; font-weight: 300; font-size: 1.0625rem; color: #FCFCF7; display: inline-block; text-align: center; position: relative; } @media (min-width: 768px) { .ft-header-bottom span { font-size: 1.625rem; text-align: center; } } @media (min-width: 375px) { .ft-header-bottom { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 768px) { .ft-header-bottom { padding-left: 0; } } @media (max-width: 500px) { .ft-header-bottom { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1440px) { .ft-header-bottom { max-width: 56.25rem; } } .ft-ctas { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .ft-ctas { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.875rem; } } @media (min-width: 1440px) { .ft-ctas { margin-bottom: 2.9375rem; } } .ft-ctas-item { margin-bottom: 2.1875rem; margin-right: 1.25rem; } .ft-ctas-item:first-child a { border-color: #D7B14F; } .ft-ctas-item a { font-family: "lato", sans-serif; font-weight: normal; font-size: 1rem; letter-spacing: 0.05em; text-align: left; color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 3.1875rem; -webkit-border-radius: 2.1875rem; -moz-border-radius: 2.1875rem; border-radius: 2.1875rem; padding: 0 2.75rem; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; border: 1px solid #9AC7D9; text-transform: uppercase; } html.no-touch .ft-ctas-item a:hover { color: #D7B14F; } @media (min-width: 768px) { .ft-ctas-item a { white-space: nowrap; } } @media (min-width: 1024px) { .ft-ctas-item a { font-size: 1.0625rem; } } @media (min-width: 1440px) { .ft-ctas-item a { font-size: 1.1875rem; min-height: 3.8125rem; } } @media (min-width: 768px) { .ft-ctas-item:last-child { margin-right: 0; } } @media (max-width: 767px) { .ft-ctas-item { text-align: center; margin-right: 0; margin-bottom: 40px; } } @media (min-width: 768px) { .ft-ctas-item { margin-bottom: 1.25rem; margin-right: 1.875rem; } } @media (min-width: 1440px) { .ft-ctas-item { margin-right: 4.625rem; } } .ft-details-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1024px) { .ft-details-wrapper { margin: 0 0 6.25rem 0; } } @media (max-width: 767px) { .ft-details-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .ft-details { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .ft-details > p { display: none; } @media (min-width: 768px) { .ft-details > p { display: block; } } .ft-details p.ft-details-school-name { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 10px !important; text-transform: uppercase; display: block; font-size: 1.4375rem; } @media (max-width: 767px) { .ft-details p.ft-details-school-name { text-align: center; display: none; } } @media (max-width: 650px) { .ft-details p.ft-details-school-name { text-align: left; } } .ft-details p, .ft-details address { font-family: "ivyora-display", sans-serif; font-style: normal; font-weight: normal; font-size: 1.3125rem; line-height: 1.625rem; text-align: left; color: #f9f7ed; max-width: 100%; } @media (min-width: 768px) and (max-width: 1439px) { .ft-details p, .ft-details address { font-size: 1.1875rem; line-height: 1.6875rem; } } @media (max-width: 767px) { .ft-details p, .ft-details address { display: none; } } @media (min-width: 768px) { .ft-details p, .ft-details address { text-align: center; margin: 0 auto; } } @media (max-width: 767px) { .ft-details address p { text-align: center; } } @media (max-width: 650px) { .ft-details address p { text-align: left; } } @media (min-width: 768px) { .ft-details address span { display: none; } } .ft-details:first-child { margin-right: 3.125rem; } @media (max-width: 767px) { .ft-details:first-child { margin: 0; } } @media (max-width: 650px) { .ft-details:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .ft-details { margin: 0; } } .ft-details-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media (min-width: 768px) { .ft-details-links { margin-top: 1.25rem; } } @media (max-width: 767px) { .ft-details-links { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 650px) { .ft-details-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .ft-contact { margin: 1.5625rem 0 0; } @media (min-width: 768px) { .ft-contact { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .ft-contact-item { margin-bottom: 2.5rem; display: block; } .ft-contact-item:last-child { display: none; } .ft-contact-item .global-icons { font-size: 0.9375rem; margin-left: 0.3125rem; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; color: #9AC7D9; display: inline-block; } .ft-contact-item a { font-family: "lato", sans-serif; font-weight: normal; font-size: 1.1875rem; letter-spacing: 0.05em; color: #f9f7ed; position: relative; display: inline-block; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; text-transform: uppercase; } html.no-touch .ft-contact-item a:hover { color: #9AC7D9; } html.no-touch .ft-contact-item a:hover .global-icons { -webkit-transform: translateX(0.3125rem); -moz-transform: translateX(0.3125rem); -ms-transform: translateX(0.3125rem); -o-transform: translateX(0.3125rem); transform: translateX(0.3125rem); } @media (min-width: 1024px) and (max-width: 1439px) { .ft-contact-item a { font-size: 0.9375rem; } } .ft-contact-item:last-child { margin-bottom: 0; margin-right: 0; } @media (min-width: 1024px) { .ft-contact-item { margin-bottom: 0.625rem; margin-right: 2.5rem; } } @media (max-width: 650px) { .ft-contact-item { margin-right: 0; } } .f-middle { background: #4B2563; } .f-middle .f-inner { max-width: 85%; } @media (min-width: 375px) { .f-middle .f-inner { max-width: 85%; } } @media (min-width: 768px) { .f-middle .f-inner { max-width: 48.125rem; } } @media (min-width: 1440px) { .f-middle .f-inner { max-width: 60.25rem; } } @media (min-width: 1920px) { .f-middle .f-inner { max-width: 68.75rem; } } .f-middle .f-inner .extra { font-family: "lato", sans-serif; font-weight: 300; font-size: 1.0625rem; text-align: center; color: #FCFCF7; margin: 2.75rem 0 0 0; } @media (min-width: 768px) { .f-middle .f-inner .extra { font-size: 1.625rem; } } .f-middle .f-inner .extra a { color: inherit; font-weight: 400; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } html.no-touch .f-middle .f-inner .extra a:hover { color: #9AC7D9; } .fm-affiliates { padding: 1.875rem 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition-timing-function: linear !important; -moz-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fm-affiliates img { display: block; } .fm-affiliates-swiper { overflow: visible; } .fm-affiliates-item { width: auto; } .fm-affiliates-item.fm-affiliates-item-dofe { margin-top: -12px; } .fm-affiliates-item a, .fm-affiliates-item img { -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } html.no-touch .fm-affiliates-item a:hover, html.no-touch .fm-affiliates-item img:hover { opacity: .7; } @media (min-width: 375px) { .fm-affiliates-item { padding-right: 0.625rem; padding-left: 0.625rem; } } @media (min-width: 768px) { .fm-affiliates-item { padding-right: 1.25rem; padding-left: 1.25rem; } } @media (min-width: 1024px) { .fm-affiliates-item { padding-right: 1.875rem; padding-left: 1.875rem; } } @media (min-width: 1440px) { .fm-affiliates-item { padding-right: 3.125rem; padding-left: 3.125rem; } } .f-bottom { padding: 2.1875rem 0; background: #43205A; } .f-bottom .f-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1024px) { .f-bottom .f-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 95%; max-width: 95.875rem; } } @media (min-width: 1440px) { .f-bottom .f-inner { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .fb-socials { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .fb-socials span { font-family: "lato", sans-serif; font-weight: normal; font-size: 1rem; letter-spacing: 0.05em; line-height: 0.875rem; text-align: center; color: #f9f7ed; } .fb-socials > span > span { display: inline-block; margin: 0 0.9375rem 0 1.5625rem; } .fb-socials a span { color: #fff; } @media (max-width: 1023px) { .fb-socials { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 767px) { .fb-socials { max-width: 340px; } } @media (min-width: 768px) { .fb-socials { margin: 0 auto; } } @media (min-width: 1440px) { .fb-socials { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } .fb-socials-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fb-socials-links li { margin: 0 5px; } @media (min-width: 1024px) { .fb-socials-links li { margin: 0 1.25rem; } } .fb-socials-links li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .fb-socials-links li a span { -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } html.no-touch .fb-socials-links li a:hover span { color: #D7B14F; } .fb-credits { margin: 1.5625rem 0; font-family: "lato", sans-serif; font-weight: normal; font-size: 0.9375rem; letter-spacing: 0.05em; line-height: 1.3125rem; text-align: left; color: #f9f7ed; } .fb-credits span { opacity: .7; } .fb-credits a { color: inherit; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } html.no-touch .fb-credits a:hover { color: #D7B14F; } @media (max-width: 1023px) { .fb-credits { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 768px) { .fb-credits { text-align: center; margin: 0.9375rem 0; } } @media (min-width: 1024px) { .fb-credits { max-width: 17.5rem; text-align: left; margin: 0; } } @media (min-width: 1440px) { .fb-credits { max-width: 100%; } } .fb-links { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.9375rem; letter-spacing: 0.05em; color: #f9f7ed; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .fb-links a { color: inherit; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } html.no-touch .fb-links a:hover { color: #D7B14F; } @media (max-width: 1023px) { .fb-links { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (min-width: 768px) { .fb-links { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .fb-links-item:first-child { padding-right: 0.9375rem; margin-right: 0.9375rem; position: relative; } .fb-links-item:first-child:after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 0.125rem; height: 100%; background: #F9F7ED; pointer-events: none; } @-webkit-keyframes stRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes stRotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes stRotate { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes stRotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .shTemplReset { line-height: initial; font-size: initial; /* Change Autocomplete styles in Chrome*/ } .shTemplReset:before { clear: both; content: ""; display: table; margin-top: -1px; height: 0; } .shTemplReset * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shTemplReset *:focus { outline: none; } .shTemplReset *:after, .shTemplReset *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shTemplReset main, .shTemplReset time { display: block; } .shTemplReset address { font-style: normal; } .shTemplReset button { cursor: pointer; } .shTemplReset button:focus { outline: none; } .shTemplReset fieldset { padding: 0; border: 0; margin: 0; } .shTemplReset input { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .shTemplReset button:-moz-focusring, .shTemplReset [type="button"]:-moz-focusring, .shTemplReset [type="reset"]:-moz-focusring, .shTemplReset [type="submit"]:-moz-focusring { border-style: none; outline: 0; } .shTemplReset input:-webkit-autofill, .shTemplReset input:-webkit-autofill:hover, .shTemplReset input:-webkit-autofill:focus, .shTemplReset input:-webkit-autofill, .shTemplReset textarea:-webkit-autofill, .shTemplReset textarea:-webkit-autofill:hover, .shTemplReset textarea:-webkit-autofill:focus, .shTemplReset select:-webkit-autofill, .shTemplReset select:-webkit-autofill:hover, .shTemplReset select:-webkit-autofill:focus { background-color: transparent !important; -webkit-text-fill-color: inherit !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-box-shadow: 0 0 0 50px white inset; } .shTemplReset img { border-style: none; } .shTemplReset ul, .shTemplReset ul li { list-style-type: none; } .shTemplReset ul { padding: 0; } .shTemplReset em, .shTemplReset i { font-style: italic; } .shTemplReset a, .shTemplReset div, .shTemplReset span, .shTemplReset button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } .shTemplReset hr, .shTemplReset svg { overflow: visible; } .shTemplReset *:focus-visible { outline: -webkit-focus-ring-color auto 1px; } .shTplGContainer { max-width: 1340px; padding: 0 30px; margin: 0 auto; } .shTplGContainer:after { display: table; content: ""; clear: both; } @media (max-width: 767px) { .shTplGContainer { padding: 0 20px; } } .shTplGResetHeaders, .mediaPopup .mediaPopup__type h4, .hp-section-2-within-slideout .mediaPopup__type h4, .hp-section-3-community-slideout .mediaPopup__type h4, .hp-section-4-perspective-slideout .mediaPopup__type h4 { letter-spacing: 0; text-transform: none; margin: 0; padding: 0; } .shTplGResetHeaders:first-letter, .mediaPopup .mediaPopup__type h4:first-letter, .hp-section-2-within-slideout .mediaPopup__type h4:first-letter, .hp-section-3-community-slideout .mediaPopup__type h4:first-letter, .hp-section-4-perspective-slideout .mediaPopup__type h4:first-letter { text-transform: capitalize; } .shTplResetAnchor, .mediaPopup .mediaPopup__desc .featuredParagraph a, .hp-section-2-within-slideout .mediaPopup__desc .featuredParagraph a, .hp-section-3-community-slideout .mediaPopup__desc .featuredParagraph a, .hp-section-4-perspective-slideout .mediaPopup__desc .featuredParagraph a, .mediaPopup .mediaPopup__postTitle.forNews a, .hp-section-2-within-slideout .mediaPopup__postTitle.forNews a, .hp-section-3-community-slideout .mediaPopup__postTitle.forNews a, .hp-section-4-perspective-slideout .mediaPopup__postTitle.forNews a { font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } .shTplGBlockScroll { position: relative; overflow: hidden; } @media (max-width: 730px) { .shTplGBlockScroll { position: fixed; width: 100%; height: 100%; } } .mtGenericLoader { height: 30px; width: 30px; -webkit-animation: stRotate 1.2s infinite linear; -moz-animation: stRotate 1.2s infinite linear; -o-animation: stRotate 1.2s infinite linear; animation: stRotate 1.2s infinite linear; border: 2px solid #97012e; border-right-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; right: 70px; z-index: 2; margin: -15px 0 0 0; } @-webkit-keyframes skeletonAnimations { 0% { background-image: -webkit-linear-gradient(white 40px, white 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -webkit-linear-gradient(gray 100%, transparent 0); background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0); background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, 80px 8px, 100% 100%; background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%; /* card bg */ background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0; /* card bg */ } 100% { background-image: -webkit-linear-gradient(white 40px, white 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -webkit-linear-gradient(gray 100%, transparent 0); background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0); background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, 80px 8px, 100% 100%; background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%; /* card bg */ background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0; /* card bg */ } } @-moz-keyframes skeletonAnimations { 0% { background-image: -moz-linear-gradient(white 40px, white 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -moz-linear-gradient(gray 100%, transparent 0); background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0); -moz-background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, 80px 8px, 100% 100%; background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%; /* card bg */ background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0; /* card bg */ } 100% { background-image: -moz-linear-gradient(white 40px, white 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -moz-linear-gradient(gray 100%, transparent 0); background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0); -moz-background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, 80px 8px, 100% 100%; background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%; /* card bg */ background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0; /* card bg */ } } @-o-keyframes skeletonAnimations { 0% { background-image: -o-linear-gradient(white 40px, white 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -o-linear-gradient(gray 100%, transparent 0); background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0); background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%; /* card bg */ background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0; /* card bg */ } 100% { background-image: -o-linear-gradient(white 40px, white 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -o-linear-gradient(gray 100%, transparent 0); background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0); background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%; /* card bg */ background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0; /* card bg */ } } @keyframes skeletonAnimations { 0% { background-image: -webkit-linear-gradient(white 40px, white 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -webkit-linear-gradient(gray 100%, transparent 0); background-image: -moz-linear-gradient(white 40px, white 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -moz-linear-gradient(gray 100%, transparent 0); background-image: -o-linear-gradient(white 40px, white 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -o-linear-gradient(gray 100%, transparent 0); background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0); -moz-background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, 80px 8px, 100% 100%; background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, 80px 8px, 100% 100%; background-size: 40px 40px, 135px 40px, 100% 50%, 0px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%; /* card bg */ background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0; /* card bg */ } 100% { background-image: -webkit-linear-gradient(white 40px, white 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -webkit-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -webkit-linear-gradient(gray 100%, transparent 0); background-image: -moz-linear-gradient(white 40px, white 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -moz-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -moz-linear-gradient(gray 100%, transparent 0); background-image: -o-linear-gradient(white 40px, white 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), -o-linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), -o-linear-gradient(gray 100%, transparent 0); background-image: linear-gradient(white 40px, white 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.5) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.15) 100%, black 99%, transparent 0), linear-gradient(rgba(0, 0, 0, 0.25) 10px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.12) 12px, transparent 0), linear-gradient(rgba(0, 0, 0, 0.04) 8px, transparent 0), linear-gradient(gray 100%, transparent 0); -moz-background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, -moz-calc(100% - 40px) 12px, 80px 8px, 100% 100%; background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, -webkit-calc(100% - 40px) 12px, 80px 8px, 100% 100%; background-size: 40px 40px, 135px 40px, 100% 50%, 150px 10px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, calc(100% - 40px) 12px, 80px 8px, 100% 100%; /* card bg */ background-position: 0px 0px, 40px 0px, 0px 0px, 20px 55%, 20px 60%, 20px 64%, 20px 68%, 20px 72%, 20px 76%, 20px 80%, 20px 84%, 0 0; /* card bg */ } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .mediaPopup, .hp-section-2-within-slideout, .hp-section-3-community-slideout, .hp-section-4-perspective-slideout { /* No Js */ /* * Owl Carousel - Animate Plugin */ /* * Owl Carousel - Auto Height Plugin */ /* * Owl Carousel - Lazy Load Plugin */ /* * Owl Carousel - Video Plugin */ } .mediaPopup .owl-carousel, .hp-section-2-within-slideout .owl-carousel, .hp-section-3-community-slideout .owl-carousel, .hp-section-4-perspective-slideout .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .mediaPopup .owl-carousel .owl-stage, .hp-section-2-within-slideout .owl-carousel .owl-stage, .hp-section-3-community-slideout .owl-carousel .owl-stage, .hp-section-4-perspective-slideout .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .mediaPopup .owl-carousel .owl-stage:after, .hp-section-2-within-slideout .owl-carousel .owl-stage:after, .hp-section-3-community-slideout .owl-carousel .owl-stage:after, .hp-section-4-perspective-slideout .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .mediaPopup .owl-carousel .owl-stage-outer, .hp-section-2-within-slideout .owl-carousel .owl-stage-outer, .hp-section-3-community-slideout .owl-carousel .owl-stage-outer, .hp-section-4-perspective-slideout .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .mediaPopup .owl-carousel .owl-wrapper, .hp-section-2-within-slideout .owl-carousel .owl-wrapper, .hp-section-3-community-slideout .owl-carousel .owl-wrapper, .hp-section-4-perspective-slideout .owl-carousel .owl-wrapper, .mediaPopup .owl-carousel .owl-item, .hp-section-2-within-slideout .owl-carousel .owl-item, .hp-section-3-community-slideout .owl-carousel .owl-item, .hp-section-4-perspective-slideout .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .mediaPopup .owl-carousel .owl-item, .hp-section-2-within-slideout .owl-carousel .owl-item, .hp-section-3-community-slideout .owl-carousel .owl-item, .hp-section-4-perspective-slideout .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .mediaPopup .owl-carousel .owl-item img, .hp-section-2-within-slideout .owl-carousel .owl-item img, .hp-section-3-community-slideout .owl-carousel .owl-item img, .hp-section-4-perspective-slideout .owl-carousel .owl-item img { display: block; width: 100%; } .mediaPopup .owl-carousel .owl-nav.disabled, .hp-section-2-within-slideout .owl-carousel .owl-nav.disabled, .hp-section-3-community-slideout .owl-carousel .owl-nav.disabled, .hp-section-4-perspective-slideout .owl-carousel .owl-nav.disabled, .mediaPopup .owl-carousel .owl-dots.disabled, .hp-section-2-within-slideout .owl-carousel .owl-dots.disabled, .hp-section-3-community-slideout .owl-carousel .owl-dots.disabled, .hp-section-4-perspective-slideout .owl-carousel .owl-dots.disabled { display: none; } .mediaPopup .owl-carousel .owl-nav .owl-prev, .hp-section-2-within-slideout .owl-carousel .owl-nav .owl-prev, .hp-section-3-community-slideout .owl-carousel .owl-nav .owl-prev, .hp-section-4-perspective-slideout .owl-carousel .owl-nav .owl-prev, .mediaPopup .owl-carousel .owl-nav .owl-next, .hp-section-2-within-slideout .owl-carousel .owl-nav .owl-next, .hp-section-3-community-slideout .owl-carousel .owl-nav .owl-next, .hp-section-4-perspective-slideout .owl-carousel .owl-nav .owl-next, .mediaPopup .owl-carousel .owl-dot, .hp-section-2-within-slideout .owl-carousel .owl-dot, .hp-section-3-community-slideout .owl-carousel .owl-dot, .hp-section-4-perspective-slideout .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mediaPopup .owl-carousel .owl-nav button.owl-prev, .hp-section-2-within-slideout .owl-carousel .owl-nav button.owl-prev, .hp-section-3-community-slideout .owl-carousel .owl-nav button.owl-prev, .hp-section-4-perspective-slideout .owl-carousel .owl-nav button.owl-prev, .mediaPopup .owl-carousel .owl-nav button.owl-next, .hp-section-2-within-slideout .owl-carousel .owl-nav button.owl-next, .hp-section-3-community-slideout .owl-carousel .owl-nav button.owl-next, .hp-section-4-perspective-slideout .owl-carousel .owl-nav button.owl-next, .mediaPopup .owl-carousel button.owl-dot, .hp-section-2-within-slideout .owl-carousel button.owl-dot, .hp-section-3-community-slideout .owl-carousel button.owl-dot, .hp-section-4-perspective-slideout .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .mediaPopup .owl-carousel.owl-loaded, .hp-section-2-within-slideout .owl-carousel.owl-loaded, .hp-section-3-community-slideout .owl-carousel.owl-loaded, .hp-section-4-perspective-slideout .owl-carousel.owl-loaded { display: block; } .mediaPopup .owl-carousel.owl-loading, .hp-section-2-within-slideout .owl-carousel.owl-loading, .hp-section-3-community-slideout .owl-carousel.owl-loading, .hp-section-4-perspective-slideout .owl-carousel.owl-loading { opacity: 0; display: block; } .mediaPopup .owl-carousel.owl-hidden, .hp-section-2-within-slideout .owl-carousel.owl-hidden, .hp-section-3-community-slideout .owl-carousel.owl-hidden, .hp-section-4-perspective-slideout .owl-carousel.owl-hidden { opacity: 0; } .mediaPopup .owl-carousel.owl-refresh .owl-item, .hp-section-2-within-slideout .owl-carousel.owl-refresh .owl-item, .hp-section-3-community-slideout .owl-carousel.owl-refresh .owl-item, .hp-section-4-perspective-slideout .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .mediaPopup .owl-carousel.owl-drag .owl-item, .hp-section-2-within-slideout .owl-carousel.owl-drag .owl-item, .hp-section-3-community-slideout .owl-carousel.owl-drag .owl-item, .hp-section-4-perspective-slideout .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mediaPopup .owl-carousel.owl-grab, .hp-section-2-within-slideout .owl-carousel.owl-grab, .hp-section-3-community-slideout .owl-carousel.owl-grab, .hp-section-4-perspective-slideout .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .mediaPopup .owl-carousel.owl-rtl, .hp-section-2-within-slideout .owl-carousel.owl-rtl, .hp-section-3-community-slideout .owl-carousel.owl-rtl, .hp-section-4-perspective-slideout .owl-carousel.owl-rtl { direction: rtl; } .mediaPopup .owl-carousel.owl-rtl .owl-item, .hp-section-2-within-slideout .owl-carousel.owl-rtl .owl-item, .hp-section-3-community-slideout .owl-carousel.owl-rtl .owl-item, .hp-section-4-perspective-slideout .owl-carousel.owl-rtl .owl-item { float: right; } .mediaPopup .no-js .owl-carousel, .hp-section-2-within-slideout .no-js .owl-carousel, .hp-section-3-community-slideout .no-js .owl-carousel, .hp-section-4-perspective-slideout .no-js .owl-carousel { display: block; } .mediaPopup .owl-carousel .animated, .hp-section-2-within-slideout .owl-carousel .animated, .hp-section-3-community-slideout .owl-carousel .animated, .hp-section-4-perspective-slideout .owl-carousel .animated { -webkit-animation-duration: 1000ms; -moz-animation-duration: 1000ms; -o-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .mediaPopup .owl-carousel .owl-animated-in, .hp-section-2-within-slideout .owl-carousel .owl-animated-in, .hp-section-3-community-slideout .owl-carousel .owl-animated-in, .hp-section-4-perspective-slideout .owl-carousel .owl-animated-in { z-index: 0; } .mediaPopup .owl-carousel .owl-animated-out, .hp-section-2-within-slideout .owl-carousel .owl-animated-out, .hp-section-3-community-slideout .owl-carousel .owl-animated-out, .hp-section-4-perspective-slideout .owl-carousel .owl-animated-out { z-index: 1; } .mediaPopup .owl-carousel .fadeOut, .hp-section-2-within-slideout .owl-carousel .fadeOut, .hp-section-3-community-slideout .owl-carousel .fadeOut, .hp-section-4-perspective-slideout .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .mediaPopup .owl-height, .hp-section-2-within-slideout .owl-height, .hp-section-3-community-slideout .owl-height, .hp-section-4-perspective-slideout .owl-height { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .mediaPopup .owl-carousel .owl-item, .hp-section-2-within-slideout .owl-carousel .owl-item, .hp-section-3-community-slideout .owl-carousel .owl-item, .hp-section-4-perspective-slideout .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .mediaPopup .owl-carousel .owl-item .owl-lazy, .hp-section-2-within-slideout .owl-carousel .owl-item .owl-lazy, .hp-section-3-community-slideout .owl-carousel .owl-item .owl-lazy, .hp-section-4-perspective-slideout .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; transition: opacity 400ms ease; } .mediaPopup .owl-carousel .owl-item .owl-lazy[src^=""], .hp-section-2-within-slideout .owl-carousel .owl-item .owl-lazy[src^=""], .hp-section-3-community-slideout .owl-carousel .owl-item .owl-lazy[src^=""], .hp-section-4-perspective-slideout .owl-carousel .owl-item .owl-lazy[src^=""], .mediaPopup .owl-carousel .owl-item .owl-lazy:not([src]), .hp-section-2-within-slideout .owl-carousel .owl-item .owl-lazy:not([src]), .hp-section-3-community-slideout .owl-carousel .owl-item .owl-lazy:not([src]), .hp-section-4-perspective-slideout .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .mediaPopup .owl-carousel .owl-item img.owl-lazy, .hp-section-2-within-slideout .owl-carousel .owl-item img.owl-lazy, .hp-section-3-community-slideout .owl-carousel .owl-item img.owl-lazy, .hp-section-4-perspective-slideout .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .mediaPopup .owl-carousel .owl-video-wrapper, .hp-section-2-within-slideout .owl-carousel .owl-video-wrapper, .hp-section-3-community-slideout .owl-carousel .owl-video-wrapper, .hp-section-4-perspective-slideout .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .mediaPopup .owl-carousel .owl-video-play-icon, .hp-section-2-within-slideout .owl-carousel .owl-video-play-icon, .hp-section-3-community-slideout .owl-carousel .owl-video-play-icon, .hp-section-4-perspective-slideout .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; -o-transition: -o-transform 100ms ease; -moz-transition: transform 100ms ease, -moz-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease, -moz-transform 100ms ease, -o-transform 100ms ease; } .mediaPopup .owl-carousel .owl-video-play-icon:hover, .hp-section-2-within-slideout .owl-carousel .owl-video-play-icon:hover, .hp-section-3-community-slideout .owl-carousel .owl-video-play-icon:hover, .hp-section-4-perspective-slideout .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .mediaPopup .owl-carousel .owl-video-playing .owl-video-tn, .hp-section-2-within-slideout .owl-carousel .owl-video-playing .owl-video-tn, .hp-section-3-community-slideout .owl-carousel .owl-video-playing .owl-video-tn, .hp-section-4-perspective-slideout .owl-carousel .owl-video-playing .owl-video-tn, .mediaPopup .owl-carousel .owl-video-playing .owl-video-play-icon, .hp-section-2-within-slideout .owl-carousel .owl-video-playing .owl-video-play-icon, .hp-section-3-community-slideout .owl-carousel .owl-video-playing .owl-video-play-icon, .hp-section-4-perspective-slideout .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .mediaPopup .owl-carousel .owl-video-tn, .hp-section-2-within-slideout .owl-carousel .owl-video-tn, .hp-section-3-community-slideout .owl-carousel .owl-video-tn, .hp-section-4-perspective-slideout .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; transition: opacity 400ms ease; } .mediaPopup .owl-carousel .owl-video-frame, .hp-section-2-within-slideout .owl-carousel .owl-video-frame, .hp-section-3-community-slideout .owl-carousel .owl-video-frame, .hp-section-4-perspective-slideout .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .mpAudioPlayer { cursor: pointer; position: absolute; z-index: 3; margin: auto; height: 100%; width: 100%; -moz-background-size: cover; background-size: cover; background-position: center; pointer-events: none; -webkit-transition: background-image 1s linear; -o-transition: background-image 1s linear; -moz-transition: background-image 1s linear; transition: background-image 1s linear; } .mpAudioPlayer + iframe { position: absolute; z-index: -6; pointer-events: none; opacity: 0; } .mpAudioPlayer .mpAudioPlayer__content { overflow: hidden; position: relative; height: 100%; } .mpAudioPlayer .mpAudioPlayer__play-btn { width: 60px; height: 60px; left: 20px; top: 50%; margin-top: -30px; border: none; background: #fff; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 3; } .mpAudioPlayer .mpAudioPlayer__play-btn .playIcon { display: inline-block; border-left: 16px solid #000; border-top: 9px solid transparent; border-bottom: 9px solid transparent; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -6px; z-index: 1; opacity: 1; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon { width: 18px; height: 16px; z-index: 1; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -9px; opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:after, .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before { content: ''; display: inline-block; width: 6px; height: 100%; background: #000; } .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before { margin-right: 3px; } .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:after { margin-left: 3px; } html.no-touch .mpAudioPlayer .mpAudioPlayer__play-btn:hover { background: #ed8b1f; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } html.no-touch .mpAudioPlayer .mpAudioPlayer__play-btn:hover:after { opacity: 0.25; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpAudioPlayer .mpAudioPlayer__waveWrapper { position: absolute; top: 35%; height: 30%; width: 100%; pointer-events: all; } .mpAudioPlayer .mpAudioPlayer__waveWrapper:before { content: ''; position: absolute; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); height: 100%; top: 0; z-index: -2; } .mpAudioPlayer .mpAudioPlayer__waveform, .mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition { position: absolute; top: 0; height: 100%; left: 115px; right: 20px; } .mpAudioPlayer .mpAudioPlayer__waveform { z-index: 3; -moz-background-size: 100% 100%; background-size: 100% 100%; opacity: 0.5; -webkit-transition: background-image 1s linear; -o-transition: background-image 1s linear; -moz-transition: background-image 1s linear; transition: background-image 1s linear; } .mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition { width: 0; height: 100%; background: #fff; -webkit-transition: width .05s linear; -o-transition: width .05s linear; -moz-transition: width .05s linear; transition: width .05s linear; mix-blend-mode: overlay; z-index: 1; } html.touch .mpAudioPlayer .SCplayer__position { z-index: 0; } .mpAudioPlayer.isPlaying .mpAudioPlayer__play-btn .playIcon { opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpAudioPlayer.isPlaying .mpAudioPlayer__play-btn .pauseIcon { opacity: 1; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpAudioPlayer .mpAudioPlayer__hoverPosition { opacity: 0.3; z-index: 2; -webkit-transition: width .04s linear; -o-transition: width .04s linear; -moz-transition: width .04s linear; transition: width .04s linear; } @media (max-width: 767px) { .mpAudioPlayer .mpAudioPlayer__play-btn { left: 15px; width: 54px; height: 54px; margin-top: -27px; } .mpAudioPlayer .mpAudioPlayer__waveform, .mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition { left: 84px; } } @media (max-width: 500px) { .mpAudioPlayer .mpAudioPlayer__play-btn { left: 10px; width: 48px; height: 48px; margin-top: -24px; } .mpAudioPlayer .mpAudioPlayer__waveform, .mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition { left: 68px; right: 10px; } } @media (max-width: 430px) { .mpAudioPlayer .mpAudioPlayer__play-btn { width: 42px; height: 42px; margin-top: -21px; } .mpAudioPlayer .mpAudioPlayer__play-btn .playIcon { border-left: 14px solid #000; border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin: -7px 0 0 -6px; } .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon { width: 16px; height: 14px; margin: -7px 0 0 -8px; } .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:after, .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before { width: 4px; } .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before { margin-right: 2px; } .mpAudioPlayer .mpAudioPlayer__play-btn .pauseIcon:before { margin-right: 2px; } .mpAudioPlayer .mpAudioPlayer__waveform, .mpAudioPlayer .mpAudioPlayer__position, .mpAudioPlayer .mpAudioPlayer__hoverPosition { left: 62px; } } .mpGalSlide { padding-bottom: 56.25%; background: #e0e0e0; position: relative; margin-bottom: 27px; } .mpGalSlide .owl-stage-outer, .mpGalSlide .owl-stage, .mpGalSlide .owl-item { height: 100%; } .mpGalSlide .mpGalSlide__carousel { position: absolute !important; height: 100%; } .mpGalSlide .mpGalSlide__item { height: 100%; } .mpGalSlide .mpGalSlide__item img, .mpGalSlide .mpGalSlide__item video { -o-object-fit: cover; object-fit: cover; width: 100% !important; height: 100% !important; max-width: 100% !important; } .mpGalSlide .mpGalSlide__item.isPortrait img { -o-object-fit: contain; object-fit: contain; } .mpGalSlide .mpGalSlide__autoplay, .mpGalSlide .mpGalSlide__navBtn { width: 50px; height: 50px; background: rgba(0, 0, 0, 0.75); position: absolute; border: none; z-index: 5; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } html.no-touch .mpGalSlide .mpGalSlide__autoplay:hover, html.no-touch .mpGalSlide .mpGalSlide__navBtn:hover { background: black; } .mpGalSlide .mpGalSlide__navBtn { top: 50%; margin-top: -25px; } .mpGalSlide .mpGalSlide__navBtn i { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -8px; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .mpGalSlide .mpGalSlide__navBtn.isPrev { left: 0; } .mpGalSlide .mpGalSlide__navBtn.isPrev i { border-right: 16px solid #fff; } .mpGalSlide .mpGalSlide__navBtn.isNext { right: 0; } .mpGalSlide .mpGalSlide__navBtn.isNext i { border-left: 16px solid #fff; } .mpGalSlide .mpGalSlide__autoplay { bottom: 0; left: 50%; margin-left: -25px; } .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__play { position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -11px; display: inline-block; border-left: 22px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause { width: 16px; height: 22px; position: absolute; left: 50%; top: 50%; margin: -11px 0 0 -8px; opacity: 1; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:before, .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:after { content: ''; height: 100%; width: 5px; background: #fff; position: absolute; top: 0; } .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:before { left: 0; } .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:after { right: 0; } .mpGalSlide .mpGalSlide__autoplay.isPaused .mpGalSlide__play { opacity: 1; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpGalSlide .mpGalSlide__autoplay.isPaused .mpGalSlide__pause { opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpGalSlide .mpGalSlide__count { position: absolute; left: 20px; bottom: 20px; z-index: 5; color: #fff; font-size: 16px; } @media (max-width: 767px) { .mpGalSlide .mpGalSlide__autoplay, .mpGalSlide .mpGalSlide__navBtn { width: 40px; height: 40px; background: rgba(0, 0, 0, 0.35); } .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__play { margin: -8px 0 0 -10px; border-left: 20px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause { width: 14px; height: 20px; margin: -10px 0 0 -7px; } .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:before, .mpGalSlide .mpGalSlide__autoplay .mpGalSlide__pause:after { width: 4px; } .mpGalSlide .mpGalSlide__navBtn { margin-top: -20px; } .mpGalSlide .mpGalSlide__navBtn i { margin: -6px 0 0 -7px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .mpGalSlide .mpGalSlide__navBtn.isPrev i { border-right: 14px solid #fff; } .mpGalSlide .mpGalSlide__navBtn.isNext i { border-left: 14px solid #fff; } .mpGalSlide .mpGalSlide__count { bottom: 10px; left: 10px; } } .mpRelatedTags { font-size: 0; position: relative; display: block; vertical-align: top; z-index: 2; overflow: hidden; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .mpRelatedTags li { display: inline-block; margin-top: 13px; background: rgba(154, 199, 217, 0.1); font-family: "lato", sans-serif; font-size: 16px; line-height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-right: 10px; text-transform: capitalize; color: #FCFCF7; vertical-align: middle; cursor: pointer; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mpRelatedTags li span { display: block; float: left; cursor: pointer; width: 30px; height: 30px; position: relative; } .mpRelatedTags li span:after, .mpRelatedTags li span:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 14px; height: 1px; background: #FCFCF7; } .mpRelatedTags li span:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mpRelatedTags li span:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mpRelatedTags li:not(:last-of-type) { margin-right: 30px; } .mpRelatedTags li a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; text-decoration: inherit; word-break: break-all; } .mpRelatedTags li.forStaff { padding-left: 10px; } .mpRelatedTags li.forMpRelated { margin-top: 0; margin-bottom: 5px; cursor: pointer; } .mpRelatedTags li.forMpRelated:not(:last-of-type) { margin-right: 15px; } .mpRelatedTags li.isHidden { display: none !important; } html.no-touch .mpRelatedTags li:not(.forStaff):hover { background: #fff; color: #D7B14F; } html.no-touch .mpRelatedTags li:not(.forStaff):hover span:before, html.no-touch .mpRelatedTags li:not(.forStaff):hover span:after { background: #D7B14F; } @media (max-width: 650px) { .mpRelatedTags { overflow: visible; } } .mediaPopup, .hp-section-2-within-slideout, .hp-section-3-community-slideout, .hp-section-4-perspective-slideout { position: absolute; top: 0; right: 0; bottom: 0; left: 0; position: fixed; z-index: 9999998; overflow: hidden; } .mediaPopup:after, .hp-section-2-within-slideout:after, .hp-section-3-community-slideout:after, .hp-section-4-perspective-slideout:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); } .mediaPopup .mediaPopup__inner, .hp-section-2-within-slideout .mediaPopup__inner, .hp-section-3-community-slideout .mediaPopup__inner, .hp-section-4-perspective-slideout .mediaPopup__inner { position: relative; width: 100%; height: 100%; max-width: 737px; margin: 0 0 0 auto; z-index: 2; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mediaPopup .mediaPopup__content, .hp-section-2-within-slideout .mediaPopup__content, .hp-section-3-community-slideout .mediaPopup__content, .hp-section-4-perspective-slideout .mediaPopup__content { min-height: -webkit-calc(100% - 50px); min-height: -moz-calc(100% - 50px); min-height: calc(100% - 50px); overflow-y: auto; height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: calc(100% - 50px); position: relative; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } html.touch .mediaPopup .mediaPopup__content, html.touch .hp-section-2-within-slideout .mediaPopup__content, html.touch .hp-section-3-community-slideout .mediaPopup__content, html.touch .hp-section-4-perspective-slideout .mediaPopup__content { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .mediaPopup.defaultLayout .mediaPopup__singleImage, .defaultLayout.hp-section-2-within-slideout .mediaPopup__singleImage, .defaultLayout.hp-section-3-community-slideout .mediaPopup__singleImage, .defaultLayout.hp-section-4-perspective-slideout .mediaPopup__singleImage { width: 100%; } .mediaPopup .secondLvlCss, .hp-section-2-within-slideout .secondLvlCss, .hp-section-3-community-slideout .secondLvlCss, .hp-section-4-perspective-slideout .secondLvlCss { text-align: left; margin: 0; padding: 0; max-width: unset; min-width: unset; } .mediaPopup .mediaPopup__featuredPost, .hp-section-2-within-slideout .mediaPopup__featuredPost, .hp-section-3-community-slideout .mediaPopup__featuredPost, .hp-section-4-perspective-slideout .mediaPopup__featuredPost { padding: 30px; position: relative; background: #F3F4F1; margin: 0; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .mediaPopup .mediaPopup__featuredPost:after, .hp-section-2-within-slideout .mediaPopup__featuredPost:after, .hp-section-3-community-slideout .mediaPopup__featuredPost:after, .hp-section-4-perspective-slideout .mediaPopup__featuredPost:after { display: table; content: ""; clear: both; } .mediaPopup .mediaPopup__featuredPost a, .hp-section-2-within-slideout .mediaPopup__featuredPost a, .hp-section-3-community-slideout .mediaPopup__featuredPost a, .hp-section-4-perspective-slideout .mediaPopup__featuredPost a { color: currentColor; } .mediaPopup .mediaPopup__featuredPost a:after, .hp-section-2-within-slideout .mediaPopup__featuredPost a:after, .hp-section-3-community-slideout .mediaPopup__featuredPost a:after, .hp-section-4-perspective-slideout .mediaPopup__featuredPost a:after, .mediaPopup .mediaPopup__featuredPost a:before, .hp-section-2-within-slideout .mediaPopup__featuredPost a:before, .hp-section-3-community-slideout .mediaPopup__featuredPost a:before, .hp-section-4-perspective-slideout .mediaPopup__featuredPost a:before, .mediaPopup .mediaPopup__featuredPost a i, .hp-section-2-within-slideout .mediaPopup__featuredPost a i, .hp-section-3-community-slideout .mediaPopup__featuredPost a i, .hp-section-4-perspective-slideout .mediaPopup__featuredPost a i { display: none !important; } .mediaPopup .mediaPopup__url, .hp-section-2-within-slideout .mediaPopup__url, .hp-section-3-community-slideout .mediaPopup__url, .hp-section-4-perspective-slideout .mediaPopup__url { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 0; z-index: 1; } .mediaPopup .mediaPopup__topNav, .hp-section-2-within-slideout .mediaPopup__topNav, .hp-section-3-community-slideout .mediaPopup__topNav, .hp-section-4-perspective-slideout .mediaPopup__topNav { position: relative; max-width: 737px; margin: 0 0 0 auto; font-size: 0; z-index: 3; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); } .mediaPopup .mediaPopup__type, .hp-section-2-within-slideout .mediaPopup__type, .hp-section-3-community-slideout .mediaPopup__type, .hp-section-4-perspective-slideout .mediaPopup__type { position: absolute; left: 50px; right: 0; top: 0; background: #fff; height: 50px; padding-left: 15px; } .mediaPopup .mediaPopup__type h4, .hp-section-2-within-slideout .mediaPopup__type h4, .hp-section-3-community-slideout .mediaPopup__type h4, .hp-section-4-perspective-slideout .mediaPopup__type h4 { line-height: 50px; color: #535353; } .mediaPopup .mediaPopup__button, .hp-section-2-within-slideout .mediaPopup__button, .hp-section-3-community-slideout .mediaPopup__button, .hp-section-4-perspective-slideout .mediaPopup__button { width: 50px; height: 50px; position: relative; background: #fff; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; transition: .2s ease-in-out; } .mediaPopup .mediaPopup__button i, .hp-section-2-within-slideout .mediaPopup__button i, .hp-section-3-community-slideout .mediaPopup__button i, .hp-section-4-perspective-slideout .mediaPopup__button i { position: absolute; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } html.no-touch .mediaPopup .mediaPopup__button:hover, html.no-touch .hp-section-2-within-slideout .mediaPopup__button:hover, html.no-touch .hp-section-3-community-slideout .mediaPopup__button:hover, html.no-touch .hp-section-4-perspective-slideout .mediaPopup__button:hover { background: #fff; } .mediaPopup .mediaPopup__close, .hp-section-2-within-slideout .mediaPopup__close, .hp-section-3-community-slideout .mediaPopup__close, .hp-section-4-perspective-slideout .mediaPopup__close { display: inline-block; border: none; } .mediaPopup .mediaPopup__close i:after, .hp-section-2-within-slideout .mediaPopup__close i:after, .hp-section-3-community-slideout .mediaPopup__close i:after, .hp-section-4-perspective-slideout .mediaPopup__close i:after, .mediaPopup .mediaPopup__close i:before, .hp-section-2-within-slideout .mediaPopup__close i:before, .hp-section-3-community-slideout .mediaPopup__close i:before, .hp-section-4-perspective-slideout .mediaPopup__close i:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 14px; height: 2px; background: #E94938; } .mediaPopup .mediaPopup__close i:after, .hp-section-2-within-slideout .mediaPopup__close i:after, .hp-section-3-community-slideout .mediaPopup__close i:after, .hp-section-4-perspective-slideout .mediaPopup__close i:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mediaPopup .mediaPopup__close i:before, .hp-section-2-within-slideout .mediaPopup__close i:before, .hp-section-3-community-slideout .mediaPopup__close i:before, .hp-section-4-perspective-slideout .mediaPopup__close i:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mediaPopup .mediaPopup__more, .hp-section-2-within-slideout .mediaPopup__more, .hp-section-3-community-slideout .mediaPopup__more, .hp-section-4-perspective-slideout .mediaPopup__more, .mediaPopup .mediaPopup__share, .hp-section-2-within-slideout .mediaPopup__share, .hp-section-3-community-slideout .mediaPopup__share, .hp-section-4-perspective-slideout .mediaPopup__share { position: absolute; top: 0; border: none; } .mediaPopup .mediaPopup__more, .hp-section-2-within-slideout .mediaPopup__more, .hp-section-3-community-slideout .mediaPopup__more, .hp-section-4-perspective-slideout .mediaPopup__more { right: 60px; } .mediaPopup .mediaPopup__more i, .hp-section-2-within-slideout .mediaPopup__more i, .hp-section-3-community-slideout .mediaPopup__more i, .hp-section-4-perspective-slideout .mediaPopup__more i { width: 23px; margin: auto; } .mediaPopup .mediaPopup__share, .hp-section-2-within-slideout .mediaPopup__share, .hp-section-3-community-slideout .mediaPopup__share, .hp-section-4-perspective-slideout .mediaPopup__share { right: 0; } .mediaPopup .mediaPopup__share i, .hp-section-2-within-slideout .mediaPopup__share i, .hp-section-3-community-slideout .mediaPopup__share i, .hp-section-4-perspective-slideout .mediaPopup__share i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23535353%27%20viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72 56c-4.813 0-9.12 2.137-12.054 5.501L39.643 51.35c.23-1.081.357-2.201.357-3.35s-.127-2.269-.357-3.349l20.303-10.152C62.879 37.864 67.187 40 72 40c8.836 0 16-7.164 16-16S80.836 8 72 8s-16 7.164-16 16c0 1.149.127 2.269.357 3.349L36.054 37.501C33.121 34.136 28.814 32 24 32c-8.836 0-16 7.164-16 16s7.164 16 16 16c4.814 0 9.12-2.137 12.054-5.501l20.304 10.152C56.127 69.731 56 70.851 56 72c0 8.836 7.164 16 16 16s16-7.164 16-16-7.164-16-16-16zm0-40a8 8 0 1 1 0 16 8 8 0 0 1 0-16zM24 56a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm48 24a8 8 0 1 1 0-16 8 8 0 0 1 0 16z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; width: 22px; height: 22px; } .mediaPopup .mediaPopup__iframeContainer, .hp-section-2-within-slideout .mediaPopup__iframeContainer, .hp-section-3-community-slideout .mediaPopup__iframeContainer, .hp-section-4-perspective-slideout .mediaPopup__iframeContainer { padding-bottom: 56.25%; position: relative; margin-bottom: 26px; z-index: 1; } .mediaPopup .mediaPopup__iframeContainer iframe, .hp-section-2-within-slideout .mediaPopup__iframeContainer iframe, .hp-section-3-community-slideout .mediaPopup__iframeContainer iframe, .hp-section-4-perspective-slideout .mediaPopup__iframeContainer iframe, .mediaPopup .mediaPopup__iframeContainer video, .hp-section-2-within-slideout .mediaPopup__iframeContainer video, .hp-section-3-community-slideout .mediaPopup__iframeContainer video, .hp-section-4-perspective-slideout .mediaPopup__iframeContainer video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .mediaPopup .mediaPopup__singleImage, .hp-section-2-within-slideout .mediaPopup__singleImage, .hp-section-3-community-slideout .mediaPopup__singleImage, .hp-section-4-perspective-slideout .mediaPopup__singleImage { float: right; display: inline-block; position: relative; width: 50%; margin-left: 30px; margin-bottom: 20px; font-size: 0; } .mediaPopup .mediaPopup__singleImage img, .hp-section-2-within-slideout .mediaPopup__singleImage img, .hp-section-3-community-slideout .mediaPopup__singleImage img, .hp-section-4-perspective-slideout .mediaPopup__singleImage img { width: 100%; } .mediaPopup .mediaPopup__singleImage img:nth-of-type(1), .hp-section-2-within-slideout .mediaPopup__singleImage img:nth-of-type(1), .hp-section-3-community-slideout .mediaPopup__singleImage img:nth-of-type(1), .hp-section-4-perspective-slideout .mediaPopup__singleImage img:nth-of-type(1) { -webkit-filter: blur(0); filter: blur(0); } .mediaPopup .mediaPopup__singleImage img:nth-of-type(2), .hp-section-2-within-slideout .mediaPopup__singleImage img:nth-of-type(2), .hp-section-3-community-slideout .mediaPopup__singleImage img:nth-of-type(2), .hp-section-4-perspective-slideout .mediaPopup__singleImage img:nth-of-type(2) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100% !important; width: 100% !important; opacity: 0; } .mediaPopup .mediaPopup__singleImage.showBigImage img:nth-of-type(2), .hp-section-2-within-slideout .mediaPopup__singleImage.showBigImage img:nth-of-type(2), .hp-section-3-community-slideout .mediaPopup__singleImage.showBigImage img:nth-of-type(2), .hp-section-4-perspective-slideout .mediaPopup__singleImage.showBigImage img:nth-of-type(2) { opacity: 1; -webkit-transition: opacity .3s ease-in-out .3s; -o-transition: opacity .3s ease-in-out .3s; -moz-transition: opacity .3s ease-in-out .3s; transition: opacity .3s ease-in-out .3s; } .mediaPopup .mediaPopup__singleImage.isPortrait, .hp-section-2-within-slideout .mediaPopup__singleImage.isPortrait, .hp-section-3-community-slideout .mediaPopup__singleImage.isPortrait, .hp-section-4-perspective-slideout .mediaPopup__singleImage.isPortrait { width: 40%; } .mediaPopup .mediaPopup__singleImage.ImageBroken img, .hp-section-2-within-slideout .mediaPopup__singleImage.ImageBroken img, .hp-section-3-community-slideout .mediaPopup__singleImage.ImageBroken img, .hp-section-4-perspective-slideout .mediaPopup__singleImage.ImageBroken img { visibility: hidden; display: none; } .mediaPopup .mediaPopup__feedInfo, .hp-section-2-within-slideout .mediaPopup__feedInfo, .hp-section-3-community-slideout .mediaPopup__feedInfo, .hp-section-4-perspective-slideout .mediaPopup__feedInfo { margin-top: 0 !important; margin-bottom: 13px !important; } .mediaPopup .mediaPopup__feedInfo > a, .hp-section-2-within-slideout .mediaPopup__feedInfo > a, .hp-section-3-community-slideout .mediaPopup__feedInfo > a, .hp-section-4-perspective-slideout .mediaPopup__feedInfo > a { display: inline-block !important; vertical-align: middle; text-decoration: none !important; border-bottom: 0 !important; color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; position: relative; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .mediaPopup .mediaPopup__feedInfo > a:after, .hp-section-2-within-slideout .mediaPopup__feedInfo > a:after, .hp-section-3-community-slideout .mediaPopup__feedInfo > a:after, .hp-section-4-perspective-slideout .mediaPopup__feedInfo > a:after, .mediaPopup .mediaPopup__feedInfo > a:before, .hp-section-2-within-slideout .mediaPopup__feedInfo > a:before, .hp-section-3-community-slideout .mediaPopup__feedInfo > a:before, .hp-section-4-perspective-slideout .mediaPopup__feedInfo > a:before { display: none !important; } .mediaPopup .mediaPopup__feedInfo span, .hp-section-2-within-slideout .mediaPopup__feedInfo span, .hp-section-3-community-slideout .mediaPopup__feedInfo span, .hp-section-4-perspective-slideout .mediaPopup__feedInfo span { display: inline-block; vertical-align: middle; } .mediaPopup .mediaPopup__feedIcon, .hp-section-2-within-slideout .mediaPopup__feedIcon, .hp-section-3-community-slideout .mediaPopup__feedIcon, .hp-section-4-perspective-slideout .mediaPopup__feedIcon { display: inline-block; vertical-align: middle; margin-right: 6px; width: 20px; height: 30px; background-position: center center; } .mediaPopup .mediaPopup__feedName, .hp-section-2-within-slideout .mediaPopup__feedName, .hp-section-3-community-slideout .mediaPopup__feedName, .hp-section-4-perspective-slideout .mediaPopup__feedName { line-height: 30px; font-family: "Lato", arial, sans-serif; font-weight: bold; text-transform: uppercase; } .mediaPopup .mediaPopup__date, .hp-section-2-within-slideout .mediaPopup__date, .hp-section-3-community-slideout .mediaPopup__date, .hp-section-4-perspective-slideout .mediaPopup__date { display: inline-block; vertical-align: middle; margin-left: 7px; color: #535353; font-size: 90%; position: relative; top: 1px; } .mediaPopup .mediaPopup__desc .secondLvlCss a, .hp-section-2-within-slideout .mediaPopup__desc .secondLvlCss a, .hp-section-3-community-slideout .mediaPopup__desc .secondLvlCss a, .hp-section-4-perspective-slideout .mediaPopup__desc .secondLvlCss a { position: relative; z-index: 1; color: currentColor; } .mediaPopup .mediaPopup__desc .featuredParagraph:before, .hp-section-2-within-slideout .mediaPopup__desc .featuredParagraph:before, .hp-section-3-community-slideout .mediaPopup__desc .featuredParagraph:before, .hp-section-4-perspective-slideout .mediaPopup__desc .featuredParagraph:before, .mediaPopup .mediaPopup__desc .featuredParagraph:after, .hp-section-2-within-slideout .mediaPopup__desc .featuredParagraph:after, .hp-section-3-community-slideout .mediaPopup__desc .featuredParagraph:after, .hp-section-4-perspective-slideout .mediaPopup__desc .featuredParagraph:after { display: none !important; } .mediaPopup .mediaPopup__postTitle.forNews a, .hp-section-2-within-slideout .mediaPopup__postTitle.forNews a, .hp-section-3-community-slideout .mediaPopup__postTitle.forNews a, .hp-section-4-perspective-slideout .mediaPopup__postTitle.forNews a { text-decoration: none !important; border: none !important; } .mediaPopup p.mediaPopup__postTitle, .hp-section-2-within-slideout p.mediaPopup__postTitle, .hp-section-3-community-slideout p.mediaPopup__postTitle, .hp-section-4-perspective-slideout p.mediaPopup__postTitle { font-size: 18px; white-space: pre-wrap; } .mediaPopup p.mediaPopup__postTitle a, .hp-section-2-within-slideout p.mediaPopup__postTitle a, .hp-section-3-community-slideout p.mediaPopup__postTitle a, .hp-section-4-perspective-slideout p.mediaPopup__postTitle a { font-size: 18px; } .mediaPopup .mediaPopup__extraDescWrapper, .hp-section-2-within-slideout .mediaPopup__extraDescWrapper, .hp-section-3-community-slideout .mediaPopup__extraDescWrapper, .hp-section-4-perspective-slideout .mediaPopup__extraDescWrapper { position: relative; } .mediaPopup .mediaPopup__extraDescWrapper img, .hp-section-2-within-slideout .mediaPopup__extraDescWrapper img, .hp-section-3-community-slideout .mediaPopup__extraDescWrapper img, .hp-section-4-perspective-slideout .mediaPopup__extraDescWrapper img { max-width: 100%; } .mediaPopup .mediaPopup__related, .hp-section-2-within-slideout .mediaPopup__related, .hp-section-3-community-slideout .mediaPopup__related, .hp-section-4-perspective-slideout .mediaPopup__related { position: relative; padding: 26px 30px 30px 30px; overflow: hidden; background: #EDEAE7; } .mediaPopup .mediaPopup__related .mtGenericLoader, .hp-section-2-within-slideout .mediaPopup__related .mtGenericLoader, .hp-section-3-community-slideout .mediaPopup__related .mtGenericLoader, .hp-section-4-perspective-slideout .mediaPopup__related .mtGenericLoader { height: 50px; width: 50px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-color: #E94938; } .mediaPopup .mediaPopup__relatedHeaderWrapper:after, .hp-section-2-within-slideout .mediaPopup__relatedHeaderWrapper:after, .hp-section-3-community-slideout .mediaPopup__relatedHeaderWrapper:after, .hp-section-4-perspective-slideout .mediaPopup__relatedHeaderWrapper:after { display: table; content: ""; clear: both; } .mediaPopup .mediaPopup__relatedHeaderWrapper .secondLvlCss, .hp-section-2-within-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss, .hp-section-3-community-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss, .hp-section-4-perspective-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss { float: left; vertical-align: middle; margin-right: 30px; display: none; } .mediaPopup .mediaPopup__relatedHeaderWrapper .secondLvlCss h4, .hp-section-2-within-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4, .hp-section-3-community-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4, .hp-section-4-perspective-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4 { text-transform: uppercase; color: #535353; margin-left: 0.625rem; } .mediaPopup .mediaPopup__relatedContainer, .hp-section-2-within-slideout .mediaPopup__relatedContainer, .hp-section-3-community-slideout .mediaPopup__relatedContainer, .hp-section-4-perspective-slideout .mediaPopup__relatedContainer { margin-top: 23px; clear: both; } .mediaPopup .mediaPopup__col, .hp-section-2-within-slideout .mediaPopup__col, .hp-section-3-community-slideout .mediaPopup__col, .hp-section-4-perspective-slideout .mediaPopup__col { display: inline-block; width: 50%; vertical-align: top; padding-bottom: 10px; } .mediaPopup .mediaPopup__col:nth-of-type(odd), .hp-section-2-within-slideout .mediaPopup__col:nth-of-type(odd), .hp-section-3-community-slideout .mediaPopup__col:nth-of-type(odd), .hp-section-4-perspective-slideout .mediaPopup__col:nth-of-type(odd) { padding-right: 5px; } .mediaPopup .mediaPopup__col:nth-of-type(even), .hp-section-2-within-slideout .mediaPopup__col:nth-of-type(even), .hp-section-3-community-slideout .mediaPopup__col:nth-of-type(even), .hp-section-4-perspective-slideout .mediaPopup__col:nth-of-type(even) { padding-left: 5px; } .mediaPopup .mediaPopup__col .mtStoryItem, .hp-section-2-within-slideout .mediaPopup__col .mtStoryItem, .hp-section-3-community-slideout .mediaPopup__col .mtStoryItem, .hp-section-4-perspective-slideout .mediaPopup__col .mtStoryItem, .mediaPopup .mediaPopup__col .js-staffPopup, .hp-section-2-within-slideout .mediaPopup__col .js-staffPopup, .hp-section-3-community-slideout .mediaPopup__col .js-staffPopup, .hp-section-4-perspective-slideout .mediaPopup__col .js-staffPopup { width: 100%; padding: 0 5px 20px 5px; } .mediaPopup.news .mediaPopup__desc .mediaPopup__postTitle a, .news.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .news.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .news.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.news .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .news.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .news.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .news.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.news .mediaPopup__feedName, .news.hp-section-2-within-slideout .mediaPopup__feedName, .news.hp-section-3-community-slideout .mediaPopup__feedName, .news.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.TiarcNews .mediaPopup__desc .mediaPopup__postTitle a, .TiarcNews.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .TiarcNews.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .TiarcNews.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.TiarcNews .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .TiarcNews.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .TiarcNews.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .TiarcNews.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.TiarcNews .mediaPopup__feedName, .TiarcNews.hp-section-2-within-slideout .mediaPopup__feedName, .TiarcNews.hp-section-3-community-slideout .mediaPopup__feedName, .TiarcNews.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.news .mediaPopup__more i, .news.hp-section-2-within-slideout .mediaPopup__more i, .news.hp-section-3-community-slideout .mediaPopup__more i, .news.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.TiarcNews .mediaPopup__more i, .TiarcNews.hp-section-2-within-slideout .mediaPopup__more i, .TiarcNews.hp-section-3-community-slideout .mediaPopup__more i, .TiarcNews.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%234B2563%27%20viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M76 512c41.352 0 75-34.648 75-76s-33.648-76-75-76-76 34.648-76 76 34.648 76 76 76zm0 0'/%3E%3Cpath d='M242 497c0 5.063-.43 10.02-.762 15h90c.239-5.008.762-9.938.762-15 0-173.688-143.312-317-317-317-5.062 0-9.992.523-15 .762v90c4.98-.332 9.938-.762 15-.762 124.07 0 227 102.93 227 227zm0 0'/%3E%3Cpath d='M15 0C9.934 0 5.027.61 0 .758v90.004C5.02 90.574 9.938 90 15 90c223.316 0 407 183.684 407 407 0 5.063-.574 9.98-.762 15h90.004c.149-5.027.758-9.934.758-15C512 223.617 288.379 0 15 0zm0 0'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.news .mediaPopup__feedIcon, .news.hp-section-2-within-slideout .mediaPopup__feedIcon, .news.hp-section-3-community-slideout .mediaPopup__feedIcon, .news.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.TiarcNews .mediaPopup__feedIcon, .TiarcNews.hp-section-2-within-slideout .mediaPopup__feedIcon, .TiarcNews.hp-section-3-community-slideout .mediaPopup__feedIcon, .TiarcNews.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%234B2563%27%20viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M76 512c41.352 0 75-34.648 75-76s-33.648-76-75-76-76 34.648-76 76 34.648 76 76 76zm0 0'/%3E%3Cpath d='M242 497c0 5.063-.43 10.02-.762 15h90c.239-5.008.762-9.938.762-15 0-173.688-143.312-317-317-317-5.062 0-9.992.523-15 .762v90c4.98-.332 9.938-.762 15-.762 124.07 0 227 102.93 227 227zm0 0'/%3E%3Cpath d='M15 0C9.934 0 5.027.61 0 .758v90.004C5.02 90.574 9.938 90 15 90c223.316 0 407 183.684 407 407 0 5.063-.574 9.98-.762 15h90.004c.149-5.027.758-9.934.758-15C512 223.617 288.379 0 15 0zm0 0'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.news .mediaPopup__featuredPost > .mediaPopup__url, .news.hp-section-2-within-slideout .mediaPopup__featuredPost > .mediaPopup__url, .news.hp-section-3-community-slideout .mediaPopup__featuredPost > .mediaPopup__url, .news.hp-section-4-perspective-slideout .mediaPopup__featuredPost > .mediaPopup__url, .mediaPopup.TiarcNews .mediaPopup__featuredPost > .mediaPopup__url, .TiarcNews.hp-section-2-within-slideout .mediaPopup__featuredPost > .mediaPopup__url, .TiarcNews.hp-section-3-community-slideout .mediaPopup__featuredPost > .mediaPopup__url, .TiarcNews.hp-section-4-perspective-slideout .mediaPopup__featuredPost > .mediaPopup__url { display: none; } .mediaPopup.facebook .mediaPopup__desc .mediaPopup__postTitle a, .facebook.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .facebook.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .facebook.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.facebook .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .facebook.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .facebook.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .facebook.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.facebook .mediaPopup__feedName, .facebook.hp-section-2-within-slideout .mediaPopup__feedName, .facebook.hp-section-3-community-slideout .mediaPopup__feedName, .facebook.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.facebook .mediaPopup__more i, .facebook.hp-section-2-within-slideout .mediaPopup__more i, .facebook.hp-section-3-community-slideout .mediaPopup__more i, .facebook.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%233b5998%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430.113 430.114' %3E%3Cpath d='M158.081 83.3v59.218h-43.385v72.412h43.385v215.183h89.122V214.936h59.805s5.601-34.721 8.316-72.685H247.54V92.74c0-7.4 9.717-17.354 19.321-17.354h48.557V.001h-66.021C155.878-.004 158.081 72.48 158.081 83.3z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.facebook .mediaPopup__feedIcon, .facebook.hp-section-2-within-slideout .mediaPopup__feedIcon, .facebook.hp-section-3-community-slideout .mediaPopup__feedIcon, .facebook.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%233b5998%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430.113 430.114' %3E%3Cpath d='M158.081 83.3v59.218h-43.385v72.412h43.385v215.183h89.122V214.936h59.805s5.601-34.721 8.316-72.685H247.54V92.74c0-7.4 9.717-17.354 19.321-17.354h48.557V.001h-66.021C155.878-.004 158.081 72.48 158.081 83.3z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.twitter .mediaPopup__desc .mediaPopup__postTitle a, .twitter.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .twitter.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .twitter.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.twitter .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .twitter.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .twitter.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .twitter.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.twitter .mediaPopup__feedName, .twitter.hp-section-2-within-slideout .mediaPopup__feedName, .twitter.hp-section-3-community-slideout .mediaPopup__feedName, .twitter.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.twitter .mediaPopup__more i, .twitter.hp-section-2-within-slideout .mediaPopup__more i, .twitter.hp-section-3-community-slideout .mediaPopup__more i, .twitter.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%231da1f2%27%20data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 487.43 456.19'%3E%3Cpath d='m1.19 0 188.18 251.67L0 456.2h42.62l165.8-179.1 134 179.11h145L288.64 190.43 464.91 0h-42.62L269.6 164.92 146.22 0Zm62.68 31.4h66.63l294.21 393.4H358.1Z' /%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.twitter .mediaPopup__feedIcon, .twitter.hp-section-2-within-slideout .mediaPopup__feedIcon, .twitter.hp-section-3-community-slideout .mediaPopup__feedIcon, .twitter.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%231da1f2%27%20data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 487.43 456.19'%3E%3Cpath d='m1.19 0 188.18 251.67L0 456.2h42.62l165.8-179.1 134 179.11h145L288.64 190.43 464.91 0h-42.62L269.6 164.92 146.22 0Zm62.68 31.4h66.63l294.21 393.4H358.1Z' /%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.blogs .mediaPopup__desc .mediaPopup__postTitle a, .blogs.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .blogs.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .blogs.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.blogs .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .blogs.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .blogs.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .blogs.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.blogs .mediaPopup__feedName, .blogs.hp-section-2-within-slideout .mediaPopup__feedName, .blogs.hp-section-3-community-slideout .mediaPopup__feedName, .blogs.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.blog .mediaPopup__desc .mediaPopup__postTitle a, .blog.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .blog.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .blog.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.blog .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .blog.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .blog.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .blog.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.blog .mediaPopup__feedName, .blog.hp-section-2-within-slideout .mediaPopup__feedName, .blog.hp-section-3-community-slideout .mediaPopup__feedName, .blog.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.blogs .mediaPopup__more i, .blogs.hp-section-2-within-slideout .mediaPopup__more i, .blogs.hp-section-3-community-slideout .mediaPopup__more i, .blogs.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.blog .mediaPopup__more i, .blog.hp-section-2-within-slideout .mediaPopup__more i, .blog.hp-section-3-community-slideout .mediaPopup__more i, .blog.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23d54e21%27%20xmlns='http://www.w3.org/2000/svg' height='56.693' width='56.693'%3E%3Cpath clip-rule='evenodd' d='M52.279 26.151l-.406-.84-.68-.531c-.887-.695-5.375.045-6.584-1.053-.857-.789-.99-2.211-1.25-4.131-.48-3.734-.787-3.926-1.369-5.186-2.113-4.488-7.848-7.863-11.787-8.332H19.531c-8.395 0-15.257 6.877-15.257 15.271v17.813c0 8.379 6.862 15.242 15.257 15.242h17.534c8.395 0 15.215-6.863 15.262-15.242l.094-12.338-.142-.673zm-32.553-7.592h8.461a2.922 2.922 0 0 1 2.922 2.91 2.934 2.934 0 0 1-2.922 2.922h-8.461a2.934 2.934 0 0 1-2.923-2.922 2.921 2.921 0 0 1 2.923-2.91zm17.192 23.286H19.726c-1.615 0-2.923-1.328-2.923-2.906a2.916 2.916 0 0 1 2.923-2.906h17.192a2.908 2.908 0 0 1 2.906 2.906c0 1.578-1.301 2.906-2.906 2.906z' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.blogs .mediaPopup__feedIcon, .blogs.hp-section-2-within-slideout .mediaPopup__feedIcon, .blogs.hp-section-3-community-slideout .mediaPopup__feedIcon, .blogs.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.blog .mediaPopup__feedIcon, .blog.hp-section-2-within-slideout .mediaPopup__feedIcon, .blog.hp-section-3-community-slideout .mediaPopup__feedIcon, .blog.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23d54e21%27%20xmlns='http://www.w3.org/2000/svg' height='56.693' width='56.693'%3E%3Cpath clip-rule='evenodd' d='M52.279 26.151l-.406-.84-.68-.531c-.887-.695-5.375.045-6.584-1.053-.857-.789-.99-2.211-1.25-4.131-.48-3.734-.787-3.926-1.369-5.186-2.113-4.488-7.848-7.863-11.787-8.332H19.531c-8.395 0-15.257 6.877-15.257 15.271v17.813c0 8.379 6.862 15.242 15.257 15.242h17.534c8.395 0 15.215-6.863 15.262-15.242l.094-12.338-.142-.673zm-32.553-7.592h8.461a2.922 2.922 0 0 1 2.922 2.91 2.934 2.934 0 0 1-2.922 2.922h-8.461a2.934 2.934 0 0 1-2.923-2.922 2.921 2.921 0 0 1 2.923-2.91zm17.192 23.286H19.726c-1.615 0-2.923-1.328-2.923-2.906a2.916 2.916 0 0 1 2.923-2.906h17.192a2.908 2.908 0 0 1 2.906 2.906c0 1.578-1.301 2.906-2.906 2.906z' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.wordpress .mediaPopup__desc .mediaPopup__postTitle a, .wordpress.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .wordpress.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .wordpress.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.wordpress .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .wordpress.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .wordpress.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .wordpress.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.wordpress .mediaPopup__feedName, .wordpress.hp-section-2-within-slideout .mediaPopup__feedName, .wordpress.hp-section-3-community-slideout .mediaPopup__feedName, .wordpress.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.wordpress .mediaPopup__more i, .wordpress.hp-section-2-within-slideout .mediaPopup__more i, .wordpress.hp-section-3-community-slideout .mediaPopup__more i, .wordpress.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23d54e21%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M1.984 14c0-1.734.375-3.391 1.047-4.891l5.734 15.703c-4.016-1.953-6.781-6.062-6.781-10.813zm20.125-.609c0 1.031-.422 2.219-.922 3.891l-1.188 4-4.344-12.906s.719-.047 1.375-.125c.641-.078.562-1.031-.078-.984-1.953.141-3.203.156-3.203.156s-1.172-.016-3.156-.156c-.656-.047-.734.938-.078.984.609.063 1.25.125 1.25.125l1.875 5.125-2.625 7.875-4.375-13s.719-.047 1.375-.125c.641-.078.562-1.031-.078-.984-1.937.141-3.203.156-3.203.156-.219 0-.484-.016-.766-.016 2.141-3.266 5.828-5.422 10.031-5.422 3.125 0 5.969 1.203 8.109 3.156h-.156c-1.172 0-2.016 1.016-2.016 2.125 0 .984.578 1.813 1.188 2.812.469.797.984 1.828.984 3.313zm-7.906 1.656l3.703 10.109c.016.063.047.125.078.172-1.25.438-2.578.688-3.984.688-1.172 0-2.312-.172-3.391-.5zm10.328-6.813c.938 1.719 1.484 3.672 1.484 5.766 0 4.438-2.406 8.297-5.984 10.375l3.672-10.594c.609-1.75.922-3.094.922-4.312 0-.438-.031-.844-.094-1.234zM14 0c7.719 0 14 6.281 14 14s-6.281 14-14 14S0 21.719 0 14 6.281 0 14 0zm0 27.359c7.359 0 13.359-6 13.359-13.359S21.359.641 14 .641.641 6.641.641 14s6 13.359 13.359 13.359z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.wordpress .mediaPopup__feedIcon, .wordpress.hp-section-2-within-slideout .mediaPopup__feedIcon, .wordpress.hp-section-3-community-slideout .mediaPopup__feedIcon, .wordpress.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23d54e21%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M1.984 14c0-1.734.375-3.391 1.047-4.891l5.734 15.703c-4.016-1.953-6.781-6.062-6.781-10.813zm20.125-.609c0 1.031-.422 2.219-.922 3.891l-1.188 4-4.344-12.906s.719-.047 1.375-.125c.641-.078.562-1.031-.078-.984-1.953.141-3.203.156-3.203.156s-1.172-.016-3.156-.156c-.656-.047-.734.938-.078.984.609.063 1.25.125 1.25.125l1.875 5.125-2.625 7.875-4.375-13s.719-.047 1.375-.125c.641-.078.562-1.031-.078-.984-1.937.141-3.203.156-3.203.156-.219 0-.484-.016-.766-.016 2.141-3.266 5.828-5.422 10.031-5.422 3.125 0 5.969 1.203 8.109 3.156h-.156c-1.172 0-2.016 1.016-2.016 2.125 0 .984.578 1.813 1.188 2.812.469.797.984 1.828.984 3.313zm-7.906 1.656l3.703 10.109c.016.063.047.125.078.172-1.25.438-2.578.688-3.984.688-1.172 0-2.312-.172-3.391-.5zm10.328-6.813c.938 1.719 1.484 3.672 1.484 5.766 0 4.438-2.406 8.297-5.984 10.375l3.672-10.594c.609-1.75.922-3.094.922-4.312 0-.438-.031-.844-.094-1.234zM14 0c7.719 0 14 6.281 14 14s-6.281 14-14 14S0 21.719 0 14 6.281 0 14 0zm0 27.359c7.359 0 13.359-6 13.359-13.359S21.359.641 14 .641.641 6.641.641 14s6 13.359 13.359 13.359z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.tumblr .mediaPopup__desc .mediaPopup__postTitle a, .tumblr.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .tumblr.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .tumblr.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.tumblr .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .tumblr.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .tumblr.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .tumblr.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.tumblr .mediaPopup__feedName, .tumblr.hp-section-2-within-slideout .mediaPopup__feedName, .tumblr.hp-section-3-community-slideout .mediaPopup__feedName, .tumblr.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.tumblr .mediaPopup__more i, .tumblr.hp-section-2-within-slideout .mediaPopup__more i, .tumblr.hp-section-3-community-slideout .mediaPopup__more i, .tumblr.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23d54e21%27%20xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M18.001 14v7.318c0 1.857-.024 2.927.173 3.453.195.524.685 1.067 1.218 1.381.709.425 1.517.637 2.428.637 1.62 0 2.577-.214 4.179-1.267v4.811c-1.366.642-2.558 1.019-3.666 1.279-1.109.258-2.308.388-3.596.388-1.463 0-2.327-.184-3.45-.552-1.124-.371-2.083-.9-2.876-1.579-.795-.685-1.344-1.413-1.652-2.182s-.46-1.888-.46-3.351V13.114H6.004V8.583C7.26 8.175 8.665 7.59 9.56 6.828c.899-.764 1.618-1.678 2.16-2.748.543-1.067.917-2.429 1.121-4.079H18v8h7.999v6H18z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.tumblr .mediaPopup__feedIcon, .tumblr.hp-section-2-within-slideout .mediaPopup__feedIcon, .tumblr.hp-section-3-community-slideout .mediaPopup__feedIcon, .tumblr.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23d54e21%27%20xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M18.001 14v7.318c0 1.857-.024 2.927.173 3.453.195.524.685 1.067 1.218 1.381.709.425 1.517.637 2.428.637 1.62 0 2.577-.214 4.179-1.267v4.811c-1.366.642-2.558 1.019-3.666 1.279-1.109.258-2.308.388-3.596.388-1.463 0-2.327-.184-3.45-.552-1.124-.371-2.083-.9-2.876-1.579-.795-.685-1.344-1.413-1.652-2.182s-.46-1.888-.46-3.351V13.114H6.004V8.583C7.26 8.175 8.665 7.59 9.56 6.828c.899-.764 1.618-1.678 2.16-2.748.543-1.067.917-2.429 1.121-4.079H18v8h7.999v6H18z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.events .mediaPopup__desc .mediaPopup__postTitle a, .events.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .events.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .events.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.events .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .events.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .events.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .events.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.events .mediaPopup__feedName, .events.hp-section-2-within-slideout .mediaPopup__feedName, .events.hp-section-3-community-slideout .mediaPopup__feedName, .events.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.calendar .mediaPopup__desc .mediaPopup__postTitle a, .calendar.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .calendar.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .calendar.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.calendar .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .calendar.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .calendar.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .calendar.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.calendar .mediaPopup__feedName, .calendar.hp-section-2-within-slideout .mediaPopup__feedName, .calendar.hp-section-3-community-slideout .mediaPopup__feedName, .calendar.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.events .mediaPopup__more i, .events.hp-section-2-within-slideout .mediaPopup__more i, .events.hp-section-3-community-slideout .mediaPopup__more i, .events.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.calendar .mediaPopup__more i, .calendar.hp-section-2-within-slideout .mediaPopup__more i, .calendar.hp-section-3-community-slideout .mediaPopup__more i, .calendar.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23d4003c%27%20viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192 1664h288v-288H192v288zm352 0h320v-288H544v288zm-352-352h288V992H192v320zm352 0h320V992H544v320zM192 928h288V640H192v288zm736 736h320v-288H928v288zM544 928h320V640H544v288zm768 736h288v-288h-288v288zm-384-352h320V992H928v320zM576 448V160q0-13-9.5-22.5T544 128h-64q-13 0-22.5 9.5T448 160v288q0 13 9.5 22.5T480 480h64q13 0 22.5-9.5T576 448zm736 864h288V992h-288v320zM928 928h320V640H928v288zm384 0h288V640h-288v288zm32-480V160q0-13-9.5-22.5T1312 128h-64q-13 0-22.5 9.5T1216 160v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38H192q-52 0-90-38t-38-90V384q0-52 38-90t90-38h128v-96q0-66 47-113T480 0h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.events .mediaPopup__feedIcon, .events.hp-section-2-within-slideout .mediaPopup__feedIcon, .events.hp-section-3-community-slideout .mediaPopup__feedIcon, .events.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.calendar .mediaPopup__feedIcon, .calendar.hp-section-2-within-slideout .mediaPopup__feedIcon, .calendar.hp-section-3-community-slideout .mediaPopup__feedIcon, .calendar.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23d4003c%27%20viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192 1664h288v-288H192v288zm352 0h320v-288H544v288zm-352-352h288V992H192v320zm352 0h320V992H544v320zM192 928h288V640H192v288zm736 736h320v-288H928v288zM544 928h320V640H544v288zm768 736h288v-288h-288v288zm-384-352h320V992H928v320zM576 448V160q0-13-9.5-22.5T544 128h-64q-13 0-22.5 9.5T448 160v288q0 13 9.5 22.5T480 480h64q13 0 22.5-9.5T576 448zm736 864h288V992h-288v320zM928 928h320V640H928v288zm384 0h288V640h-288v288zm32-480V160q0-13-9.5-22.5T1312 128h-64q-13 0-22.5 9.5T1216 160v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38H192q-52 0-90-38t-38-90V384q0-52 38-90t90-38h128v-96q0-66 47-113T480 0h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.publication .mediaPopup__desc .mediaPopup__postTitle a, .publication.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .publication.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .publication.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.publication .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .publication.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .publication.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .publication.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.publication .mediaPopup__feedName, .publication.hp-section-2-within-slideout .mediaPopup__feedName, .publication.hp-section-3-community-slideout .mediaPopup__feedName, .publication.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.issuu .mediaPopup__desc .mediaPopup__postTitle a, .issuu.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .issuu.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .issuu.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.issuu .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .issuu.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .issuu.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .issuu.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.issuu .mediaPopup__feedName, .issuu.hp-section-2-within-slideout .mediaPopup__feedName, .issuu.hp-section-3-community-slideout .mediaPopup__feedName, .issuu.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.magazines .mediaPopup__desc .mediaPopup__postTitle a, .magazines.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .magazines.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .magazines.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.magazines .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .magazines.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .magazines.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .magazines.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.magazines .mediaPopup__feedName, .magazines.hp-section-2-within-slideout .mediaPopup__feedName, .magazines.hp-section-3-community-slideout .mediaPopup__feedName, .magazines.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.publication .mediaPopup__more i, .publication.hp-section-2-within-slideout .mediaPopup__more i, .publication.hp-section-3-community-slideout .mediaPopup__more i, .publication.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.issuu .mediaPopup__more i, .issuu.hp-section-2-within-slideout .mediaPopup__more i, .issuu.hp-section-3-community-slideout .mediaPopup__more i, .issuu.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.magazines .mediaPopup__more i, .magazines.hp-section-2-within-slideout .mediaPopup__more i, .magazines.hp-section-3-community-slideout .mediaPopup__more i, .magazines.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23f36d5d%27%20xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15.985 8.421c-4.194 0-7.564 3.393-7.564 7.579s3.37 7.579 7.564 7.579 7.594-3.393 7.594-7.579-3.4-7.579-7.594-7.579zM16 20.21c-2.325 0-4.21-1.885-4.21-4.211s1.885-4.211 4.211-4.211c2.325 0 4.21 1.885 4.21 4.211S18.326 20.21 16 20.21z'/%3E%3Cpath d='M16 0H1.369C.614 0 .001.613.001 1.368v14.631c0 8.836 7.164 16 16 16s16-7.164 16-16-7.164-16-16-16zm0 26.947C9.954 26.947 5.053 22.046 5.053 16S9.954 5.053 16 5.053 26.947 9.954 26.947 16 22.046 26.947 16 26.947z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.publication .mediaPopup__feedIcon, .publication.hp-section-2-within-slideout .mediaPopup__feedIcon, .publication.hp-section-3-community-slideout .mediaPopup__feedIcon, .publication.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.issuu .mediaPopup__feedIcon, .issuu.hp-section-2-within-slideout .mediaPopup__feedIcon, .issuu.hp-section-3-community-slideout .mediaPopup__feedIcon, .issuu.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.magazines .mediaPopup__feedIcon, .magazines.hp-section-2-within-slideout .mediaPopup__feedIcon, .magazines.hp-section-3-community-slideout .mediaPopup__feedIcon, .magazines.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23f36d5d%27%20xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15.985 8.421c-4.194 0-7.564 3.393-7.564 7.579s3.37 7.579 7.564 7.579 7.594-3.393 7.594-7.579-3.4-7.579-7.594-7.579zM16 20.21c-2.325 0-4.21-1.885-4.21-4.211s1.885-4.211 4.211-4.211c2.325 0 4.21 1.885 4.21 4.211S18.326 20.21 16 20.21z'/%3E%3Cpath d='M16 0H1.369C.614 0 .001.613.001 1.368v14.631c0 8.836 7.164 16 16 16s16-7.164 16-16-7.164-16-16-16zm0 26.947C9.954 26.947 5.053 22.046 5.053 16S9.954 5.053 16 5.053 26.947 9.954 26.947 16 22.046 26.947 16 26.947z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.video .mediaPopup__desc .mediaPopup__postTitle a, .video.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .video.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .video.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.video .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .video.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .video.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .video.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.video .mediaPopup__feedName, .video.hp-section-2-within-slideout .mediaPopup__feedName, .video.hp-section-3-community-slideout .mediaPopup__feedName, .video.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.videos .mediaPopup__desc .mediaPopup__postTitle a, .videos.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .videos.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .videos.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.videos .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .videos.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .videos.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .videos.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.videos .mediaPopup__feedName, .videos.hp-section-2-within-slideout .mediaPopup__feedName, .videos.hp-section-3-community-slideout .mediaPopup__feedName, .videos.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.youtube .mediaPopup__desc .mediaPopup__postTitle a, .youtube.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .youtube.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .youtube.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.youtube .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .youtube.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .youtube.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .youtube.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.youtube .mediaPopup__feedName, .youtube.hp-section-2-within-slideout .mediaPopup__feedName, .youtube.hp-section-3-community-slideout .mediaPopup__feedName, .youtube.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.video .mediaPopup__more i, .video.hp-section-2-within-slideout .mediaPopup__more i, .video.hp-section-3-community-slideout .mediaPopup__more i, .video.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.videos .mediaPopup__more i, .videos.hp-section-2-within-slideout .mediaPopup__more i, .videos.hp-section-3-community-slideout .mediaPopup__more i, .videos.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.youtube .mediaPopup__more i, .youtube.hp-section-2-within-slideout .mediaPopup__more i, .youtube.hp-section-3-community-slideout .mediaPopup__more i, .youtube.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ff0000%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.17 11.81'%3E%3Cpath data-name='Path 200' d='M16.448 1.138c-.466-.829-.972-.981-2-1.039s-3.615-.1-5.855-.1-4.832.029-5.86.1-1.534.21-2 1.04S0 3.391 0 5.901v.006c0 2.5.247 3.936.727 4.755s.976.979 2 1.049 3.616.1 5.861.1 4.827-.035 5.857-.094 1.535-.22 2-1.049c.484-.819.729-2.256.729-4.755v-.006c.004-2.516-.241-3.942-.726-4.769ZM6.442 9.125V2.684l5.368 3.223Z' %3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.video .mediaPopup__feedIcon, .video.hp-section-2-within-slideout .mediaPopup__feedIcon, .video.hp-section-3-community-slideout .mediaPopup__feedIcon, .video.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.videos .mediaPopup__feedIcon, .videos.hp-section-2-within-slideout .mediaPopup__feedIcon, .videos.hp-section-3-community-slideout .mediaPopup__feedIcon, .videos.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.youtube .mediaPopup__feedIcon, .youtube.hp-section-2-within-slideout .mediaPopup__feedIcon, .youtube.hp-section-3-community-slideout .mediaPopup__feedIcon, .youtube.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ff0000%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.17 11.81'%3E%3Cpath data-name='Path 200' d='M16.448 1.138c-.466-.829-.972-.981-2-1.039s-3.615-.1-5.855-.1-4.832.029-5.86.1-1.534.21-2 1.04S0 3.391 0 5.901v.006c0 2.5.247 3.936.727 4.755s.976.979 2 1.049 3.616.1 5.861.1 4.827-.035 5.857-.094 1.535-.22 2-1.049c.484-.819.729-2.256.729-4.755v-.006c.004-2.516-.241-3.942-.726-4.769ZM6.442 9.125V2.684l5.368 3.223Z' %3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.vimeo .mediaPopup__desc .mediaPopup__postTitle a, .vimeo.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .vimeo.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .vimeo.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.vimeo .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .vimeo.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .vimeo.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .vimeo.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.vimeo .mediaPopup__feedName, .vimeo.hp-section-2-within-slideout .mediaPopup__feedName, .vimeo.hp-section-3-community-slideout .mediaPopup__feedName, .vimeo.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.vimeo .mediaPopup__more i, .vimeo.hp-section-2-within-slideout .mediaPopup__more i, .vimeo.hp-section-3-community-slideout .mediaPopup__more i, .vimeo.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%2328B5F5%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M31.988 8.563c-.144 3.113-2.319 7.381-6.525 12.794-4.35 5.65-8.031 8.481-11.044 8.481-1.863 0-3.444-1.719-4.731-5.163-.863-3.156-1.719-6.313-2.581-9.469-.956-3.444-1.981-5.162-3.081-5.162-.237 0-1.075.506-2.513 1.506L.007 9.612C1.588 8.225 3.145 6.837 4.676 5.45 6.782 3.631 8.364 2.675 9.42 2.575c2.487-.237 4.025 1.463 4.6 5.106.619 3.931 1.05 6.375 1.294 7.331.719 3.263 1.506 4.894 2.369 4.894.669 0 1.675-1.056 3.019-3.175 1.337-2.113 2.056-3.725 2.156-4.831.194-1.825-.525-2.744-2.156-2.744-.769 0-1.556.175-2.369.525 1.575-5.15 4.575-7.65 9.012-7.506 3.281.087 4.831 2.219 4.644 6.388z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.vimeo .mediaPopup__feedIcon, .vimeo.hp-section-2-within-slideout .mediaPopup__feedIcon, .vimeo.hp-section-3-community-slideout .mediaPopup__feedIcon, .vimeo.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%2328B5F5%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M31.988 8.563c-.144 3.113-2.319 7.381-6.525 12.794-4.35 5.65-8.031 8.481-11.044 8.481-1.863 0-3.444-1.719-4.731-5.163-.863-3.156-1.719-6.313-2.581-9.469-.956-3.444-1.981-5.162-3.081-5.162-.237 0-1.075.506-2.513 1.506L.007 9.612C1.588 8.225 3.145 6.837 4.676 5.45 6.782 3.631 8.364 2.675 9.42 2.575c2.487-.237 4.025 1.463 4.6 5.106.619 3.931 1.05 6.375 1.294 7.331.719 3.263 1.506 4.894 2.369 4.894.669 0 1.675-1.056 3.019-3.175 1.337-2.113 2.056-3.725 2.156-4.831.194-1.825-.525-2.744-2.156-2.744-.769 0-1.556.175-2.369.525 1.575-5.15 4.575-7.65 9.012-7.506 3.281.087 4.831 2.219 4.644 6.388z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.photo .mediaPopup__desc .mediaPopup__postTitle a, .photo.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .photo.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .photo.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.photo .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .photo.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .photo.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .photo.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.photo .mediaPopup__feedName, .photo.hp-section-2-within-slideout .mediaPopup__feedName, .photo.hp-section-3-community-slideout .mediaPopup__feedName, .photo.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.photos .mediaPopup__desc .mediaPopup__postTitle a, .photos.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .photos.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .photos.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.photos .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .photos.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .photos.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .photos.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.photos .mediaPopup__feedName, .photos.hp-section-2-within-slideout .mediaPopup__feedName, .photos.hp-section-3-community-slideout .mediaPopup__feedName, .photos.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.flickr .mediaPopup__desc .mediaPopup__postTitle a, .flickr.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .flickr.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .flickr.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.flickr .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .flickr.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .flickr.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .flickr.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.flickr .mediaPopup__feedName, .flickr.hp-section-2-within-slideout .mediaPopup__feedName, .flickr.hp-section-3-community-slideout .mediaPopup__feedName, .flickr.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.photo .mediaPopup__more i, .photo.hp-section-2-within-slideout .mediaPopup__more i, .photo.hp-section-3-community-slideout .mediaPopup__more i, .photo.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.photos .mediaPopup__more i, .photos.hp-section-2-within-slideout .mediaPopup__more i, .photos.hp-section-3-community-slideout .mediaPopup__more i, .photos.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.flickr .mediaPopup__more i, .flickr.hp-section-2-within-slideout .mediaPopup__more i, .flickr.hp-section-3-community-slideout .mediaPopup__more i, .flickr.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ff0084%27%20version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eflickr%3C/title%3E%3Cpath d='M0 17c0-3.866 3.134-7 7-7s7 3.134 7 7c0 3.866-3.134 7-7 7s-7-3.134-7-7zM18 17c0-3.866 3.134-7 7-7s7 3.134 7 7c0 3.866-3.134 7-7 7s-7-3.134-7-7z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.photo .mediaPopup__feedIcon, .photo.hp-section-2-within-slideout .mediaPopup__feedIcon, .photo.hp-section-3-community-slideout .mediaPopup__feedIcon, .photo.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.photos .mediaPopup__feedIcon, .photos.hp-section-2-within-slideout .mediaPopup__feedIcon, .photos.hp-section-3-community-slideout .mediaPopup__feedIcon, .photos.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.flickr .mediaPopup__feedIcon, .flickr.hp-section-2-within-slideout .mediaPopup__feedIcon, .flickr.hp-section-3-community-slideout .mediaPopup__feedIcon, .flickr.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ff0084%27%20version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eflickr%3C/title%3E%3Cpath d='M0 17c0-3.866 3.134-7 7-7s7 3.134 7 7c0 3.866-3.134 7-7 7s-7-3.134-7-7zM18 17c0-3.866 3.134-7 7-7s7 3.134 7 7c0 3.866-3.134 7-7 7s-7-3.134-7-7z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.instagram .mediaPopup__desc .mediaPopup__postTitle a, .instagram.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .instagram.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .instagram.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.instagram .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .instagram.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .instagram.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .instagram.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.instagram .mediaPopup__feedName, .instagram.hp-section-2-within-slideout .mediaPopup__feedName, .instagram.hp-section-3-community-slideout .mediaPopup__feedName, .instagram.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.instagram .mediaPopup__more i, .instagram.hp-section-2-within-slideout .mediaPopup__more i, .instagram.hp-section-3-community-slideout .mediaPopup__more i, .instagram.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%237a41ae%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M16 14c0-2.203-1.797-4-4-4s-4 1.797-4 4 1.797 4 4 4 4-1.797 4-4zm2.156 0c0 3.406-2.75 6.156-6.156 6.156S5.844 17.406 5.844 14 8.594 7.844 12 7.844s6.156 2.75 6.156 6.156zm1.688-6.406c0 .797-.641 1.437-1.437 1.437S16.97 8.39 16.97 7.594s.641-1.437 1.437-1.437 1.437.641 1.437 1.437zM12 4.156c-1.75 0-5.5-.141-7.078.484-.547.219-.953.484-1.375.906s-.688.828-.906 1.375c-.625 1.578-.484 5.328-.484 7.078s-.141 5.5.484 7.078c.219.547.484.953.906 1.375s.828.688 1.375.906c1.578.625 5.328.484 7.078.484s5.5.141 7.078-.484c.547-.219.953-.484 1.375-.906s.688-.828.906-1.375c.625-1.578.484-5.328.484-7.078s.141-5.5-.484-7.078c-.219-.547-.484-.953-.906-1.375s-.828-.688-1.375-.906C17.5 4.015 13.75 4.156 12 4.156zM24 14c0 1.656.016 3.297-.078 4.953-.094 1.922-.531 3.625-1.937 5.031s-3.109 1.844-5.031 1.937c-1.656.094-3.297.078-4.953.078s-3.297.016-4.953-.078c-1.922-.094-3.625-.531-5.031-1.937S.173 20.875.08 18.953C-.014 17.297.002 15.656.002 14s-.016-3.297.078-4.953c.094-1.922.531-3.625 1.937-5.031s3.109-1.844 5.031-1.937c1.656-.094 3.297-.078 4.953-.078s3.297-.016 4.953.078c1.922.094 3.625.531 5.031 1.937s1.844 3.109 1.937 5.031C24.016 10.703 24 12.344 24 14z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.instagram .mediaPopup__feedIcon, .instagram.hp-section-2-within-slideout .mediaPopup__feedIcon, .instagram.hp-section-3-community-slideout .mediaPopup__feedIcon, .instagram.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%237a41ae%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M16 14c0-2.203-1.797-4-4-4s-4 1.797-4 4 1.797 4 4 4 4-1.797 4-4zm2.156 0c0 3.406-2.75 6.156-6.156 6.156S5.844 17.406 5.844 14 8.594 7.844 12 7.844s6.156 2.75 6.156 6.156zm1.688-6.406c0 .797-.641 1.437-1.437 1.437S16.97 8.39 16.97 7.594s.641-1.437 1.437-1.437 1.437.641 1.437 1.437zM12 4.156c-1.75 0-5.5-.141-7.078.484-.547.219-.953.484-1.375.906s-.688.828-.906 1.375c-.625 1.578-.484 5.328-.484 7.078s-.141 5.5.484 7.078c.219.547.484.953.906 1.375s.828.688 1.375.906c1.578.625 5.328.484 7.078.484s5.5.141 7.078-.484c.547-.219.953-.484 1.375-.906s.688-.828.906-1.375c.625-1.578.484-5.328.484-7.078s.141-5.5-.484-7.078c-.219-.547-.484-.953-.906-1.375s-.828-.688-1.375-.906C17.5 4.015 13.75 4.156 12 4.156zM24 14c0 1.656.016 3.297-.078 4.953-.094 1.922-.531 3.625-1.937 5.031s-3.109 1.844-5.031 1.937c-1.656.094-3.297.078-4.953.078s-3.297.016-4.953-.078c-1.922-.094-3.625-.531-5.031-1.937S.173 20.875.08 18.953C-.014 17.297.002 15.656.002 14s-.016-3.297.078-4.953c.094-1.922.531-3.625 1.937-5.031s3.109-1.844 5.031-1.937c1.656-.094 3.297-.078 4.953-.078s3.297-.016 4.953.078c1.922.094 3.625.531 5.031 1.937s1.844 3.109 1.937 5.031C24.016 10.703 24 12.344 24 14z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.audio .mediaPopup__desc .mediaPopup__postTitle a, .audio.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .audio.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .audio.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.audio .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .audio.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .audio.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .audio.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.audio .mediaPopup__feedName, .audio.hp-section-2-within-slideout .mediaPopup__feedName, .audio.hp-section-3-community-slideout .mediaPopup__feedName, .audio.hp-section-4-perspective-slideout .mediaPopup__feedName, .mediaPopup.soundcould .mediaPopup__desc .mediaPopup__postTitle a, .soundcould.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .soundcould.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .soundcould.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.soundcould .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .soundcould.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .soundcould.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .soundcould.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.soundcould .mediaPopup__feedName, .soundcould.hp-section-2-within-slideout .mediaPopup__feedName, .soundcould.hp-section-3-community-slideout .mediaPopup__feedName, .soundcould.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.audio .mediaPopup__more i, .audio.hp-section-2-within-slideout .mediaPopup__more i, .audio.hp-section-3-community-slideout .mediaPopup__more i, .audio.hp-section-4-perspective-slideout .mediaPopup__more i, .mediaPopup.soundcould .mediaPopup__more i, .soundcould.hp-section-2-within-slideout .mediaPopup__more i, .soundcould.hp-section-3-community-slideout .mediaPopup__more i, .soundcould.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ff8800%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 28'%3E%3Cpath d='M12.25 21.438l.25-3.766-.25-8.172c-.016-.203-.172-.375-.375-.375-.187 0-.359.172-.359.375l-.219 8.172.219 3.766c.016.203.172.359.359.359.203 0 .359-.156.375-.359zm4.625-.454l.172-3.297-.187-9.156c0-.156-.078-.297-.203-.375-.078-.047-.156-.078-.25-.078s-.172.031-.25.078c-.125.078-.203.219-.203.375l-.016.094-.156 9.047s0 .016.172 3.687v.016c0 .094.031.187.094.266.094.109.219.172.359.172.125 0 .234-.063.313-.141.094-.078.141-.187.141-.313zM.547 15.672l.313 2-.313 1.969c-.016.078-.063.141-.141.141s-.125-.063-.141-.141l-.266-1.969.266-2c.016-.078.063-.141.141-.141s.125.063.141.141zm1.344-1.234l.406 3.234-.406 3.172c-.016.078-.078.141-.156.141s-.141-.063-.141-.156l-.359-3.156.359-3.234c0-.078.063-.141.141-.141s.141.063.156.141zm4.375 7.078zm-2.938-7.672l.391 3.828-.391 3.703c0 .094-.078.172-.172.172s-.172-.078-.187-.172l-.328-3.703.328-3.828c.016-.109.094-.187.187-.187s.172.078.172.187zm1.469-.11l.359 3.938-.359 3.813c-.016.125-.109.203-.219.203s-.203-.078-.203-.203l-.328-3.813.328-3.938c0-.125.094-.203.203-.203s.203.078.219.203zm1.469.282l.328 3.656-.328 3.844c-.016.141-.125.25-.25.25s-.234-.109-.234-.25l-.313-3.844.313-3.656c0-.125.109-.234.234-.234s.234.109.25.234zm5.984 7.422zm-4.516-9.704l.328 5.938-.328 3.844c0 .156-.125.281-.266.281-.156 0-.266-.125-.281-.281l-.281-3.844.281-5.938c.016-.156.125-.281.281-.281.141 0 .266.125.266.281zm1.469-1.343l.297 7.313-.297 3.813c0 .172-.141.297-.297.297-.172 0-.297-.125-.313-.297l-.25-3.813.25-7.313c.016-.172.141-.297.313-.297.156 0 .297.125.297.297zm1.531-.625l.281 7.906-.281 3.781c-.016.187-.156.328-.344.328-.172 0-.313-.141-.328-.328l-.25-3.781.25-7.906c0-.187.156-.344.328-.344.187 0 .328.156.344.344zm6.125 11.593zM13.766 9.703L14 17.672l-.234 3.734c0 .219-.172.391-.391.391s-.375-.172-.391-.391l-.219-3.734.219-7.969c0-.219.172-.391.391-.391s.391.172.391.391zm1.547.297l.219 7.688-.219 3.687c0 .234-.187.422-.422.422s-.422-.187-.438-.422l-.187-3.687.187-7.688c.016-.25.203-.438.438-.438s.406.187.422.438zm3.312 7.687l-.219 3.609c0 .266-.219.484-.484.484s-.484-.219-.5-.484l-.094-1.781-.094-1.828.187-9.938v-.047c.016-.141.078-.281.187-.375a.499.499 0 0 1 .313-.109c.078 0 .172.031.234.078.141.078.234.234.25.406zM36 17.391c0 2.438-1.984 4.406-4.422 4.406H19.297c-.266-.031-.484-.234-.484-.516V7.234c0-.266.094-.391.438-.516.859-.344 1.828-.531 2.828-.531 4.078 0 7.422 3.125 7.781 7.109.531-.219 1.109-.344 1.719-.344 2.438 0 4.422 1.984 4.422 4.438z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.audio .mediaPopup__feedIcon, .audio.hp-section-2-within-slideout .mediaPopup__feedIcon, .audio.hp-section-3-community-slideout .mediaPopup__feedIcon, .audio.hp-section-4-perspective-slideout .mediaPopup__feedIcon, .mediaPopup.soundcould .mediaPopup__feedIcon, .soundcould.hp-section-2-within-slideout .mediaPopup__feedIcon, .soundcould.hp-section-3-community-slideout .mediaPopup__feedIcon, .soundcould.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23ff8800%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 28'%3E%3Cpath d='M12.25 21.438l.25-3.766-.25-8.172c-.016-.203-.172-.375-.375-.375-.187 0-.359.172-.359.375l-.219 8.172.219 3.766c.016.203.172.359.359.359.203 0 .359-.156.375-.359zm4.625-.454l.172-3.297-.187-9.156c0-.156-.078-.297-.203-.375-.078-.047-.156-.078-.25-.078s-.172.031-.25.078c-.125.078-.203.219-.203.375l-.016.094-.156 9.047s0 .016.172 3.687v.016c0 .094.031.187.094.266.094.109.219.172.359.172.125 0 .234-.063.313-.141.094-.078.141-.187.141-.313zM.547 15.672l.313 2-.313 1.969c-.016.078-.063.141-.141.141s-.125-.063-.141-.141l-.266-1.969.266-2c.016-.078.063-.141.141-.141s.125.063.141.141zm1.344-1.234l.406 3.234-.406 3.172c-.016.078-.078.141-.156.141s-.141-.063-.141-.156l-.359-3.156.359-3.234c0-.078.063-.141.141-.141s.141.063.156.141zm4.375 7.078zm-2.938-7.672l.391 3.828-.391 3.703c0 .094-.078.172-.172.172s-.172-.078-.187-.172l-.328-3.703.328-3.828c.016-.109.094-.187.187-.187s.172.078.172.187zm1.469-.11l.359 3.938-.359 3.813c-.016.125-.109.203-.219.203s-.203-.078-.203-.203l-.328-3.813.328-3.938c0-.125.094-.203.203-.203s.203.078.219.203zm1.469.282l.328 3.656-.328 3.844c-.016.141-.125.25-.25.25s-.234-.109-.234-.25l-.313-3.844.313-3.656c0-.125.109-.234.234-.234s.234.109.25.234zm5.984 7.422zm-4.516-9.704l.328 5.938-.328 3.844c0 .156-.125.281-.266.281-.156 0-.266-.125-.281-.281l-.281-3.844.281-5.938c.016-.156.125-.281.281-.281.141 0 .266.125.266.281zm1.469-1.343l.297 7.313-.297 3.813c0 .172-.141.297-.297.297-.172 0-.297-.125-.313-.297l-.25-3.813.25-7.313c.016-.172.141-.297.313-.297.156 0 .297.125.297.297zm1.531-.625l.281 7.906-.281 3.781c-.016.187-.156.328-.344.328-.172 0-.313-.141-.328-.328l-.25-3.781.25-7.906c0-.187.156-.344.328-.344.187 0 .328.156.344.344zm6.125 11.593zM13.766 9.703L14 17.672l-.234 3.734c0 .219-.172.391-.391.391s-.375-.172-.391-.391l-.219-3.734.219-7.969c0-.219.172-.391.391-.391s.391.172.391.391zm1.547.297l.219 7.688-.219 3.687c0 .234-.187.422-.422.422s-.422-.187-.438-.422l-.187-3.687.187-7.688c.016-.25.203-.438.438-.438s.406.187.422.438zm3.312 7.687l-.219 3.609c0 .266-.219.484-.484.484s-.484-.219-.5-.484l-.094-1.781-.094-1.828.187-9.938v-.047c.016-.141.078-.281.187-.375a.499.499 0 0 1 .313-.109c.078 0 .172.031.234.078.141.078.234.234.25.406zM36 17.391c0 2.438-1.984 4.406-4.422 4.406H19.297c-.266-.031-.484-.234-.484-.516V7.234c0-.266.094-.391.438-.516.859-.344 1.828-.531 2.828-.531 4.078 0 7.422 3.125 7.781 7.109.531-.219 1.109-.344 1.719-.344 2.438 0 4.422 1.984 4.422 4.438z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.audio .mediaPopup__iframeContainer, .audio.hp-section-2-within-slideout .mediaPopup__iframeContainer, .audio.hp-section-3-community-slideout .mediaPopup__iframeContainer, .audio.hp-section-4-perspective-slideout .mediaPopup__iframeContainer { z-index: initial; } .mediaPopup.pinterest .mediaPopup__desc .mediaPopup__postTitle a, .pinterest.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .pinterest.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .pinterest.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.pinterest .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .pinterest.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .pinterest.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .pinterest.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.pinterest .mediaPopup__feedName, .pinterest.hp-section-2-within-slideout .mediaPopup__feedName, .pinterest.hp-section-3-community-slideout .mediaPopup__feedName, .pinterest.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.pinterest .mediaPopup__more i, .pinterest.hp-section-2-within-slideout .mediaPopup__more i, .pinterest.hp-section-3-community-slideout .mediaPopup__more i, .pinterest.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23bd081c%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M24 14c0 6.625-5.375 12-12 12-1.188 0-2.312-.172-3.406-.5.453-.719.969-1.641 1.219-2.562 0 0 .141-.531.844-3.297.406.797 1.625 1.5 2.922 1.5 3.859 0 6.484-3.516 6.484-8.234 0-3.547-3.016-6.875-7.609-6.875-5.688 0-8.563 4.094-8.563 7.5 0 2.063.781 3.906 2.453 4.594.266.109.516 0 .594-.313.063-.203.187-.734.25-.953.078-.313.047-.406-.172-.672-.484-.578-.797-1.313-.797-2.359 0-3.031 2.266-5.75 5.906-5.75 3.219 0 5 1.969 5 4.609 0 3.453-1.531 6.375-3.813 6.375-1.25 0-2.188-1.031-1.891-2.312.359-1.516 1.062-3.156 1.062-4.25 0-.984-.531-1.813-1.625-1.813-1.281 0-2.312 1.328-2.312 3.109 0 0 0 1.141.391 1.906-1.313 5.563-1.547 6.531-1.547 6.531-.219.906-.234 1.922-.203 2.766C2.953 23.141 0 18.922 0 14 0 7.375 5.375 2 12 2s12 5.375 12 12z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.pinterest .mediaPopup__feedIcon, .pinterest.hp-section-2-within-slideout .mediaPopup__feedIcon, .pinterest.hp-section-3-community-slideout .mediaPopup__feedIcon, .pinterest.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23bd081c%27%20xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M24 14c0 6.625-5.375 12-12 12-1.188 0-2.312-.172-3.406-.5.453-.719.969-1.641 1.219-2.562 0 0 .141-.531.844-3.297.406.797 1.625 1.5 2.922 1.5 3.859 0 6.484-3.516 6.484-8.234 0-3.547-3.016-6.875-7.609-6.875-5.688 0-8.563 4.094-8.563 7.5 0 2.063.781 3.906 2.453 4.594.266.109.516 0 .594-.313.063-.203.187-.734.25-.953.078-.313.047-.406-.172-.672-.484-.578-.797-1.313-.797-2.359 0-3.031 2.266-5.75 5.906-5.75 3.219 0 5 1.969 5 4.609 0 3.453-1.531 6.375-3.813 6.375-1.25 0-2.188-1.031-1.891-2.312.359-1.516 1.062-3.156 1.062-4.25 0-.984-.531-1.813-1.625-1.813-1.281 0-2.312 1.328-2.312 3.109 0 0 0 1.141.391 1.906-1.313 5.563-1.547 6.531-1.547 6.531-.219.906-.234 1.922-.203 2.766C2.953 23.141 0 18.922 0 14 0 7.375 5.375 2 12 2s12 5.375 12 12z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.tiktok .mediaPopup__desc .mediaPopup__postTitle a, .tiktok.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .tiktok.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .tiktok.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a, .mediaPopup.tiktok .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .tiktok.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .tiktok.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .tiktok.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn), .mediaPopup.tiktok .mediaPopup__feedName, .tiktok.hp-section-2-within-slideout .mediaPopup__feedName, .tiktok.hp-section-3-community-slideout .mediaPopup__feedName, .tiktok.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; } .mediaPopup.tiktok .mediaPopup__more i, .tiktok.hp-section-2-within-slideout .mediaPopup__more i, .tiktok.hp-section-3-community-slideout .mediaPopup__more i, .tiktok.hp-section-4-perspective-slideout .mediaPopup__more i { background-image: url("data:image/svg+xml,%0A%3Csvg%20fill%3D%27%23000%27%20viewBox='0 0 512 512' id='icons' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.tiktok .mediaPopup__feedIcon, .tiktok.hp-section-2-within-slideout .mediaPopup__feedIcon, .tiktok.hp-section-3-community-slideout .mediaPopup__feedIcon, .tiktok.hp-section-4-perspective-slideout .mediaPopup__feedIcon { background-image: url("data:image/svg+xml,%0A%3Csvg%20fill%3D%27%23000%27%20viewBox='0 0 512 512' id='icons' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.tiktok .mediaPopup__iframeContainer, .tiktok.hp-section-2-within-slideout .mediaPopup__iframeContainer, .tiktok.hp-section-3-community-slideout .mediaPopup__iframeContainer, .tiktok.hp-section-4-perspective-slideout .mediaPopup__iframeContainer { padding-bottom: 0; } .mediaPopup.tiktok .mediaPopup__iframeContainer blockquote, .tiktok.hp-section-2-within-slideout .mediaPopup__iframeContainer blockquote, .tiktok.hp-section-3-community-slideout .mediaPopup__iframeContainer blockquote, .tiktok.hp-section-4-perspective-slideout .mediaPopup__iframeContainer blockquote { margin: 0; } .mediaPopup.tiktok .mediaPopup__iframeContainer iframe, .tiktok.hp-section-2-within-slideout .mediaPopup__iframeContainer iframe, .tiktok.hp-section-3-community-slideout .mediaPopup__iframeContainer iframe, .tiktok.hp-section-4-perspective-slideout .mediaPopup__iframeContainer iframe { position: relative; } .mediaPopup.tiktok .mediaPopup__desc, .tiktok.hp-section-2-within-slideout .mediaPopup__desc, .tiktok.hp-section-3-community-slideout .mediaPopup__desc, .tiktok.hp-section-4-perspective-slideout .mediaPopup__desc { display: none; } .mediaPopup.isMpStaff .mediaPopup__more, .isMpStaff.hp-section-2-within-slideout .mediaPopup__more, .isMpStaff.hp-section-3-community-slideout .mediaPopup__more, .isMpStaff.hp-section-4-perspective-slideout .mediaPopup__more { display: none; } .mediaPopup.isMpStaff .mediaPopup__feedInfo, .isMpStaff.hp-section-2-within-slideout .mediaPopup__feedInfo, .isMpStaff.hp-section-3-community-slideout .mediaPopup__feedInfo, .isMpStaff.hp-section-4-perspective-slideout .mediaPopup__feedInfo { display: none; } .mediaPopup.isMpStaff .mediaPopup__featuredPost > .mediaPopup__url, .isMpStaff.hp-section-2-within-slideout .mediaPopup__featuredPost > .mediaPopup__url, .isMpStaff.hp-section-3-community-slideout .mediaPopup__featuredPost > .mediaPopup__url, .isMpStaff.hp-section-4-perspective-slideout .mediaPopup__featuredPost > .mediaPopup__url { display: none; } .mediaPopup.isMpStaff .mediaPopup__postTitle, .isMpStaff.hp-section-2-within-slideout .mediaPopup__postTitle, .isMpStaff.hp-section-3-community-slideout .mediaPopup__postTitle, .isMpStaff.hp-section-4-perspective-slideout .mediaPopup__postTitle { margin-bottom: 0; } .mediaPopup.isMpStaff .isStaffRole, .isMpStaff.hp-section-2-within-slideout .isStaffRole, .isMpStaff.hp-section-3-community-slideout .isStaffRole, .isMpStaff.hp-section-4-perspective-slideout .isStaffRole { font-size: 16px; letter-spacing: 0.1em; color: #4B2563; margin-top: 0; text-transform: uppercase; } .mediaPopup.isMpStaff .isStaffRole:before, .isMpStaff.hp-section-2-within-slideout .isStaffRole:before, .isMpStaff.hp-section-3-community-slideout .isStaffRole:before, .isMpStaff.hp-section-4-perspective-slideout .isStaffRole:before { content: ''; width: 15px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23D7B14F%27%20xmlns='http://www.w3.org/2000/svg' width='15.721' height='17.43' viewBox='0 0 15.721 17.43'%3E%3Cpath id='Path_11941' data-name='Path 11941' d='M-1742.731-802.831a11.156,11.156,0,0,1-.857-.745,7.092,7.092,0,0,1-.857-.968,7.6,7.6,0,0,1-.5-.745.393.393,0,0,1-.018-.354,4.531,4.531,0,0,1,.428-.783,5.264,5.264,0,0,1,3.669-2.309.7.7,0,0,1,.54.13,4.49,4.49,0,0,0,2.682.876,4.493,4.493,0,0,0,2.683-.876.784.784,0,0,1,.54-.13,5.3,5.3,0,0,1,3.669,2.309,3.971,3.971,0,0,1,.428.783.317.317,0,0,1-.056.354,6.437,6.437,0,0,1-.5.745,8.557,8.557,0,0,1-.857.968,8.274,8.274,0,0,1-.857.745,8.439,8.439,0,0,1-5.066,1.677A8.439,8.439,0,0,1-1742.731-802.831Zm.82-10.487a4.277,4.277,0,0,1,4.265-4.266,4.277,4.277,0,0,1,4.266,4.266,4.277,4.277,0,0,1-4.266,4.265A4.277,4.277,0,0,1-1741.911-813.317Z' transform='translate(1745.505 818.083)' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; display: inline-block; vertical-align: middle; margin-right: 10px; } .mediaPopup.isMpStaff .isTitle, .isMpStaff.hp-section-2-within-slideout .isTitle, .isMpStaff.hp-section-3-community-slideout .isTitle, .isMpStaff.hp-section-4-perspective-slideout .isTitle { font-size: 38px; color: #4B2563; line-height: 1.12; margin-bottom: 7px; word-break: break-word; } .mediaPopup.isMpStaff .isPhone, .isMpStaff.hp-section-2-within-slideout .isPhone, .isMpStaff.hp-section-3-community-slideout .isPhone, .isMpStaff.hp-section-4-perspective-slideout .isPhone, .mediaPopup.isMpStaff .isEmail, .isMpStaff.hp-section-2-within-slideout .isEmail, .isMpStaff.hp-section-3-community-slideout .isEmail, .isMpStaff.hp-section-4-perspective-slideout .isEmail { margin-bottom: 5px; font-size: 15px; text-transform: uppercase; letter-spacing: 0.1em; } .mediaPopup.isMpStaff .isPhone a, .isMpStaff.hp-section-2-within-slideout .isPhone a, .isMpStaff.hp-section-3-community-slideout .isPhone a, .isMpStaff.hp-section-4-perspective-slideout .isPhone a, .mediaPopup.isMpStaff .isEmail a, .isMpStaff.hp-section-2-within-slideout .isEmail a, .isMpStaff.hp-section-3-community-slideout .isEmail a, .isMpStaff.hp-section-4-perspective-slideout .isEmail a { font-weight: 400; text-decoration: none; } .mediaPopup.isMpStaff .isPhone a:before, .isMpStaff.hp-section-2-within-slideout .isPhone a:before, .isMpStaff.hp-section-3-community-slideout .isPhone a:before, .isMpStaff.hp-section-4-perspective-slideout .isPhone a:before, .mediaPopup.isMpStaff .isEmail a:before, .isMpStaff.hp-section-2-within-slideout .isEmail a:before, .isMpStaff.hp-section-3-community-slideout .isEmail a:before, .isMpStaff.hp-section-4-perspective-slideout .isEmail a:before { display: none !important; } .mediaPopup.isMpStaff .isPhone:before, .isMpStaff.hp-section-2-within-slideout .isPhone:before, .isMpStaff.hp-section-3-community-slideout .isPhone:before, .isMpStaff.hp-section-4-perspective-slideout .isPhone:before { content: 'Phone : '; } .mediaPopup.isMpStaff .isEmail:before, .isMpStaff.hp-section-2-within-slideout .isEmail:before, .isMpStaff.hp-section-3-community-slideout .isEmail:before, .isMpStaff.hp-section-4-perspective-slideout .isEmail:before { content: 'Email : '; } .mediaPopup.isMpStaff .mediaPopup__extraDescWrapper, .isMpStaff.hp-section-2-within-slideout .mediaPopup__extraDescWrapper, .isMpStaff.hp-section-3-community-slideout .mediaPopup__extraDescWrapper, .isMpStaff.hp-section-4-perspective-slideout .mediaPopup__extraDescWrapper { margin-top: 30px; } .mediaPopup p.isExtraField, .hp-section-2-within-slideout p.isExtraField, .hp-section-3-community-slideout p.isExtraField, .hp-section-4-perspective-slideout p.isExtraField { font-weight: 600; margin: 0 0 15px 0; } .mediaPopup.shareIsOpened a, .shareIsOpened.hp-section-2-within-slideout a, .shareIsOpened.hp-section-3-community-slideout a, .shareIsOpened.hp-section-4-perspective-slideout a { pointer-events: none; } .mediaPopup .mediaPopup__inner.isShowing, .hp-section-2-within-slideout .mediaPopup__inner.isShowing, .hp-section-3-community-slideout .mediaPopup__inner.isShowing, .hp-section-4-perspective-slideout .mediaPopup__inner.isShowing { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mediaPopup .mediaPopup__inner.isShowing.noAnimation, .hp-section-2-within-slideout .mediaPopup__inner.isShowing.noAnimation, .hp-section-3-community-slideout .mediaPopup__inner.isShowing.noAnimation, .hp-section-4-perspective-slideout .mediaPopup__inner.isShowing.noAnimation { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .mediaPopup.noRelatedStaff .mediaPopup__related, .noRelatedStaff.hp-section-2-within-slideout .mediaPopup__related, .noRelatedStaff.hp-section-3-community-slideout .mediaPopup__related, .noRelatedStaff.hp-section-4-perspective-slideout .mediaPopup__related, .mediaPopup.noRelatedAdded .mediaPopup__related, .noRelatedAdded.hp-section-2-within-slideout .mediaPopup__related, .noRelatedAdded.hp-section-3-community-slideout .mediaPopup__related, .noRelatedAdded.hp-section-4-perspective-slideout .mediaPopup__related { display: none; } .mediaPopup.noRelatedStaff .mediaPopup__content, .noRelatedStaff.hp-section-2-within-slideout .mediaPopup__content, .noRelatedStaff.hp-section-3-community-slideout .mediaPopup__content, .noRelatedStaff.hp-section-4-perspective-slideout .mediaPopup__content, .mediaPopup.noRelatedAdded .mediaPopup__content, .noRelatedAdded.hp-section-2-within-slideout .mediaPopup__content, .noRelatedAdded.hp-section-3-community-slideout .mediaPopup__content, .noRelatedAdded.hp-section-4-perspective-slideout .mediaPopup__content { background: #F3F4F1; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__type h4, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__type h4, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__type h4, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__type h4, .mediaPopup.teamProfile .mediaPopup__type h4, .teamProfile.hp-section-2-within-slideout .mediaPopup__type h4, .teamProfile.hp-section-3-community-slideout .mediaPopup__type h4, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__type h4, .mediaPopup.eventProfile .mediaPopup__type h4, .eventProfile.hp-section-2-within-slideout .mediaPopup__type h4, .eventProfile.hp-section-3-community-slideout .mediaPopup__type h4, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__type h4 { font-size: 25px; } } .mediaPopup.highlightsProfile .mediaPopup__content, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__content, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__content, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__content, .mediaPopup.teamProfile .mediaPopup__content, .teamProfile.hp-section-2-within-slideout .mediaPopup__content, .teamProfile.hp-section-3-community-slideout .mediaPopup__content, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__content, .mediaPopup.eventProfile .mediaPopup__content, .eventProfile.hp-section-2-within-slideout .mediaPopup__content, .eventProfile.hp-section-3-community-slideout .mediaPopup__content, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__content { background: #fff; } .mediaPopup.highlightsProfile .mediaPopup__featuredPost, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__featuredPost, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__featuredPost, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__featuredPost, .mediaPopup.teamProfile .mediaPopup__featuredPost, .teamProfile.hp-section-2-within-slideout .mediaPopup__featuredPost, .teamProfile.hp-section-3-community-slideout .mediaPopup__featuredPost, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__featuredPost, .mediaPopup.eventProfile .mediaPopup__featuredPost, .eventProfile.hp-section-2-within-slideout .mediaPopup__featuredPost, .eventProfile.hp-section-3-community-slideout .mediaPopup__featuredPost, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__featuredPost { padding: 30px 30px 0; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__featuredPost, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__featuredPost, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__featuredPost, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__featuredPost, .mediaPopup.teamProfile .mediaPopup__featuredPost, .teamProfile.hp-section-2-within-slideout .mediaPopup__featuredPost, .teamProfile.hp-section-3-community-slideout .mediaPopup__featuredPost, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__featuredPost, .mediaPopup.eventProfile .mediaPopup__featuredPost, .eventProfile.hp-section-2-within-slideout .mediaPopup__featuredPost, .eventProfile.hp-section-3-community-slideout .mediaPopup__featuredPost, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__featuredPost { padding: 30px 0 0; } } .mediaPopup.highlightsProfile .mediaPopup__teamInfo, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo, .mediaPopup.teamProfile .mediaPopup__teamInfo, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo, .mediaPopup.eventProfile .mediaPopup__teamInfo, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo { padding-top: 30px; margin: 5px 30px 30px; border-bottom: none; } .mediaPopup.highlightsProfile .mediaPopup__teamInfo h4, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo h4, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo h4, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo h4, .mediaPopup.teamProfile .mediaPopup__teamInfo h4, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo h4, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo h4, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo h4, .mediaPopup.eventProfile .mediaPopup__teamInfo h4, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo h4, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo h4, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo h4 { margin-top: 0; margin-bottom: 0; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__teamInfo, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo, .mediaPopup.teamProfile .mediaPopup__teamInfo, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo, .mediaPopup.eventProfile .mediaPopup__teamInfo, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo { margin: 20px; } } .mediaPopup.highlightsProfile .mediaPopup__button.mediaPopup__highlightsIcon, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon, .mediaPopup.highlightsProfile .mediaPopup__button.mediaPopup__teamsIcon, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__teamsIcon, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__teamsIcon, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__teamsIcon, .mediaPopup.teamProfile .mediaPopup__button.mediaPopup__highlightsIcon, .teamProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon, .teamProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon, .mediaPopup.teamProfile .mediaPopup__button.mediaPopup__teamsIcon, .teamProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__teamsIcon, .teamProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__teamsIcon, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__teamsIcon, .mediaPopup.eventProfile .mediaPopup__button.mediaPopup__highlightsIcon, .eventProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon, .eventProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon, .mediaPopup.eventProfile .mediaPopup__button.mediaPopup__teamsIcon, .eventProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__teamsIcon, .eventProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__teamsIcon, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__teamsIcon { position: absolute; right: 52px; top: 0; } .mediaPopup.highlightsProfile .mediaPopup__button.mediaPopup__highlightsIcon i, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .mediaPopup.highlightsProfile .mediaPopup__button.mediaPopup__teamsIcon i, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__teamsIcon i, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__teamsIcon i, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__teamsIcon i, .mediaPopup.teamProfile .mediaPopup__button.mediaPopup__highlightsIcon i, .teamProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .teamProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .mediaPopup.teamProfile .mediaPopup__button.mediaPopup__teamsIcon i, .teamProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__teamsIcon i, .teamProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__teamsIcon i, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__teamsIcon i, .mediaPopup.eventProfile .mediaPopup__button.mediaPopup__highlightsIcon i, .eventProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .eventProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .mediaPopup.eventProfile .mediaPopup__button.mediaPopup__teamsIcon i, .eventProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__teamsIcon i, .eventProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__teamsIcon i, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__teamsIcon i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.097' height='25.907'%3E%3Cpath data-name='Path 8116' d='M13.049 4.738a5.017 5.017 0 0 0 2.308-4.7 7.3 7.3 0 0 1-4.616 0 5.017 5.017 0 0 0 2.308 4.7Z' fill='%23fff'/%3E%3Cpath data-name='Path 8117' d='m5.356 22.043 15.385-2.192v-3.728L5.356 19.777Z' fill='%23fff'/%3E%3Cellipse data-name='Ellipse 20' cx='.769' cy='1.539' rx='.769' ry='1.539' transform='translate(15.356 8.983)' fill='%23fff'/%3E%3Cpath data-name='Path 8118' d='M5.356 25.906h15.385v-4.5L5.356 23.598Z' fill='%23fff'/%3E%3Cpath data-name='Path 8119' d='M16.057 3.763a5.868 5.868 0 0 1-3.009 2.695A6.455 6.455 0 0 1 9.202 0L5.356 1.154V18.19l15.385-3.654V.923L16.895 0a7.015 7.015 0 0 1-.838 3.763Zm2.376 6.758c0 1.725-1.014 3.077-2.308 3.077-3.056-.091-3.055-6.063 0-6.154 1.298.004 2.308 1.352 2.308 3.077Z' fill='%23fff'/%3E%3Cpath data-name='Path 8120' d='M.696 8.213h3.125v-6.6l-2.226.668Z' fill='%23fff'/%3E%3Cpath data-name='Path 8121' d='M0 12.829h3.817V9.752H.464Z' fill='%23fff'/%3E%3Cpath data-name='Path 8122' d='m24.505 2.283-2.226-.668v6.6H25.4Z' fill='%23fff'/%3E%3Cpath data-name='Path 8123' d='M25.632 9.752h-3.353v3.077h3.817Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; width: 22px; height: 22px; } html.no-touch .mediaPopup.highlightsProfile .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .highlightsProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .highlightsProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .mediaPopup.highlightsProfile .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .highlightsProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .highlightsProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .mediaPopup.teamProfile .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .teamProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .teamProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .teamProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .mediaPopup.teamProfile .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .teamProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .teamProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .teamProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .mediaPopup.eventProfile .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon:hover, html.no-touch .mediaPopup.eventProfile .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__teamsIcon:hover, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__teamsIcon:hover { background: transparent; } .mediaPopup.highlightsProfile .mediaPopup__button.mediaPopup__highlightsIcon i, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .mediaPopup.teamProfile .mediaPopup__button.mediaPopup__highlightsIcon i, .teamProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .teamProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .mediaPopup.eventProfile .mediaPopup__button.mediaPopup__highlightsIcon i, .eventProfile.hp-section-2-within-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .eventProfile.hp-section-3-community-slideout .mediaPopup__button.mediaPopup__highlightsIcon i, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__highlightsIcon i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Component 32 – 1' width='18.55' height='18.552'%3E%3Cpath data-name='Path 8126' d='M18.008 1.582a1.988 1.988 0 0 0-1.44-.622H14.84c.007-.311.012-.631.012-.96H3.709c0 .329 0 .649.012.96H1.982A1.984 1.984 0 0 0 .003 3.07c.311 5.181 2.985 8.431 7.224 8.915l-.821 2.857a1.767 1.767 0 0 0-1.767 1.767v1.943h9.285v-1.943a1.767 1.767 0 0 0-1.767-1.767l-.821-2.857c4.23-.487 6.9-3.736 7.21-8.914a2.005 2.005 0 0 0-.538-1.489ZM1.856 2.959a.137.137 0 0 1 .037-.1.117.117 0 0 1 .088-.037h1.828c.276 3.643 1.081 5.712 1.866 6.879-2.979-1.246-3.689-4.578-3.819-6.742ZM12.89 9.696c.781-1.171 1.584-3.237 1.86-6.88h1.825a.114.114 0 0 1 .088.037.137.137 0 0 1 .037.1c-.137 2.167-.844 5.491-3.81 6.743Z' fill='%23fff'/%3E%3C/svg%3E"); } .mediaPopup.highlightsProfile .mediaPopup__teamTags, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamTags, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamTags, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags, .mediaPopup.teamProfile .mediaPopup__teamTags, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamTags, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamTags, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags, .mediaPopup.eventProfile .mediaPopup__teamTags, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags { font-size: 0; border-top: 1px solid #e75214; margin: 0 30px 25px; } .mediaPopup.highlightsProfile .mediaPopup__teamTags h4, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamTags h4, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamTags h4, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags h4, .mediaPopup.teamProfile .mediaPopup__teamTags h4, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamTags h4, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamTags h4, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags h4, .mediaPopup.eventProfile .mediaPopup__teamTags h4, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags h4, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags h4, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags h4 { padding-top: 20px; margin-bottom: 0; font-family: "museo-slab", sans-serif; font-size: 18px; line-height: 1.2; font-weight: bold; color: #161615; margin-top: 0; text-transform: uppercase; } .mediaPopup.highlightsProfile .mediaPopup__teamTags li, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamTags li, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamTags li, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li, .mediaPopup.teamProfile .mediaPopup__teamTags li, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamTags li, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamTags li, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li, .mediaPopup.eventProfile .mediaPopup__teamTags li, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags li, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags li, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li { display: inline-block; margin-top: 13px; font-size: 16px; line-height: 30px; padding: 0 10px; vertical-align: middle; cursor: pointer; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; color: #fff; background: #e75214; text-transform: uppercase; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .mediaPopup.highlightsProfile .mediaPopup__teamTags li:not(:last-of-type), .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:not(:last-of-type), .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:not(:last-of-type), .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:not(:last-of-type), .mediaPopup.teamProfile .mediaPopup__teamTags li:not(:last-of-type), .teamProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:not(:last-of-type), .teamProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:not(:last-of-type), .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:not(:last-of-type), .mediaPopup.eventProfile .mediaPopup__teamTags li:not(:last-of-type), .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:not(:last-of-type), .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:not(:last-of-type), .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:not(:last-of-type) { margin-right: 30px; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__teamTags li:not(:last-of-type), .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:not(:last-of-type), .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:not(:last-of-type), .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:not(:last-of-type), .mediaPopup.teamProfile .mediaPopup__teamTags li:not(:last-of-type), .teamProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:not(:last-of-type), .teamProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:not(:last-of-type), .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:not(:last-of-type), .mediaPopup.eventProfile .mediaPopup__teamTags li:not(:last-of-type), .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:not(:last-of-type), .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:not(:last-of-type), .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:not(:last-of-type) { margin-right: 15px; } } .mediaPopup.highlightsProfile .mediaPopup__teamTags li a, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamTags li a, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamTags li a, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li a, .mediaPopup.teamProfile .mediaPopup__teamTags li a, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamTags li a, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamTags li a, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li a, .mediaPopup.eventProfile .mediaPopup__teamTags li a, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags li a, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags li a, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li a { color: inherit; text-decoration: none; } html.no-touch .mediaPopup.highlightsProfile .mediaPopup__teamTags li:hover, html.no-touch .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:hover, html.no-touch .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:hover, html.no-touch .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:hover, html.no-touch .mediaPopup.teamProfile .mediaPopup__teamTags li:hover, html.no-touch .teamProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:hover, html.no-touch .teamProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:hover, html.no-touch .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:hover, html.no-touch .mediaPopup.eventProfile .mediaPopup__teamTags li:hover, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:hover, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:hover, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:hover { background: #434748; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__teamTags, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamTags, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamTags, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags, .mediaPopup.teamProfile .mediaPopup__teamTags, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamTags, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamTags, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags, .mediaPopup.eventProfile .mediaPopup__teamTags, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 20px 25px; } } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__teamTags ul, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamTags ul, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamTags ul, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags ul, .mediaPopup.teamProfile .mediaPopup__teamTags ul, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamTags ul, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamTags ul, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags ul, .mediaPopup.eventProfile .mediaPopup__teamTags ul, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags ul, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags ul, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .mediaPopup.highlightsProfile .mediaPopup__teamInfo h4, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo h4, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo h4, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo h4, .mediaPopup.teamProfile .mediaPopup__teamInfo h4, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo h4, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo h4, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo h4, .mediaPopup.eventProfile .mediaPopup__teamInfo h4, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo h4, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo h4, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo h4 { font-weight: normal; font-size: 30px; line-height: 36px; text-align: left; color: #e75214; } .mediaPopup.highlightsProfile .mediaPopup__teamInfo ul, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul, .mediaPopup.teamProfile .mediaPopup__teamInfo ul, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul, .mediaPopup.eventProfile .mediaPopup__teamInfo ul, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__teamInfo ul, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul, .mediaPopup.teamProfile .mediaPopup__teamInfo ul, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul, .mediaPopup.eventProfile .mediaPopup__teamInfo ul, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .mediaPopup.highlightsProfile .mediaPopup__teamInfo ul li, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li, .mediaPopup.teamProfile .mediaPopup__teamInfo ul li, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li, .mediaPopup.eventProfile .mediaPopup__teamInfo ul li, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li { padding: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mediaPopup.highlightsProfile .mediaPopup__teamInfo ul li:not(:first-child), .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li:not(:first-child), .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li:not(:first-child), .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li:not(:first-child), .mediaPopup.teamProfile .mediaPopup__teamInfo ul li:not(:first-child), .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li:not(:first-child), .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li:not(:first-child), .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li:not(:first-child), .mediaPopup.eventProfile .mediaPopup__teamInfo ul li:not(:first-child), .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li:not(:first-child), .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li:not(:first-child), .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li:not(:first-child) { padding-left: 10px; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__teamInfo ul li:not(:first-child), .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li:not(:first-child), .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li:not(:first-child), .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li:not(:first-child), .mediaPopup.teamProfile .mediaPopup__teamInfo ul li:not(:first-child), .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li:not(:first-child), .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li:not(:first-child), .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li:not(:first-child), .mediaPopup.eventProfile .mediaPopup__teamInfo ul li:not(:first-child), .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li:not(:first-child), .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li:not(:first-child), .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li:not(:first-child) { padding-left: 0; } } .mediaPopup.highlightsProfile .mediaPopup__teamInfo ul li:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li:before, .mediaPopup.teamProfile .mediaPopup__teamInfo ul li:before, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li:before, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li:before, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li:before, .mediaPopup.eventProfile .mediaPopup__teamInfo ul li:before, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo ul li:before, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo ul li:before, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo ul li:before { content: none; } .mediaPopup.highlightsProfile .mediaPopup__teamInfo .clNavigation__item a, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item a, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item a, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item a, .mediaPopup.teamProfile .mediaPopup__teamInfo .clNavigation__item a, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item a, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item a, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item a, .mediaPopup.eventProfile .mediaPopup__teamInfo .clNavigation__item a, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item a, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item a, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item a { border: none; font-size: 20px; text-decoration: none; } .mediaPopup.highlightsProfile .mediaPopup__teamInfo .clNavigation__item a, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item a, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item a, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item a, .mediaPopup.highlightsProfile .mediaPopup__teamInfo .clNavigation__item button, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item button, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item button, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item button, .mediaPopup.teamProfile .mediaPopup__teamInfo .clNavigation__item a, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item a, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item a, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item a, .mediaPopup.teamProfile .mediaPopup__teamInfo .clNavigation__item button, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item button, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item button, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item button, .mediaPopup.eventProfile .mediaPopup__teamInfo .clNavigation__item a, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item a, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item a, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item a, .mediaPopup.eventProfile .mediaPopup__teamInfo .clNavigation__item button, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item button, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item button, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item button { font-family: "museo-slab", sans-serif; } html.no-touch .mediaPopup.highlightsProfile .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .mediaPopup.teamProfile .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .mediaPopup.eventProfile .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo .clNavigation__item:hover a, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo .clNavigation__item:hover a { color: #fff; } .mediaPopup.highlightsProfile .mediaPopup__name, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__name, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__name, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__name, .mediaPopup.teamProfile .mediaPopup__name, .teamProfile.hp-section-2-within-slideout .mediaPopup__name, .teamProfile.hp-section-3-community-slideout .mediaPopup__name, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__name, .mediaPopup.eventProfile .mediaPopup__name, .eventProfile.hp-section-2-within-slideout .mediaPopup__name, .eventProfile.hp-section-3-community-slideout .mediaPopup__name, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__name { margin-top: 10px; font-weight: bold; font-size: 30px; line-height: 32px; text-align: left; color: #E94938; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__name, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__name, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__name, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__name, .mediaPopup.teamProfile .mediaPopup__name, .teamProfile.hp-section-2-within-slideout .mediaPopup__name, .teamProfile.hp-section-3-community-slideout .mediaPopup__name, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__name, .mediaPopup.eventProfile .mediaPopup__name, .eventProfile.hp-section-2-within-slideout .mediaPopup__name, .eventProfile.hp-section-3-community-slideout .mediaPopup__name, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__name { font-size: 25px; line-height: 1.2; margin-bottom: 5px; } } .mediaPopup.highlightsProfile .mediaPopup__coach-wrapper, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach-wrapper, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach-wrapper, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach-wrapper, .mediaPopup.teamProfile .mediaPopup__coach-wrapper, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach-wrapper, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach-wrapper, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach-wrapper, .mediaPopup.eventProfile .mediaPopup__coach-wrapper, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach-wrapper, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach-wrapper, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach-wrapper { margin: 40px 0 30px; border-bottom: 1px solid #e75214; padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mediaPopup.highlightsProfile .mediaPopup__coach, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach, .mediaPopup.teamProfile .mediaPopup__coach, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach, .mediaPopup.eventProfile .mediaPopup__coach, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach { background: #F7F7F7; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-img, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-img, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-img, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img { width: 125px; height: 125px; -moz-background-size: cover; background-size: cover; } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken { background-image: none !important; } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img.ImageBroken .mediaPopup__coach-backupImg { display: block; } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img .mediaPopup__coach-backupImg { display: none; -moz-background-size: cover; background-size: cover; height: 100%; width: 100%; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-img, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-img, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-img, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-img, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-img, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-img { width: 100px; height: 100px; } } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-infoWrapper, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-infoWrapper, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-infoWrapper, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 30px; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-infoWrapper, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-infoWrapper, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-infoWrapper, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-infoWrapper { padding: 10px 20px; overflow: hidden; } } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-role, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-role, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-role, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-role, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-role, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-role, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-role, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-role, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-role, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-role, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-role, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-role { font-weight: normal; font-size: 27px; line-height: 42px; text-align: left; color: #e75214; display: inline-block; margin-right: 15px; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-role, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-role, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-role, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-role, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-role, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-role, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-role, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-role, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-role, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-role, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-role, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-role { font-size: 18px; line-height: 25px; margin-right: 5px; } } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-name, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-name, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-name, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-name, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-name, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-name, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-name, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-name, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-name, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-name, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-name, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-name { font-weight: normal; font-size: 27px; line-height: 42px; text-align: left; color: #000; } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-name, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-name, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-name, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-name, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-name, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-name, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-name, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-name, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-name, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-name, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-name, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-name { font-size: 18px; line-height: 25px; } } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-email, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-email, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-email, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email { font-weight: normal; font-size: 18px; text-align: left; color: #000; } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email.hasEmail, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email.hasEmail { padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-email, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-email, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-email, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email { font-size: 14px; } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-email a, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email a, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email a, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email a, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-email a, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email a, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email a, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email a, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-email a, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-email a, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-email a, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-email a { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; margin: 0; width: 100%; text-decoration: none; } } .mediaPopup.highlightsProfile .mediaPopup__coach .mediaPopup__coach-info, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-info, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-info, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-info, .mediaPopup.teamProfile .mediaPopup__coach .mediaPopup__coach-info, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-info, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-info, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-info, .mediaPopup.eventProfile .mediaPopup__coach .mediaPopup__coach-info, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach .mediaPopup__coach-info, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach .mediaPopup__coach-info, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach .mediaPopup__coach-info { padding-bottom: 10px; } .mediaPopup.highlightsProfile .mediaPopup__coach.headcoach, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach.headcoach, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach.headcoach, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach.headcoach, .mediaPopup.teamProfile .mediaPopup__coach.headcoach, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach.headcoach, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach.headcoach, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach.headcoach, .mediaPopup.eventProfile .mediaPopup__coach.headcoach, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach.headcoach, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach.headcoach, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach.headcoach { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .mediaPopup.highlightsProfile .mediaPopup__coach.coach, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach.coach, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach.coach, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach.coach, .mediaPopup.teamProfile .mediaPopup__coach.coach, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach.coach, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach.coach, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach.coach, .mediaPopup.eventProfile .mediaPopup__coach.coach, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach.coach, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach.coach, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach.coach { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .mediaPopup.highlightsProfile .mediaPopup__coach.assistantcoach, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach.assistantcoach, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach.assistantcoach, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach.assistantcoach, .mediaPopup.teamProfile .mediaPopup__coach.assistantcoach, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach.assistantcoach, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach.assistantcoach, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach.assistantcoach, .mediaPopup.eventProfile .mediaPopup__coach.assistantcoach, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach.assistantcoach, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach.assistantcoach, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach.assistantcoach { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .mediaPopup.highlightsProfile .mediaPopup__coach.assistant, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__coach.assistant, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__coach.assistant, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__coach.assistant, .mediaPopup.teamProfile .mediaPopup__coach.assistant, .teamProfile.hp-section-2-within-slideout .mediaPopup__coach.assistant, .teamProfile.hp-section-3-community-slideout .mediaPopup__coach.assistant, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__coach.assistant, .mediaPopup.eventProfile .mediaPopup__coach.assistant, .eventProfile.hp-section-2-within-slideout .mediaPopup__coach.assistant, .eventProfile.hp-section-3-community-slideout .mediaPopup__coach.assistant, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__coach.assistant { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .mediaPopup.highlightsProfile .mediaPopup__bio h4, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__bio h4, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__bio h4, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__bio h4, .mediaPopup.teamProfile .mediaPopup__bio h4, .teamProfile.hp-section-2-within-slideout .mediaPopup__bio h4, .teamProfile.hp-section-3-community-slideout .mediaPopup__bio h4, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__bio h4, .mediaPopup.eventProfile .mediaPopup__bio h4, .eventProfile.hp-section-2-within-slideout .mediaPopup__bio h4, .eventProfile.hp-section-3-community-slideout .mediaPopup__bio h4, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__bio h4 { font-weight: normal; font-size: 30px; line-height: 36px; text-align: left; color: #e75214; } .mediaPopup.highlightsProfile .mediaPopup__bio p, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__bio p, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__bio p, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__bio p, .mediaPopup.teamProfile .mediaPopup__bio p, .teamProfile.hp-section-2-within-slideout .mediaPopup__bio p, .teamProfile.hp-section-3-community-slideout .mediaPopup__bio p, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__bio p, .mediaPopup.eventProfile .mediaPopup__bio p, .eventProfile.hp-section-2-within-slideout .mediaPopup__bio p, .eventProfile.hp-section-3-community-slideout .mediaPopup__bio p, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__bio p { font-weight: normal; font-size: 18px; line-height: 20px; text-align: left; color: #161615; } .mediaPopup.highlightsProfile .mediaPopup__season, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__season, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__season, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__season, .mediaPopup.teamProfile .mediaPopup__season, .teamProfile.hp-section-2-within-slideout .mediaPopup__season, .teamProfile.hp-section-3-community-slideout .mediaPopup__season, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__season, .mediaPopup.eventProfile .mediaPopup__season, .eventProfile.hp-section-2-within-slideout .mediaPopup__season, .eventProfile.hp-section-3-community-slideout .mediaPopup__season, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__season { font-weight: normal; font-size: 18px; text-align: left; color: #000; } .mediaPopup.highlightsProfile .mediaPopup__related:after, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__related:after, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__related:after, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__related:after, .mediaPopup.teamProfile .mediaPopup__related:after, .teamProfile.hp-section-2-within-slideout .mediaPopup__related:after, .teamProfile.hp-section-3-community-slideout .mediaPopup__related:after, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__related:after, .mediaPopup.eventProfile .mediaPopup__related:after, .eventProfile.hp-section-2-within-slideout .mediaPopup__related:after, .eventProfile.hp-section-3-community-slideout .mediaPopup__related:after, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__related:after, .mediaPopup.playerProfile .mediaPopup__related:after, .playerProfile.hp-section-2-within-slideout .mediaPopup__related:after, .playerProfile.hp-section-3-community-slideout .mediaPopup__related:after, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__related:after { background-color: #757575; } .mediaPopup.teamProfile.noCoaches:not(.noRoster) .mediaPopup__roster-wrapper, .teamProfile.noCoaches.hp-section-2-within-slideout:not(.noRoster) .mediaPopup__roster-wrapper, .teamProfile.noCoaches.hp-section-3-community-slideout:not(.noRoster) .mediaPopup__roster-wrapper, .teamProfile.noCoaches.hp-section-4-perspective-slideout:not(.noRoster) .mediaPopup__roster-wrapper { margin-top: 20px; } .mediaPopup.teamProfile.noCoaches .mediaPopup__coach-wrapper, .teamProfile.noCoaches.hp-section-2-within-slideout .mediaPopup__coach-wrapper, .teamProfile.noCoaches.hp-section-3-community-slideout .mediaPopup__coach-wrapper, .teamProfile.noCoaches.hp-section-4-perspective-slideout .mediaPopup__coach-wrapper { display: none; } .mediaPopup.teamProfile.noRoster .mediaPopup__coach-wrapper, .teamProfile.noRoster.hp-section-2-within-slideout .mediaPopup__coach-wrapper, .teamProfile.noRoster.hp-section-3-community-slideout .mediaPopup__coach-wrapper, .teamProfile.noRoster.hp-section-4-perspective-slideout .mediaPopup__coach-wrapper { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .mediaPopup.teamProfile.noRoster .mediaPopup__roster-wrapper, .teamProfile.noRoster.hp-section-2-within-slideout .mediaPopup__roster-wrapper, .teamProfile.noRoster.hp-section-3-community-slideout .mediaPopup__roster-wrapper, .teamProfile.noRoster.hp-section-4-perspective-slideout .mediaPopup__roster-wrapper { display: none; } .mediaPopup.teamProfile.noRoster .mediaPopup__teamTags, .teamProfile.noRoster.hp-section-2-within-slideout .mediaPopup__teamTags, .teamProfile.noRoster.hp-section-3-community-slideout .mediaPopup__teamTags, .teamProfile.noRoster.hp-section-4-perspective-slideout .mediaPopup__teamTags { margin-top: 20px; } .mediaPopup.teamProfile .mediaPopup__name, .teamProfile.hp-section-2-within-slideout .mediaPopup__name, .teamProfile.hp-section-3-community-slideout .mediaPopup__name, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__name { color: #161615; margin-bottom: 10px; } .mediaPopup.teamProfile .mediaPopup__roster-wrapper, .teamProfile.hp-section-2-within-slideout .mediaPopup__roster-wrapper, .teamProfile.hp-section-3-community-slideout .mediaPopup__roster-wrapper, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__roster-wrapper { padding-bottom: 20px; } .mediaPopup.teamProfile .mediaPopup__roster-wrapper h4, .teamProfile.hp-section-2-within-slideout .mediaPopup__roster-wrapper h4, .teamProfile.hp-section-3-community-slideout .mediaPopup__roster-wrapper h4, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__roster-wrapper h4 { font-weight: normal; font-size: 30px; line-height: 36px; text-align: left; color: #e75214; margin-top: 0; margin-bottom: 30px; } .mediaPopup.teamProfile .mediaPopup__teamInfo, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo { border-top: 1px solid #e75214 !important; } .mediaPopup.teamProfile .mediaPopup__teamInfo h4, .teamProfile.hp-section-2-within-slideout .mediaPopup__teamInfo h4, .teamProfile.hp-section-3-community-slideout .mediaPopup__teamInfo h4, .teamProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo h4 { margin-bottom: 30px; } .mediaPopup.teamProfile .cPlayer, .teamProfile.hp-section-2-within-slideout .cPlayer, .teamProfile.hp-section-3-community-slideout .cPlayer, .teamProfile.hp-section-4-perspective-slideout .cPlayer { padding: 0 0 15px; } .mediaPopup.teamProfile .cPlayer-inner, .teamProfile.hp-section-2-within-slideout .cPlayer-inner, .teamProfile.hp-section-3-community-slideout .cPlayer-inner, .teamProfile.hp-section-4-perspective-slideout .cPlayer-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; background: #F7F7F7; } .mediaPopup.teamProfile .cPlayer__img, .teamProfile.hp-section-2-within-slideout .cPlayer__img, .teamProfile.hp-section-3-community-slideout .cPlayer__img, .teamProfile.hp-section-4-perspective-slideout .cPlayer__img { width: 125px; height: 125px; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .mediaPopup.teamProfile .cPlayer__img.ImageBroken, .teamProfile.hp-section-2-within-slideout .cPlayer__img.ImageBroken, .teamProfile.hp-section-3-community-slideout .cPlayer__img.ImageBroken, .teamProfile.hp-section-4-perspective-slideout .cPlayer__img.ImageBroken { background-image: none !important; } .mediaPopup.teamProfile .cPlayer__img.ImageBroken .cPlayer__img-backup, .teamProfile.hp-section-2-within-slideout .cPlayer__img.ImageBroken .cPlayer__img-backup, .teamProfile.hp-section-3-community-slideout .cPlayer__img.ImageBroken .cPlayer__img-backup, .teamProfile.hp-section-4-perspective-slideout .cPlayer__img.ImageBroken .cPlayer__img-backup { display: block; } .mediaPopup.teamProfile .cPlayer__img.showImage .cPlayer__img-backup, .teamProfile.hp-section-2-within-slideout .cPlayer__img.showImage .cPlayer__img-backup, .teamProfile.hp-section-3-community-slideout .cPlayer__img.showImage .cPlayer__img-backup, .teamProfile.hp-section-4-perspective-slideout .cPlayer__img.showImage .cPlayer__img-backup { display: none; } .mediaPopup.teamProfile .cPlayer__img .cPlayer__img-backup, .teamProfile.hp-section-2-within-slideout .cPlayer__img .cPlayer__img-backup, .teamProfile.hp-section-3-community-slideout .cPlayer__img .cPlayer__img-backup, .teamProfile.hp-section-4-perspective-slideout .cPlayer__img .cPlayer__img-backup { display: none; width: 100%; height: 100%; -moz-background-size: cover; background-size: cover; } @media (max-width: 767px) { .mediaPopup.teamProfile .cPlayer__img, .teamProfile.hp-section-2-within-slideout .cPlayer__img, .teamProfile.hp-section-3-community-slideout .cPlayer__img, .teamProfile.hp-section-4-perspective-slideout .cPlayer__img { display: none; } } .mediaPopup.teamProfile .cPlayer__jerseyNumber, .teamProfile.hp-section-2-within-slideout .cPlayer__jerseyNumber, .teamProfile.hp-section-3-community-slideout .cPlayer__jerseyNumber, .teamProfile.hp-section-4-perspective-slideout .cPlayer__jerseyNumber { width: 43px; height: 43px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #E94938; position: absolute; bottom: 5px; left: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); } .mediaPopup.teamProfile .cPlayer__jerseyNumber.noJerseyNumber, .teamProfile.hp-section-2-within-slideout .cPlayer__jerseyNumber.noJerseyNumber, .teamProfile.hp-section-3-community-slideout .cPlayer__jerseyNumber.noJerseyNumber, .teamProfile.hp-section-4-perspective-slideout .cPlayer__jerseyNumber.noJerseyNumber { display: none; } @media (max-width: 767px) { .mediaPopup.teamProfile .cPlayer__jerseyNumber, .teamProfile.hp-section-2-within-slideout .cPlayer__jerseyNumber, .teamProfile.hp-section-3-community-slideout .cPlayer__jerseyNumber, .teamProfile.hp-section-4-perspective-slideout .cPlayer__jerseyNumber { bottom: auto; right: 10px; top: 10px; left: auto; } } .mediaPopup.teamProfile .cPlayer__jerseyNumber span, .teamProfile.hp-section-2-within-slideout .cPlayer__jerseyNumber span, .teamProfile.hp-section-3-community-slideout .cPlayer__jerseyNumber span, .teamProfile.hp-section-4-perspective-slideout .cPlayer__jerseyNumber span { font-weight: normal; font-size: 23px; text-align: center; color: #fff; } .mediaPopup.teamProfile .cPlayer__details, .teamProfile.hp-section-2-within-slideout .cPlayer__details, .teamProfile.hp-section-3-community-slideout .cPlayer__details, .teamProfile.hp-section-4-perspective-slideout .cPlayer__details { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 5px 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media (max-width: 767px) { .mediaPopup.teamProfile .cPlayer__details, .teamProfile.hp-section-2-within-slideout .cPlayer__details, .teamProfile.hp-section-3-community-slideout .cPlayer__details, .teamProfile.hp-section-4-perspective-slideout .cPlayer__details { padding: 5px 50px 10px 30px; } } .mediaPopup.teamProfile .cPlayer__team, .teamProfile.hp-section-2-within-slideout .cPlayer__team, .teamProfile.hp-section-3-community-slideout .cPlayer__team, .teamProfile.hp-section-4-perspective-slideout .cPlayer__team { font-family: 'goudy-old-style', serif; font-weight: normal; font-size: 16px; text-align: left; color: #161615; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; padding-left: 15px; margin-bottom: 10px; } .mediaPopup.teamProfile .cPlayer__info, .teamProfile.hp-section-2-within-slideout .cPlayer__info, .teamProfile.hp-section-3-community-slideout .cPlayer__info, .teamProfile.hp-section-4-perspective-slideout .cPlayer__info { font-weight: 700; font-size: 27px; line-height: 42px; text-align: left; color: #000; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .mediaPopup.teamProfile .cPlayer__position, .teamProfile.hp-section-2-within-slideout .cPlayer__position, .teamProfile.hp-section-3-community-slideout .cPlayer__position, .teamProfile.hp-section-4-perspective-slideout .cPlayer__position { color: #E94938; margin-left: 5px; font-weight: 700; } .mediaPopup.teamProfile .cPlayer__more, .teamProfile.hp-section-2-within-slideout .cPlayer__more, .teamProfile.hp-section-3-community-slideout .cPlayer__more, .teamProfile.hp-section-4-perspective-slideout .cPlayer__more { display: none; } .mediaPopup.teamProfile .cPlayer__hoverContent, .teamProfile.hp-section-2-within-slideout .cPlayer__hoverContent, .teamProfile.hp-section-3-community-slideout .cPlayer__hoverContent, .teamProfile.hp-section-4-perspective-slideout .cPlayer__hoverContent { position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 0; visibility: hidden; } .mediaPopup.teamProfile .cPlayer__hoverContent li, .teamProfile.hp-section-2-within-slideout .cPlayer__hoverContent li, .teamProfile.hp-section-3-community-slideout .cPlayer__hoverContent li, .teamProfile.hp-section-4-perspective-slideout .cPlayer__hoverContent li { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background: #808080; color: #fff; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .mediaPopup.teamProfile .cPlayer__hoverContent li span, .teamProfile.hp-section-2-within-slideout .cPlayer__hoverContent li span, .teamProfile.hp-section-3-community-slideout .cPlayer__hoverContent li span, .teamProfile.hp-section-4-perspective-slideout .cPlayer__hoverContent li span { text-transform: capitalize; } .mediaPopup.teamProfile .cPlayer__hoverContent li:not(:first-child), .teamProfile.hp-section-2-within-slideout .cPlayer__hoverContent li:not(:first-child), .teamProfile.hp-section-3-community-slideout .cPlayer__hoverContent li:not(:first-child), .teamProfile.hp-section-4-perspective-slideout .cPlayer__hoverContent li:not(:first-child) { border-left: 1px solid #fff; } .mediaPopup.teamProfile .cPlayer__button, .teamProfile.hp-section-2-within-slideout .cPlayer__button, .teamProfile.hp-section-3-community-slideout .cPlayer__button, .teamProfile.hp-section-4-perspective-slideout .cPlayer__button { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background: #808080; display: block; height: 100%; width: 100%; padding: 0 10px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mediaPopup.teamProfile .cPlayer__button:before, .teamProfile.hp-section-2-within-slideout .cPlayer__button:before, .teamProfile.hp-section-3-community-slideout .cPlayer__button:before, .teamProfile.hp-section-4-perspective-slideout .cPlayer__button:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .mediaPopup.teamProfile .cPlayer__button > span, .teamProfile.hp-section-2-within-slideout .cPlayer__button > span, .teamProfile.hp-section-3-community-slideout .cPlayer__button > span, .teamProfile.hp-section-4-perspective-slideout .cPlayer__button > span { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 97%; height: 100%; text-align: center; padding-top: 2px; } .mediaPopup.teamProfile .cPlayer__button i, .teamProfile.hp-section-2-within-slideout .cPlayer__button i, .teamProfile.hp-section-3-community-slideout .cPlayer__button i, .teamProfile.hp-section-4-perspective-slideout .cPlayer__button i { display: inline-block; position: relative; width: 20px; height: 20px; } .mediaPopup.teamProfile .cPlayer__button i:before, .teamProfile.hp-section-2-within-slideout .cPlayer__button i:before, .teamProfile.hp-section-3-community-slideout .cPlayer__button i:before, .teamProfile.hp-section-4-perspective-slideout .cPlayer__button i:before, .mediaPopup.teamProfile .cPlayer__button i:after, .teamProfile.hp-section-2-within-slideout .cPlayer__button i:after, .teamProfile.hp-section-3-community-slideout .cPlayer__button i:after, .teamProfile.hp-section-4-perspective-slideout .cPlayer__button i:after { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mediaPopup.teamProfile .cPlayer__button i:before, .teamProfile.hp-section-2-within-slideout .cPlayer__button i:before, .teamProfile.hp-section-3-community-slideout .cPlayer__button i:before, .teamProfile.hp-section-4-perspective-slideout .cPlayer__button i:before { opacity: 0; } .mediaPopup.teamProfile .cPlayer__button i:after, .teamProfile.hp-section-2-within-slideout .cPlayer__button i:after, .teamProfile.hp-section-3-community-slideout .cPlayer__button i:after, .teamProfile.hp-section-4-perspective-slideout .cPlayer__button i:after { opacity: 1; } .mediaPopup.teamProfile .cPlayer__button span span, .teamProfile.hp-section-2-within-slideout .cPlayer__button span span, .teamProfile.hp-section-3-community-slideout .cPlayer__button span span, .teamProfile.hp-section-4-perspective-slideout .cPlayer__button span span { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; font-family: "Lato", arial, sans-serif; font-size: 12px; color: #fff; letter-spacing: 0.02em; text-transform: uppercase; font-weight: bold; line-height: 1.25; margin-left: 10px; } .mediaPopup.teamProfile .cPlayer-inner:hover .cPlayer__hoverContent, .teamProfile.hp-section-2-within-slideout .cPlayer-inner:hover .cPlayer__hoverContent, .teamProfile.hp-section-3-community-slideout .cPlayer-inner:hover .cPlayer__hoverContent, .teamProfile.hp-section-4-perspective-slideout .cPlayer-inner:hover .cPlayer__hoverContent { opacity: 1; visibility: visible; } .mediaPopup.teamProfile .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover, .teamProfile.hp-section-2-within-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover, .teamProfile.hp-section-3-community-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover, .teamProfile.hp-section-4-perspective-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover { background: #E94938 !important; } .mediaPopup.teamProfile .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover span, .teamProfile.hp-section-2-within-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover span, .teamProfile.hp-section-3-community-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover span, .teamProfile.hp-section-4-perspective-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover span { color: #fff; } .mediaPopup.teamProfile .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover i:before, .teamProfile.hp-section-2-within-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover i:before, .teamProfile.hp-section-3-community-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover i:before, .teamProfile.hp-section-4-perspective-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover i:before { opacity: 1; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mediaPopup.teamProfile .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover i:after, .teamProfile.hp-section-2-within-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover i:after, .teamProfile.hp-section-3-community-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover i:after, .teamProfile.hp-section-4-perspective-slideout .cPlayer-inner .cPlayer__hoverContent .cPlayer__button:hover i:after { opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mediaPopup.teamProfile .cPlayer__tags, .teamProfile.hp-section-2-within-slideout .cPlayer__tags, .teamProfile.hp-section-3-community-slideout .cPlayer__tags, .teamProfile.hp-section-4-perspective-slideout .cPlayer__tags { border-top: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 10px; } .mediaPopup.teamProfile .cPlayer__tags a, .teamProfile.hp-section-2-within-slideout .cPlayer__tags a, .teamProfile.hp-section-3-community-slideout .cPlayer__tags a, .teamProfile.hp-section-4-perspective-slideout .cPlayer__tags a { text-decoration: none; } .mediaPopup.teamProfile .cPlayer__sportTag, .teamProfile.hp-section-2-within-slideout .cPlayer__sportTag, .teamProfile.hp-section-3-community-slideout .cPlayer__sportTag, .teamProfile.hp-section-4-perspective-slideout .cPlayer__sportTag { border: 1px solid #E94938; padding: 0 5px; text-transform: uppercase; font-weight: normal; font-size: 14px; letter-spacing: 0.06em; line-height: 22px; text-align: left; color: #161615; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .mediaPopup.teamProfile .cPlayer__ageTag, .teamProfile.hp-section-2-within-slideout .cPlayer__ageTag, .teamProfile.hp-section-3-community-slideout .cPlayer__ageTag, .teamProfile.hp-section-4-perspective-slideout .cPlayer__ageTag { font-weight: normal; font-size: 14px; letter-spacing: 0.06em; line-height: 22px; text-align: left; color: #808080; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .mediaPopup.eventProfile .mediaPopup__teamInfo, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamInfo, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamInfo, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamInfo, .mediaPopup.eventProfile .clNavigation__list, .eventProfile.hp-section-2-within-slideout .clNavigation__list, .eventProfile.hp-section-3-community-slideout .clNavigation__list, .eventProfile.hp-section-4-perspective-slideout .clNavigation__list { margin-bottom: 0; margin-top: 30px; } .mediaPopup.eventProfile .mediaPopup__eventIcon, .eventProfile.hp-section-2-within-slideout .mediaPopup__eventIcon, .eventProfile.hp-section-3-community-slideout .mediaPopup__eventIcon, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__eventIcon { position: absolute; right: 52px; top: 0; } .mediaPopup.eventProfile .mediaPopup__eventIcon i, .eventProfile.hp-section-2-within-slideout .mediaPopup__eventIcon i, .eventProfile.hp-section-3-community-slideout .mediaPopup__eventIcon i, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__eventIcon i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='calendar (10)' width='17.622' height='15.489'%3E%3Cpath data-name='Path 8112' d='M.515 12.391h13.493a.517.517 0 0 0 .331-.12c.13-.109 3.086-2.652 3.266-8.141H3.114c-.18 4.983-2.9 7.325-2.93 7.349a.517.517 0 0 0 .332.912Z' fill='%23fff'/%3E%3Cpath data-name='Path 8113' d='M17.106 1.033h-2.582V.512a.516.516 0 0 0-1.033 0v.516h-2.615V.512a.516.516 0 0 0-1.033 0v.516H7.261V.512a.516.516 0 1 0-1.033 0v.516H3.647a.511.511 0 0 0-.516.516v1.549h14.491V1.549a.511.511 0 0 0-.516-.516Z' fill='%23fff'/%3E%3Cpath data-name='Path 8114' d='M15.002 13.063a1.554 1.554 0 0 1-.994.361H3.131v1.549a.516.516 0 0 0 .516.516h13.458a.516.516 0 0 0 .516-.516V9.185a10.233 10.233 0 0 1-2.619 3.878Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; width: 22px; height: 22px; } html.no-touch .mediaPopup.eventProfile .mediaPopup__eventIcon:hover, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__eventIcon:hover, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__eventIcon:hover, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__eventIcon:hover { background: transparent; } .mediaPopup.eventProfile .mediaPopup__dateWrapper, .eventProfile.hp-section-2-within-slideout .mediaPopup__dateWrapper, .eventProfile.hp-section-3-community-slideout .mediaPopup__dateWrapper, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__dateWrapper { margin-bottom: 20px; } .mediaPopup.eventProfile .mediaPopup__date, .eventProfile.hp-section-2-within-slideout .mediaPopup__date, .eventProfile.hp-section-3-community-slideout .mediaPopup__date, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__date { width: 60px; height: 60px; border: 1px solid #161615; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .mediaPopup.eventProfile .mediaPopup__date .day, .eventProfile.hp-section-2-within-slideout .mediaPopup__date .day, .eventProfile.hp-section-3-community-slideout .mediaPopup__date .day, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__date .day { font-family: "Lato", arial, sans-serif; font-weight: bold; font-size: 26px; line-height: 15px; text-align: center; color: #000; } .mediaPopup.eventProfile .mediaPopup__date .month, .eventProfile.hp-section-2-within-slideout .mediaPopup__date .month, .eventProfile.hp-section-3-community-slideout .mediaPopup__date .month, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__date .month { font-family: "Lato", arial, sans-serif; font-weight: bold; font-size: 15px; line-height: 15px; text-align: center; color: #E94938; margin-top: 5px; } .mediaPopup.eventProfile .mediaPopup__name, .eventProfile.hp-section-2-within-slideout .mediaPopup__name, .eventProfile.hp-section-3-community-slideout .mediaPopup__name, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__name { color: #E94938; margin-bottom: 30px; } .mediaPopup.eventProfile .mediaPopup__name.hasResult, .eventProfile.hp-section-2-within-slideout .mediaPopup__name.hasResult, .eventProfile.hp-section-3-community-slideout .mediaPopup__name.hasResult, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__name.hasResult { margin-bottom: 5px; } .mediaPopup.eventProfile .mediaPopup__teamName, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamName, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamName, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamName { color: #161615; } .mediaPopup.eventProfile .mediaPopup__location h3, .eventProfile.hp-section-2-within-slideout .mediaPopup__location h3, .eventProfile.hp-section-3-community-slideout .mediaPopup__location h3, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__location h3 { margin-top: 0; } .mediaPopup.eventProfile .mediaPopup__location.noLocation, .eventProfile.hp-section-2-within-slideout .mediaPopup__location.noLocation, .eventProfile.hp-section-3-community-slideout .mediaPopup__location.noLocation, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__location.noLocation { display: none; } .mediaPopup.eventProfile .mediaPopup__directions-text, .eventProfile.hp-section-2-within-slideout .mediaPopup__directions-text, .eventProfile.hp-section-3-community-slideout .mediaPopup__directions-text, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions-text { font-family: "goudy-old-style", serif; font-weight: normal; font-size: 16px; text-align: left; color: #161615; margin-bottom: 20px; } .mediaPopup.eventProfile .mediaPopup__directions h3, .eventProfile.hp-section-2-within-slideout .mediaPopup__directions h3, .eventProfile.hp-section-3-community-slideout .mediaPopup__directions h3, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions h3 { font-weight: 700; font-size: 18px; line-height: 19px; text-align: left; color: #161615; margin-bottom: 5px; } .mediaPopup.eventProfile .mediaPopup__directions .viewMap, .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap, .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap { display: inline-block; border: none; margin-bottom: 20px; margin-top: 0; } .mediaPopup.eventProfile .mediaPopup__directions .viewMap span, .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap span, .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap span, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap span { display: inline-block; vertical-align: middle; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; color: #161615; font-size: 17px; font-weight: 700; font-family: "Lato", arial, sans-serif; text-transform: none; } html.no-touch .mediaPopup.eventProfile .mediaPopup__directions .viewMap:hover span, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap:hover span, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap:hover span, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap:hover span { color: #E94938; } html.no-touch .mediaPopup.eventProfile .mediaPopup__directions .viewMap:hover i:before, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap:hover i:before, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap:hover i:before, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap:hover i:before { opacity: 1; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } html.no-touch .mediaPopup.eventProfile .mediaPopup__directions .viewMap:hover i:after, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap:hover i:after, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap:hover i:after, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap:hover i:after { opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mediaPopup.eventProfile .mediaPopup__directions .viewMap i, .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap i, .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap i, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap i { position: relative; display: inline-block !important; margin-right: 10px; vertical-align: middle; width: 17px; height: 17px; } .mediaPopup.eventProfile .mediaPopup__directions .viewMap i:before, .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap i:before, .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap i:before, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap i:before, .mediaPopup.eventProfile .mediaPopup__directions .viewMap i:after, .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap i:after, .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap i:after, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap i:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.eventProfile .mediaPopup__directions .viewMap i:before, .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap i:before, .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap i:before, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap i:before { opacity: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Component 38 – 1' width='13.791' height='20.687'%3E%3Cpath data-name='Path 8095' d='M6.896 0A6.9 6.9 0 0 0 .828 10.173l5.691 10.292a.431.431 0 0 0 .754 0l5.693-10.3A6.9 6.9 0 0 0 6.896 0Zm0 10.343A3.448 3.448 0 1 1 10.343 6.9a3.452 3.452 0 0 1-3.447 3.443Z' fill='%23e75214'/%3E%3C/svg%3E"); } .mediaPopup.eventProfile .mediaPopup__directions .viewMap i:after, .eventProfile.hp-section-2-within-slideout .mediaPopup__directions .viewMap i:after, .eventProfile.hp-section-3-community-slideout .mediaPopup__directions .viewMap i:after, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__directions .viewMap i:after { opacity: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Component 38 – 1' width='13.791' height='20.687'%3E%3Cpath data-name='Path 8095' d='M6.896 0A6.9 6.9 0 0 0 .828 10.173l5.691 10.292a.431.431 0 0 0 .754 0l5.693-10.3A6.9 6.9 0 0 0 6.896 0Zm0 10.343A3.448 3.448 0 1 1 10.343 6.9a3.452 3.452 0 0 1-3.447 3.443Z' fill='%23e75214'/%3E%3C/svg%3E"); } .mediaPopup.eventProfile .mediaPopup__related:after, .eventProfile.hp-section-2-within-slideout .mediaPopup__related:after, .eventProfile.hp-section-3-community-slideout .mediaPopup__related:after, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__related:after { z-index: 1; } .mediaPopup.eventProfile .mediaPopup__related .mediaPopup__relatedContainer, .eventProfile.hp-section-2-within-slideout .mediaPopup__related .mediaPopup__relatedContainer, .eventProfile.hp-section-3-community-slideout .mediaPopup__related .mediaPopup__relatedContainer, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__related .mediaPopup__relatedContainer, .mediaPopup.eventProfile .mediaPopup__related .mediaPopup__relatedHeaderWrapper, .eventProfile.hp-section-2-within-slideout .mediaPopup__related .mediaPopup__relatedHeaderWrapper, .eventProfile.hp-section-3-community-slideout .mediaPopup__related .mediaPopup__relatedHeaderWrapper, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__related .mediaPopup__relatedHeaderWrapper { z-index: 2; position: relative; } .mediaPopup.eventProfile .mediaPopup__related .mediaPopup__relatedContainer h4, .eventProfile.hp-section-2-within-slideout .mediaPopup__related .mediaPopup__relatedContainer h4, .eventProfile.hp-section-3-community-slideout .mediaPopup__related .mediaPopup__relatedContainer h4, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__related .mediaPopup__relatedContainer h4, .mediaPopup.eventProfile .mediaPopup__related .mediaPopup__relatedHeaderWrapper h4, .eventProfile.hp-section-2-within-slideout .mediaPopup__related .mediaPopup__relatedHeaderWrapper h4, .eventProfile.hp-section-3-community-slideout .mediaPopup__related .mediaPopup__relatedHeaderWrapper h4, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__related .mediaPopup__relatedHeaderWrapper h4 { font-weight: normal; font-size: 30px; line-height: 36px; text-align: left; color: #fff; margin: 0; } .mediaPopup.eventProfile .addToCalendar, .eventProfile.hp-section-2-within-slideout .addToCalendar, .eventProfile.hp-section-3-community-slideout .addToCalendar, .eventProfile.hp-section-4-perspective-slideout .addToCalendar { margin-top: 5px; display: inline-block; padding-left: 0; } .mediaPopup.eventProfile .addToCalendar span, .eventProfile.hp-section-2-within-slideout .addToCalendar span, .eventProfile.hp-section-3-community-slideout .addToCalendar span, .eventProfile.hp-section-4-perspective-slideout .addToCalendar span { text-decoration: underline; display: inline-block; vertical-align: middle; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; color: #161615; font-size: 17px; font-weight: 700; font-family: "Lato", arial, sans-serif; text-transform: none; } html.no-touch .mediaPopup.eventProfile .addToCalendar:hover span, html.no-touch .eventProfile.hp-section-2-within-slideout .addToCalendar:hover span, html.no-touch .eventProfile.hp-section-3-community-slideout .addToCalendar:hover span, html.no-touch .eventProfile.hp-section-4-perspective-slideout .addToCalendar:hover span { color: #E94938; } html.no-touch .mediaPopup.eventProfile .addToCalendar:hover i:before, html.no-touch .eventProfile.hp-section-2-within-slideout .addToCalendar:hover i:before, html.no-touch .eventProfile.hp-section-3-community-slideout .addToCalendar:hover i:before, html.no-touch .eventProfile.hp-section-4-perspective-slideout .addToCalendar:hover i:before { opacity: 1; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } html.no-touch .mediaPopup.eventProfile .addToCalendar:hover i:after, html.no-touch .eventProfile.hp-section-2-within-slideout .addToCalendar:hover i:after, html.no-touch .eventProfile.hp-section-3-community-slideout .addToCalendar:hover i:after, html.no-touch .eventProfile.hp-section-4-perspective-slideout .addToCalendar:hover i:after { opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .mediaPopup.eventProfile .addToCalendar i, .eventProfile.hp-section-2-within-slideout .addToCalendar i, .eventProfile.hp-section-3-community-slideout .addToCalendar i, .eventProfile.hp-section-4-perspective-slideout .addToCalendar i { position: relative; display: inline-block; margin-right: 10px; vertical-align: middle; width: 17px; height: 17px; } .mediaPopup.eventProfile .addToCalendar i:before, .eventProfile.hp-section-2-within-slideout .addToCalendar i:before, .eventProfile.hp-section-3-community-slideout .addToCalendar i:before, .eventProfile.hp-section-4-perspective-slideout .addToCalendar i:before, .mediaPopup.eventProfile .addToCalendar i:after, .eventProfile.hp-section-2-within-slideout .addToCalendar i:after, .eventProfile.hp-section-3-community-slideout .addToCalendar i:after, .eventProfile.hp-section-4-perspective-slideout .addToCalendar i:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; } .mediaPopup.eventProfile .addToCalendar i:before, .eventProfile.hp-section-2-within-slideout .addToCalendar i:before, .eventProfile.hp-section-3-community-slideout .addToCalendar i:before, .eventProfile.hp-section-4-perspective-slideout .addToCalendar i:before { opacity: 0; background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23E75214%27%20viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192 1664h288v-288H192v288zm352 0h320v-288H544v288zm-352-352h288V992H192v320zm352 0h320V992H544v320zM192 928h288V640H192v288zm736 736h320v-288H928v288zM544 928h320V640H544v288zm768 736h288v-288h-288v288zm-384-352h320V992H928v320zM576 448V160q0-13-9.5-22.5T544 128h-64q-13 0-22.5 9.5T448 160v288q0 13 9.5 22.5T480 480h64q13 0 22.5-9.5T576 448zm736 864h288V992h-288v320zM928 928h320V640H928v288zm384 0h288V640h-288v288zm32-480V160q0-13-9.5-22.5T1312 128h-64q-13 0-22.5 9.5T1216 160v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38H192q-52 0-90-38t-38-90V384q0-52 38-90t90-38h128v-96q0-66 47-113T480 0h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z'/%3E%3C/svg%3E"); } .mediaPopup.eventProfile .addToCalendar i:after, .eventProfile.hp-section-2-within-slideout .addToCalendar i:after, .eventProfile.hp-section-3-community-slideout .addToCalendar i:after, .eventProfile.hp-section-4-perspective-slideout .addToCalendar i:after { opacity: 1; background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23E75214%27%20viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192 1664h288v-288H192v288zm352 0h320v-288H544v288zm-352-352h288V992H192v320zm352 0h320V992H544v320zM192 928h288V640H192v288zm736 736h320v-288H928v288zM544 928h320V640H544v288zm768 736h288v-288h-288v288zm-384-352h320V992H928v320zM576 448V160q0-13-9.5-22.5T544 128h-64q-13 0-22.5 9.5T448 160v288q0 13 9.5 22.5T480 480h64q13 0 22.5-9.5T576 448zm736 864h288V992h-288v320zM928 928h320V640H928v288zm384 0h288V640h-288v288zm32-480V160q0-13-9.5-22.5T1312 128h-64q-13 0-22.5 9.5T1216 160v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38H192q-52 0-90-38t-38-90V384q0-52 38-90t90-38h128v-96q0-66 47-113T480 0h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z'/%3E%3C/svg%3E"); } .mediaPopup.eventProfile .mediaPopup__dateAndTime h3, .eventProfile.hp-section-2-within-slideout .mediaPopup__dateAndTime h3, .eventProfile.hp-section-3-community-slideout .mediaPopup__dateAndTime h3, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__dateAndTime h3 { font-weight: 700; font-size: 18px; line-height: 19px; text-align: left; color: #161615; margin-bottom: 5px; } .mediaPopup.eventProfile .mediaPopup__dateAndTime time, .eventProfile.hp-section-2-within-slideout .mediaPopup__dateAndTime time, .eventProfile.hp-section-3-community-slideout .mediaPopup__dateAndTime time, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__dateAndTime time { font-family: "Lato", arial, sans-serif; font-weight: normal; font-size: 16px; text-align: left; color: #161615; margin-bottom: 3px; } .mediaPopup.eventProfile .mediaPopup__dateAndTime .addToCalendar, .eventProfile.hp-section-2-within-slideout .mediaPopup__dateAndTime .addToCalendar, .eventProfile.hp-section-3-community-slideout .mediaPopup__dateAndTime .addToCalendar, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__dateAndTime .addToCalendar { margin-bottom: 30px; } .mediaPopup.eventProfile .mediaPopup__location h3, .eventProfile.hp-section-2-within-slideout .mediaPopup__location h3, .eventProfile.hp-section-3-community-slideout .mediaPopup__location h3, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__location h3 { font-weight: 700; font-size: 18px; line-height: 19px; text-align: left; color: #161615; margin-bottom: 5px; } .mediaPopup.eventProfile .mediaPopup__location address, .eventProfile.hp-section-2-within-slideout .mediaPopup__location address, .eventProfile.hp-section-3-community-slideout .mediaPopup__location address, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__location address { font-family: "Lato", arial, sans-serif; font-weight: normal; font-size: 16px; text-align: left; color: #161615; margin-bottom: 20px; } .mediaPopup.eventProfile .mediaPopup__description, .eventProfile.hp-section-2-within-slideout .mediaPopup__description, .eventProfile.hp-section-3-community-slideout .mediaPopup__description, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__description { padding-top: 30px; border-top: 1px solid #E75214; } .mediaPopup.eventProfile .mediaPopup__description .mediaPopup__info p, .eventProfile.hp-section-2-within-slideout .mediaPopup__description .mediaPopup__info p, .eventProfile.hp-section-3-community-slideout .mediaPopup__description .mediaPopup__info p, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__description .mediaPopup__info p { margin-bottom: 30px; margin-top: 0; position: relative; } .mediaPopup.eventProfile .mediaPopup__teamTags h4, .eventProfile.hp-section-2-within-slideout .mediaPopup__teamTags h4, .eventProfile.hp-section-3-community-slideout .mediaPopup__teamTags h4, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags h4 { font-family: "museo-slab", sans-serif; font-size: 18px; line-height: 1.2; font-weight: bold; color: #161615; padding-top: 20px; margin-bottom: 0; margin-top: 0; text-transform: uppercase; } .mediaPopup.eventProfile .mediaPopup__description h2, .eventProfile.hp-section-2-within-slideout .mediaPopup__description h2, .eventProfile.hp-section-3-community-slideout .mediaPopup__description h2, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__description h2 { font-family: "museo-slab", sans-serif; font-weight: 500; font-size: 30px; line-height: 36px; text-align: left; color: #e75214; text-transform: capitalize; margin: 10px 0 20px; } .mediaPopup.eventProfile .mediaPopup__fullSchedule, .eventProfile.hp-section-2-within-slideout .mediaPopup__fullSchedule, .eventProfile.hp-section-3-community-slideout .mediaPopup__fullSchedule, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__fullSchedule { position: relative; z-index: 2; margin-top: 20px; } .mediaPopup.eventProfile .mediaPopup__fullSchedule a, .eventProfile.hp-section-2-within-slideout .mediaPopup__fullSchedule a, .eventProfile.hp-section-3-community-slideout .mediaPopup__fullSchedule a, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__fullSchedule a { text-decoration: none; display: inline-block; font-family: "museo-slab",sans-serif; font-size: 18px; line-height: 1.22; font-weight: 700; color: #FFFFFF; position: relative; text-transform: capitalize; background: #E94938; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: 14px 45px 14px 25px; -webkit-transition: .3s ease; -o-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; } .mediaPopup.eventProfile .mediaPopup__fullSchedule a:before, .eventProfile.hp-section-2-within-slideout .mediaPopup__fullSchedule a:before, .eventProfile.hp-section-3-community-slideout .mediaPopup__fullSchedule a:before, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__fullSchedule a:before { content: ""; position: absolute; top: 50%; margin-top: -7px; right: 25px; opacity: 1; -webkit-transition: .3s ease; -o-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; border: 2px solid white; width: 10px; height: 10px; display: inline-block; border-left: none; border-bottom: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } html.no-touch .mediaPopup.eventProfile .mediaPopup__fullSchedule a:not(.outlined):hover, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__fullSchedule a:not(.outlined):hover, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__fullSchedule a:not(.outlined):hover, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__fullSchedule a:not(.outlined):hover { background: #434748; } .mediaPopup.eventProfile .mediaPopup__resultScore, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore { margin-bottom: 20px; } .mediaPopup.eventProfile .mediaPopup__resultScore.noResult, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore.noResult, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore.noResult, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.noResult { display: none; } .mediaPopup.eventProfile .mediaPopup__topNav, .eventProfile.hp-section-2-within-slideout .mediaPopup__topNav, .eventProfile.hp-section-3-community-slideout .mediaPopup__topNav, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__topNav { max-width: 100%; } .mediaPopup.eventProfile .customMediaPopup__inner, .eventProfile.hp-section-2-within-slideout .customMediaPopup__inner, .eventProfile.hp-section-3-community-slideout .customMediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .customMediaPopup__inner, .mediaPopup.eventProfile .mediaPopup__inner, .eventProfile.hp-section-2-within-slideout .mediaPopup__inner, .eventProfile.hp-section-3-community-slideout .mediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__inner { max-width: 100%; width: 870px; } @media screen and (min-width: 1400px) { .mediaPopup.eventProfile .customMediaPopup__inner, .eventProfile.hp-section-2-within-slideout .customMediaPopup__inner, .eventProfile.hp-section-3-community-slideout .customMediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .customMediaPopup__inner, .mediaPopup.eventProfile .mediaPopup__inner, .eventProfile.hp-section-2-within-slideout .mediaPopup__inner, .eventProfile.hp-section-3-community-slideout .mediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__inner { width: 1200px; } } @media screen and (min-width: 1400px) { .mediaPopup.eventProfile .customMediaPopup__inner, .eventProfile.hp-section-2-within-slideout .customMediaPopup__inner, .eventProfile.hp-section-3-community-slideout .customMediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .customMediaPopup__inner, .mediaPopup.eventProfile .mediaPopup__inner, .eventProfile.hp-section-2-within-slideout .mediaPopup__inner, .eventProfile.hp-section-3-community-slideout .mediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__inner { width: 1200px; } } @media screen and (max-width: 1023px) { .mediaPopup.eventProfile .customMediaPopup__inner, .eventProfile.hp-section-2-within-slideout .customMediaPopup__inner, .eventProfile.hp-section-3-community-slideout .customMediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .customMediaPopup__inner, .mediaPopup.eventProfile .mediaPopup__inner, .eventProfile.hp-section-2-within-slideout .mediaPopup__inner, .eventProfile.hp-section-3-community-slideout .mediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__inner { width: 630px; } } @media screen and (max-width: 767px) { .mediaPopup.eventProfile .customMediaPopup__inner, .eventProfile.hp-section-2-within-slideout .customMediaPopup__inner, .eventProfile.hp-section-3-community-slideout .customMediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .customMediaPopup__inner, .mediaPopup.eventProfile .mediaPopup__inner, .eventProfile.hp-section-2-within-slideout .mediaPopup__inner, .eventProfile.hp-section-3-community-slideout .mediaPopup__inner, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__inner { width: 100%; } } .mediaPopup.eventProfile .mediaPopup__dateBar, .eventProfile.hp-section-2-within-slideout .mediaPopup__dateBar, .eventProfile.hp-section-3-community-slideout .mediaPopup__dateBar, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__dateBar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #fff; height: 50px; margin: 10px 0; } .mediaPopup.eventProfile .mediaPopup__dateContainer, .eventProfile.hp-section-2-within-slideout .mediaPopup__dateContainer, .eventProfile.hp-section-3-community-slideout .mediaPopup__dateContainer, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__dateContainer { background: #E75214; width: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .mediaPopup.eventProfile .mediaPopup__month, .eventProfile.hp-section-2-within-slideout .mediaPopup__month, .eventProfile.hp-section-3-community-slideout .mediaPopup__month, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__month { background: rgba(0, 0, 0, 0.2); display: block; width: 100%; text-transform: uppercase; font-family: "Lato", arial, sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.02em; line-height: 19px; text-align: center; color: #fff; padding-top: 3px; } .mediaPopup.eventProfile .mediaPopup__day, .eventProfile.hp-section-2-within-slideout .mediaPopup__day, .eventProfile.hp-section-3-community-slideout .mediaPopup__day, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__day { font-family: "Lato", arial, sans-serif; font-weight: bold; font-size: 22px; color: #fff; } .mediaPopup.eventProfile .mediaPopup__dateInfo, .eventProfile.hp-section-2-within-slideout .mediaPopup__dateInfo, .eventProfile.hp-section-3-community-slideout .mediaPopup__dateInfo, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__dateInfo { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; font-weight: bold; font-size: 18px; line-height: 45px; text-align: left; color: #161615; } .mediaPopup.eventProfile .mediaPopup__relatedEvent, .eventProfile.hp-section-2-within-slideout .mediaPopup__relatedEvent, .eventProfile.hp-section-3-community-slideout .mediaPopup__relatedEvent, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__relatedEvent { background: #fff; padding: 20px; margin-bottom: 10px; } .mediaPopup.eventProfile .mediaPopup__relatedEvent-title, .eventProfile.hp-section-2-within-slideout .mediaPopup__relatedEvent-title, .eventProfile.hp-section-3-community-slideout .mediaPopup__relatedEvent-title, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__relatedEvent-title { font-weight: 700; font-size: 21px; line-height: 22px; text-align: left; color: #E94938; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #F0F0F0; } .mediaPopup.eventProfile .mediaPopup__relatedEvent-timeInfo, .eventProfile.hp-section-2-within-slideout .mediaPopup__relatedEvent-timeInfo, .eventProfile.hp-section-3-community-slideout .mediaPopup__relatedEvent-timeInfo, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__relatedEvent-timeInfo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .mediaPopup.eventProfile .mediaPopup__relatedEvent-time, .eventProfile.hp-section-2-within-slideout .mediaPopup__relatedEvent-time, .eventProfile.hp-section-3-community-slideout .mediaPopup__relatedEvent-time, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__relatedEvent-time { font-family: "Lato", arial, sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.06em; line-height: 22px; text-align: left; } .mediaPopup.eventProfile .mediaPopup__relatedEvent-time .isDuration, .eventProfile.hp-section-2-within-slideout .mediaPopup__relatedEvent-time .isDuration, .eventProfile.hp-section-3-community-slideout .mediaPopup__relatedEvent-time .isDuration, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__relatedEvent-time .isDuration { position: relative; margin: 0 10px 0 3px; padding-right: 10px; color: #808080; } .mediaPopup.eventProfile .mediaPopup__relatedEvent-time .isDuration:after, .eventProfile.hp-section-2-within-slideout .mediaPopup__relatedEvent-time .isDuration:after, .eventProfile.hp-section-3-community-slideout .mediaPopup__relatedEvent-time .isDuration:after, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__relatedEvent-time .isDuration:after { content: ''; height: 23px; width: 1px; background: #161615; opacity: 0.5; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -12px; } .mediaPopup.eventProfile .mediaPopup__relatedEvent-tags a, .eventProfile.hp-section-2-within-slideout .mediaPopup__relatedEvent-tags a, .eventProfile.hp-section-3-community-slideout .mediaPopup__relatedEvent-tags a, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__relatedEvent-tags a { z-index: 4; position: relative; text-decoration: none; padding: 0 10px; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; font-size: 14px; color: #161615; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; line-height: 20px; border: 1px solid #E94938; } html.no-touch .mediaPopup.eventProfile .mediaPopup__relatedEvent-tags a:hover, html.no-touch .eventProfile.hp-section-2-within-slideout .mediaPopup__relatedEvent-tags a:hover, html.no-touch .eventProfile.hp-section-3-community-slideout .mediaPopup__relatedEvent-tags a:hover, html.no-touch .eventProfile.hp-section-4-perspective-slideout .mediaPopup__relatedEvent-tags a:hover { color: #E94938; } .mediaPopup.eventProfile.isScoreboardProfile .epAthleticsAddToCalendar, .eventProfile.isScoreboardProfile.hp-section-2-within-slideout .epAthleticsAddToCalendar, .eventProfile.isScoreboardProfile.hp-section-3-community-slideout .epAthleticsAddToCalendar, .eventProfile.isScoreboardProfile.hp-section-4-perspective-slideout .epAthleticsAddToCalendar { display: none; } .mediaPopup.eventProfile.isScoreboardProfile .mediaPopup__dateAndTime, .eventProfile.isScoreboardProfile.hp-section-2-within-slideout .mediaPopup__dateAndTime, .eventProfile.isScoreboardProfile.hp-section-3-community-slideout .mediaPopup__dateAndTime, .eventProfile.isScoreboardProfile.hp-section-4-perspective-slideout .mediaPopup__dateAndTime { padding-bottom: 20px; } .mediaPopup .epAthleticsAddToCalendar, .hp-section-2-within-slideout .epAthleticsAddToCalendar, .hp-section-3-community-slideout .epAthleticsAddToCalendar, .hp-section-4-perspective-slideout .epAthleticsAddToCalendar { background: none; border: none; } .mediaPopup.eventProfile .mediaPopup__resultScore .slEventCard__result, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore .slEventCard__result, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore .slEventCard__result, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore .slEventCard__result, .mediaPopup.highlightsProfile .mediaPopup__resultScore .slEventCard__result, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore .slEventCard__result, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore .slEventCard__result, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore .slEventCard__result { display: inline-block; width: 34px; height: 34px; background: #535353; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -ms-transform: translateY(9px); -o-transform: translateY(9px); transform: translateY(9px); margin-left: 10px; } .mediaPopup.eventProfile .mediaPopup__resultScore .slEventCard__result i:before, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore .slEventCard__result i:before, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore .slEventCard__result i:before, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore .slEventCard__result i:before, .mediaPopup.highlightsProfile .mediaPopup__resultScore .slEventCard__result i:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore .slEventCard__result i:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore .slEventCard__result i:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore .slEventCard__result i:before { content: ''; color: #fff; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 500; } .mediaPopup.eventProfile .mediaPopup__resultScore.noResult .slEventCard__result, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore.noResult .slEventCard__result, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore.noResult .slEventCard__result, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.noResult .slEventCard__result, .mediaPopup.highlightsProfile .mediaPopup__resultScore.noResult .slEventCard__result, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.noResult .slEventCard__result, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.noResult .slEventCard__result, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.noResult .slEventCard__result { display: none; } .mediaPopup.eventProfile .mediaPopup__resultScore.hasWon .slEventCard__result, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasWon .slEventCard__result, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasWon .slEventCard__result, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasWon .slEventCard__result, .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasWon .slEventCard__result, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasWon .slEventCard__result, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasWon .slEventCard__result, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasWon .slEventCard__result { background: #41BF22; } .mediaPopup.eventProfile .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasWon .slEventCard__result i:before { content: 'W'; } .mediaPopup.eventProfile .mediaPopup__resultScore.hasLost .slEventCard__result, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasLost .slEventCard__result, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasLost .slEventCard__result, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasLost .slEventCard__result, .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasLost .slEventCard__result, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasLost .slEventCard__result, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasLost .slEventCard__result, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasLost .slEventCard__result { background: #DB1616; } .mediaPopup.eventProfile .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasLost .slEventCard__result i:before { content: 'L'; } .mediaPopup.eventProfile .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasTied .slEventCard__result i:before { content: 'T'; } .mediaPopup.eventProfile .mediaPopup__resultScore .slEventCard__score, .eventProfile.hp-section-2-within-slideout .mediaPopup__resultScore .slEventCard__score, .eventProfile.hp-section-3-community-slideout .mediaPopup__resultScore .slEventCard__score, .eventProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore .slEventCard__score, .mediaPopup.highlightsProfile .mediaPopup__resultScore .slEventCard__score, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore .slEventCard__score, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore .slEventCard__score, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore .slEventCard__score { font-weight: 500; font-size: 20px; margin-left: 10px; } .mediaPopup.highlightsProfile .mediaPopup__headline, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__headline, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__headline, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__headline { font-weight: normal; font-size: 20px; line-height: 28px; text-align: left; color: #e75214; } .mediaPopup.highlightsProfile .mediaPopup__resultScore .slEventCard__result, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore .slEventCard__result, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore .slEventCard__result, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore .slEventCard__result { display: inline-block; width: 34px; height: 34px; background: #535353; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -ms-transform: translateY(9px); -o-transform: translateY(9px); transform: translateY(9px); margin-left: 10px; } .mediaPopup.highlightsProfile .mediaPopup__resultScore .slEventCard__result i:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore .slEventCard__result i:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore .slEventCard__result i:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore .slEventCard__result i:before { content: ''; color: #fff; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 500; } .mediaPopup.highlightsProfile .mediaPopup__resultScore.noResult .slEventCard__result, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.noResult .slEventCard__result, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.noResult .slEventCard__result, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.noResult .slEventCard__result { display: none; } .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasWon .slEventCard__result, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasWon .slEventCard__result, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasWon .slEventCard__result, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasWon .slEventCard__result { background: #41BF22; } .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasWon .slEventCard__result i:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasWon .slEventCard__result i:before { content: 'W'; } .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasLost .slEventCard__result, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasLost .slEventCard__result, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasLost .slEventCard__result, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasLost .slEventCard__result { background: #DB1616; } .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasLost .slEventCard__result i:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasLost .slEventCard__result i:before { content: 'L'; } .mediaPopup.highlightsProfile .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore.hasTied .slEventCard__result i:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore.hasTied .slEventCard__result i:before { content: 'T'; } .mediaPopup.highlightsProfile .mediaPopup__resultScore .slEventCard__score, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__resultScore .slEventCard__score, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__resultScore .slEventCard__score, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__resultScore .slEventCard__score { font-weight: 500; font-size: 20px; margin-left: 10px; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo { margin: 0 0 20px 20px; float: right; width: 300px; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo.noImages, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo.noImages, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo.noImages, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo.noImages { display: none; } @media (max-width: 670px) { .mediaPopup.highlightsProfile .mediaPopup__teamsInfo, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo { float: none; width: 100%; margin: 0 0 20px; } } .mediaPopup.highlightsProfile .mediaPopup__teamName, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamName, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamName, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamName { color: #E94938; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-text, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-text, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-text, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-text { margin-bottom: 30px; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images { min-width: 300px; height: 300px; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images .slick-list, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images .slick-list, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images .slick-list, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images .slick-list, .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images .slick-track, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images .slick-track, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images .slick-track, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images .slick-track, .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images .slick-slide, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images .slick-slide, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images .slick-slide, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images .slick-slide, .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images .slick-slide > div, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images .slick-slide > div, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images .slick-slide > div, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images .slick-slide > div { height: 100%; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images.slick-initialized:before, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images.slick-initialized:before, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images.slick-initialized:before, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images.slick-initialized:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#000000)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%); opacity: 0.5; z-index: 1; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images .slick-arrow, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images .slick-arrow, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images .slick-arrow, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images .slick-arrow { background: #fff; position: absolute; bottom: 10px; top: auto; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images .slick-arrow.slick-next, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-next, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-next, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-next { right: 15px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 17.3px; border-color: transparent transparent transparent #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images .slick-arrow.slick-prev, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-prev, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-prev, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-prev { left: 15px; width: 0; height: 0; border-style: solid; border-width: 10px 17.3px 10px 0; border-color: transparent #ffffff transparent transparent; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } html.no-touch .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images .slick-arrow.slick-prev:hover, html.no-touch .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-prev:hover, html.no-touch .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-prev:hover, html.no-touch .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-prev:hover { background: transparent; border-color: transparent #E75214 transparent transparent; } html.no-touch .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images .slick-arrow.slick-next:hover, html.no-touch .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-next:hover, html.no-touch .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-next:hover, html.no-touch .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images .slick-arrow.slick-next:hover { background: transparent; border-color: transparent transparent transparent #E75214; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images ul.slick-dots, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images ul.slick-dots, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images ul.slick-dots, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images ul.slick-dots { position: absolute; bottom: 13px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images ul.slick-dots li, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images ul.slick-dots li, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images ul.slick-dots li, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images ul.slick-dots li { margin: 0; padding: 0; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images ul.slick-dots li button, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images ul.slick-dots li button, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images ul.slick-dots li button, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images ul.slick-dots li button { background: rgba(255, 255, 255, 0.5); border: none; width: 13px; height: 13px; } .mediaPopup.highlightsProfile .mediaPopup__teamsInfo-images ul.slick-dots li.slick-active button, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsInfo-images ul.slick-dots li.slick-active button, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsInfo-images ul.slick-dots li.slick-active button, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsInfo-images ul.slick-dots li.slick-active button { background: white; } .mediaPopup.highlightsProfile .mediaPopup__img, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__img, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__img, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__img { -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; } .mediaPopup.highlightsProfile .mediaPopup__teamsNames, .highlightsProfile.hp-section-2-within-slideout .mediaPopup__teamsNames, .highlightsProfile.hp-section-3-community-slideout .mediaPopup__teamsNames, .highlightsProfile.hp-section-4-perspective-slideout .mediaPopup__teamsNames { font-weight: bold; font-size: 30px; line-height: 29px; text-align: left; color: #161615; margin-bottom: 10px; } .mediaPopup.playerProfile .mediaPopup__inner, .playerProfile.hp-section-2-within-slideout .mediaPopup__inner, .playerProfile.hp-section-3-community-slideout .mediaPopup__inner, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__inner { background: #fff; } .mediaPopup.playerProfile .mediaPopup__playerProfileIcon, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerProfileIcon, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerProfileIcon, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerProfileIcon { position: absolute; right: 52px; top: 0; } .mediaPopup.playerProfile .mediaPopup__playerProfileIcon i, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerProfileIcon i, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerProfileIcon i, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerProfileIcon i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Component 32 – 1' width='23.028' height='25.726'%3E%3Cpath data-name='Path 8124' d='M11.515 13.359A6.679 6.679 0 1 0 4.836 6.68a6.7 6.7 0 0 0 6.679 6.679Z' fill='%23fff'/%3E%3Cpath data-name='Path 8125' d='M22.978 18.696a6.226 6.226 0 0 0-.671-1.225 8.3 8.3 0 0 0-5.746-3.617 1.229 1.229 0 0 0-.846.2 7.12 7.12 0 0 1-8.4 0 1.094 1.094 0 0 0-.846-.2 8.242 8.242 0 0 0-5.746 3.617 7.179 7.179 0 0 0-.671 1.225.62.62 0 0 0 .029.554 11.635 11.635 0 0 0 .788 1.167 11.084 11.084 0 0 0 1.342 1.517 17.47 17.47 0 0 0 1.342 1.167 13.3 13.3 0 0 0 15.867 0 12.82 12.82 0 0 0 1.342-1.167 13.465 13.465 0 0 0 1.342-1.517 10.227 10.227 0 0 0 .788-1.167.5.5 0 0 0 .086-.554Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; background-position: center center; width: 22px; height: 22px; } html.no-touch .mediaPopup.playerProfile .mediaPopup__playerProfileIcon:hover, html.no-touch .playerProfile.hp-section-2-within-slideout .mediaPopup__playerProfileIcon:hover, html.no-touch .playerProfile.hp-section-3-community-slideout .mediaPopup__playerProfileIcon:hover, html.no-touch .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerProfileIcon:hover { background: transparent; } .mediaPopup.playerProfile .mediaPopup__team, .playerProfile.hp-section-2-within-slideout .mediaPopup__team, .playerProfile.hp-section-3-community-slideout .mediaPopup__team, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__team { font-weight: bold; font-size: 18px; line-height: 22px; text-align: left; color: #000; } @media (max-width: 767px) { .mediaPopup.playerProfile .mediaPopup__team, .playerProfile.hp-section-2-within-slideout .mediaPopup__team, .playerProfile.hp-section-3-community-slideout .mediaPopup__team, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__team { margin-top: 30px; } } .mediaPopup.playerProfile .mediaPopup__name, .playerProfile.hp-section-2-within-slideout .mediaPopup__name, .playerProfile.hp-section-3-community-slideout .mediaPopup__name, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__name { font-weight: normal; font-size: 27px; line-height: 48px; text-align: left; color: #000; margin-top: 10px; } @media (max-width: 767px) { .mediaPopup.playerProfile .mediaPopup__name, .playerProfile.hp-section-2-within-slideout .mediaPopup__name, .playerProfile.hp-section-3-community-slideout .mediaPopup__name, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__name { line-height: 1.2; margin-bottom: 5px; } } .mediaPopup.playerProfile .mediaPopup__infoImg, .playerProfile.hp-section-2-within-slideout .mediaPopup__infoImg, .playerProfile.hp-section-3-community-slideout .mediaPopup__infoImg, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__infoImg { float: right; position: relative; } .mediaPopup.playerProfile .mediaPopup__infoImg.noJerseyNumber .mediaPopup__infoJersey, .playerProfile.hp-section-2-within-slideout .mediaPopup__infoImg.noJerseyNumber .mediaPopup__infoJersey, .playerProfile.hp-section-3-community-slideout .mediaPopup__infoImg.noJerseyNumber .mediaPopup__infoJersey, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__infoImg.noJerseyNumber .mediaPopup__infoJersey { display: none; } .mediaPopup.playerProfile .mediaPopup__infoImg .cPlayer__img, .playerProfile.hp-section-2-within-slideout .mediaPopup__infoImg .cPlayer__img, .playerProfile.hp-section-3-community-slideout .mediaPopup__infoImg .cPlayer__img, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__infoImg .cPlayer__img { -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; width: 300px; height: 300px; } @media (max-width: 767px) { .mediaPopup.playerProfile .mediaPopup__infoImg .cPlayer__img, .playerProfile.hp-section-2-within-slideout .mediaPopup__infoImg .cPlayer__img, .playerProfile.hp-section-3-community-slideout .mediaPopup__infoImg .cPlayer__img, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__infoImg .cPlayer__img { width: 150px; height: 150px; } } .mediaPopup.playerProfile .mediaPopup__infoImg .cPlayer__img.ImageBroken, .playerProfile.hp-section-2-within-slideout .mediaPopup__infoImg .cPlayer__img.ImageBroken, .playerProfile.hp-section-3-community-slideout .mediaPopup__infoImg .cPlayer__img.ImageBroken, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__infoImg .cPlayer__img.ImageBroken { display: none; } .mediaPopup.playerProfile .mediaPopup__infoImg .cPlayer__img.showImage .cPlayer__img-backup, .playerProfile.hp-section-2-within-slideout .mediaPopup__infoImg .cPlayer__img.showImage .cPlayer__img-backup, .playerProfile.hp-section-3-community-slideout .mediaPopup__infoImg .cPlayer__img.showImage .cPlayer__img-backup, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__infoImg .cPlayer__img.showImage .cPlayer__img-backup { display: none; } .mediaPopup.playerProfile .mediaPopup__infoImg .cPlayer__img .cPlayer__img-backup, .playerProfile.hp-section-2-within-slideout .mediaPopup__infoImg .cPlayer__img .cPlayer__img-backup, .playerProfile.hp-section-3-community-slideout .mediaPopup__infoImg .cPlayer__img .cPlayer__img-backup, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__infoImg .cPlayer__img .cPlayer__img-backup { display: none; width: 100%; height: 100%; -moz-background-size: cover; background-size: cover; } .mediaPopup.playerProfile .mediaPopup__infoJersey, .playerProfile.hp-section-2-within-slideout .mediaPopup__infoJersey, .playerProfile.hp-section-3-community-slideout .mediaPopup__infoJersey, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__infoJersey { position: absolute; top: 10px; right: 10px; width: 43px; height: 43px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #E75214; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); } .mediaPopup.playerProfile .mediaPopup__infoJersey span, .playerProfile.hp-section-2-within-slideout .mediaPopup__infoJersey span, .playerProfile.hp-section-3-community-slideout .mediaPopup__infoJersey span, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__infoJersey span { font-weight: normal; font-size: 23px; text-align: center; color: #fff; } .mediaPopup.playerProfile .mediaPopup__information ul, .playerProfile.hp-section-2-within-slideout .mediaPopup__information ul, .playerProfile.hp-section-3-community-slideout .mediaPopup__information ul, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__information ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .mediaPopup.playerProfile .mediaPopup__information ul li:before, .playerProfile.hp-section-2-within-slideout .mediaPopup__information ul li:before, .playerProfile.hp-section-3-community-slideout .mediaPopup__information ul li:before, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__information ul li:before { content: none; } .mediaPopup.playerProfile .mediaPopup__information ul li, .playerProfile.hp-section-2-within-slideout .mediaPopup__information ul li, .playerProfile.hp-section-3-community-slideout .mediaPopup__information ul li, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__information ul li { text-transform: uppercase; font-weight: normal; font-size: 16px; letter-spacing: 0.06em; line-height: 22px; text-align: left; color: #808080; margin-right: 5px; padding-right: 5px; margin-bottom: 2px; padding-left: 10px; position: relative; } .mediaPopup.playerProfile .mediaPopup__information ul li:first-child, .playerProfile.hp-section-2-within-slideout .mediaPopup__information ul li:first-child, .playerProfile.hp-section-3-community-slideout .mediaPopup__information ul li:first-child, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__information ul li:first-child { padding-left: 0; } .mediaPopup.playerProfile .mediaPopup__information ul li:not(:first-child):before, .playerProfile.hp-section-2-within-slideout .mediaPopup__information ul li:not(:first-child):before, .playerProfile.hp-section-3-community-slideout .mediaPopup__information ul li:not(:first-child):before, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__information ul li:not(:first-child):before { content: ''; position: absolute; width: 1px; height: 15px; top: 4px; left: -1px; background: #808080; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mediaPopup.playerProfile .mediaPopup__position, .playerProfile.hp-section-2-within-slideout .mediaPopup__position, .playerProfile.hp-section-3-community-slideout .mediaPopup__position, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__position { font-weight: bold; font-size: 26px; text-align: left; color: #e75214; margin-bottom: 20px; } .mediaPopup.playerProfile .mediaPopup__teamTags, .playerProfile.hp-section-2-within-slideout .mediaPopup__teamTags, .playerProfile.hp-section-3-community-slideout .mediaPopup__teamTags, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags { border-top: 1px solid #e75214; margin: 0 30px 25px; padding-top: 30px; } .mediaPopup.playerProfile .mediaPopup__teamTags h4, .playerProfile.hp-section-2-within-slideout .mediaPopup__teamTags h4, .playerProfile.hp-section-3-community-slideout .mediaPopup__teamTags h4, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags h4 { margin-bottom: 0; font-size: 18px; line-height: 19px; text-transform: uppercase; } .mediaPopup.playerProfile .mediaPopup__teamTags li, .playerProfile.hp-section-2-within-slideout .mediaPopup__teamTags li, .playerProfile.hp-section-3-community-slideout .mediaPopup__teamTags li, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li { display: inline-block; margin-top: 13px; font-size: 16px; line-height: 30px; padding: 0 10px; vertical-align: middle; cursor: pointer; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; color: #fff; background: #e75214; text-transform: uppercase; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-right: 10px; } html.no-touch .mediaPopup.playerProfile .mediaPopup__teamTags li:hover, html.no-touch .playerProfile.hp-section-2-within-slideout .mediaPopup__teamTags li:hover, html.no-touch .playerProfile.hp-section-3-community-slideout .mediaPopup__teamTags li:hover, html.no-touch .playerProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li:hover { background: #434748; } .mediaPopup.playerProfile .mediaPopup__teamTags li a, .playerProfile.hp-section-2-within-slideout .mediaPopup__teamTags li a, .playerProfile.hp-section-3-community-slideout .mediaPopup__teamTags li a, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__teamTags li a { color: #fff; text-decoration: none; } .mediaPopup.playerProfile .mediaPopup__playerInfo, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerInfo, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerInfo, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerInfo { padding-top: 30px; margin: 5px 30px 30px; border-bottom: none; border-top: 1px solid #e75214 !important; } .mediaPopup.playerProfile .mediaPopup__playerInfo h4, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerInfo h4, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerInfo h4, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerInfo h4 { font-weight: normal; font-size: 30px; line-height: 36px; text-align: left; color: #e75214; margin-bottom: 30px; } @media (max-width: 767px) { .mediaPopup.playerProfile .mediaPopup__playerInfo h4, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerInfo h4, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerInfo h4, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerInfo h4 { font-size: 25px; } } .mediaPopup.playerProfile .mediaPopup__playerInfo .clNavigation__list, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerInfo .clNavigation__list, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerInfo .clNavigation__list, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerInfo .clNavigation__list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .mediaPopup.playerProfile .mediaPopup__playerInfo .clNavigation__list, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerInfo .clNavigation__list, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerInfo .clNavigation__list, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerInfo .clNavigation__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .mediaPopup.playerProfile .mediaPopup__playerInfo .clNavigation__item, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerInfo .clNavigation__item, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerInfo .clNavigation__item, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerInfo .clNavigation__item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mediaPopup.playerProfile .mediaPopup__playerInfo .clNavigation__list .clNavigation__item:before, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerInfo .clNavigation__list .clNavigation__item:before, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerInfo .clNavigation__list .clNavigation__item:before, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerInfo .clNavigation__list .clNavigation__item:before { content: none; } .mediaPopup.playerProfile .mediaPopup__playerInfo .clNavigation__list .clNavigation__item, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerInfo .clNavigation__list .clNavigation__item, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerInfo .clNavigation__list .clNavigation__item, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerInfo .clNavigation__list .clNavigation__item { padding-left: 0; } .mediaPopup.playerProfile .clNavigation .clNavigation__item a, .playerProfile.hp-section-2-within-slideout .clNavigation .clNavigation__item a, .playerProfile.hp-section-3-community-slideout .clNavigation .clNavigation__item a, .playerProfile.hp-section-4-perspective-slideout .clNavigation .clNavigation__item a { padding: 0 20px; margin-right: 10px; color: #fff; border: none; width: 100%; font-size: 18px; text-decoration: none; } html.no-touch .mediaPopup.playerProfile .clNavigation .clNavigation__item:hover a, html.no-touch .playerProfile.hp-section-2-within-slideout .clNavigation .clNavigation__item:hover a, html.no-touch .playerProfile.hp-section-3-community-slideout .clNavigation .clNavigation__item:hover a, html.no-touch .playerProfile.hp-section-4-perspective-slideout .clNavigation .clNavigation__item:hover a, html.no-touch .mediaPopup.playerProfile .clNavigation .clNavigation__item a:hover, html.no-touch .playerProfile.hp-section-2-within-slideout .clNavigation .clNavigation__item a:hover, html.no-touch .playerProfile.hp-section-3-community-slideout .clNavigation .clNavigation__item a:hover, html.no-touch .playerProfile.hp-section-4-perspective-slideout .clNavigation .clNavigation__item a:hover { color: #fff; } html.no-touch .mediaPopup.playerProfile .clNavigation .clNavigation__item:hover button, html.no-touch .playerProfile.hp-section-2-within-slideout .clNavigation .clNavigation__item:hover button, html.no-touch .playerProfile.hp-section-3-community-slideout .clNavigation .clNavigation__item:hover button, html.no-touch .playerProfile.hp-section-4-perspective-slideout .clNavigation .clNavigation__item:hover button { background: #434748; } .mediaPopup.playerProfile .mediaPopup__playerInfo .clNavigation__item button, .playerProfile.hp-section-2-within-slideout .mediaPopup__playerInfo .clNavigation__item button, .playerProfile.hp-section-3-community-slideout .mediaPopup__playerInfo .clNavigation__item button, .playerProfile.hp-section-4-perspective-slideout .mediaPopup__playerInfo .clNavigation__item button { background: #E75214; min-height: 50px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; padding: 0 20px; margin-right: 10px; border: none; width: 100%; height: 50px; font-size: 18px; } @media (max-width: 850px) { .mediaPopup .mediaPopup__content, .hp-section-2-within-slideout .mediaPopup__content, .hp-section-3-community-slideout .mediaPopup__content, .hp-section-4-perspective-slideout .mediaPopup__content { max-width: 100%; } } @media (max-width: 767px) { .mediaPopup .mediaPopup__featuredPost, .hp-section-2-within-slideout .mediaPopup__featuredPost, .hp-section-3-community-slideout .mediaPopup__featuredPost, .hp-section-4-perspective-slideout .mediaPopup__featuredPost { padding: 20px 0 20px 0; } .mediaPopup .mediaPopup__desc, .hp-section-2-within-slideout .mediaPopup__desc, .hp-section-3-community-slideout .mediaPopup__desc, .hp-section-4-perspective-slideout .mediaPopup__desc { padding: 0 20px; } .mediaPopup .mediaPopup__singleImage, .hp-section-2-within-slideout .mediaPopup__singleImage, .hp-section-3-community-slideout .mediaPopup__singleImage, .hp-section-4-perspective-slideout .mediaPopup__singleImage { margin-left: 20px; margin-bottom: 12px; } .mediaPopup .mediaPopup__related, .hp-section-2-within-slideout .mediaPopup__related, .hp-section-3-community-slideout .mediaPopup__related, .hp-section-4-perspective-slideout .mediaPopup__related { padding: 16px 10px 20px 10px; } } @media (max-width: 650px) { .mediaPopup .mediaPopup__col:nth-of-type(odd), .hp-section-2-within-slideout .mediaPopup__col:nth-of-type(odd), .hp-section-3-community-slideout .mediaPopup__col:nth-of-type(odd), .hp-section-4-perspective-slideout .mediaPopup__col:nth-of-type(odd) { padding-right: 0; max-width: 330px; width: 100%; display: block; margin: 0 auto; } .mediaPopup .mediaPopup__col:nth-of-type(even), .hp-section-2-within-slideout .mediaPopup__col:nth-of-type(even), .hp-section-3-community-slideout .mediaPopup__col:nth-of-type(even), .hp-section-4-perspective-slideout .mediaPopup__col:nth-of-type(even) { display: none; } .mediaPopup .mediaPopup__categories, .hp-section-2-within-slideout .mediaPopup__categories, .hp-section-3-community-slideout .mediaPopup__categories, .hp-section-4-perspective-slideout .mediaPopup__categories { overflow: visible; } } @media (max-width: 500px) { .mediaPopup .mediaPopup__featuredPost, .hp-section-2-within-slideout .mediaPopup__featuredPost, .hp-section-3-community-slideout .mediaPopup__featuredPost, .hp-section-4-perspective-slideout .mediaPopup__featuredPost { padding: 0 0 20px 0; } .mediaPopup .mediaPopup__singleImage, .hp-section-2-within-slideout .mediaPopup__singleImage, .hp-section-3-community-slideout .mediaPopup__singleImage, .hp-section-4-perspective-slideout .mediaPopup__singleImage { width: 100%; margin-left: 0; margin-bottom: 15px; } .mediaPopup .mediaPopup__singleImage.isPortrait, .hp-section-2-within-slideout .mediaPopup__singleImage.isPortrait, .hp-section-3-community-slideout .mediaPopup__singleImage.isPortrait, .hp-section-4-perspective-slideout .mediaPopup__singleImage.isPortrait { width: 100%; } .mediaPopup .mediaPopup__related header, .hp-section-2-within-slideout .mediaPopup__related header, .hp-section-3-community-slideout .mediaPopup__related header, .hp-section-4-perspective-slideout .mediaPopup__related header { max-width: 360px; margin: 0 auto; } .mediaPopup .mediaPopup__relatedContainer .mtStoryItem, .hp-section-2-within-slideout .mediaPopup__relatedContainer .mtStoryItem, .hp-section-3-community-slideout .mediaPopup__relatedContainer .mtStoryItem, .hp-section-4-perspective-slideout .mediaPopup__relatedContainer .mtStoryItem { display: block; width: 100%; max-width: 360px; margin: 0 auto; padding: 0 0 10px 0; } } .mediaPopup:after, .hp-section-2-within-slideout:after, .hp-section-3-community-slideout:after, .hp-section-4-perspective-slideout:after { background: rgba(43, 17, 59, 0.7); } .mediaPopup button:focus-visible, .hp-section-2-within-slideout button:focus-visible, .hp-section-3-community-slideout button:focus-visible, .hp-section-4-perspective-slideout button:focus-visible { outline: 2px dashed #000; } .mediaPopup + .mediaPopup, .hp-section-2-within-slideout + .mediaPopup, .hp-section-3-community-slideout + .mediaPopup, .hp-section-4-perspective-slideout + .mediaPopup, .mediaPopup + .hp-section-2-within-slideout, .hp-section-2-within-slideout + .hp-section-2-within-slideout, .hp-section-3-community-slideout + .hp-section-2-within-slideout, .hp-section-4-perspective-slideout + .hp-section-2-within-slideout, .mediaPopup + .hp-section-3-community-slideout, .hp-section-2-within-slideout + .hp-section-3-community-slideout, .hp-section-3-community-slideout + .hp-section-3-community-slideout, .hp-section-4-perspective-slideout + .hp-section-3-community-slideout, .mediaPopup + .hp-section-4-perspective-slideout, .hp-section-2-within-slideout + .hp-section-4-perspective-slideout, .hp-section-3-community-slideout + .hp-section-4-perspective-slideout, .hp-section-4-perspective-slideout + .hp-section-4-perspective-slideout { display: none; } .mediaPopup .mediaPopup__content, .hp-section-2-within-slideout .mediaPopup__content, .hp-section-3-community-slideout .mediaPopup__content, .hp-section-4-perspective-slideout .mediaPopup__content, .mediaPopup .mediaPopup__featuredPost, .hp-section-2-within-slideout .mediaPopup__featuredPost, .hp-section-3-community-slideout .mediaPopup__featuredPost, .hp-section-4-perspective-slideout .mediaPopup__featuredPost, .mediaPopup.noRelatedStaff .mediaPopup__content, .noRelatedStaff.hp-section-2-within-slideout .mediaPopup__content, .noRelatedStaff.hp-section-3-community-slideout .mediaPopup__content, .noRelatedStaff.hp-section-4-perspective-slideout .mediaPopup__content, .mediaPopup.noRelatedAdded .mediaPopup__content, .noRelatedAdded.hp-section-2-within-slideout .mediaPopup__content, .noRelatedAdded.hp-section-3-community-slideout .mediaPopup__content, .noRelatedAdded.hp-section-4-perspective-slideout .mediaPopup__content { background: #FCFCF7; } .mediaPopup .mediaPopup__type, .hp-section-2-within-slideout .mediaPopup__type, .hp-section-3-community-slideout .mediaPopup__type, .hp-section-4-perspective-slideout .mediaPopup__type, .mediaPopup .mediaPopup__topNav, .hp-section-2-within-slideout .mediaPopup__topNav, .hp-section-3-community-slideout .mediaPopup__topNav, .hp-section-4-perspective-slideout .mediaPopup__topNav { background: #9AC7D9; } .mediaPopup .mediaPopup__type h4, .hp-section-2-within-slideout .mediaPopup__type h4, .hp-section-3-community-slideout .mediaPopup__type h4, .hp-section-4-perspective-slideout .mediaPopup__type h4 { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.5625rem; text-align: left; color: #f9f7ed; } .mediaPopup .mediaPopup__button, .hp-section-2-within-slideout .mediaPopup__button, .hp-section-3-community-slideout .mediaPopup__button, .hp-section-4-perspective-slideout .mediaPopup__button { background: transparent; } .mediaPopup .mediaPopup__button.mediaPopup__close, .hp-section-2-within-slideout .mediaPopup__button.mediaPopup__close, .hp-section-3-community-slideout .mediaPopup__button.mediaPopup__close, .hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__close { background: transparent; } .mediaPopup .mediaPopup__button.mediaPopup__close i, .hp-section-2-within-slideout .mediaPopup__button.mediaPopup__close i, .hp-section-3-community-slideout .mediaPopup__button.mediaPopup__close i, .hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__close i, .mediaPopup .mediaPopup__button.mediaPopup__close span, .hp-section-2-within-slideout .mediaPopup__button.mediaPopup__close span, .hp-section-3-community-slideout .mediaPopup__button.mediaPopup__close span, .hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__close span { -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); display: inline-block; } .mediaPopup .mediaPopup__button.mediaPopup__close i:after, .hp-section-2-within-slideout .mediaPopup__button.mediaPopup__close i:after, .hp-section-3-community-slideout .mediaPopup__button.mediaPopup__close i:after, .hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__close i:after, .mediaPopup .mediaPopup__button.mediaPopup__close i:before, .hp-section-2-within-slideout .mediaPopup__button.mediaPopup__close i:before, .hp-section-3-community-slideout .mediaPopup__button.mediaPopup__close i:before, .hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__close i:before { height: 1px; } html.no-touch .mediaPopup .mediaPopup__button.mediaPopup__close:hover i, html.no-touch .hp-section-2-within-slideout .mediaPopup__button.mediaPopup__close:hover i, html.no-touch .hp-section-3-community-slideout .mediaPopup__button.mediaPopup__close:hover i, html.no-touch .hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__close:hover i, html.no-touch .mediaPopup .mediaPopup__button.mediaPopup__close:hover span, html.no-touch .hp-section-2-within-slideout .mediaPopup__button.mediaPopup__close:hover span, html.no-touch .hp-section-3-community-slideout .mediaPopup__button.mediaPopup__close:hover span, html.no-touch .hp-section-4-perspective-slideout .mediaPopup__button.mediaPopup__close:hover span { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); } .mediaPopup .mediaPopup__button i, .hp-section-2-within-slideout .mediaPopup__button i, .hp-section-3-community-slideout .mediaPopup__button i, .hp-section-4-perspective-slideout .mediaPopup__button i { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } html.no-touch .mediaPopup .mediaPopup__button:hover, html.no-touch .hp-section-2-within-slideout .mediaPopup__button:hover, html.no-touch .hp-section-3-community-slideout .mediaPopup__button:hover, html.no-touch .hp-section-4-perspective-slideout .mediaPopup__button:hover { background: rgba(255, 255, 255, 0.1); } .mediaPopup .mediaPopup__related, .hp-section-2-within-slideout .mediaPopup__related, .hp-section-3-community-slideout .mediaPopup__related, .hp-section-4-perspective-slideout .mediaPopup__related { background: #4B2563; } .mediaPopup .mediaPopup__relatedHeaderWrapper .secondLvlCss h4, .hp-section-2-within-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4, .hp-section-3-community-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4, .hp-section-4-perspective-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4 { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.8125rem; line-height: 1.9375rem; text-align: left; color: #9AC7D9; text-transform: capitalize; margin-bottom: 5px; letter-spacing: 0; } .mediaPopup .mpRelatedTags li, .hp-section-2-within-slideout .mpRelatedTags li, .hp-section-3-community-slideout .mpRelatedTags li, .hp-section-4-perspective-slideout .mpRelatedTags li { -webkit-border-radius: 3.125rem; -moz-border-radius: 3.125rem; border-radius: 3.125rem; -webkit-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .mediaPopup .mpRelatedTags li span:after, .hp-section-2-within-slideout .mpRelatedTags li span:after, .hp-section-3-community-slideout .mpRelatedTags li span:after, .hp-section-4-perspective-slideout .mpRelatedTags li span:after, .mediaPopup .mpRelatedTags li span:before, .hp-section-2-within-slideout .mpRelatedTags li span:before, .hp-section-3-community-slideout .mpRelatedTags li span:before, .hp-section-4-perspective-slideout .mpRelatedTags li span:before { background: #FCFCF7; -webkit-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .mediaPopup .mpRelatedTags li a, .hp-section-2-within-slideout .mpRelatedTags li a, .hp-section-3-community-slideout .mpRelatedTags li a, .hp-section-4-perspective-slideout .mpRelatedTags li a { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.875rem; letter-spacing: 0.05em; text-align: left; color: #FCFCF7; text-transform: uppercase; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .mediaPopup .mpRelatedTags li.forStaff, .hp-section-2-within-slideout .mpRelatedTags li.forStaff, .hp-section-3-community-slideout .mpRelatedTags li.forStaff, .hp-section-4-perspective-slideout .mpRelatedTags li.forStaff { pointer-events: none; font-family: "lato", sans-serif; font-weight: normal; font-size: 0.75rem; letter-spacing: 0.05em; text-align: left; color: #FCFCF7; text-transform: uppercase; background: rgba(154, 199, 217, 0.1); } html.no-touch .mediaPopup .mpRelatedTags li:hover, html.no-touch .hp-section-2-within-slideout .mpRelatedTags li:hover, html.no-touch .hp-section-3-community-slideout .mpRelatedTags li:hover, html.no-touch .hp-section-4-perspective-slideout .mpRelatedTags li:hover { background: #D7B14F; } html.no-touch .mediaPopup .mpRelatedTags li:hover a, html.no-touch .hp-section-2-within-slideout .mpRelatedTags li:hover a, html.no-touch .hp-section-3-community-slideout .mpRelatedTags li:hover a, html.no-touch .hp-section-4-perspective-slideout .mpRelatedTags li:hover a { color: #fff; } html.no-touch .mediaPopup .mpRelatedTags li:hover span:before, html.no-touch .hp-section-2-within-slideout .mpRelatedTags li:hover span:before, html.no-touch .hp-section-3-community-slideout .mpRelatedTags li:hover span:before, html.no-touch .hp-section-4-perspective-slideout .mpRelatedTags li:hover span:before, html.no-touch .mediaPopup .mpRelatedTags li:hover span:after, html.no-touch .hp-section-2-within-slideout .mpRelatedTags li:hover span:after, html.no-touch .hp-section-3-community-slideout .mpRelatedTags li:hover span:after, html.no-touch .hp-section-4-perspective-slideout .mpRelatedTags li:hover span:after { background: #fff; } .mediaPopup .mediaPopup__extraDescWrapper .embed-container, .hp-section-2-within-slideout .mediaPopup__extraDescWrapper .embed-container, .hp-section-3-community-slideout .mediaPopup__extraDescWrapper .embed-container, .hp-section-4-perspective-slideout .mediaPopup__extraDescWrapper .embed-container { width: 100%; } .mediaPopup .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn):not(.secondaryDownloadBtn), .hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn):not(.secondaryDownloadBtn), .hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn):not(.secondaryDownloadBtn), .hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__extraDescWrapper a:not(.downloadBtn):not(.secondaryDownloadBtn) { color: #4B2563; } .mediaPopup.news .mediaPopup__feedName, .news.hp-section-2-within-slideout .mediaPopup__feedName, .news.hp-section-3-community-slideout .mediaPopup__feedName, .news.hp-section-4-perspective-slideout .mediaPopup__feedName { color: #4B2563; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } html.no-touch .mediaPopup.news .mediaPopup__feedName:hover, html.no-touch .news.hp-section-2-within-slideout .mediaPopup__feedName:hover, html.no-touch .news.hp-section-3-community-slideout .mediaPopup__feedName:hover, html.no-touch .news.hp-section-4-perspective-slideout .mediaPopup__feedName:hover { color: #D7B14F; } .mediaPopup.news .mediaPopup__date, .news.hp-section-2-within-slideout .mediaPopup__date, .news.hp-section-3-community-slideout .mediaPopup__date, .news.hp-section-4-perspective-slideout .mediaPopup__date { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.875rem; letter-spacing: 0.05em; text-align: left; color: #4B2563; opacity: 0.4; text-transform: uppercase; } .mediaPopup.news .mediaPopup__desc .mediaPopup__postTitle a, .news.hp-section-2-within-slideout .mediaPopup__desc .mediaPopup__postTitle a, .news.hp-section-3-community-slideout .mediaPopup__desc .mediaPopup__postTitle a, .news.hp-section-4-perspective-slideout .mediaPopup__desc .mediaPopup__postTitle a { font-weight: normal; font-size: 2.6875rem; text-align: left; color: #4B2563; text-transform: capitalize; text-decoration: none !important; -webkit-text-decoration-color: #9AC7D9 !important; -moz-text-decoration-color: #9AC7D9 !important; text-decoration-color: #9AC7D9 !important; } .mediaPopup.isMpStaff .isStaffRole, .isMpStaff.hp-section-2-within-slideout .isStaffRole, .isMpStaff.hp-section-3-community-slideout .isStaffRole, .isMpStaff.hp-section-4-perspective-slideout .isStaffRole { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02em; text-align: left; color: #4B2563; } .mediaPopup.isCard .isCardsCategories, .isCard.hp-section-2-within-slideout .isCardsCategories, .isCard.hp-section-3-community-slideout .isCardsCategories, .isCard.hp-section-4-perspective-slideout .isCardsCategories { display: none; } .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card, .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card, .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card, .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card { margin-bottom: 1.25rem; padding-right: 0.625rem; } .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card .ccc-name, .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card .ccc-name, .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card .ccc-name, .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card .ccc-name { font-size: 1.9375rem; line-height: 2.1875rem; } .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card .cards-card-image, .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card .cards-card-image, .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card .cards-card-image, .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card .cards-card-image { padding-top: 70%; } .mediaPopup.isCard .isTitle, .isCard.hp-section-2-within-slideout .isTitle, .isCard.hp-section-3-community-slideout .isTitle, .isCard.hp-section-4-perspective-slideout .isTitle { font-size: 1.75rem; } @media (min-width: 768px) { .mediaPopup.isCard .isTitle, .isCard.hp-section-2-within-slideout .isTitle, .isCard.hp-section-3-community-slideout .isTitle, .isCard.hp-section-4-perspective-slideout .isTitle { font-size: 2.375rem; } } .mediaPopup.issuu .mediaPopup__feedName, .issuu.hp-section-2-within-slideout .mediaPopup__feedName, .issuu.hp-section-3-community-slideout .mediaPopup__feedName, .issuu.hp-section-4-perspective-slideout .mediaPopup__feedName { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .mediaPopup.issuu .mediaPopup__feedInfo, .issuu.hp-section-2-within-slideout .mediaPopup__feedInfo, .issuu.hp-section-3-community-slideout .mediaPopup__feedInfo, .issuu.hp-section-4-perspective-slideout .mediaPopup__feedInfo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mediaPopup.issuu .mediaPopup__feedInfo > a, .issuu.hp-section-2-within-slideout .mediaPopup__feedInfo > a, .issuu.hp-section-3-community-slideout .mediaPopup__feedInfo > a, .issuu.hp-section-4-perspective-slideout .mediaPopup__feedInfo > a { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; width: 70%; } .mediaPopup.issuu .mediaPopup__feedIcon, .issuu.hp-section-2-within-slideout .mediaPopup__feedIcon, .issuu.hp-section-3-community-slideout .mediaPopup__feedIcon, .issuu.hp-section-4-perspective-slideout .mediaPopup__feedIcon { min-width: 20px; } .mediaPopup .mediaPopup__content blockquote, .hp-section-2-within-slideout .mediaPopup__content blockquote, .hp-section-3-community-slideout .mediaPopup__content blockquote, .hp-section-4-perspective-slideout .mediaPopup__content blockquote { margin-left: 1.25rem; } @media (max-width: 1024px) { .mediaPopup .mediaPopup__content blockquote, .hp-section-2-within-slideout .mediaPopup__content blockquote, .hp-section-3-community-slideout .mediaPopup__content blockquote, .hp-section-4-perspective-slideout .mediaPopup__content blockquote { margin-left: -0.625rem; } } .mediaPopup .mediaPopup__related .mtGenericLoader, .hp-section-2-within-slideout .mediaPopup__related .mtGenericLoader, .hp-section-3-community-slideout .mediaPopup__related .mtGenericLoader, .hp-section-4-perspective-slideout .mediaPopup__related .mtGenericLoader { border-top-color: transparent; } .mediaPopup .mediaPopup__date, .hp-section-2-within-slideout .mediaPopup__date, .hp-section-3-community-slideout .mediaPopup__date, .hp-section-4-perspective-slideout .mediaPopup__date { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.875rem; letter-spacing: 0.05em; text-align: left; color: #4B2563; opacity: 0.4; text-transform: uppercase; } .mediaPopup .mediaPopup__singleImage.isPortrait.showBigImage, .hp-section-2-within-slideout .mediaPopup__singleImage.isPortrait.showBigImage, .hp-section-3-community-slideout .mediaPopup__singleImage.isPortrait.showBigImage, .hp-section-4-perspective-slideout .mediaPopup__singleImage.isPortrait.showBigImage { width: 100%; } @media (max-width: 500px) { .mediaPopup .mediaPopup__singleImage, .hp-section-2-within-slideout .mediaPopup__singleImage, .hp-section-3-community-slideout .mediaPopup__singleImage, .hp-section-4-perspective-slideout .mediaPopup__singleImage { margin-bottom: 30px; } } .mediaPopup .mediaPopup__desc .secondLvlCss a.mediaPopup__viewPost.downloadBtn, .hp-section-2-within-slideout .mediaPopup__desc .secondLvlCss a.mediaPopup__viewPost.downloadBtn, .hp-section-3-community-slideout .mediaPopup__desc .secondLvlCss a.mediaPopup__viewPost.downloadBtn, .hp-section-4-perspective-slideout .mediaPopup__desc .secondLvlCss a.mediaPopup__viewPost.downloadBtn { color: #4B2563; } .story-card { position: relative; } html.no-touch .story-card:hover .story-card-image .img:after, html.no-touch .story-card:hover .story-card-dot { opacity: 1; visibility: visible; } .story-card-cta { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; background: transparent; border: none; z-index: 3; } .story-card-cta:focus-visible { outline: 2px dashed #000; } .story-card-image { position: relative; background: transparent; } .story-card-image .img { position: relative; -webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3); width: auto; display: inline-block; overflow: hidden; } .story-card-image .img:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+56 */ background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(315deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(315deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .story-card-image .img:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(75, 37, 99, 0.4); z-index: 2; pointer-events: none; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; opacity: 0; visibility: hidden; } html.touch .story-card-image .img:after { display: none; } .story-card-image img { height: auto; width: auto; -o-object-fit: cover; object-fit: cover; display: block; } .story-card-image .social-icon { position: absolute; color: #F9F7ED; font-size: 1.375rem; left: 1.25rem; top: 1.25rem; z-index: 2; } .scc-misc { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0.3125rem 0; } body.secondLvl .scc-misc { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 375px) { .scc-misc { margin: 0.625rem 0; } } .scc-user { padding-right: 0.9375rem; margin-right: 0.9375rem; font-family: "lato", sans-serif; font-weight: normal; font-size: 1.0625rem; letter-spacing: 0.05em; text-align: left; color: #4B2563; position: relative; word-break: break-all; margin-top: 0.625rem; text-transform: uppercase; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } body.secondLvl .scc-user { padding-right: 0; margin-right: 0; } .scc-user.no-user { display: none; } .mediaPopup .scc-user, .hp-section-2-within-slideout .scc-user, .hp-section-3-community-slideout .scc-user, .hp-section-4-perspective-slideout .scc-user { color: #fff; } .scc-date { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.8125rem; letter-spacing: 0.05em; text-align: left; color: #4B2563; text-transform: uppercase; margin-top: 0.625rem; } .mediaPopup .scc-date, .hp-section-2-within-slideout .scc-date, .hp-section-3-community-slideout .scc-date, .hp-section-4-perspective-slideout .scc-date { color: #fff; } .scc-text { font-family: "lato", sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.375rem; text-align: left; color: #4B2563; margin-top: 0.625rem; } .scc-text a { color: inherit; text-decoration: underline; } .scc-text a:focus-visible { outline: 2px dashed #000; } .scc-text .truncate.shorter-txt { max-height: 5rem; } .mediaPopup .scc-text, .hp-section-2-within-slideout .scc-text, .hp-section-3-community-slideout .scc-text, .hp-section-4-perspective-slideout .scc-text { color: #fff; } .story-card-dot { z-index: 3; } .story-card-dot .card-dot { font-size: 30px; } .story-card[data-mediatype="youtube"] .story-card-dot .card-dot { display: none; } .story-card-dot .gi-play { font-size: 1.625rem; -webkit-transform: translate(0.125rem, 0.0625rem); -moz-transform: translate(0.125rem, 0.0625rem); -ms-transform: translate(0.125rem, 0.0625rem); -o-transform: translate(0.125rem, 0.0625rem); transform: translate(0.125rem, 0.0625rem); display: none; } .story-card[data-mediatype="youtube"] .story-card-dot .gi-play { display: block; } html.touch .story-card-dot { display: none; } @media (max-width: 767px) { .story-card-dot { display: none; } } .cards-card { width: 100%; display: block; position: relative; } .cards-card.no-bio { pointer-events: none; } .cards-card .full-link { display: none; } .cards-card .cards-card-inner { cursor: pointer; position: relative; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; -webkit-box-shadow: 0 5px 26px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 26px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 26px rgba(0, 0, 0, 0.1); overflow: hidden; } html.no-touch .cards-card .cards-card-inner:hover .ccc-name .gi-arrow { color: #4B2563; } html.no-touch .cards-card .cards-card-inner:hover .card-dot { opacity: 1; visibility: visible; } html.no-touch .cards-card .cards-card-inner:hover .cards-card-image:before { opacity: 0.4; visibility: visible; } .cards-card .ccc-name { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.5625rem; line-height: 1.6875rem; text-align: left; color: #4B2563; margin-bottom: 0.625rem; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .cards-card .ccc-name .gi-arrow { font-size: 0.9375rem; color: #9AC7D9; margin-left: 0.3125rem; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .cards-card .ccc-name .no-wrap { white-space: nowrap; } .cards-card .description { font-family: "lato", sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.375rem; text-align: left; color: #4B2563; } .cards-card .cards-card-image { width: 100%; padding-top: 100%; display: block; position: relative; z-index: 2; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .cards-card .cards-card-image .img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: #4B2563; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 1; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease; } .cards-card .cards-card-image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #4B2563; z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; } .cards-card .cards-card-content { width: 100%; display: block; z-index: 1; position: relative; } .cards-card .cards-card-content .ccc-inner { background: #FFFFFF; padding: 1.25rem; } .cards-card .cards-card-cta { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; border: none; background: transparent; cursor: pointer; } .cards-card .cards-card-cta:focus-visible { outline: 2px dashed #000; } @media (max-width: 767px) { .cards-card { width: 96%; } } .secondLvlCss { /* youtube iframe */ } .secondLvlCss h2 { font-family: "ivyora-display", sans-serif; text-align: left; margin: 0 0 1.25rem; font-weight: normal; font-size: 2.25rem; line-height: 2.6875rem; color: #4B2563; } @media (min-width: 1024px) { .secondLvlCss h2 { font-size: 2.75rem; line-height: 3.125rem; } } .secondLvlCss h3 { font-family: "ivyora-display", sans-serif; text-align: left; margin: 0 0 1.875rem; font-weight: normal; font-size: 1.75rem; line-height: 2.3125rem; color: #4B2563; } @media (min-width: 1024px) { .secondLvlCss h3 { font-size: 2.0625rem; line-height: 2.3125rem; } } .secondLvlCss h4, .secondLvlCss h5, .secondLvlCss h6 { font-family: "ivyora-display", sans-serif; text-align: left; margin: 0 0 1.875rem; font-weight: normal; font-size: 1.125rem; line-height: 1.75rem; color: #4B2563; } @media (min-width: 1024px) { .secondLvlCss h4, .secondLvlCss h5, .secondLvlCss h6 { font-size: 1.1875rem; line-height: 1.875rem; } } .secondLvlCss h6 { font-size: 1rem; line-height: 1.625rem; } @media (min-width: 1024px) { .secondLvlCss h6 { font-size: 1.0625rem; line-height: 1.75rem; } } .secondLvlCss p { display: block; } .secondLvlCss p a { font-size: inherit; line-height: inherit; font-weight: 600; text-decoration: underline; } .secondLvlCss p.featuredText { font-family: "ivyora-display", sans-serif; text-align: left; padding-left: 1.25rem; font-weight: normal; font-style: italic; font-size: 1.5rem; line-height: 1.75rem; color: #4B2563; border-left: 0.0625rem solid #D7B14F; } @media (min-width: 1024px) { .secondLvlCss p.featuredText { font-size: 1.9375rem; line-height: 2.375rem; } } .secondLvlCss hr { width: 100%; height: 0.0625rem; display: block; position: relative; margin: 1.875rem 0; background: rgba(215, 177, 79, 0.5); border: none; } .secondLvlCss blockquote { font-family: "ivyora-display", sans-serif; display: block; position: relative; padding-left: 2.8125rem; padding-right: 0; margin: 1.875rem 0; font-weight: normal; font-size: 1.5rem; line-height: 1.75rem; text-align: left; color: #4B2563; margin-left: -0.625rem; } .secondLvlCss blockquote:before { content: '“'; font-size: 3.75rem; line-height: 5.625rem; position: absolute; font-weight: 600; left: 0; top: -0.625rem; -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); font-style: normal; color: #522E69; } @media (min-width: 1024px) { .secondLvlCss blockquote:before { -webkit-transform: translateX(-100%) translateX(+0.625rem) translateY(-20%); -moz-transform: translateX(-100%) translateX(+0.625rem) translateY(-20%); -ms-transform: translateX(-100%) translateX(+0.625rem) translateY(-20%); -o-transform: translateX(-100%) translateX(+0.625rem) translateY(-20%); transform: translateX(-100%) translateX(+0.625rem) translateY(-20%); } } .secondLvlCss blockquote:after { content: '“'; font-size: 3.75rem; font-weight: 600; line-height: 0; bottom: 0.625rem; right: -0.3125rem; display: inline-block; -webkit-transform: rotate(180deg) translateY(-1.25rem); -moz-transform: rotate(180deg) translateY(-1.25rem); -ms-transform: rotate(180deg) translateY(-1.25rem); -o-transform: rotate(180deg) translateY(-1.25rem); transform: rotate(180deg) translateY(-1.25rem); position: relative; font-style: normal; color: #522E69; } .secondLvlCss blockquote p { font-family: inherit !important; position: relative; z-index: 2; margin: 0 !important; font-size: inherit; line-height: inherit; font-weight: inherit; font-family: inherit; display: inline; color: inherit; } @media (min-width: 1024px) { .secondLvlCss blockquote { font-size: 1.9375rem; line-height: 2.375rem; padding-left: 1.5625rem; margin-left: -1.25rem; } } .secondLvlCss table { max-width: 100%; margin: 1.875rem 0; position: relative; -webkit-border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; border-radius: 0.3125rem; border: 0.0625rem solid #D7B14F; } html.touch .secondLvlCss table { overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; } html.touch .secondLvlCss table::-webkit-scrollbar { display: none; } .secondLvlCss table td, .secondLvlCss table th { width: 25%; padding: 0.9375rem; font-weight: 400; border: 0.0625rem solid #D7B14F; } @media (min-width: 767px) { .secondLvlCss table td, .secondLvlCss table th { min-width: 11.25rem; } } .secondLvlCss table th { background: #f8f1e8; } .secondLvlCss table tr:first-child td { border-top: none; } .secondLvlCss table tr:first-child th { border-top: none; } .secondLvlCss table tr td:first-child, .secondLvlCss table tr th:first-child { border-left: none; } .secondLvlCss table tr td:last-child, .secondLvlCss table tr th:last-child { border-right: none; } .secondLvlCss table tr:last-child:not(:only-child) td, .secondLvlCss table tr:last-child:not(:only-child) th { border-bottom: 0; } .secondLvlCss table th, .secondLvlCss table .head-column { font-family: "ivyora-display", sans-serif; } @media (min-width: 768px) { .secondLvlCss table .head-column { display: none; } .secondLvlCss table:not(.responsive-table) { overflow-y: auto; overflow-x: auto; } html.touch .secondLvlCss table:not(.responsive-table) { overflow-x: scroll; -webkit-overflow-scrolling: touch; } } @media (max-width: 767px) { .secondLvlCss table { width: 100% !important; display: block; overflow-x: scroll; } .secondLvlCss table.responsive-table colgroup { display: none !important; } .secondLvlCss table.responsive-table thead, .secondLvlCss table.responsive-table tbody { width: 100%; display: block; } .secondLvlCss table.responsive-table tr { display: block; width: 100%; } .secondLvlCss table.responsive-table th { height: 0; overflow: hidden; display: block; position: absolute; padding: 0; margin: 0; border: 0; opacity: 0; visibility: hidden; pointer-events: none; left: 0; top: 0; } .secondLvlCss table.responsive-table td { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .secondLvlCss table.responsive-table:not(.no-responsive) td { padding: 0; } .secondLvlCss table.responsive-table .head-column { width: 30%; display: block; } .secondLvlCss table.responsive-table .head-column + .content-column { display: block; width: 70%; vertical-align: top; padding-left: 1.25rem; } } .secondLvlCss table.table-responsive { display: block; } .secondLvlCss ol { display: block; padding-left: 1.5625rem; margin: 0 0 1.875rem; } .secondLvlCss ol li { position: relative; list-style-type: decimal; margin-bottom: 0.9375rem; padding-left: 0.3125rem; } .secondLvlCss ol li::marker { -webkit-transform: translateY(0.125rem); -moz-transform: translateY(0.125rem); -ms-transform: translateY(0.125rem); -o-transform: translateY(0.125rem); transform: translateY(0.125rem); display: inline-block; font-family: "lato", sans-serif; font-weight: bold; font-size: inherit; line-height: inherit; text-align: right; color: #4B2563; } .secondLvlCss ul { display: block; margin-bottom: 1.875rem; } .secondLvlCss ul li { list-style-type: none; padding-left: 1.875rem; position: relative; margin-bottom: 0.3125rem; } .secondLvlCss ul li:before { content: ''; width: 0.625rem; height: 0.625rem; display: block; border: 0.0625rem solid #D7B14F; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 9px; } .secondLvlCss ul li:last-child { margin-bottom: 0; } .secondLvlCss img { width: 100%; height: auto; margin: 1.875rem 0; display: block; position: relative; -webkit-border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; border-radius: 0.3125rem; -webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.16); box-shadow: 0 5px 16px rgba(0, 0, 0, 0.16); } .secondLvlCss img[src$=".png"] { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .secondLvlCss img.alignLeft { width: 19.375rem; height: auto; float: left; margin: 0 1.25rem 1.25rem 0; clear: both; } .secondLvlCss img.alignRight { width: 19.375rem; height: auto; float: right; margin: 0 0 1.25rem 1.25rem; clear: both; left: auto; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn) { font-size: inherit; line-height: inherit; font-family: inherit; font-style: inherit; font-weight: normal; display: inline; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; color: #4B2563; -webkit-text-decoration-color: #D7B14F; -moz-text-decoration-color: #D7B14F; text-decoration-color: #D7B14F; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[href$=".pdf"]:after, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[target=_blank]:not([href$=".pdf"]):after, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[href^="mailto"]:after, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[href^="tel"]:after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'secondlevel-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline; font-size: 100%; position: relative; margin-left: 0.4375rem; margin-right: 0.1875rem; color: #4B2563; -webkit-transition: opacity 0.2s ease-in, color 0.2s ease-in; -o-transition: opacity 0.2s ease-in, color 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, color 0.2s ease-in; transition: opacity 0.2s ease-in, color 0.2s ease-in; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[href$=".pdf"] > *, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[target=_blank]:not([href$=".pdf"]) > *, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[href^="mailto"] > *, .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[href^="tel"] > * { display: inline-block; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[target=_blank]:not([href$=".pdf"]):after { content: "\e902"; font-size: 0.9375rem; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[href$=".pdf"]:after { content: "\e900"; font-size: 1.25rem; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[href^="mailto"]:after { content: "\e901"; font-size: 0.9375rem; } .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn)[href^="tel"]:after { content: "\e907"; font-size: 0.9375rem; } html.no-touch .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):hover { color: #D7B14F; } html.no-touch .secondLvlCss a:not(.downloadBtn):not(.secondaryDownloadBtn):hover:after { color: #D7B14F; } .secondLvlCss .embed-container { margin: 1.5625rem 0; position: relative; padding-bottom: 56.25%; padding-top: 1.875rem; height: 0; overflow: hidden; } .secondLvlCss html.lt-ie8 .embed-container { overflow: visible; height: auto; } .secondLvlCss .embed-container iframe, .secondLvlCss .embed-container object, .secondLvlCss .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .secondLvlCss a:focus-visible, .secondLvlCss button:focus-visible { outline: 2px dashed #000; } .ug-thumb-wrapper.ug-thumb-generated img { margin: 0; } .custom-popup.popup-notices { display: none; pointer-events: none; position: fixed; right: 0; top: 0; height: 100%; width: 100%; z-index: 31; } @media (max-width: 767px) { .custom-popup.popup-notices .notices-items-container { padding-right: 1.875rem; } } @media (max-width: 767px) { .custom-popup.popup-notices .custom-popup-swiper { padding-bottom: 6.25rem; } } .custom-popup.popup-notices .popup-card.no-img .popup-image { display: none; } @media (min-width: 768px) { .custom-popup.popup-notices .popup-title { margin: 0; } } .custom-popup.popup-events { display: none; position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 31; } .custom-popup.popup-events .popup-date { text-align: center; } .custom-popup.popup-events .popup-content-time-date { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 1.5625rem; margin-bottom: 0.625rem; } @media (min-width: 768px) { .custom-popup.popup-events .popup-content-time-date { margin: 0; } } .custom-popup.popup-events .popup-title { margin-top: 0; } .custom-popup.popup-events .day, .custom-popup.popup-events .month, .custom-popup.popup-events .popup-time { font-family: "lato", sans-serif; font-weight: normal; font-size: 1rem; letter-spacing: 0.05em; line-height: 2.25rem; text-align: left; color: #D7B14F; text-transform: uppercase; } @media (min-width: 768px) { .custom-popup.popup-events .day, .custom-popup.popup-events .month, .custom-popup.popup-events .popup-time { font-size: 1.1875rem; } } .custom-popup.popup-events .month, .custom-popup.popup-events .popup-time { display: inline-block; margin-left: 0.3125rem; } .custom-popup.popup-events .popup-time { padding-left: 0.9375rem; margin-left: 0.9375rem; position: relative; } .custom-popup.popup-events .popup-time:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 0.0625rem; height: 0.9375rem; background: rgba(215, 177, 79, 0.5); } @media (min-width: 768px) { .custom-popup.popup-events .popup-events-carousel { background: #f9f7ed; min-height: 100vh; } } @media (max-width: 767px) { .custom-popup.popup-events .popup-events-container { padding-right: 5.625rem; } } .custom-popup.popup-events .popup-card.noImage .popup-image { display: none; } .custom-popup.popup-notices .popup-inner, .custom-popup.popup-events .popup-inner { height: 100%; background: rgba(43, 17, 59, 0.8); } @media (min-width: 768px) { .custom-popup.popup-notices .popup-inner > .close-popup-wrapper, .custom-popup.popup-events .popup-inner > .close-popup-wrapper { display: none; } } @media (min-width: 768px) { .custom-popup.popup-notices .popup-inner, .custom-popup.popup-events .popup-inner { background: transparent; } } .custom-popup.popup-notices .custom-popup-swiper, .custom-popup.popup-events .custom-popup-swiper { height: 100%; overflow-y: scroll; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .custom-popup.popup-notices .custom-popup-swiper::-webkit-scrollbar, .custom-popup.popup-events .custom-popup-swiper::-webkit-scrollbar { display: none; /* Safari and Chrome */ } @media (min-width: 768px) { .custom-popup.popup-notices .custom-popup-swiper, .custom-popup.popup-events .custom-popup-swiper { padding-left: 3.125rem; } } .custom-popup.popup-notices .custom-popup-scroller > .close-popup-wrapper, .custom-popup.popup-events .custom-popup-scroller > .close-popup-wrapper { position: fixed; -webkit-transform: translateX(-3.125rem); -moz-transform: translateX(-3.125rem); -ms-transform: translateX(-3.125rem); -o-transform: translateX(-3.125rem); transform: translateX(-3.125rem); height: 0; opacity: 0; visibility: hidden; } @media (max-width: 767px) { .custom-popup.popup-notices .custom-popup-scroller > .close-popup-wrapper, .custom-popup.popup-events .custom-popup-scroller > .close-popup-wrapper { display: none; } } @media (min-width: 768px) { .custom-popup.popup-notices .custom-popup-scroller, .custom-popup.popup-events .custom-popup-scroller { max-width: 32.5rem; margin-right: 0; -webkit-border-radius: 0.3125rem 0 0 0.3125rem; -moz-border-radius: 0.3125rem 0 0 0.3125rem; border-radius: 0.3125rem 0 0 0.3125rem; overflow: visible; margin-left: auto; height: 100%; } } .custom-popup.popup-notices .custom-popup-swiper-wrapper, .custom-popup.popup-events .custom-popup-swiper-wrapper { height: 100%; margin-left: auto; } .custom-popup.popup-notices .custom-popup-swiper-wrapper > .popup-content-header, .custom-popup.popup-events .custom-popup-swiper-wrapper > .popup-content-header { display: none; width: 21.875rem; margin: 5.625rem auto 2.5rem; padding-bottom: 2.5rem; border-bottom: 0.0625rem solid rgba(215, 177, 79, 0.5); } @media (min-width: 768px) { .custom-popup.popup-notices .custom-popup-swiper-wrapper > .popup-content-header, .custom-popup.popup-events .custom-popup-swiper-wrapper > .popup-content-header { display: block; } } @media (min-width: 768px) { .custom-popup.popup-notices .custom-popup-swiper-wrapper, .custom-popup.popup-events .custom-popup-swiper-wrapper { opacity: 0; visibility: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: scroll; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ -webkit-transform: translate3d(120%, 0, 0); -moz-transform: translate3d(120%, 0, 0); transform: translate3d(120%, 0, 0); -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in, -webkit-transform 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in, -webkit-transform 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in, -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in; transition: transform 0.2s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; background: #FCFCF7; } .custom-popup.popup-notices .custom-popup-swiper-wrapper::-webkit-scrollbar, .custom-popup.popup-events .custom-popup-swiper-wrapper::-webkit-scrollbar { display: none; /* Safari and Chrome */ } } .custom-popup.popup-notices.opened, .custom-popup.popup-events.opened { display: block; pointer-events: all; } .custom-popup.popup-notices.opened:before, .custom-popup.popup-events.opened:before { -webkit-transition: opacity 0.3s ease .3s; -o-transition: opacity 0.3s ease .3s; -moz-transition: opacity 0.3s ease .3s; transition: opacity 0.3s ease .3s; } .custom-popup.popup-notices .close-popup-wrapper, .custom-popup.popup-events .close-popup-wrapper { display: block; position: fixed; top: 0; right: 0; z-index: 2; -webkit-transform: translateY(30%) translateX(-10%); -moz-transform: translateY(30%) translateX(-10%); -ms-transform: translateY(30%) translateX(-10%); -o-transform: translateY(30%) translateX(-10%); transform: translateY(30%) translateX(-10%); } .custom-popup.popup-notices .close-popup-wrapper button, .custom-popup.popup-events .close-popup-wrapper button { width: 5rem; height: 5rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(103, 56, 132, 0.9); -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(24, 21, 62, 0.15); -moz-box-shadow: 0 0.1875rem 0.375rem rgba(24, 21, 62, 0.15); box-shadow: 0 0.1875rem 0.375rem rgba(24, 21, 62, 0.15); border: none; cursor: pointer; } @media (min-width: 768px) { .custom-popup.popup-notices .close-popup-wrapper button, .custom-popup.popup-events .close-popup-wrapper button { width: 6.4375rem; height: 6.4375rem; } } .custom-popup.popup-notices .close-popup-wrapper span.global-icons, .custom-popup.popup-events .close-popup-wrapper span.global-icons { display: inline-block; font-size: 1.4375rem; color: #F9F7ED; font-weight: normal; -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; } @media (min-width: 768px) { .custom-popup.popup-notices .close-popup-wrapper span.global-icons, .custom-popup.popup-events .close-popup-wrapper span.global-icons { font-size: 1.6875rem; } } html.no-touch .custom-popup.popup-notices .close-popup-wrapper:hover span.global-icons, html.no-touch .custom-popup.popup-events .close-popup-wrapper:hover span.global-icons { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } @media (min-width: 375px) { .custom-popup.popup-notices .close-popup-wrapper, .custom-popup.popup-events .close-popup-wrapper { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } } @media (min-width: 768px) { .custom-popup.popup-notices .close-popup-wrapper, .custom-popup.popup-events .close-popup-wrapper { right: auto; top: 3.125rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } .custom-popup.popup-notices .close-popup-js:focus-visible, .custom-popup.popup-events .close-popup-js:focus-visible { outline: 2px dashed #000; } .custom-popup.popup-notices .popup-arrows, .custom-popup.popup-events .popup-arrows { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2; min-height: 5rem; background: #4B2563; -webkit-box-shadow: 0 -0.1875rem 0.375rem rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 -0.1875rem 0.375rem rgba(0, 0, 0, 0.16); box-shadow: 0 -0.1875rem 0.375rem rgba(0, 0, 0, 0.16); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .custom-popup.popup-notices .popup-arrows, .custom-popup.popup-events .popup-arrows { display: none; } } .custom-popup.popup-notices .popup-arrow, .custom-popup.popup-events .popup-arrow { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .custom-popup.popup-notices .popup-arrow button, .custom-popup.popup-events .popup-arrow button { display: block; width: 100%; height: 100%; border: none; background: transparent; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .custom-popup.popup-notices .popup-arrow button.swiper-button-disabled, .custom-popup.popup-events .popup-arrow button.swiper-button-disabled { opacity: .4; } .custom-popup.popup-notices .popup-arrow .global-icons, .custom-popup.popup-events .popup-arrow .global-icons { color: #f9f7ed; font-size: 0.875rem; } .custom-popup.popup-notices .popup-arrow.swiper-button-pre .global-icons, .custom-popup.popup-events .popup-arrow.swiper-button-pre .global-icons { display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); margin-right: 0.625rem; } .custom-popup.popup-notices .popup-arrow.swiper-button-next, .custom-popup.popup-events .popup-arrow.swiper-button-next { position: relative; } .custom-popup.popup-notices .popup-arrow.swiper-button-next .global-icons, .custom-popup.popup-events .popup-arrow.swiper-button-next .global-icons { margin-left: 0.625rem; } .custom-popup.popup-notices .popup-arrow.swiper-button-next:before, .custom-popup.popup-events .popup-arrow.swiper-button-next:before { content: ''; position: absolute; left: 0; top: 50%; width: 0.0625rem; height: 1.875rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #D7B14F; } .custom-popup.popup-notices .popup-arrow-title, .custom-popup.popup-events .popup-arrow-title { font-family: "lato", sans-serif; text-transform: uppercase; font-weight: normal; font-size: 1rem; letter-spacing: 0.05em; text-align: center; color: #f9f7ed; } .custom-popup.popup-notices .global-url, .custom-popup.popup-events .global-url { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .custom-popup.popup-notices .global-url:focus-visible, .custom-popup.popup-events .global-url:focus-visible { outline: 2px dashed #000; } .custom-popup.popup-notices .popup-card, .custom-popup.popup-events .popup-card { width: auto; } .custom-popup.popup-notices .popup-card.has-url .global-url, .custom-popup.popup-events .popup-card.has-url .global-url { display: block; } html.no-touch .custom-popup.popup-notices .popup-card.has-url .pc-content:hover .popup-title, html.no-touch .custom-popup.popup-events .popup-card.has-url .pc-content:hover .popup-title { color: #D7B14F; } html.no-touch .custom-popup.popup-notices .popup-card.has-url .pc-content:hover .popup-image:before, html.no-touch .custom-popup.popup-events .popup-card.has-url .pc-content:hover .popup-image:before { opacity: .25; visibility: visible; } html.no-touch .custom-popup.popup-notices .popup-card.has-url .pc-content:hover .card-dot, html.no-touch .custom-popup.popup-events .popup-card.has-url .pc-content:hover .card-dot { opacity: 1; visibility: visible; } .custom-popup.popup-notices .popup-card.no-url .global-url, .custom-popup.popup-events .popup-card.no-url .global-url { display: none; } .custom-popup.popup-notices .popup-card.no-url .popup-description > *:last-child:after, .custom-popup.popup-events .popup-card.no-url .popup-description > *:last-child:after { content: none; } .custom-popup.popup-notices .popup-card:last-child .pc-inner, .custom-popup.popup-events .popup-card:last-child .pc-inner { border: none; padding-bottom: 0; } .custom-popup.popup-notices .popup-content-inner, .custom-popup.popup-events .popup-content-inner { padding: 1.5625rem; } @media (min-width: 768px) { .custom-popup.popup-notices .popup-content-inner, .custom-popup.popup-events .popup-content-inner { height: 100%; padding: 1.25rem 0 0; } } .custom-popup.popup-notices .pc-inner, .custom-popup.popup-events .pc-inner { padding-top: 2.5rem; padding-bottom: 6.25rem; overflow: visible; max-width: 18.4375rem; margin: 0 auto; } @media (min-width: 375px) { .custom-popup.popup-notices .pc-inner, .custom-popup.popup-events .pc-inner { max-width: 20.625rem; margin: 0 0.3125rem; } } @media (min-width: 768px) { .custom-popup.popup-notices .pc-inner, .custom-popup.popup-events .pc-inner { max-width: 23.125rem; margin: 0 auto 2.5rem; padding-bottom: 2.5rem; padding-top: 0; border-bottom: 0.0625rem solid rgba(215, 177, 79, 0.4); } } .custom-popup.popup-notices .pc-content, .custom-popup.popup-events .pc-content { position: relative; } .custom-popup.popup-notices .pc-content-wrapper, .custom-popup.popup-events .pc-content-wrapper { margin: 0 0.625rem; } @media (min-width: 375px) { .custom-popup.popup-notices .pc-content-wrapper, .custom-popup.popup-events .pc-content-wrapper { max-width: 34.375rem; } } @media (min-width: 1024px) { .custom-popup.popup-notices .pc-content-wrapper, .custom-popup.popup-events .pc-content-wrapper { max-width: 54.0625rem; } } @media (min-width: 1336px) { .custom-popup.popup-notices .pc-content-wrapper, .custom-popup.popup-events .pc-content-wrapper { max-width: 61.875rem; } } .custom-popup.popup-notices .popup-content-header, .custom-popup.popup-events .popup-content-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .custom-popup.popup-notices .popup-content-header .hp-icon, .custom-popup.popup-events .popup-content-header .hp-icon { font-size: 1.3125rem; color: #D7B14F; display: inline-block; margin-right: 0.625rem; -webkit-transform: translateY(0.1875rem); -moz-transform: translateY(0.1875rem); -ms-transform: translateY(0.1875rem); -o-transform: translateY(0.1875rem); transform: translateY(0.1875rem); } @media (min-width: 768px) { .custom-popup.popup-notices .popup-content-header, .custom-popup.popup-events .popup-content-header { display: none; } } .custom-popup.popup-notices .popup-header, .custom-popup.popup-events .popup-header { font-family: "lato", sans-serif; font-weight: bold; font-size: 0.875rem; letter-spacing: 0.05em; text-align: left; color: #4B2563; } .custom-popup.popup-notices .popup-title, .custom-popup.popup-events .popup-title { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.9375rem; line-height: 2.25rem; text-align: left; color: #4B2563; margin: 1.25rem 0; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } @media (min-width: 375px) { .custom-popup.popup-notices .popup-title, .custom-popup.popup-events .popup-title { font-size: 1.875rem; line-height: 2.0625rem; } } @media (min-width: 768px) { .custom-popup.popup-notices .popup-title, .custom-popup.popup-events .popup-title { font-size: 1.9375rem; line-height: 2.25rem; margin-bottom: 0; } } .custom-popup.popup-notices .popup-image, .custom-popup.popup-events .popup-image { background-color: #4B2563; height: 12.5rem; min-height: 12.5rem; overflow: hidden; -webkit-border-radius: 0.3125rem 0.3125rem 0 0; -moz-border-radius: 0.3125rem 0.3125rem 0 0; border-radius: 0.3125rem 0.3125rem 0 0; position: relative; } .custom-popup.popup-notices .popup-image:before, .custom-popup.popup-events .popup-image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #4B2563; z-index: 1; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .custom-popup.popup-notices .popup-image img, .custom-popup.popup-events .popup-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out; display: block; } @media (min-width: 768px) { .custom-popup.popup-notices .popup-image, .custom-popup.popup-events .popup-image { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 9.375rem; -webkit-border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; border-radius: 0.3125rem; background-color: transparent; -webkit-box-shadow: 0 0.3125rem 1rem rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0.3125rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.3125rem 1rem rgba(0, 0, 0, 0.15); } } .custom-popup.popup-notices .popup-content, .custom-popup.popup-events .popup-content { background: #FCFCF7; } @media (min-width: 768px) { .custom-popup.popup-notices .popup-content, .custom-popup.popup-events .popup-content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 1024px) { .custom-popup.popup-notices .popup-content, .custom-popup.popup-events .popup-content { -webkit-border-radius: 0 0.3125rem 0.3125rem 0; -moz-border-radius: 0 0.3125rem 0.3125rem 0; border-radius: 0 0.3125rem 0.3125rem 0; } } .custom-popup.popup-notices .popup-description, .custom-popup.popup-events .popup-description { font-family: "lato", sans-serif; font-weight: 300; text-align: left; font-size: 1.1875rem; line-height: 1.5625rem; color: #4B2563; } .custom-popup.popup-notices .popup-description a, .custom-popup.popup-events .popup-description a { color: #4B2563; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .custom-popup.popup-notices .popup-description a:hover, .custom-popup.popup-events .popup-description a:hover { color: #9AC7D9; } .custom-popup.popup-notices .popup-description ul, .custom-popup.popup-notices .popup-description ol, .custom-popup.popup-events .popup-description ul, .custom-popup.popup-events .popup-description ol { margin-left: 30px; } .custom-popup.popup-notices .popup-description ul, .custom-popup.popup-events .popup-description ul { list-style-type: disc; } .custom-popup.popup-notices .popup-description ol, .custom-popup.popup-events .popup-description ol { list-style-type: decimal; } .custom-popup.popup-notices .popup-description > *:last-child:after, .custom-popup.popup-events .popup-description > *:last-child:after { content: "\e904"; margin-left: 0.4375rem; font-family: 'global-icons'; font-size: 0.75rem; color: #9AC7D9; } @media (min-width: 768px) { .custom-popup.popup-notices .popup-description, .custom-popup.popup-events .popup-description { margin: 1.5625rem 0 0.9375rem; } } .custom-popup.popup-notices .updated, .custom-popup.popup-events .updated { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.875rem; line-height: 1.5rem; text-align: left; letter-spacing: 0.05em; color: #4B2563; opacity: 0.55; text-transform: uppercase; margin: 0.9375rem 0 0; display: block; } @media (min-width: 768px) { .custom-popup.popup-notices .updated, .custom-popup.popup-events .updated { margin: 1.875rem 0 0; } } .custom-popup.popup-notices .card-dot, .custom-popup.popup-events .card-dot { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 3.75rem; height: 3.75rem; font-size: 2.1875rem; z-index: 2; } @media (max-width: 767px) { .custom-popup.popup-notices .card-dot, .custom-popup.popup-events .card-dot { display: none; } } @media (min-width: 768px) { .custom-popup.popup-notices, .custom-popup.popup-events { display: block !important; pointer-events: none; background: transparent; -webkit-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .custom-popup.popup-notices.opened, .custom-popup.popup-events.opened { pointer-events: all; background: rgba(43, 17, 59, 0.8); opacity: 1; visibility: visible; } .custom-popup.popup-notices.opened .custom-popup-scroller > .close-popup-wrapper, .custom-popup.popup-events.opened .custom-popup-scroller > .close-popup-wrapper { opacity: 1; visibility: visible; -webkit-transition: opacity 0s .2s, visibility 0s .2s; -o-transition: opacity 0s .2s, visibility 0s .2s; -moz-transition: opacity 0s .2s, visibility 0s .2s; transition: opacity 0s .2s, visibility 0s .2s; } .custom-popup.popup-notices.opened .custom-popup-swiper-wrapper, .custom-popup.popup-events.opened .custom-popup-swiper-wrapper { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .custom-popup.popup-notices.opened .popup-wrapper, .custom-popup.popup-events.opened .popup-wrapper { opacity: 1; visibility: visible; } } .hp-section { padding: 4.0625rem 1.875rem; } @media (min-width: 768px) { .hp-section { padding-left: 5rem; padding-right: 5rem; } } @media (min-width: 1024px) { .hp-section { padding-left: 6.875rem; padding-right: 6.875rem; } } @media (min-width: 1600px) { .hp-section { padding-left: 7.5rem; padding-right: 7.5rem; } } .hp-section-1 { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 3; padding-top: 4.6875rem; padding-bottom: 4.6875rem; } .hp-section-1:before, .hp-section-1:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #4B2563; z-index: 2; pointer-events: none; } @media (min-width: 768px) { .hp-section-1:before, .hp-section-1:after { content: none; } } @media (min-width: 768px) { .hp-section-1 { height: 100vh; } } .hp-section-1_image { position: absolute; width: 100%; height: 100%; z-index: 1; pointer-events: none; } .hp-section-1_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .hp-section-1_image { display: none; } } .hp-section-1_inner { position: relative; z-index: 3; color: #fff; max-width: 16.25rem; } @media (min-width: 768px) { .hp-section-1_inner { max-width: 37rem; } } @media (min-width: 1024px) { .hp-section-1_inner { max-width: 52.25rem; } } .hp-section-1_title { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 2.5rem; text-align: center; color: #fff; margin-bottom: 1.25rem; } @media (max-width: 767px) { .hp-section-1_title br { display: none; } } @media (min-width: 768px) { .hp-section-1_title { font-size: 2.5rem; } } @media (min-width: 1024px) { .hp-section-1_title { font-size: 4.6875rem; } } .hp-section-1_description { font-family: "lato", sans-serif; font-weight: 300; font-size: 1.0625rem; text-align: center; color: #FCFCF7; } .hp-section-1_description strong { font-weight: 400; } @media (min-width: 768px) { .hp-section-1_description { font-size: 1.0625rem; } } @media (min-width: 1024px) { .hp-section-1_description { font-size: 1.625rem; } } .hp-within-inner { cursor: pointer; position: relative; } html.no-touch .hp-within-inner:hover .hp-within-description span.global-icons { -webkit-transform: translateY(3px) translateX(3px); -moz-transform: translateY(3px) translateX(3px); -ms-transform: translateY(3px) translateX(3px); -o-transform: translateY(3px) translateX(3px); transform: translateY(3px) translateX(3px); } html.no-touch .hp-within-inner:hover .hp-within-image:before { opacity: 1; visibility: visible; } .hp-within-image { position: relative; aspect-ratio: 260/178; /* Styles for browsers that do not support aspect-ratio */ } @supports not (aspect-ratio: 16/9) { .hp-within-image { width: 18.4375rem; height: 12.5625rem; } @media (min-width: 768px) { .hp-within-image { width: 20.9375rem; height: 14.3125rem; } } @media (min-width: 1024px) { .hp-within-image { width: 21.875rem; height: 15rem; } } @media (min-width: 1440px) { .hp-within-image { width: 24.6875rem; height: 16.875rem; } } } .hp-within-image .img { background-color: #4B2563; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .hp-within-image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; background: rgba(75, 37, 99, 0.3); -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; opacity: 0; visibility: hidden; } .hp-within-title { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.75rem; line-height: 2.0625rem; text-align: center; color: #4B2563; margin-top: 0.9375rem; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .hp-within-title span > span { display: none; color: #9AC7D9; font-weight: bold; } @media (min-width: 768px) { .hp-within-title span > span { display: inline-block; margin-left: 0.3125rem; } } @media (min-width: 375px) { .hp-within-title { font-size: 1.8125rem; line-height: 2.125rem; margin-top: 0.9375rem; } } @media (min-width: 768px) { .hp-within-title { font-size: 1.4375rem; line-height: 1.625rem; margin-top: 0.625rem; text-align: left; } } @media (min-width: 768px) { .hp-within-title { font-size: 1.625rem; line-height: 1.8125rem; } } @media (min-width: 1440px) { .hp-within-title { font-size: 1.75rem; line-height: 2.0625rem; margin-top: 1.5625rem; } } .hp-within-description { font-family: "lato", sans-serif; font-weight: 300; font-size: 1.0625rem; line-height: 1.4375rem; text-align: center; color: #4B2563; margin-top: 0.9375rem; overflow: hidden; max-height: 6.25rem; } @media (min-width: 768px) { .hp-within-description { text-align: left; } } .hp-within-description span.global-icons { color: #9AC7D9; font-size: 16px; margin-left: 10px; display: inline-block; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); -webkit-transition: -webkit-transform 0.2s ease-in; transition: -webkit-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in; transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; } .hp-within-cta { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: transparent; border: none; cursor: pointer; } .hp-within-cta:focus-visible { outline: 2px dashed #000; } body.homepage .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card .cards-card-content .ccc-inner, body.homepage .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card .cards-card-content .ccc-inner, body.homepage .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card .cards-card-content .ccc-inner, body.homepage .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card .cards-card-content .ccc-inner { background: transparent; } body.homepage .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card .cards-card-inner, body.homepage .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card .cards-card-inner, body.homepage .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card .cards-card-inner, body.homepage .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card .cards-card-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body.homepage .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card .ccc-name .global-icons, body.homepage .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card .ccc-name .global-icons, body.homepage .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card .ccc-name .global-icons, body.homepage .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card .ccc-name .global-icons { font-size: 16px; color: #D7B14F; margin-left: 10px; display: inline-block; } body.homepage .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card .ccc-name, body.homepage .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card .ccc-name, body.homepage .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card .ccc-name, body.homepage .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card .ccc-name, body.homepage .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card .description, body.homepage .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card .description, body.homepage .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card .description, body.homepage .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card .description { color: #fff; } body.homepage .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card .cards-card-content .ccc-inner, body.homepage .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card .cards-card-content .ccc-inner, body.homepage .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card .cards-card-content .ccc-inner, body.homepage .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card .cards-card-content .ccc-inner { padding-left: 0; padding-right: 0; } html.no-touch body.homepage .mediaPopup.isCard .mediaPopup__relatedContainer .cards-card .cards-card-inner:hover .ccc-name, html.no-touch body.homepage .isCard.hp-section-2-within-slideout .mediaPopup__relatedContainer .cards-card .cards-card-inner:hover .ccc-name, html.no-touch body.homepage .isCard.hp-section-3-community-slideout .mediaPopup__relatedContainer .cards-card .cards-card-inner:hover .ccc-name, html.no-touch body.homepage .isCard.hp-section-4-perspective-slideout .mediaPopup__relatedContainer .cards-card .cards-card-inner:hover .ccc-name { color: #D7B14F; } .hp-section-2 { background: #FFFFFF; background-image: url("/Images/img/assets/difference-bg.jpg?webp=true"); -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; } .hp-section-2 .hp-section-cta { margin: 0 auto; } .hp-section-2 .hp-section-cta:focus-visible { outline: 2px dashed #000; } .hp-section-2 .hp-section-title { margin-bottom: 2.5rem; } @media (min-width: 375px) { .hp-section-2 .hp-section-title { margin-bottom: 3.75rem; } } @media (min-width: 1024px) { .hp-section-2 .hp-section-title { margin-bottom: 6.25rem; } } @media (min-width: 1440px) { .hp-section-2 .hp-section-title { margin-bottom: 9.375rem; } } .hp-section-2 .hp-section_inner { position: relative; text-align: center; } @media (min-width: 1600px) { .hp-section-2 .hp-section_inner { max-width: 87.5rem; margin: 0 auto; } } .hp-section-2 .hp-section-media { margin-bottom: 4.0625rem; } @media (max-width: 768px) { .hp-section-2 .hp-section-media .hp-within-card .hp-within-dot { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: 0; -webkit-transform: translate(30px, 25px); -moz-transform: translate(30px, 25px); -ms-transform: translate(30px, 25px); -o-transform: translate(30px, 25px); transform: translate(30px, 25px); left: auto; top: auto; display: none; } } @media (min-width: 768px) { .hp-section-2 .hp-section-media { margin-left: auto; margin-right: auto; } } @media (min-width: 1024px) { .hp-section-2 .hp-section-media { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1024px) { .hp-section-2 { padding-top: 10rem; padding-bottom: 10rem; } } @media (min-width: 1440px) { .hp-section-2 { padding-top: 11.875rem; padding-bottom: 11.875rem; } } .hp-within-card { max-width: 18.4375rem; margin-left: auto; margin-right: auto; margin-bottom: 3.125rem; } @media (min-width: 768px) and (max-width: 1023px) { .hp-within-card:nth-of-type(even) { margin-left: auto; margin-top: 30px; margin-bottom: 30px; } } @media (min-width: 1024px) { .hp-within-card:nth-of-type(even) { margin-top: -1.25rem; } } @media (min-width: 1440px) { .hp-within-card:nth-of-type(even) { margin-top: -3.125rem; } } @media (min-width: 375px) { .hp-within-card { margin-bottom: 4.375rem; } } @media (min-width: 768px) { .hp-within-card { max-width: 20.9375rem; margin-left: 0; margin-right: 0; margin-bottom: 0; position: relative; } } @media (min-width: 1024px) { .hp-within-card { max-width: 100%; width: 33.3333%; } } @media (min-width: 1024px) { .hp-within-inner { margin: 0 1.5625rem; } } @media (min-width: 1440px) { .hp-within-inner { margin: 0 2.1875rem; } } body.homepage .mediaPopup .mediaPopup__relatedHeaderWrapper .secondLvlCss h4, body.homepage .hp-section-2-within-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4, body.homepage .hp-section-3-community-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4, body.homepage .hp-section-4-perspective-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4 { color: #D7B14F; } body.homepage .mediaPopup.isCard .mpRelatedTags li.forStaff, body.homepage .isCard.hp-section-2-within-slideout .mpRelatedTags li.forStaff, body.homepage .isCard.hp-section-3-community-slideout .mpRelatedTags li.forStaff, body.homepage .isCard.hp-section-4-perspective-slideout .mpRelatedTags li.forStaff { background: rgba(215, 177, 79, 0.1); color: #fff; } .hp-section-2-within-slideout .mediaPopup__content { background: #4B2563; } .hp-section-2-within-slideout .mediaPopup__contentInner { padding: 1.875rem; } .hp-section-2-within-slideout .cards-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 0.625rem; margin-top: 1.25rem; justify-items: center; } @media (min-width: 500px) { .hp-section-2-within-slideout .cards-container { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } .hp-section-2-within-slideout .mediaPopup__button .global-icons, .hp-section-2-within-slideout .mediaPopup__button .hp-icon { color: #fff; font-size: 0.625rem; } .hp-section-2-within-slideout .mediaPopup__button .hp-icon { font-size: 1.25rem; } .hp-section-2-within-slideout .hp-within-card { width: 100%; max-width: 100%; margin: 0 0 1.25rem; } .hp-section-2-within-slideout .hp-within-card .hp-within-inner { margin: 0; } .hp-section-2-within-slideout .hp-within-card .hp-within-title { width: 100%; margin-bottom: 0; color: #fff; text-align: left; } .hp-section-2-within-slideout .hp-within-card .hp-within-title span { display: inline; } .hp-section-2-within-slideout .hp-within-card .hp-within-description { display: block; } .hp-section-2-within-slideout .mediaPopup__col { width: 100%; } @media (max-width: 650px) { .hp-section-2-within-slideout .mediaPopup__col:nth-of-type(even) { display: block; } } .hp-section-2-within-slideout .mediaPopup__topNav { background: #D7B14F; } .hp-section-2-within-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4 { font-size: 1.4375rem; line-height: 2.0625rem; } @media (min-width: 1024px) { .hp-section-2-within-slideout .mediaPopup__relatedHeaderWrapper .secondLvlCss h4 { font-size: 1.6875rem; line-height: 2.1875rem; } } .mediaPopup .mediaPopup__type, .hp-section-2-within-slideout .mediaPopup__type, .hp-section-3-community-slideout .mediaPopup__type, .hp-section-4-perspective-slideout .mediaPopup__type, .mediaPopup .mediaPopup__topNav, .hp-section-2-within-slideout .mediaPopup__topNav, .hp-section-3-community-slideout .mediaPopup__topNav, .hp-section-4-perspective-slideout .mediaPopup__topNav { background: #D7B14F; } .hp-section-3 { background: #4B2563; background-image: url("/Images/img/assets/hp-students-bg.jpg?webp=true"); -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-bottom: 5rem; position: relative; } .hp-section-3 .hp-section_inner { z-index: 2; position: relative; } .hp-section-3 a:focus-visible, .hp-section-3 button:focus-visible { outline: 2px dashed #000; } .hp-section-3 .hp-section-interactive { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .hp-section-3 .hp-section-title, .hp-section-3 .hp-section-description, .hp-section-3 .hp-section-cta { color: #F9F7ED; } .hp-section-3 .hp-section-title { max-width: 58.25rem; margin: 0 auto; } @media (min-width: 375px) { .hp-section-3 .hp-section-title span:first-child { font-size: 2.375rem; } } @media (min-width: 768px) { .hp-section-3 .hp-section-title span:first-child { font-size: 3.375rem; } } @media (min-width: 1440px) { .hp-section-3 .hp-section-title span:first-child { font-size: 4.6875rem; } } .hp-section-3 .hp-section-description { text-align: center; } @media (min-width: 768px) { .hp-section-3 .hp-section-description { max-width: 34.375rem; } } @media (min-width: 1440px) { .hp-section-3 .hp-section-description { max-width: 42.5rem; } } .hp-section-3 .hp-section-interactive { position: relative; } @media (min-width: 768px) { .hp-section-3 .hp-section-cta { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; border-color: #D7B14F; } } .hp-section-3 .hp-section-arrow button { color: #fff; } @media (min-width: 768px) { .hp-section-3 { padding-top: 7.5rem; padding-bottom: 7.5rem; } } .hp-community-audio-ctrl { width: 3.625rem; height: 3.625rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #D7B14F; border: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: absolute; right: 1.25rem; bottom: 1.5625rem; -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; display: none; } .hp-community-audio-ctrl span { pointer-events: none; } .hp-community-audio-ctrl svg { overflow: visible; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; -webkit-transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); -moz-transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); -ms-transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); -o-transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; opacity: 1; visibility: visible; } .hp-community-audio-ctrl circle { fill: none; stroke-width: 0.125rem; stroke: #D7B14F; } .hp-community-audio-ctrl .hp-pause { display: none; } .hp-community-audio-ctrl .hp-play, .hp-community-audio-ctrl .hp-pause { color: #F9F7ED; } .hp-community-audio-ctrl .hp-play { font-size: 1.25rem; -webkit-transform: translateX(0.1875rem); -moz-transform: translateX(0.1875rem); -ms-transform: translateX(0.1875rem); -o-transform: translateX(0.1875rem); transform: translateX(0.1875rem); } .hp-community-audio-ctrl .hp-pause { font-size: 1.375rem; } html.no-touch .hp-community-audio-ctrl:hover { background-color: #E2574D; } .hp-community-audio-ctrl-inner { width: 3.75rem; height: 3.75rem; display: block; position: absolute; left: 0; top: 0; } .hp-community-title { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.875rem; line-height: 2.25rem; text-align: left; color: #4B2563; } @media (min-width: 375px) { .hp-community-title { font-size: 2rem; } } .hp-community-subtitleInfo { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.875rem; letter-spacing: 0.05em; line-height: 1.625rem; text-align: left; color: #4B2563; opacity: .55; display: inline-block; } .hp-community-flag, .hp-community-subtitle { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .hp-community-subtitle { margin-top: 0.625rem; } .hp-community-flag { width: 1.5625rem; height: 1rem; display: none !important; } .hp-community-flag img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .hp-community-cta { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.1875rem; text-align: left; color: #D7B14F; border: none; background: transparent; cursor: pointer; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; margin: 0 0 0 auto; } .hp-community-cta.link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .hp-community-cta span { pointer-events: none; font-size: 16px; } @media (min-width: 375px) { .hp-community-cta { font-size: 1.25rem; } } .hp-community-item { background: #FCFCF7; overflow: hidden; max-width: 20.8125rem; } @media (min-width: 1024px) { .hp-community-item:nth-of-type(odd) { margin-top: 50px; } } html.no-touch .hp-community-item:hover .hp-community-image:before { opacity: 1; visibility: visible; } .hp-community-image { max-height: 21.875rem; height: 14.375rem; position: relative; } .hp-community-image img { width: 100%; height: 100%; max-height: 21.875rem; aspect-ratio: 295/205; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; } .hp-community-image .sound-wave { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; display: none; } .hp-community-item.audio-playing .hp-community-image .sound-wave { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .hp-community-image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(75, 37, 99, 0.45); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; pointer-events: none; } .hp-community-item.audio-playing .hp-community-image:before { opacity: 1; visibility: visible; } .hp-community-content { position: relative; padding: 1.5625rem 1.25rem 1.875rem; } .hp-community-carousel { overflow: visible; } .hp-section-3-community-slideout .mediaPopup__tags { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .hp-section-3-community-slideout .secondLvlCss p { font-weight: 300; } .hp-section-3-community-slideout .mediaPopup__type, .hp-section-3-community-slideout .mediaPopup__topNav { background: #9AC7D9; } .hp-section-3-community-slideout.audio-not-playing .mediaPopup__singleImage:before { content: none; } .hp-section-3-community-slideout.audio-not-playing .sound-wave { display: none; } .hp-section-3-community-slideout .sound-wave { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hp-section-3-community-slideout .mediaPopup__singleImage { margin-bottom: 0; } .hp-section-3-community-slideout .mediaPopup__singleImage:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(38, 34, 98, 0.45); opacity: 1; visibility: visible; pointer-events: none; -webkit-border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; border-radius: 0.3125rem; } .hp-section-3-community-slideout .mediaPopup__imageWrapper { width: 50%; max-height: 100%; aspect-ratio: auto; float: right; margin-left: 3.125rem; margin-bottom: 3.125rem; position: relative; } .hp-section-3-community-slideout .mediaPopup__imageWrapper .mediaPopup__singleImage { overflow: hidden; height: 100%; width: 100%; margin-bottom: 0; } .hp-section-3-community-slideout .mediaPopup__imageWrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-filter: none !important; filter: none !important; } @media (max-width: 767px) { .hp-section-3-community-slideout .mediaPopup__imageWrapper { width: 95%; margin-left: 0; margin-bottom: 30px; float: none; } } .hp-section-3-community-slideout .mediaPopup__tags { display: inline-block; } .hp-section-3-community-slideout .mediaPopup__tag { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.75rem; letter-spacing: 0.05em; line-height: 1.1875rem; text-align: left; color: #FCFCF7; text-transform: uppercase; background: rgba(154, 199, 217, 0.1); padding: 0.3125rem 0.625rem; -webkit-border-radius: 0.9375rem; -moz-border-radius: 0.9375rem; border-radius: 0.9375rem; } .hp-section-3-community-slideout .mediaPopup__button .global-icons, .hp-section-3-community-slideout .mediaPopup__button .hp-icon { color: #fff; font-size: 0.625rem; } .hp-section-3-community-slideout .mediaPopup__button .hp-icon { font-size: 1.25rem; } .hp-section-3-community-slideout .mediaPopup__contentInner { padding: 1.875rem; } @media (max-width: 767px) { .hp-section-3-community-slideout .mediaPopup__contentInner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .hp-section-3-community-slideout .hp-community-audio-ctrl { bottom: 0; right: 0; -webkit-transform: translate(50%, 30%); -moz-transform: translate(50%, 30%); -ms-transform: translate(50%, 30%); -o-transform: translate(50%, 30%); transform: translate(50%, 30%); z-index: 2; } .hp-section-3-community-slideout .hp-community-audio-ctrl:focus-visible { outline: 2px dashed #000; } @media (min-width: 768px) { .hp-section-3-community-slideout .hp-community-audio-ctrl { right: auto; left: 0; bottom: 0; -webkit-transform: translate(-50%, 30%); -moz-transform: translate(-50%, 30%); -ms-transform: translate(-50%, 30%); -o-transform: translate(-50%, 30%); transform: translate(-50%, 30%); } } .hp-section-3-community-slideout .hp-community-item { overflow: visible; } .hp-section-3-community-slideout .hpp-open-popup { width: 3.125rem; height: 3.125rem; background: white; } .hp-section-3-community-slideout .mediaPopup__relatedContainer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .hp-section-3-community-slideout .hpp-related { width: 100%; padding: 0.625rem 0; } @media (min-width: 500px) { .hp-section-3-community-slideout .hpp-related { padding: 0.625rem; width: 50%; } } .hp-section-3-community-slideout .hpp-open-related { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; margin: 0; border: none; background: transparent; } .hp-section-3-community-slideout .hpp-open-related:focus-visible { outline: 2px dashed #fff; } .hp-section-3-community-slideout .hpp-related-inner { background: #FCFCF7; position: relative; } html.no-touch .hp-section-3-community-slideout .hpp-related-inner:hover .hpp-image:before { opacity: 1; visibility: visible; } .hp-section-3-community-slideout .hpp-image { max-height: 21.875rem; height: 14.375rem; position: relative; overflow: hidden; } .hp-section-3-community-slideout .hpp-image img { width: 100%; height: 100%; max-height: 21.875rem; aspect-ratio: 295/205; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; } .hp-section-3-community-slideout .hpp-image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(75, 37, 99, 0.4); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; pointer-events: none; } .hp-section-3-community-slideout .hpp-title { margin-bottom: 0.625rem; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .hp-section-3-community-slideout .hpp-title .gi-plus { font-size: 0.9375rem; color: #D7B14F; margin-left: 0.3125rem; } .hp-section-3-community-slideout .hpp-title .no-wrap { white-space: nowrap; } .hp-section-3-community-slideout .hpp-subtitle { margin: 0; } .hp-section-3-community-slideout .hpp-content { padding: 0.9375rem 1.25rem 0.625rem; } .hp-section-3-community-slideout .hp-community-title { font-family: "ivyora-display", sans-serif; text-align: left; margin: 0 0 2.5rem; font-weight: normal; color: #4B2563; margin-bottom: 0.625rem; font-size: 1.625rem; line-height: 2rem; } @media (min-width: 375px) { .hp-section-3-community-slideout .hp-community-title { font-size: 1.8125rem; line-height: 2.125rem; } } .hp-section-3-community-slideout .hp-community-subtitle { margin-top: 0; margin-bottom: 0.9375rem; } .hp-section-4 { background: #FFFFFF; background-image: url("/Images/img/assets/difference-bg.jpg?webp=true"); -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-bottom: 5rem; } .hp-section-4 a:focus-visible, .hp-section-4 button:focus-visible { outline: 2px dashed #000; } .hp-section-4 .hp-section-interactive { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 375px) { .hp-section-4 .hp-section-title span:first-child { font-size: 2.375rem; } } @media (min-width: 768px) { .hp-section-4 .hp-section-title span:first-child { font-size: 3.375rem; } } @media (min-width: 1440px) { .hp-section-4 .hp-section-title span:first-child { font-size: 4.6875rem; } } @media (min-width: 768px) { .hp-section-4 .hp-section-description { max-width: 34.375rem; } } @media (min-width: 1440px) { .hp-section-4 .hp-section-description { max-width: 42.5rem; } } .hp-section-4 .hp-section-interactive { position: relative; } @media (min-width: 768px) { .hp-section-4 .hp-section-cta { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } } .hp-section-4 .hp-section-arrow button { color: #4B2563; } @media (min-width: 768px) { .hp-section-4 { padding-top: 7.5rem; padding-bottom: 7.5rem; } } .hp-perspective-audio-ctrl { width: 3.625rem; height: 3.625rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #D7B14F; border: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: absolute; right: 1.25rem; bottom: 1.5625rem; -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; display: none; } .hp-perspective-audio-ctrl span { pointer-events: none; } .hp-perspective-audio-ctrl svg { overflow: visible; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; -webkit-transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); -moz-transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); -ms-transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); -o-transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); transform: rotate(-90deg) translateY(-0.0625rem) translateX(0.0625rem); -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; opacity: 1; visibility: visible; } .hp-perspective-audio-ctrl circle { fill: none; stroke-width: 0.125rem; stroke: #D7B14F; } .hp-perspective-audio-ctrl .hp-pause { display: none; } .hp-perspective-audio-ctrl .hp-play, .hp-perspective-audio-ctrl .hp-pause { color: #F9F7ED; } .hp-perspective-audio-ctrl .hp-play { font-size: 1.25rem; -webkit-transform: translateX(0.1875rem); -moz-transform: translateX(0.1875rem); -ms-transform: translateX(0.1875rem); -o-transform: translateX(0.1875rem); transform: translateX(0.1875rem); } .hp-perspective-audio-ctrl .hp-pause { font-size: 1.375rem; } html.no-touch .hp-perspective-audio-ctrl:hover { background-color: #E2574D; } .hp-perspective-audio-ctrl-inner { width: 3.75rem; height: 3.75rem; display: block; position: absolute; left: 0; top: 0; } .hp-perspective-title { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.875rem; line-height: 2.25rem; text-align: left; color: #4B2563; } @media (min-width: 375px) { .hp-perspective-title { font-size: 2rem; } } .hp-perspective-subtitleInfo { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.875rem; letter-spacing: 0.05em; line-height: 1.625rem; text-align: left; color: #4B2563; opacity: .55; margin-left: 0.625rem; display: inline-block; } .hp-perspective-flag, .hp-perspective-subtitle { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .hp-perspective-subtitle { margin-top: 0.625rem; } .hp-perspective-flag { width: 1.5625rem; height: 1rem; } .hp-perspective-flag img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .hp-perspective-cta { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 1.1875rem; text-align: left; color: #9AC7D9; border: none; background: transparent; cursor: pointer; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; margin: 0 0 0 auto; } .hp-perspective-cta.link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .hp-perspective-cta span { pointer-events: none; font-size: 16px; } @media (min-width: 375px) { .hp-perspective-cta { font-size: 1.25rem; } } .hp-perspective-item { background: #FCFCF7; overflow: hidden; max-width: 20.8125rem; } @media (min-width: 1024px) { .hp-perspective-item:nth-of-type(odd) { margin-top: 50px; } } html.no-touch .hp-perspective-item:hover .hp-perspective-image:before { opacity: 1; visibility: visible; } .hp-perspective-image { max-height: 21.875rem; height: 14.375rem; position: relative; } .hp-perspective-image img { width: 100%; height: 100%; max-height: 21.875rem; aspect-ratio: 295/205; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; } .hp-perspective-image .sound-wave { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; display: none; } .hp-perspective-item.audio-playing .hp-perspective-image .sound-wave { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .hp-perspective-image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(75, 37, 99, 0.45); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; pointer-events: none; } .hp-perspective-item.audio-playing .hp-perspective-image:before { opacity: 1; visibility: visible; } .hp-perspective-content { position: relative; padding: 1.5625rem 1.25rem 1.875rem; } .hp-perspective-carousel { overflow: visible; } .hp-section-4-perspective-slideout .mediaPopup__tags { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .hp-section-4-perspective-slideout .secondLvlCss p { font-weight: 300; } .hp-section-4-perspective-slideout .mediaPopup__type, .hp-section-4-perspective-slideout .mediaPopup__topNav { background: #9AC7D9; } .hp-section-4-perspective-slideout.audio-not-playing .mediaPopup__singleImage:before { content: none; } .hp-section-4-perspective-slideout.audio-not-playing .sound-wave { display: none; } .hp-section-4-perspective-slideout .sound-wave { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hp-section-4-perspective-slideout .mediaPopup__singleImage { margin-bottom: 0; } .hp-section-4-perspective-slideout .mediaPopup__singleImage:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(38, 34, 98, 0.45); opacity: 1; visibility: visible; pointer-events: none; -webkit-border-radius: 0.3125rem; -moz-border-radius: 0.3125rem; border-radius: 0.3125rem; } .hp-section-4-perspective-slideout .mediaPopup__imageWrapper { width: 50%; max-height: 100%; aspect-ratio: auto; float: right; margin-left: 3.125rem; margin-bottom: 3.125rem; position: relative; } .hp-section-4-perspective-slideout .mediaPopup__imageWrapper .mediaPopup__singleImage { overflow: hidden; height: 100%; width: 100%; margin-bottom: 0; } .hp-section-4-perspective-slideout .mediaPopup__imageWrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-filter: none !important; filter: none !important; } @media (max-width: 767px) { .hp-section-4-perspective-slideout .mediaPopup__imageWrapper { width: 95%; margin-left: 0; margin-bottom: 30px; float: none; } } .hp-section-4-perspective-slideout .mediaPopup__tags { display: inline-block; } .hp-section-4-perspective-slideout .mediaPopup__tag { font-family: "lato", sans-serif; font-weight: normal; font-size: 0.75rem; letter-spacing: 0.05em; line-height: 1.1875rem; text-align: left; color: #FCFCF7; text-transform: uppercase; background: rgba(154, 199, 217, 0.1); padding: 0.3125rem 0.625rem; -webkit-border-radius: 0.9375rem; -moz-border-radius: 0.9375rem; border-radius: 0.9375rem; } .hp-section-4-perspective-slideout .mediaPopup__button .global-icons, .hp-section-4-perspective-slideout .mediaPopup__button .hp-icon { color: #fff; font-size: 0.625rem; } .hp-section-4-perspective-slideout .mediaPopup__button .hp-icon { font-size: 1.25rem; } .hp-section-4-perspective-slideout .mediaPopup__contentInner { padding: 1.875rem; } @media (max-width: 767px) { .hp-section-4-perspective-slideout .mediaPopup__contentInner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .hp-section-4-perspective-slideout .hp-perspective-audio-ctrl { bottom: 0; right: 0; -webkit-transform: translate(50%, 30%); -moz-transform: translate(50%, 30%); -ms-transform: translate(50%, 30%); -o-transform: translate(50%, 30%); transform: translate(50%, 30%); z-index: 2; } .hp-section-4-perspective-slideout .hp-perspective-audio-ctrl:focus-visible { outline: 2px dashed #000; } @media (min-width: 768px) { .hp-section-4-perspective-slideout .hp-perspective-audio-ctrl { right: auto; left: 0; bottom: 0; -webkit-transform: translate(-50%, 30%); -moz-transform: translate(-50%, 30%); -ms-transform: translate(-50%, 30%); -o-transform: translate(-50%, 30%); transform: translate(-50%, 30%); } } .hp-section-4-perspective-slideout .hp-perspective-item { overflow: visible; } .hp-section-4-perspective-slideout .hpp-open-popup { width: 3.125rem; height: 3.125rem; background: white; } .hp-section-4-perspective-slideout .mediaPopup__relatedContainer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .hp-section-4-perspective-slideout .hpp-related { width: 100%; padding: 0.625rem 0; } @media (min-width: 500px) { .hp-section-4-perspective-slideout .hpp-related { padding: 0.625rem; width: 50%; } } .hp-section-4-perspective-slideout .hpp-open-related { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; margin: 0; border: none; background: transparent; } .hp-section-4-perspective-slideout .hpp-open-related:focus-visible { outline: 2px dashed #fff; } .hp-section-4-perspective-slideout .hpp-related-inner { background: #FCFCF7; position: relative; } html.no-touch .hp-section-4-perspective-slideout .hpp-related-inner:hover .hpp-image:before { opacity: 1; visibility: visible; } .hp-section-4-perspective-slideout .hpp-image { max-height: 21.875rem; height: 14.375rem; position: relative; overflow: hidden; } .hp-section-4-perspective-slideout .hpp-image img { width: 100%; height: 100%; max-height: 21.875rem; aspect-ratio: 295/205; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; } .hp-section-4-perspective-slideout .hpp-image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(75, 37, 99, 0.4); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; pointer-events: none; } .hp-section-4-perspective-slideout .hpp-title { margin-bottom: 0.625rem; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .hp-section-4-perspective-slideout .hpp-title .gi-plus { font-size: 0.9375rem; color: #D7B14F; margin-left: 0.3125rem; } .hp-section-4-perspective-slideout .hpp-title .no-wrap { white-space: nowrap; } .hp-section-4-perspective-slideout .hpp-subtitle { margin: 0; } .hp-section-4-perspective-slideout .hpp-content { padding: 0.9375rem 1.25rem 0.625rem; } .hp-section-4-perspective-slideout .hp-perspective-title { font-family: "ivyora-display", sans-serif; text-align: left; margin: 0 0 1.25rem; font-weight: normal; color: #4B2563; margin-bottom: 0.625rem; font-size: 1.625rem; line-height: 2rem; } @media (min-width: 375px) { .hp-section-4-perspective-slideout .hp-perspective-title { font-size: 1.8125rem; line-height: 2.125rem; } } .hp-section-4-perspective-slideout .hp-perspective-subtitle { margin-top: 0; margin-bottom: 0.9375rem; } .hp-section-title { font-family: "ivyora-display", sans-serif; font-weight: normal; font-size: 2rem; line-height: 2.25rem; text-align: center; color: #4B2563; } .hp-section-title span { display: block; } .hp-section-title span:last-child { letter-spacing: 0; font-size: 2.375rem; } @media (min-width: 375px) { .hp-section-title span:last-child { font-size: 2.625rem; } } @media (min-width: 768px) { .hp-section-title span:last-child { font-size: 3.75rem; } } @media (min-width: 1440px) { .hp-section-title span:last-child { font-size: 4.6875rem; } } @media (min-width: 375px) { .hp-section-title { font-size: 2.3125rem; line-height: 2.5rem; } } @media (min-width: 768px) { .hp-section-title { font-size: 3.3125rem; line-height: 3.625rem; } } @media (min-width: 1440px) { .hp-section-title { font-size: 4.6875rem; line-height: 5.0625rem; } } .hp-section-description { font-family: "lato", sans-serif; font-weight: 300; font-size: 1.125rem; line-height: 1.5rem; text-align: left; color: #4B2563; margin: 1.875rem 0 3.75rem; } @media (min-width: 768px) { .hp-section-description { font-size: 1.1875rem; line-height: 1.6875rem; margin: 1.875rem auto 5rem; max-width: 37.5rem; text-align: center; } } @media (min-width: 1440px) { .hp-section-description { font-size: 1.625rem; max-width: 42.5rem; margin: 3.125rem auto 6.25rem; } } .hp-section-cta { font-family: "lato", sans-serif; font-weight: bold; font-size: 1rem; line-height: 1.1875rem; letter-spacing: 0.05em; color: #4B2563; background: transparent; padding: 0.9375rem 1.5625rem; -webkit-border-radius: 2.1875rem; -moz-border-radius: 2.1875rem; border-radius: 2.1875rem; border: 0.0625rem solid #9AC7D9; cursor: pointer; text-align: center; display: inline-block; margin: 0 auto; -webkit-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; transition: color 0.2s ease-in; text-transform: uppercase; } html.no-touch .hp-section-cta:hover { color: #D7B14F; } @media (max-width: 375px) { .hp-section-cta { max-width: 13.75rem; } } @media (min-width: 1440px) { .hp-section-cta { font-size: 1.1875rem; line-height: 1.375rem; } } .hp-section-arrows { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 2.5rem 0; } @media (min-width: 768px) { .hp-section-arrows { margin: 5rem 0; } } @media (min-width: 1024px) { .hp-section-arrows { margin: 5.4375rem 0; } } .hp-section-arrow button { background: transparent; border: none; cursor: pointer; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .hp-section-arrow button.swiper-button-disabled { opacity: .5; pointer-events: none; } html.no-touch .hp-section-arrow button:hover .global-icons { -webkit-transform: translateX(0.3125rem); -moz-transform: translateX(0.3125rem); -ms-transform: translateX(0.3125rem); -o-transform: translateX(0.3125rem); transform: translateX(0.3125rem); color: #D7B14F; } .hp-section-arrow .global-icons { font-size: 1.25rem; pointer-events: none; display: block; -webkit-transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in; transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in; -o-transition: color 0.2s ease-in, -o-transform 0.2s ease-in; -moz-transition: transform 0.2s ease-in, color 0.2s ease-in, -moz-transform 0.2s ease-in; transition: transform 0.2s ease-in, color 0.2s ease-in; transition: transform 0.2s ease-in, color 0.2s ease-in, -webkit-transform 0.2s ease-in, -moz-transform 0.2s ease-in, -o-transform 0.2s ease-in; } .hp-section-arrow.swiper-button-pre { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sound-wave { width: 9.375rem; height: 4.0625rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } html.no-touch .sound-wave:hover .sound-bar { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .sound-bar { display: block; width: 0.1875rem; margin-right: 0.0625rem; -webkit-border-radius: 0.125rem; -moz-border-radius: 0.125rem; border-radius: 0.125rem; background: #F9F7ED; -webkit-animation: waveAnimation 0ms -800ms linear infinite alternate; -moz-animation: waveAnimation 0ms -800ms linear infinite alternate; -o-animation: waveAnimation 0ms -800ms linear infinite alternate; animation: waveAnimation 0ms -800ms linear infinite alternate; -webkit-transition: height .8s; -o-transition: height .8s; -moz-transition: height .8s; transition: height .8s; } .sound-bar:nth-child(1) { height: 0.125rem; -webkit-animation-duration: 474ms; -moz-animation-duration: 474ms; -o-animation-duration: 474ms; animation-duration: 474ms; } .sound-bar:nth-child(2) { height: 0.625rem; -webkit-animation-duration: 433ms; -moz-animation-duration: 433ms; -o-animation-duration: 433ms; animation-duration: 433ms; } .sound-bar:nth-child(3) { height: 1.125rem; -webkit-animation-duration: 407ms; -moz-animation-duration: 407ms; -o-animation-duration: 407ms; animation-duration: 407ms; } .sound-bar:nth-child(4) { height: 1.625rem; -webkit-animation-duration: 458ms; -moz-animation-duration: 458ms; -o-animation-duration: 458ms; animation-duration: 458ms; } .sound-bar:nth-child(5) { height: 1.25rem; -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; -o-animation-duration: 400ms; animation-duration: 400ms; } .sound-bar:nth-child(6) { height: 1.375rem; -webkit-animation-duration: 427ms; -moz-animation-duration: 427ms; -o-animation-duration: 427ms; animation-duration: 427ms; } .sound-bar:nth-child(7) { height: 1.5625rem; -webkit-animation-duration: 441ms; -moz-animation-duration: 441ms; -o-animation-duration: 441ms; animation-duration: 441ms; } .sound-bar:nth-child(8) { height: 1.25rem; -webkit-animation-duration: 419ms; -moz-animation-duration: 419ms; -o-animation-duration: 419ms; animation-duration: 419ms; } .sound-bar:nth-child(9) { height: 0.9375rem; -webkit-animation-duration: 487ms; -moz-animation-duration: 487ms; -o-animation-duration: 487ms; animation-duration: 487ms; } .sound-bar:nth-child(10) { height: 1.3125rem; -webkit-animation-duration: 442ms; -moz-animation-duration: 442ms; -o-animation-duration: 442ms; animation-duration: 442ms; } .sound-bar:nth-child(11) { height: 0.125rem; -webkit-animation-duration: 474ms; -moz-animation-duration: 474ms; -o-animation-duration: 474ms; animation-duration: 474ms; } .sound-bar:nth-child(12) { height: 0.625rem; -webkit-animation-duration: 433ms; -moz-animation-duration: 433ms; -o-animation-duration: 433ms; animation-duration: 433ms; }