@font-face { font-family: "TTHoves"; src: url("fonts/TTHoves-Regular.woff2") format("woff2"), url("fonts/TTHoves-Regular.woff") format("woff"); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: "TTHoves"; src: url("fonts/TTHoves-Medium.woff2") format("woff2"), url("fonts/TTHoves-Medium.woff") format("woff"); font-weight: 500; font-display: swap; font-style: normal; } @font-face { font-family: "TTHoves"; src: url("fonts/TTHoves-DemiBold.woff2") format("woff2"), url("fonts/TTHoves-DemiBold.woff") format("woff"); font-weight: 600; font-display: swap; font-style: normal; } @font-face { font-family: "TTHoves"; src: url("fonts/TTHoves-Bold.woff2") format("woff2"), url("fonts/TTHoves-Bold.woff") format("woff"); font-weight: 800; font-display: swap; font-style: normal; } @font-face { font-family: "FFCeleste"; src: url("fonts/FFCeleste.woff2") format("woff2"), url("fonts/FFCeleste.woff") format("woff"); font-weight: 450; font-display: swap; font-style: normal; } html, body { font-size: 16px; font-family: "TTHoves"; } * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; } ::selection { color: #fff; background-color: #c84727; } .header .header__wrap { display: flex; justify-content: space-between; align-items: center; padding: 0.625rem 0; } .header h1 { margin: 0; } .header .header__nav ul li { list-style: none; display: inline-block; margin: 0 0.625rem; } .header .header__nav a { color: #fff; } .header .header__nav a.active { color: #e4675b; } footer { background-color: #fff; } footer ul { list-style: none; } footer .l-container { position: relative; } footer .footer-menu .footer-menu__wrapper { padding: 2rem 0; display: flex; justify-content: space-between; gap: 0rem; flex-wrap: wrap; } @media screen and (min-width: 768px) { footer .footer-menu .footer-menu__wrapper { row-gap: 48px; padding: 3rem 0; } } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper { flex-wrap: nowrap; gap: 1.875rem; padding: 5rem 0; padding-bottom: 5rem; row-gap: 0px; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper { width: 100%; } @media screen and (min-width: 768px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper { width: calc(33.33% - 7.6px); } } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper { width: 15.0466%; } } @media screen and (max-width: 767px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) .footer-menu-nav__title { padding: 1.25rem 0; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__title { font-family: "TTHoves"; font-weight: 600; font-size: 1rem; line-height: 1.4; letter-spacing: 0em; text-align: left; color: #141414; padding: 1rem 0; margin-bottom: 0; cursor: pointer; position: relative; } @media screen and (min-width: 768px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__title { border-bottom: 1px solid #d8d8d8; cursor: default; padding-bottom: 0.5625rem; margin-bottom: 1.25rem; padding-top: 0; } } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__title { margin-bottom: 2.3125rem; font-size: 1.125rem; line-height: 1.3888; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__title::after { content: ""; width: 17px; height: 17px; background-image: url("../images/down-arrow.svg"); z-index: 1; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transform-origin: center; } @media screen and (min-width: 768px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__title::after { display: none; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__title.active::after { transform: rotate(180deg) translateY(8px); } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .nav-column__wrapper { display: flex; row-gap: 1.875rem; flex-wrap: wrap; display: none; } @media screen and (min-width: 768px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .nav-column__wrapper { display: flex; gap: 0.8125rem; flex-wrap: nowrap; } } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .nav-column__wrapper { gap: 1.875rem; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .nav-column__wrapper.show-nav { display: flex; margin-bottom: 1.375rem; } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .nav-column__wrapper .nav-column { display: flex; flex-direction: column; max-width: 100%; row-gap: 1.875rem; } @media screen and (min-width: 768px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .nav-column__wrapper .nav-column { row-gap: 1.5rem; max-width: 15.1875rem; } } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .nav-column__wrapper .nav-column { row-gap: 3.75rem; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) { width: 100%; display: flex; flex-direction: column; } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) { width: 42.0466%; } } @media screen and (min-width: 1199px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) { width: 64.0466%; } } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) .nav-column__wrapper { flex-wrap: wrap; } } @media screen and (min-width: 1199px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) .nav-column__wrapper { flex-wrap: nowrap; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) .nav-column { width: 100%; } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) .nav-column { width: calc(50% - 15px); } } @media screen and (min-width: 1199px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) .nav-column { width: calc(33.33% - 15px); } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) .nav-column .footer-menu-nav__list { max-width: 100%; } @media screen and (min-width: 768px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) .nav-column .footer-menu-nav__list { max-width: 9.6875rem; } } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper:nth-child(1) .nav-column .footer-menu-nav__list { max-width: unset; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li { font-family: "TTHoves"; font-weight: 500; line-height: 1.4; font-size: 0.875rem; letter-spacing: 0.02em; text-align: left; color: #141414; font-size: 0.75rem; line-height: 1.416; } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li { font-size: 0.8rem; line-height: 1.4; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li a { display: inline-block; color: inherit; text-decoration: none; text-underline-offset: 0.125rem; transition: all 0.1s ease-in-out; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li a:hover { color: #c84727; text-decoration: underline; } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li:nth-child(2) { margin-top: 1rem; } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li:nth-child(2) { margin-top: 1.25rem; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li + li { margin-top: 1rem; } @media screen and (min-width: 950px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li + li { margin-top: 1.5rem; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list .footer-menu-nav__item.nav-title { font-weight: 600; } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list .footer-menu-nav__item.nav-title br { display: none; } @media screen and (min-width: 768px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list .footer-menu-nav__item.nav-title br { display: block; } } footer .footer-bottom { border-top: 1px solid #d8d8d8; padding: 1.875rem 0 1.125rem; } @media screen and (min-width: 768px) { footer .footer-bottom { padding: 2.78125rem 0 2.5rem; } } @media screen and (min-width: 1024px) { footer .footer-bottom { padding: 5rem 0 2.5rem; } } footer .footer-bottom .footer-logo { max-width: 9.375rem; margin-bottom: 1.6875rem; } @media screen and (min-width: 768px) { footer .footer-bottom .footer-logo { max-width: 11.875rem; margin-bottom: 2.0625rem; } } @media screen and (min-width: 1024px) { footer .footer-bottom .footer-logo { margin-bottom: 1.875rem; max-width: 15.3125rem; } } footer .footer-bottom .footer-logo a { outline: 0.125rem solid rgba(0, 0, 0, 0) !important; outline-offset: 0.25rem; display: block; } footer .footer-bottom .footer-logo a:focus-visible { outline: 0.125rem solid #c84727 !important; } footer .footer-bottom .footer-bottom__wrapper { display: flex; justify-content: space-between; align-items: center; flex-direction: column; } @media screen and (min-width: 768px) { footer .footer-bottom .footer-bottom__wrapper { flex-direction: row; } } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav { min-width: calc(100% - 20px); margin-bottom: 2rem; gap: 1rem; align-items: center; } @media screen and (max-width: 767px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav { flex-wrap: wrap; } } @media screen and (min-width: 768px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav { margin-bottom: 0; gap: 1.734375rem; } } @media screen and (min-width: 1024px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav { min-width: unset; gap: 1.296875rem; } } @media screen and (min-width: 1670px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav { gap: 3rem; } } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav span.copyright { font-family: "TTHoves"; font-size: 0.75rem; line-height: 1.4; font-weight: 500; letter-spacing: 0.02em; text-align: left; color: #141414; transition: all 0.1s ease-in-out; text-underline-offset: 0.125rem; outline: 2px solid rgba(0, 0, 0, 0) !important; outline-offset: 0.1875rem; display: inline-block; text-decoration: none; } @media screen and (min-width: 768px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav span.copyright { font-size: 0.6875rem; } } @media screen and (min-width: 1199px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav span.copyright { font-size: 0.8rem; } } @media screen and (max-width: 767px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav span.copyright { width: 100%; } } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul { display: flex; gap: 1rem; justify-content: space-between; flex-direction: column; margin-bottom: 0; } @media screen and (min-width: 768px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul { gap: 1.734375rem; flex-direction: row; } } @media screen and (min-width: 1024px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul { gap: 1.296875rem; justify-content: flex-start; } } @media screen and (min-width: 1670px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul { gap: 3rem; } } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul li a { font-family: "TTHoves"; font-size: 0.75rem; line-height: 1.4; font-weight: 500; letter-spacing: 0.02em; text-align: left; color: #141414; transition: all 0.1s ease-in-out; text-underline-offset: 0.125rem; outline: 2px solid rgba(0, 0, 0, 0) !important; outline-offset: 0.1875rem; display: inline-block; } @media screen and (min-width: 768px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul li a { font-size: 0.6875rem; } } @media screen and (min-width: 1199px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul li a { font-size: 0.8rem; } } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul li a:hover { color: #c84727; } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul li a:focus-visible { color: #c84727; text-decoration: none; outline: 2px solid #c84727 !important; } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social { display: flex; gap: 3rem; align-items: center; } @media screen and (min-width: 768px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social { position: absolute; right: 1.375rem; top: -0.25rem; } } @media screen and (min-width: 1024px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social { gap: 1.25rem; position: relative; right: auto; top: auto; } } @media screen and (min-width: 1670px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social { gap: 4.155625rem; } } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul { display: flex; gap: 1.5rem; align-items: center; margin-bottom: 0; } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul li a { width: 24px; height: 24px; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; outline-offset: 0.1875rem; display: block; } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul li a:focus-visible { outline: 0.125rem solid #c84727 !important; } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul li a:hover img { transform: scale(1.1); } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul li a img { width: 1.5rem; max-height: 1.5rem; transition: all 0.3s ease-in-out; } @media screen and (min-width: 950px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul li a img { max-height: unset; width: unset; } } @media screen and (min-width: 1199px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul li a img { max-height: unset; } } body.single-podcast footer { margin-bottom: 6.5625rem; } @media screen and (min-width: 768px) { body.single-podcast footer { height: 6.125rem; } } @media screen and (min-width: 1440px) { body.single-podcast footer { height: 6.25rem; } } .drift-frame-controller-align-right.ap-sticky { bottom: 8.125rem !important; } .aspect-box { position: relative; width: 100%; } .aspect-box img, .aspect-box video, .aspect-box canvas, .aspect-box iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; object-fit: cover; } .aspect-box:before { content: ""; display: block; padding-top: calc(var(--aspect-ratio) * 100%); } a.hyperlink { font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.02em; text-align: left; padding-bottom: 0.3125rem; border-bottom: 2px solid #141414; text-decoration: none; transition: all 0.3s ease-in-out; display: inline-block; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } a.hyperlink:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } @media screen and (min-width: 950px) { a.hyperlink { padding-bottom: 0.3125rem; } } @media screen and (min-width: 1199px) { a.hyperlink { margin-bottom: 1.5rem; } } @media screen and (min-width: 1440px) { a.hyperlink { line-height: 1.4; font-size: 1rem; padding-bottom: 0.625rem; border-bottom: 1px solid #141414; } } @media screen and (min-width: 1920px) { a.hyperlink { font-size: 0.8333333333vw; } } a.hyperlink:hover { color: #c84727; border-color: #c84727; } .l-tag { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; padding: 0.25rem 0.5rem; background-color: #c84727; color: #141414; display: inline-flex; align-items: center; border-radius: 0.375rem; min-height: 1.5625rem; } @media screen and (min-width: 768px) { .l-tag { font-size: 0.75rem; padding: 0.125rem 0.5rem; } } @media screen and (min-width: 1199px) { .l-tag { font-size: 0.75rem; padding: 0.375rem 0.75rem; min-height: 2.1875rem; } } @media screen and (min-width: 1670px) { .l-tag { font-size: 0.875rem; padding: 0.625rem 1rem; min-height: 2.5rem; } } @media screen and (min-width: 1920px) { .l-tag { font-size: 0.7291666667vw; } } .l-breadcrumbs ul { display: flex; gap: 1.75rem; list-style: none; } @media screen and (min-width: 950px) { .l-breadcrumbs ul { gap: 1.9375rem; } } .l-breadcrumbs ul li { position: relative; } @media screen and (min-width: 768px) { .l-breadcrumbs ul li:not(:last-child) { display: block; } } @media screen and (max-width: 767px) { .l-breadcrumbs ul li { display: none; } .l-breadcrumbs ul li:nth-last-child(1) { display: block; margin-left: 1.25rem; } .l-breadcrumbs ul li:nth-last-child(1) a::after { content: url("../images/icons/icon-right-arrow-small.svg"); position: absolute; top: 50%; transform: translateY(-50%); width: 0.75rem; height: 0.75rem; left: -1.4375rem; transform: translateY(calc(-50% + 1px)) rotate(180deg) scale(0.8) translateX(-5px); } } .l-breadcrumbs ul li::after { content: url("../images/icons/icon-right-arrow-small.svg"); position: absolute; top: 50%; transform: translateY(-50%); width: 0.75rem; height: 0.75rem; right: -1.4375rem; transform: translateY(calc(-50% - 1px)) scale(0.8) translateX(-4px); } @media screen and (min-width: 950px) { .l-breadcrumbs ul li::after { transform: translateY(-50%); width: 0.9375rem; height: 0.9375rem; } } .l-breadcrumbs ul li:nth-last-child(1)::after { display: none; } .l-breadcrumbs ul li a { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; text-align: left; color: #fff; text-decoration: none; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .l-breadcrumbs ul li a:focus-visible { text-decoration: none; outline: 0.125rem solid #c84727 !important; } .l-breadcrumbs ul li a:hover { text-decoration: underline; text-underline-offset: 0.125rem; text-decoration-thickness: 0.0625rem; } @media screen and (min-width: 950px) { .l-breadcrumbs ul li a { font-size: 1rem; } } @media screen and (min-width: 1920px) { .l-breadcrumbs ul li a { font-size: 0.8333333333vw; } } .l-breadcrumbs ul li:nth-last-child(1) a, .l-breadcrumbs ul li.is-current a { font-weight: 600; } .l-linkcard { padding: 0.59375rem 0.823125rem 0.59375rem 1.020625rem; min-height: 2.75rem; border-radius: 0.4025rem; border: 1px solid #717171; display: flex; align-items: center; gap: 0.8125rem; font-family: "TTHoves"; font-weight: 600; font-size: 0.875rem; line-height: 1.4; letter-spacing: 0em; text-align: left; text-decoration: none; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; position: relative; text-decoration: none; } @media screen and (min-width: 950px) { .l-linkcard { font-size: 1rem; padding: 0.625rem 0.823125rem 0.625rem 1.020625rem; min-height: 2.8125rem; } } .l-linkcard:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .l-linkcard:after { content: ""; position: absolute; top: -0.0625rem; left: -0.0625rem; width: 0.3125rem; height: calc(100% + 2px); z-index: 1; background-color: var(--card-color); border-radius: 0.3125rem 0px 0 0.3125rem; } @media screen and (min-width: 950px) { .l-linkcard:after { width: 0.4375rem; } } .is-hidden { display: none; } .mCSB_draggerRail { display: none; } .mCSB_scrollTools { opacity: 1; z-index: 99; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { min-width: 0.625rem; background-color: #d8d8d8 !important; } .wp-page-wrapper .entry-header h1, .wp-page-wrapper .entry-header h2, .wp-page-wrapper .entry-header h3, .wp-page-wrapper .entry-header h4, .wp-page-wrapper .entry-header h5, .wp-page-wrapper .entry-header h6 { font-weight: 700; text-align: center; } .wp-page-wrapper .entry-content p { color: #e6e7e8; } .wp-page-wrapper .entry-content h1, .wp-page-wrapper .entry-content h2, .wp-page-wrapper .entry-content h3, .wp-page-wrapper .entry-content h4, .wp-page-wrapper .entry-content h5, .wp-page-wrapper .entry-content h6 { color: #f47a47; background: -webkit-linear-gradient(left, #f3994a, #f3ca4c); -webkit-background-clip: text; } .wp-page-wrapper .entry-content h1:not(:first-child), .wp-page-wrapper .entry-content h2:not(:first-child), .wp-page-wrapper .entry-content h3:not(:first-child), .wp-page-wrapper .entry-content h4:not(:first-child), .wp-page-wrapper .entry-content h5:not(:first-child), .wp-page-wrapper .entry-content h6:not(:first-child) { margin-top: 3.125rem; margin-bottom: 0.9375rem; } .dropdown .dropdown-menu .share-dropdown .col .d-flex { justify-content: space-between; gap: 0.625rem; } .dropdown .dropdown-menu .share-dropdown .col .d-flex a .ui { font-size: 1rem; } .dropdown .dropdown-menu .share-dropdown .col .d-flex a i.ui-7 { color: #3c5a99; } .dropdown .dropdown-menu .share-dropdown .col .d-flex a i.ui-8:before { content: ""; background: url(../images/icons/icon-twitter-x-black.svg); object-fit: contain; width: 15.5px; height: 15.5px; position: relative; display: block; background-size: contain; } .dropdown .dropdown-menu .share-dropdown .col .d-flex a i.ui-9 { color: #0077b7; } .dropdown .dropdown-menu .share-dropdown .col .d-flex a i.ui-10 { color: #ff4500; } .dropdown .dropdown-menu .share-dropdown .col .d-flex a i.ui-8 { color: #1da1f2; } .dropdown .dropdown-menu .share-dropdown .col .d-flex a::before { max-width: 1.25rem; object-fit: contain; } .row.tools div#ajax_loader { min-height: 14.375rem; } .row.tools div#ajax_loader img { margin: 5.625rem 0; width: 2.5rem; } .l-btn { padding: 0.4375rem 0.78125rem; border-radius: 62.4375rem; gap: 0.875rem; background: #fff; color: #000; font-family: "TTHoves"; font-size: 0.875rem; font-weight: 600; line-height: 1.3285; letter-spacing: 0.02em; text-align: left; color: #000; transition: all 0.3s ease-in-out; min-height: 2.1425rem; display: inline-flex; height: 2.1425rem; display: inline-flex; align-items: center; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; } .l-btn:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } @media screen and (min-width: 950px) { .l-btn { padding: 0.4375rem 1.375rem; min-height: 2.9375rem; font-size: 1rem; } } @media screen and (min-width: 1920px) { .l-btn { font-size: 0.8333333333vw; } } .l-btn img { width: 0.90375rem; transition: all 0.3s ease-in-out; } @media screen and (min-width: 950px) { .l-btn img { width: 1.115625rem; } } .l-btn:hover { color: #000; background-color: #1798ea; text-decoration: none; } body { scroll-behavior: smooth; } body.is-dropdown-open.is-dropdown-sticky { overflow: hidden; } .l-container { max-width: 100%; margin: 0 auto; padding: 0 1.875rem; } .l-container--lg { max-width: 800px; } @media screen and (min-width: 768px) { .l-container { padding: 0 1.5rem; max-width: 704px; } } @media screen and (min-width: 950px) { .l-container { padding: 0 1.5rem; max-width: 900px; } } @media screen and (min-width: 1199px) { .l-container { max-width: 1151px; } } @media screen and (min-width: 1024px) { .l-container { max-width: 100%; padding: 0rem 3.5rem; } } @media screen and (min-width: 1670px) { .l-container { max-width: 1663px; padding: 0rem 1.5rem; } } @media screen and (min-width: 1920px) { .l-container { max-width: 86.6145833333vw; } } .section__wrapper { background-color: #fff; position: relative; z-index: 9; } @media screen and (min-width: 768px) { .section__wrapper { padding-top: 1.875rem; } } @media screen and (min-width: 950px) { .section__wrapper { padding-top: 2.5rem; } } @media screen and (min-width: 1199px) { .section__wrapper { padding-top: 3.125rem; } } @media screen and (min-width: 1320px) { .section__wrapper { padding-top: 4.375rem; } } @media screen and (min-width: 1670px) { .section__wrapper { padding-top: 5rem; } } .wp-default-wrapper.not-found section.error-404.not-found { height: calc(100vh - 75px); flex-direction: column; display: flex; justify-content: center; align-items: center; background-color: #fff; } .wp-default-wrapper.not-found section.error-404.not-found * { color: #000; } @media screen and (min-width: 1199px) { .wp-default-wrapper.not-found section.error-404.not-found { height: calc(100vh - 100px); } } .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header { text-align: center; text-align: center; } .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header h1.page-title { font-size: 3.125rem; margin-bottom: 0.3125rem; color: #000; line-height: 1.4; } @media screen and (min-width: 768px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header h1.page-title { font-size: 3.75rem; margin-bottom: 0.3125rem; } } @media screen and (min-width: 1199px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header h1.page-title { font-size: 4.375rem; margin-bottom: 0.625rem; } } @media screen and (min-width: 1320px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header h1.page-title { font-size: 5rem; margin-bottom: 0.9375rem; } } @media screen and (min-width: 1670px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header h1.page-title { font-size: 6.25rem; } } @media screen and (min-width: 1920px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header h1.page-title { font-size: 5.2083333333vw; } } .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header p { color: #000; font-size: 1rem; line-height: 1.4; } @media screen and (min-width: 768px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header p { font-size: 1.25rem; } } @media screen and (min-width: 1199px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header p { font-size: 1.4375rem; } } @media screen and (min-width: 1320px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header p { font-size: 1.5rem; } } @media screen and (min-width: 1670px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header p { font-size: 1.5625rem; } } @media screen and (min-width: 1920px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container header.page-header p { font-size: 1.3020833333vw; } } .wp-default-wrapper.not-found section.error-404.not-found .l-container .page-content { margin-top: 0.9375rem; } @media screen and (min-width: 1199px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container .page-content { margin-top: 1.25rem; } } .wp-default-wrapper.not-found section.error-404.not-found .l-container .page-content p { font-size: 0.875rem; color: #000; text-align: center; line-height: 1.35; } @media screen and (min-width: 1199px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container .page-content p { font-size: 0.9375rem; } } @media screen and (min-width: 1320px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container .page-content p { font-size: 1rem; } } @media screen and (min-width: 1670px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container .page-content p { font-size: 1rem; } } @media screen and (min-width: 1920px) { .wp-default-wrapper.not-found section.error-404.not-found .l-container .page-content p { font-size: 0.8333333333vw; } } .category-cards--portrait.pb-lg { padding-bottom: 2rem; } @media screen and (min-width: 768px) { .category-cards--portrait.pb-lg { padding-bottom: 3rem; } } @media screen and (min-width: 1199px) { .category-cards--portrait.pb-lg { padding-bottom: 6rem; } } body.archive .main h2.empty-post-text { color: #000; } .article-banner { min-height: 46.3125rem; padding: 2.375rem 0 0; background-size: cover; position: relative; display: flex; flex-direction: column; background-color: #000; justify-content: space-between; background-size: cover; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 767px) { .article-banner { padding: 1.5rem 0 0; min-height: unset; } } @media screen and (min-width: 768px) { .article-banner { padding: 1.25rem 0 0; min-height: 34rem; } } @media screen and (min-width: 950px) { .article-banner { padding: 2.375rem 0 0; min-height: 46.3125rem; } } .article-banner::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); background: url("../images/unit42-overlay-3.svg"); background-size: cover; background-position: right; } .article-banner .article-banner__img-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; } .article-banner .article-banner__img-wrapper img { width: 100%; height: 100%; object-fit: cover; } .article-banner .l-container { width: 100%; z-index: 1; } .article-banner span.ab-title__pre { font-family: "TTHoves"; font-weight: 600; font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.2em; text-align: left; margin-bottom: 0.5rem; display: inline-block; text-transform: uppercase; } @media screen and (max-width: 767px) { .article-banner span.ab-title__pre { margin-bottom: 0.75rem; } } @media screen and (min-width: 950px) { .article-banner span.ab-title__pre { font-size: 1.125rem; margin-bottom: 1.125rem; } } @media screen and (min-width: 1920px) { .article-banner span.ab-title__pre { font-size: 0.9375vw; } } .article-banner .ab__title { margin-top: 3rem; max-width: 83.6875rem; } .article-banner .ab__title > a:hover span { text-decoration: underline; text-decoration-color: #fff; text-underline-offset: 0.1875rem; } @media screen and (min-width: 950px) { .article-banner .ab__title { margin-top: 5.525625rem; } } .article-banner .ab__title * { color: #fff; } .article-banner .ab__title > a { text-decoration: none; } .article-banner .ab__title a.article__title:hover { text-decoration: underline; text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } .article-banner .ab__title h1 { font-family: "TTHoves"; font-size: 1.75rem; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-align: left; margin-bottom: 1rem; } @media screen and (max-width: 767px) { .article-banner .ab__title h1 { margin-bottom: 0.75rem; } } @media screen and (min-width: 950px) { .article-banner .ab__title h1 { font-size: 2.8125rem; font-weight: 400; } } @media screen and (min-width: 1199px) { .article-banner .ab__title h1 { font-size: 3.125rem; margin-bottom: 1.125rem; } } @media screen and (min-width: 1320px) { .article-banner .ab__title h1 { font-size: 3.4375rem; } } @media screen and (min-width: 1670px) { .article-banner .ab__title h1 { font-size: 4rem; } } @media screen and (min-width: 1920px) { .article-banner .ab__title h1 { font-size: 3.3333333333vw; } } .article-banner .ab__title .ab__video { display: flex; gap: 1.875rem; align-items: center; margin-bottom: 3.125rem; } @media screen and (max-width: 767px) { .article-banner .ab__title .ab__video { flex-wrap: wrap; row-gap: 0.5rem; margin-bottom: 3rem; } } @media screen and (min-width: 950px) { .article-banner .ab__title .ab__video { margin-bottom: 3.5rem; } } .article-banner .ab__title .ab__video span, .article-banner .ab__title .ab__video a { font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.02em; text-align: left; display: inline-flex; align-items: center; outline-offset: 0.125rem; font-family: "TTHoves"; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .article-banner .ab__title .ab__video span:focus-visible, .article-banner .ab__title .ab__video a:focus-visible { text-decoration: none; outline: 0.125rem solid #c84727 !important; } @media screen and (min-width: 950px) { .article-banner .ab__title .ab__video span, .article-banner .ab__title .ab__video a { font-size: 1rem; } } .article-banner .ab__title .ab__video span.duration { gap: 0.55rem; font-size: 0.875rem; line-height: 1.4; letter-spacing: 0.02em; min-height: 1.5625rem; } @media screen and (max-width: 767px) { .article-banner .ab__title .ab__video span.duration { min-height: unset; margin-top: 3px; } } @media screen and (min-width: 950px) { .article-banner .ab__title .ab__video span.duration { font-size: 1rem; gap: 0.75rem; max-height: unset; } } .article-banner .ab__title .ab__video span.duration img { width: 0.95rem; height: 1rem; } @media screen and (max-width: 767px) { .article-banner .ab__title .ab__video span.duration img { margin-left: -0.0625rem; margin-top: -0.0625rem; margin-right: -0.125rem; width: 1.0625rem; height: auto; } } @media screen and (min-width: 950px) { .article-banner .ab__title .ab__video span.duration img { width: 1.25rem; height: 1.25rem; } } .article-banner .ab__title .ab__video a.has-video { cursor: pointer; text-decoration: none; margin-left: 0; gap: 0.47rem; } .article-banner .ab__title .ab__video a.has-video:hover { text-decoration: underline; text-underline-offset: 0.1875rem; } @media screen and (min-width: 950px) { .article-banner .ab__title .ab__video a.has-video { gap: 0.625rem; margin-left: -0.1875rem; } } .article-banner .ab__title .ab__video a.has-video img { width: 1.5rem; height: 1.5rem; } @media screen and (min-width: 950px) { .article-banner .ab__title .ab__video a.has-video img { width: 2.0625rem; height: 2.0625rem; } } .article-banner .ab__title .ab-lc__wrapper { width: 100%; flex-wrap: wrap; } @media screen and (min-width: 1199px) { .article-banner .ab__title .ab-lc__wrapper { width: 77%; } } .article-banner .ab__title .ab-lc__wrapper .ab-title__pre { font-size: 0.75rem; margin-bottom: 0.75rem; } @media screen and (min-width: 1199px) { .article-banner .ab__title .ab-lc__wrapper .ab-title__pre { font-size: 1.125rem; } } .article-banner .ab__title .ab-lc__wrapper .ab__link-cards { display: flex; column-gap: 0.75rem; flex-wrap: wrap; margin-top: -0.125rem; row-gap: 0.5rem; } @media screen and (min-width: 950px) { .article-banner .ab__title .ab-lc__wrapper .ab__link-cards { gap: 1rem; margin-top: 0; flex-wrap: wrap; } } .article-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard { width: auto; text-decoration: none; } @media screen and (max-width: 767px) { .article-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard { width: 100%; } } @media screen and (min-width: 768px) { .article-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard { width: calc(50% - 6px); } } @media screen and (min-width: 1199px) { .article-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard { width: calc(33.333% - 10.66px); flex: 0 0 23%; max-width: 23%; } } .article-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard:hover { color: var(--card-color); } .article-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard img { max-height: 1.0625rem; max-width: 1.0625rem; } .article-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard svg path { fill: var(--card-color); } .article-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard:after { background-color: var(--card-color); } .article-banner .ab__footer { padding: 1.5rem 0; position: relative; bottom: 0; left: 0; width: 100%; z-index: 5; background: rgba(0, 0, 0, 0.6); margin-top: 3.25rem; } @media screen and (min-width: 768px) { .article-banner .ab__footer { margin-top: 5.25rem; } } @media screen and (min-width: 950px) { .article-banner .ab__footer { padding: 1.5rem 0; margin-top: 5rem; } } .article-banner .ab__footer .ab__footer-wrapper { align-items: flex-end; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem; row-gap: 2rem; } @media screen and (min-width: 768px) { .article-banner .ab__footer .ab__footer-wrapper { row-gap: 0.75rem; } } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper { margin-left: -0.125rem; row-gap: 1.5625rem; } } .article-banner .ab__footer .ab__footer-wrapper .ab__features { display: flex; gap: 0.5rem; flex-wrap: wrap; column-gap: 1.5625rem; } @media screen and (max-width: 767px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features { flex-wrap: wrap; } } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features { column-gap: 3rem; max-width: calc(100% - 350px); gap: 3rem; margin-bottom: 0; row-gap: 0.5rem; flex-direction: column; } } .article-banner .ab__footer .ab__footer-wrapper .ab__features li { font-weight: 400; font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.02em; text-align: left; display: inline-flex; gap: 0.5rem; color: #fff; align-items: flex-start; font-family: "TTHoves"; width: 100%; } @media screen and (min-width: 480px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features li { width: auto; } } @media screen and (min-width: 768px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features li { align-items: center; } } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features li { gap: 0.75rem; } } .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__text { display: flex; gap: 0.28125rem; } .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__text span { color: #999; min-width: 3.625rem; } @media screen and (min-width: 480px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__text span { min-width: unset; } } .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags li { margin-right: 0.4375rem; width: auto; } .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags li:nth-last-child(1) { margin-right: 0; } .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags li:nth-last-child(1) a::after { display: none; } .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags a { color: #fff; position: relative; } .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags a::after { content: ","; font-size: inherit; position: absolute; bottom: 0px; color: #fff; margin-right: -5px; right: 0; pointer-events: none; } .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags a:hover { text-decoration-thickness: 1px; text-decoration: underline; text-underline-offset: 0.1875rem; } .article-banner .ab__footer .ab__footer-wrapper .ab__features li > a { display: inline-flex; gap: 0.5rem; color: #fff; text-decoration: none; } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features li > a { gap: 0.75rem; } } .article-banner .ab__footer .ab__footer-wrapper .ab__features li img { width: 1.0625rem; height: 1.0625rem; } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features li img { width: 1.25rem; height: 1.25rem; } } .article-banner .ab__footer .ab__footer-wrapper .ab__options { display: flex; gap: 0.5rem; align-items: center; } .article-banner .ab__footer .ab__footer-wrapper .ab__options > ul { display: flex; gap: 0.5rem; align-items: center; } .article-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a { border: 0.1rem solid #fff; border-radius: 6.1875rem; padding: 0.25rem 0.771875rem; min-height: 2.125rem; display: inline-flex; line-height: 1; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; align-items: center; } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a { padding: 0.25rem 0.75625rem; } } .article-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .article-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a img { width: 1.275rem; height: 1.275rem; transition: none; } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a img { transition: all 0.2s ease-in-out; } } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a:hover img { transform: scale(1.1); } } .article-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li img { transition: all 0.2s ease-in-out; } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share { position: relative; } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { font-family: "TTHoves"; font-size: 0.875rem; font-weight: 600; color: #fff; line-height: 1.4; letter-spacing: 0.02em; text-align: left; text-decoration: none; display: flex; align-items: center; padding: 0.3125rem 0.921875rem; padding-right: 0.6875rem; gap: 0.5rem; min-width: 5.5625rem; } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { font-size: 1rem; gap: 0.625rem; padding: 0.25rem 0.625rem; padding-right: 0.625rem; } } @media screen and (min-width: 1920px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { font-size: 0.8333333333vw; } } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a img { filter: invert(1); width: 0.9125rem; height: 0.9125rem; transition: none; } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a img { width: 1.4375rem; height: 1.4375rem; } } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a.is-open > img { transform: rotate(180deg); } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { border: 0.078125rem solid #fff; border-radius: 6.1875rem; padding: 0.25rem 0.771875rem; min-height: 2.125rem; display: inline-flex; color: #fff; line-height: 1.4; align-items: center; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; font-weight: 600; gap: 0.3125rem; font-size: 0.875rem; min-width: 5.5625rem; justify-content: space-between; } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { border: 0.1rem solid #fff; gap: 0.3125rem; padding: 0.3125rem 1rem; padding-right: 0.859375rem; min-height: 2.125rem; min-width: 5.5625rem; line-height: 1.4; } } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a img { width: 0.8125rem; height: 0.8125rem; transition: none; filter: invert(1); } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a img { transition: all 0.2s ease-in-out; width: 0.75rem; height: 0.75rem; } } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown { width: 5.5625rem; position: absolute; display: flex; padding: 1.0825rem 0.875rem; border: 0.1rem solid #fff; border-radius: 0.75rem; background-color: #141414; display: flex; flex-wrap: wrap; gap: 1rem; top: calc(100% + 8px); display: none; justify-content: space-between; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown { gap: 1.5rem; min-width: 7.43875rem; padding: 1.15rem; top: calc(100% + 10px); } } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown .copy-url { position: relative; } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown .copy-url span.copied-message { position: absolute; background-color: rgba(247, 89, 45, 0.944); color: #fff; padding: 0.3125rem; border-radius: 0.3125rem; bottom: 1.75rem; left: 50%; transform: translateX(-50%); font-size: 0.75rem; width: 7.375rem; } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown.is-show { display: flex; } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a { width: auto; height: auto; line-height: 1; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a img { transition: all 0.2s ease-in-out; transform-origin: center center; width: 1.25rem; height: 1.25rem; } @media screen and (min-width: 950px) { .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a img { width: 1.5rem; height: 1.5rem; } } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a:hover { opacity: 1; } .article-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a:hover img { transform: scale(1.1); opacity: 1; } .audio-player__wrapper { background: linear-gradient(228.5deg, #000000 13.64%, #272727 73.47%); border-radius: 0.5rem; overflow: hidden; height: 31.25rem; } @media screen and (min-width: 768px) { .audio-player__wrapper { height: 7.399375rem; } } @media screen and (min-width: 1199px) { .audio-player__wrapper { height: 10.8425rem; } } .pa.audio-player { background: linear-gradient(228.5deg, #000000 13.64%, #272727 73.47%); border-radius: 0.5rem; overflow: hidden; } .pa.audio-player label { font-size: 0; } .pa.audio-player button, .pa.audio-player input { outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; background-color: rgba(0, 0, 0, 0); box-shadow: none; border: none; cursor: pointer; } .pa.audio-player button:focus-visible, .pa.audio-player input:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .pa.audio-player .ap__wrapper { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper { flex-direction: row; } } .pa.audio-player .ap__wrapper .ap__thumb { display: flex; position: relative; height: 10.75rem; width: 100%; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__thumb { width: 7.0625rem; height: 7.375rem; min-height: unset; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__thumb { width: 10.5625rem; height: 10.875rem; } } .pa.audio-player .ap__wrapper .ap__thumb img { width: 100%; object-fit: cover; } .pa.audio-player .ap__wrapper .ap__thumb .ap__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pa.audio-player .ap__wrapper .ap__player { width: 100%; padding: 2.5625rem 2.125rem 2.8125rem; display: flex; justify-content: flex-start; position: relative; gap: 2.5rem; flex-direction: column; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player { gap: 3.281875rem; justify-content: space-between; flex-direction: row; width: calc(100% - 113px); padding: 1.375rem 1.625rem 1.5rem 1.375rem; } } @media screen and (min-width: 950px) { .pa.audio-player .ap__wrapper .ap__player { gap: 1.25rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player { gap: 3.281875rem; width: calc(100% - 169px); } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player { background: linear-gradient(228.5deg, #000000 13.64%, #272727 73.47%); } } .pa.audio-player .ap__wrapper .ap__player .ap__seek-range { position: absolute; bottom: 0; height: 0.411875rem; background: #606060; left: 0; width: 100%; } .pa.audio-player .ap__wrapper .ap__player .ap__seek-range .ap__progress-seekbar { position: absolute; bottom: 0; height: 0.411875rem; background: #c84727; left: 0; width: 0%; pointer-events: none; } .pa.audio-player .ap__wrapper .ap__player .ap__seek-range input { width: 100%; cursor: pointer; position: absolute; bottom: 0; height: 5px; } .pa.audio-player .ap__wrapper .ap__player .ap__seek-range input::-webkit-slider-thumb { -webkit-appearance: none; opacity: 0; width: 20px; height: 20px; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time { display: flex; flex-direction: column; justify-content: space-between; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time h3 { margin-bottom: 0.25rem; font-family: "TTHoves"; font-weight: 400; letter-spacing: 0em; text-align: left; font-size: 1rem; line-height: 1.5; font-weight: 600; min-height: 4.125rem; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time h3 { font-size: 1.125rem; line-height: 1.4; font-family: "TTHoves"; min-height: unset; margin-bottom: 0.25rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time h3 { font-size: 1.4375rem; max-width: 33.75rem; } } @media screen and (min-width: 1670px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time h3 { font-size: 1.75rem; } } @media screen and (min-width: 1920px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time h3 { font-size: 2rem; } } @media screen and (min-width: 2300px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time h3 { max-width: 100%; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume { display: flex; align-items: center; gap: 1.4375rem; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume { gap: 1.4375rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume { position: absolute; bottom: 2.8125rem; width: 8.625rem; justify-content: space-between; left: 50%; transform: translateX(-50%); } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__time { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; text-align: left; display: flex; gap: 0.1875rem; min-width: 5.625rem; color: #f2f2f2; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__time { font-size: 1rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__time { min-width: unset; font-size: 1rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__time span { color: #f2f2f2; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume { position: relative; display: flex; gap: 0.9375rem; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-icon { position: relative; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-icon figure img { min-width: 1.2975rem; width: 1.2975rem; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-icon figure img { width: 2.113125rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-icon figure img { width: 2.113125rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-icon::after { content: ""; height: 1.3125rem; width: 0.125rem; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(40deg); opacity: 0; pointer-events: none; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-icon::after { height: 1.875rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-icon.is-muted { opacity: 0.6; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-icon.is-muted::after { opacity: 1; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range { position: relative; display: flex; align-items: center; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range { max-width: 6.375rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range { position: absolute; width: 4rem; top: -0.375rem; left: 1rem; transform: rotate(-90deg); z-index: 9; opacity: 0; pointer-events: none; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range.is-visible { opacity: 1; pointer-events: all; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range label { font-size: 0; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input { height: 0.0625rem; background: rgba(255, 255, 255, 0.3); width: 100%; z-index: 1; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input { height: 0.125rem; } } @media screen and (min-width: 950px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input { width: 4.375rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input { width: 6.375rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input::-webkit-slider-thumb { -webkit-appearance: none; width: 0.4375rem; height: 0.4375rem; background: #fff; border-radius: 50%; cursor: pointer; z-index: 9; mix-blend-mode: lighten; opacity: 0; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input::-webkit-slider-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input::-webkit-slider-thumb { width: 0.69rem; height: 0.69rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input::-webkit-slider-thumb { width: 0.69rem; height: 0.69rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input::-moz-range-thumb { -webkit-appearance: none; width: 0.4375rem; height: 0.4375rem; background: #fff; border-radius: 50%; cursor: pointer; z-index: 9; mix-blend-mode: lighten; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input::-moz-range-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input::-moz-range-thumb { width: 0.69rem; height: 0.69rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input::-moz-range-thumb { width: 0.69rem; height: 0.69rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range input:focus-visible { outline: 0.125rem solid #c84727 !important; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume .ap__volume-range span { width: 0%; display: block; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 0.125rem; z-index: 0; pointer-events: none; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky { display: none; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-icon figure img { width: 1.2975rem; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-icon figure img { width: 1.316875rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-icon figure img { width: 2.113125rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range { position: relative; display: flex; align-items: center; width: 100%; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range { max-width: 4.63375rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range { max-width: 6.375rem; } } @media screen and (min-width: 1320px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range { max-width: 9.625rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range { position: relative; width: 5.1725rem; top: auto; left: auto; transform: unset; z-index: 9; opacity: 1; pointer-events: all; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range.is-visible { opacity: 1; pointer-events: all; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range label { font-size: 0; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input { height: 0.125rem; background: rgba(255, 255, 255, 0.3); width: 100%; z-index: 1; border-radius: 0.22375rem; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input { height: 0.195rem; } } @media screen and (min-width: 950px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input { width: 4.375rem; height: 0.125rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input { height: 0.25rem; width: 6.375rem; } } @media screen and (min-width: 1320px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input { width: 100%; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input::-webkit-slider-thumb { -webkit-appearance: none; width: 0.4375rem; height: 0.4375rem; background: #fff; border-radius: 50%; cursor: pointer; z-index: 9; mix-blend-mode: lighten; opacity: 0; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input::-webkit-slider-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input::-webkit-slider-thumb { width: 0.69rem; height: 0.69rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input::-webkit-slider-thumb { width: 0.69rem; height: 0.69rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input::-moz-range-thumb { width: 0.4375rem; height: 0.4375rem; background: #fff; border-radius: 50%; cursor: pointer; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input::-moz-range-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input::-moz-range-thumb { width: 0.69rem; height: 0.69rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input::-moz-range-thumb { width: 0.69rem; height: 0.69rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range input:focus-visible { outline: 0.125rem solid #c84727 !important; } .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range span { width: 0%; display: block; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 0.125rem; z-index: 0; pointer-events: none; border-radius: 0.22375rem; } @media screen and (min-width: 768px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range span { height: 0.195rem; } } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky .ap__volume-range span { height: 0.25rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__controls { display: flex; gap: 0.7675rem; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls { gap: 1.25rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls { justify-content: center; gap: 1.25rem; margin-bottom: 4.0625rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__front-btn span { margin-left: -0.0625rem; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__front-btn span { margin-left: -0.125rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__back-btn span { margin-right: -0.0625rem; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__back-btn span { margin-right: -0.125rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__back-btn, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__front-btn { position: relative; width: 1.265625rem; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__back-btn, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__front-btn { width: 2.0625rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__back-btn, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__front-btn { width: 2rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__back-btn figure img, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__front-btn figure img { width: 100%; } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__back-btn span, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__front-btn span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "TTHoves"; font-size: 0.375rem; font-weight: 600; line-height: 1.5; letter-spacing: 0em; text-align: left; color: #f2f2f2; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__back-btn span, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__front-btn span { font-size: 0.625rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__back-btn span, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__front-btn span { font-size: 0.625rem; line-height: 1.5; } } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause { position: relative; } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause .ap__pause-btn { position: absolute; top: 50%; transform: translateY(-50%); display: none; } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause.is-playing .ap__pause-btn { display: block; } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause.is-playing .ap__play-btn { pointer-events: none; } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause .ap__play-btn, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause .ap__pause-btn { width: 2.76375rem; } @media screen and (min-width: 1199px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause .ap__play-btn, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause .ap__pause-btn { width: 3.75vw; min-width: 3.75rem; max-width: 4.5rem; } } @media screen and (max-width: 767px) { .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause .ap__play-btn, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause .ap__pause-btn { width: 4.5rem; } } .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause .ap__play-btn img, .pa.audio-player .ap__wrapper .ap__player .ap__controls .ap__play-pause .ap__pause-btn img { width: 100%; } .pa.audio-player .ap__wrapper .ap__player .ap__controls.is-sticky { display: none; } .pa.audio-player.is-sticky { position: fixed; bottom: 0; left: 0; width: 100%; height: 7.5rem; z-index: 9; border-radius: 0; } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky { height: 7.125rem; } } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky { height: 6.25rem; } } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky .ap__wrapper { height: 100%; } } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper { width: 100%; } } .pa.audio-player.is-sticky .ap__wrapper .ap__thumb { display: none; } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky .ap__wrapper .ap__thumb { display: block; width: 6.25rem; height: 100%; min-height: 7.125rem; } } @media screen and (min-width: 1199px) { .pa.audio-player.is-sticky .ap__wrapper .ap__thumb { min-height: 6.25rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__thumb img { height: 100%; } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky .ap__wrapper .ap__icon { width: 2.454375rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player { padding: 1rem 1.875rem 0.75rem; } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player { padding: 1.5rem 2rem; } } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player { padding: 1rem 3.125rem 0.8125rem 3.125rem; width: calc(100% - 100px); } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time { display: flex; justify-content: space-between; width: 100%; flex-direction: row; position: relative; align-items: center; padding-bottom: 1.6625rem; } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time { align-items: flex-start; } } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time { padding-bottom: 0; align-items: center; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time h3 { width: 58.5018440799%; line-height: 1.4; font-size: 0.875rem; font-weight: 600; color: #fff; } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time h3 { font-size: 1rem; margin-bottom: 0; max-width: 24.0625rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume { position: static; transform: none; top: 0; right: 0; left: auto; width: auto; justify-content: flex-end; flex-direction: column-reverse; padding-left: 0.9375rem; gap: 0; } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume { padding-left: 1.5625rem; flex-direction: row-reverse; gap: 1.655rem; width: auto; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__time { position: absolute; left: 0; width: 100%; bottom: 0; display: flex; justify-content: space-between; font-size: 0; pointer-events: none; } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__time { left: 50%; transform: translateX(-50%); max-width: 28.125rem; } } @media screen and (min-width: 1670px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__time { max-width: 45.875rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__time span { font-size: 0.75rem; line-height: 1.5; } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__time span { font-size: 1rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-default { display: none; } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky { display: flex; gap: 0.625rem; } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky { gap: 0.486875rem; } } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__volume.is-sticky { gap: 1.25rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky { position: relative; margin-bottom: 0.89rem; gap: 1rem; display: flex; } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky { margin-bottom: 0; } } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky { position: absolute; left: 50%; transform: translateX(-50%); gap: 1.875rem; top: 0; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__play-pause .ap__play-btn, .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__play-pause .ap__pause-btn { width: 2.025rem; min-width: 2.025rem; } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__play-pause .ap__play-btn, .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__play-pause .ap__pause-btn { width: 2.61375rem; min-width: 2.61375rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__back-btn, .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__front-btn { width: 1.5975rem; } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__back-btn, .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__front-btn { width: 2.061875rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__back-btn span, .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__front-btn span { font-size: 0.5rem; line-height: 1.5; color: #f2f2f2; } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__back-btn span, .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__title-time .ap__time-volume .ap__controls.is-sticky .ap__front-btn span { font-size: 0.625rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__seek-range { left: 50%; width: calc(100% - 136px); transform: translateX(-50%); bottom: 1.125rem; height: 0.25rem; z-index: 9; } @media screen and (min-width: 768px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__seek-range { width: calc(100% - 125px); bottom: 1.875rem; border-radius: 4px; } } @media screen and (min-width: 1440px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__seek-range { bottom: 1.4375rem; width: 22.5rem; } } @media screen and (min-width: 1670px) { .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__seek-range { width: 40.25rem; } } .pa.audio-player.is-sticky .ap__wrapper .ap__player .ap__seek-range .ap__progress-seekbar { height: 4px; border-radius: 0.25rem; } .pa.audio-player.is-sticky .ap__wrapper .ap__player > .ap__controls { display: none; } .be__contents-audio-player .audio-transcript__wrapper { display: flex; justify-content: space-between; margin-top: 0.625rem; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 2rem; } @media screen and (min-width: 768px) { .be__contents-audio-player .audio-transcript__wrapper { margin-top: 0.615rem; } } @media screen and (min-width: 950px) { .be__contents-audio-player .audio-transcript__wrapper { margin-top: 1rem; } } .be__contents-audio-player .audio-transcript__wrapper p { margin-top: 0.625rem; font-size: 0.75rem; line-height: 1.5; color: #141414; margin-bottom: 0; } @media screen and (min-width: 950px) { .be__contents-audio-player .audio-transcript__wrapper p { font-size: 1rem; } } .be__contents-audio-player .audio-transcript__wrapper .audio__transcript { width: 100%; display: none; } .be__contents-audio-player .audio-transcript__wrapper .audio__caption { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; text-align: left; margin-top: 0; } @media screen and (min-width: 950px) { .be__contents-audio-player .audio-transcript__wrapper .audio__caption { font-size: 1rem; } } @media screen and (min-width: 1920px) { .be__contents-audio-player .audio-transcript__wrapper .audio__caption { font-size: 0.8333333333vw; } } .be__contents-audio-player .audio-transcript__wrapper .l-btn { min-height: 2.125rem; padding: 0.25rem 0.9375rem; border: 1.25px solid #141414; color: #141414; } @media screen and (min-width: 768px) { .be__contents-audio-player .audio-transcript__wrapper .l-btn { line-height: 1.4; } } @media screen and (min-width: 950px) { .be__contents-audio-player .audio-transcript__wrapper .l-btn { padding: 0.25rem 1.25rem; } } .be__contents-audio-player .audio-transcript__wrapper .l-btn:hover { background-color: #141414; color: #fff; } .blog-editor { background-color: #fff; max-width: 100vw; overflow: hidden; } @media screen and (min-width: 950px) { .blog-editor { padding: 6.25rem 0 0rem; overflow: unset; } } .blog-editor.pb-lg { padding-bottom: 2rem; } @media screen and (min-width: 768px) { .blog-editor.pb-lg { padding-bottom: 3rem; } } @media screen and (min-width: 1199px) { .blog-editor.pb-lg { padding-bottom: 6rem; } } .blog-editor .be__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper { column-gap: 1.25rem; flex-wrap: nowrap; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper { column-gap: 10.375rem; } } .blog-editor .be__wrapper .be__nav { order: 1; display: block; width: 100%; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav { width: 17.625rem; order: 2; } } @media screen and (min-width: 1670px) { .blog-editor .be__wrapper .be__nav { width: 23.875rem; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper { top: 0rem; position: absolute; width: 100%; left: 0; background-color: #fff; z-index: 4; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper { z-index: 0; } } @media screen and (max-width: 949px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper.is-sticky { position: fixed; padding: 0 1.875rem; } } @media screen and (max-width: 949px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper::after { content: ""; position: absolute; bottom: 0px; left: -10vw; width: 130vw; border-bottom: 1px solid #b9b9b9; box-shadow: 0px 5px 10px 0px rgba(185, 185, 185, 0.388); } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper { position: sticky; top: 3.125rem; max-height: calc(100vh - 100px); overflow: auto; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper::-webkit-scrollbar { width: 0; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper::-ms-scrollbar { width: 0; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper { margin: 2rem 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper { margin: 0; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper h3 { text-transform: uppercase; font-family: "TTHoves"; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.2em; text-align: left; padding: 0 0 0.5rem 0; border-bottom: 1px solid #b9b9b9; margin-bottom: 1rem; width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; cursor: default; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper h3 { margin-bottom: 1.5rem; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper h3::after, .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper h3::before { display: none; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper h3 { font-size: 1.125rem; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul { gap: 1rem; flex-direction: column; display: flex; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul { justify-content: space-between; gap: 1rem; flex-wrap: wrap; justify-content: flex-start; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul { flex-direction: column; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li { width: 100%; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li { width: calc(33.33% - 11px); } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li { width: 100%; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li a { display: flex; align-items: center; justify-content: center; padding: 0.3125rem; border-radius: 0.5rem; border: 1px solid #141414; min-height: 2.3125rem; gap: 0.5rem; color: #141414; font-weight: 500; font-size: 0.875rem; line-height: 1.5; letter-spacing: 0em; text-align: left; text-decoration: none; transition: none; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li a { min-height: 2.875rem; font-size: 1.125rem; padding: 0.5rem; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li a img { transition: none; max-width: 1.3125rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li a img { max-width: 1.875rem; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li a img.is-hover { display: none; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li a:hover { color: #fff; background-color: #000; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li a:hover img.is-default { display: none; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper ul li a:hover img.is-hover { display: block; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__podcasts-wrapper + .be__more-episodes { margin-top: 3.5rem; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__more-episodes { display: none; margin-bottom: 3.75rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__more-episodes { display: block; } } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__more-episodes h3 { margin-bottom: 1.25rem; cursor: default; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__more-episodes ul li + li { margin-top: 1.5rem; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__more-episodes ul li a { text-decoration: none; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__more-episodes ul li a:hover h4 { color: #c84727; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__more-episodes ul li a h4 { color: #141414; font-family: "TTHoves"; font-size: 1.25rem; font-weight: 500; line-height: 1.5; letter-spacing: 0em; text-align: left; margin-bottom: 0.375rem; } .blog-editor .be__wrapper .be__nav .be__nav-wrapper .be__more-episodes ul li a p { font-family: "TTHoves"; font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; color: #5f5f5f; } .blog-editor .be__wrapper .be__nav h3 { font-family: "TTHoves"; font-size: 1rem; font-weight: 600; line-height: 1.5; letter-spacing: 0em; text-align: left; color: #141414; position: relative; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav h3 { padding: 1.03125rem 0; padding-right: 4.375rem; margin-left: 0; max-width: 41rem; margin: 0 auto; width: 100%; border-bottom: none; overflow: unset; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav h3 { margin-left: 0; border-bottom: none; width: 100%; font-size: 1.125rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.2em; text-align: left; padding: 0; padding-bottom: 0.5rem; color: #141414; border-bottom: 1px solid #b9b9b9; text-transform: uppercase; margin-bottom: 1.5rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__nav h3 { font-size: 0.9375vw; } } .blog-editor .be__wrapper .be__nav .be-title__wrapper { padding: 1.125rem 4.375rem 1.125rem 1.75875rem; width: calc(100% + 60px); margin-left: -1.875rem; max-width: calc(100% + 60px); position: relative; max-height: 5.25rem; overflow: hidden; cursor: pointer; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be-title__wrapper { padding: 1.03125rem 0; padding-right: 4.375rem; margin-left: 0; max-width: 41rem; margin: 0 auto; width: 100%; border-bottom: none; overflow: unset; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-title__wrapper { padding: 0; padding-bottom: 0.5rem; margin-left: 0; border-bottom: none; width: 100%; color: #141414; border-bottom: 1px solid #b9b9b9; text-transform: uppercase; margin-bottom: 1.5rem; cursor: default; } } .blog-editor .be__wrapper .be__nav .be-title__wrapper.is-open::after { transform: translateY(-50%) rotate(180deg); } .blog-editor .be__wrapper .be__nav .be-title__wrapper::before { content: ""; position: absolute; height: 0.0625rem; background-color: #b9b9b9; bottom: 0; left: -30vw; width: 160vw; z-index: 0; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be-title__wrapper::before { background-color: #d8d8d8; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-title__wrapper::before { display: none; } } .blog-editor .be__wrapper .be__nav .be-title__wrapper::after { content: ""; position: absolute; background-image: url("../images/icons/down-arrow.svg"); width: 1.5rem; height: 1.5rem; right: 1.875rem; top: 50%; transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-size: contain; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be-title__wrapper::after { right: 0rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-title__wrapper::after { display: none; } } .blog-editor .be__wrapper .be__nav .be-title__wrapper h3 { margin-bottom: 0; padding: 0; border: none; } .blog-editor .be__wrapper .be__nav .be-table-of-contents { position: relative; } .blog-editor .be__wrapper .be__nav .be-table-of-contents.is-scrolling::after { opacity: 1; } .blog-editor .be__wrapper .be__nav .be-table-of-contents::after { content: "Table of Contents"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); left: 1.5625rem; background: rgba(0, 0, 0, 0); padding: 0.625rem 1.25rem; pointer-events: none; opacity: 0; font-family: "TTHoves"; font-size: 1rem; font-weight: 600; line-height: 1.5; letter-spacing: 0em; text-align: left; color: #141414; padding: 1.125rem 4.375rem 1.125rem 1.75875rem; padding-left: 0; width: calc(100% + 60px); margin-left: -1.875rem; cursor: pointer; max-width: calc(100% + 60px); overflow: hidden; background-color: #fff; word-break: break-word; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents::after { padding: 1.03125rem 0; padding-right: 4.375rem; margin-left: 0; width: 100%; border-bottom: none; overflow: unset; max-width: 41rem; margin: 0 auto; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents::after { display: none; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents.is-notactive ul > li > a.is-active::after { opacity: 0 !important; } .blog-editor .be__wrapper .be__nav .be-table-of-contents.is-notactive ul li a.is-active { color: #141414; font-weight: 400; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents { margin-bottom: 3.5rem; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul { display: block !important; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents > ul { max-height: calc(100vh - 60px); overflow: auto; padding-bottom: 5rem !important; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents > ul { max-width: 41rem; margin: 0 auto; max-height: calc(100vh - 56px); height: calc(100vh - 56px); overflow: auto; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents > ul { padding-bottom: 5rem !important; max-height: unset; height: auto; overflow: unset; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul { padding: 0.5rem 0rem; display: none; background-color: #fff; position: relative; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul { max-width: 41rem; margin: 0 auto; } } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul { padding: 0.5rem 0rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul { display: block; border-left: 1px solid #d8d8d8; padding: 0; padding-bottom: 0 !important; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li a { position: relative; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li a:after { content: ""; height: 100%; width: 0.09375rem; border-radius: 0.25rem; background-color: #c84727; position: absolute; height: 100%; left: 0; top: 0; opacity: 0; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul > li > a.is-active { opacity: 1; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul > li > a.is-active::after { left: -0.9375rem; opacity: 1; } @media screen and (max-width: 949px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul > li li { padding-left: 0; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul > li > ul:after { display: none; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul > li > ul li > a::after { left: -1.8125rem !important; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul > li > ul li > ul:after { display: none; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul > li > ul li > ul li > a::after { left: -2.6875rem !important; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul:after { content: ""; position: absolute; bottom: 0; left: -20vw; width: 150vw; height: 0.0625rem; box-shadow: 0px 0.125rem 0.1875rem #000; display: none; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul::-webkit-scrollbar { width: 0; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul::-ms-scrollbar { width: 0; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li { position: relative; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li { padding: 0rem 1.625rem; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li > ul { padding: 0; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li { padding: 0rem 0rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li { padding-left: 0.875rem; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li ul { padding-left: 1.25rem; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li ul li.is-active::after { display: none; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li:after { content: ""; height: 100%; width: 0.09375rem; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0); position: absolute; height: 100%; left: -0.0625rem; top: 0; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li:nth-child(1) a { margin-top: 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li:nth-last-child(1) a { margin: 1rem 0; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li a { font-family: "TTHoves"; font-size: 0.875rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; text-align: left; color: #141414; text-decoration: none; display: block; transition: none; padding: 0.5rem 0; margin-bottom: 0; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li a:focus-visible { outline: 0.125rem solid #c84727 !important; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li a { font-size: 1.125rem; padding: 0; margin: 1rem 0; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li a:hover { color: #c84727; } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li a { font-size: 0.9375vw; } } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li a.is-active { color: #c84727; font-weight: 600; color: #c84727; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li.is-active > a { color: #c84727; font-weight: 600; color: #c84727; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li.is-active:after { background-color: #c84727; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li > ul { padding-left: 0; border-left: none; margin: 0.5rem 0; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li > ul > li a { font-size: 1rem; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li > ul > li > ul { margin: 0.5rem 0; } .blog-editor .be__wrapper .be__nav .be-table-of-contents ul li > ul > li > ul li a { font-size: 0.875rem; } } .blog-editor .be__wrapper .be__nav .be-related-articles { display: none; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav .be-related-articles { display: block; } } .blog-editor .be__wrapper .be__nav .be-related-articles ul li a { font-family: "TTHoves"; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; text-align: left; color: #141414; display: block; margin-bottom: 1.5rem; text-decoration: none; transition: none; } .blog-editor .be__wrapper .be__nav .be-related-articles ul li a:hover { color: #c84727; } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__nav .be-related-articles ul li a { font-size: 1.0416666667vw; } } .blog-editor .be__wrapper .be__nav .be-related-articles ul li:nth-last-child(1) a { margin-bottom: 0; } .blog-editor .be__wrapper .be__nav--podcast { display: none; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav--podcast { display: block; } } .blog-editor .be__wrapper .be__nav--podcast .be__nav-wrapper { position: relative; top: 0; max-height: unset; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__nav--podcast .be__nav-wrapper { position: sticky; top: 1.875rem; } } .blog-editor .be__wrapper .be__contents { width: 100%; order: 2; padding-top: 6.5625rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents { order: 1; padding-top: 0; width: calc(100% - 350px); } } @media screen and (min-width: 1670px) { .blog-editor .be__wrapper .be__contents { width: calc(100% - 548px); } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper * { max-width: 100%; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper iframe { opacity: 0; } .is-loaded .blog-editor .be__wrapper .be__contents .be__contents-wrapper iframe { opacity: 1; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .iframe-wrapper { background-color: #141414; position: relative; padding-bottom: 56.25%; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul ul { list-style: none !important; list-style-type: none !important; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper > :first-child { margin-top: 0; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper button { outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper a:focus-visible, .blog-editor .be__wrapper .be__contents .be__contents-wrapper button:focus-visible { outline: 0.125rem solid #c84727 !important; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper * { color: #141414; word-break: break-word; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper a { color: #c84727; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper a strong, .blog-editor .be__wrapper .be__contents .be__contents-wrapper a b, .blog-editor .be__wrapper .be__contents .be__contents-wrapper a span { color: inherit; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h2 + figure { margin-top: 0; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper button { background-color: rgba(0, 0, 0, 0); border: none; box-shadow: none; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure img { object-fit: cover; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure .enlarge { position: absolute; left: 0; bottom: 0; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper section:nth-child(1) h2:nth-child(1) { margin-bottom: 1.25rem; margin-top: 0; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper section:nth-child(1) h2:nth-child(1) + p { font-weight: 500; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content { margin: 2rem 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content { margin: 4rem 0; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content h5, .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content h3 { font-family: "TTHoves"; font-size: 0.875rem; font-weight: 600; line-height: 1.5; letter-spacing: 0em; text-align: left; margin-bottom: 0.5rem; margin-top: 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content h5, .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content h3 { font-size: 1.25rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content h5, .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content h3 { font-size: 1.0416666667vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal-video { position: relative; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal-video .modal__video-wrapper { width: 100%; height: auto; max-height: unset; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal-video .video__play-btn { background: rgba(0, 0, 0, 0.278); cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal-video .video__play-btn button.play-video { width: 1.790625rem; height: 1.790625rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal-video .video__play-btn button.play-video { width: 3.72875rem; height: 3.72875rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal-video .video__play-btn button.play-video { width: 6.0625rem; height: 6.0625rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal-video .video__play-btn button.play-video img { width: 100%; height: 100%; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal-video .modal__video-dummy video { width: 100%; height: auto; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video__modal { position: relative; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video__modal.minimized { z-index: 9999; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video__modal.minimized .modal__video-controls { padding: 0; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video__modal.minimized .modal__video-controls .modal__video-seekbar { width: 100%; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal__video-wrapper { max-width: 100%; margin-top: 0rem; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal__video-wrapper video { width: 100%; height: auto; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal__video-wrapper .modal__close { display: none; opacity: 0; outline: none; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal__video-wrapper .modal__close:focus-visible { outline: none; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal__video-wrapper .modal__minimize-btn.is-minimized + .modal__close { display: block; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal__video-wrapper .modal__video-controls { padding: 0rem 2.125rem 1.5rem; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal__video-wrapper .modal__video-controls .modal__video-seekbar { width: calc(100% - 36px); } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .modal__video-wrapper .modal__video-controls .modal__remaining-time { color: #fff; margin-bottom: 0; font-family: "TTHoves"; font-size: 0.75rem; font-weight: 400; line-height: 1.9; letter-spacing: 0px; text-align: center; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper { display: flex; justify-content: space-between; margin-top: 0.5rem; align-items: center; flex-wrap: wrap; gap: 0.625rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper { margin-top: 0.615rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper { margin-top: 1rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper p { margin-top: 0.625rem; font-size: 0.75rem; line-height: 1.5; margin-bottom: 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper p { font-size: 1rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper .video__transcript { width: 100%; display: none; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper .video__caption { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; text-align: left; margin-top: 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper .video__caption { line-height: 1.333; font-size: 1.125rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper .video__caption { font-size: 0.9375vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper .l-btn { min-height: 2.125rem; padding: 0.25rem 0.9375rem; border: 1.6px solid #141414; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper .l-btn { line-height: 1.4; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper .l-btn { padding: 0.25rem 1.25rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .video-content .video-transcript__wrapper .l-btn:hover { background-color: #141414; color: #fff; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure { position: relative; margin: 2rem 0; } @media screen and (min-width: 1199px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure { margin: 4rem 0; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure img { max-width: 100%; margin: 0; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure .enlarge { height: 1.5rem; width: 1.5rem; position: absolute; bottom: 3.0625rem; left: 0; background-image: url("../images/icons/icon-lens-zoom.svg"); cursor: pointer; background-size: contain; margin-bottom: -0.5625rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure .enlarge { height: 1.4375rem; width: 1.4375rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure .enlarge { height: 2rem; width: 2rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure figcaption { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; text-align: left; margin-top: 0.625rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure figcaption { margin-top: 1rem; font-size: 1rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper figure figcaption { font-size: 0.8333333333vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .table__wrapper { max-width: 100%; overflow: auto; width: 100%; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .table__wrapper th:first-child { position: sticky; left: 0; z-index: 1; background-color: #f2f2f2; border-left: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; } @media screen and (max-width: 479px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .table__wrapper th:first-child { position: relative; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .table__wrapper td:first-child { position: sticky; left: 0; z-index: 1; background-color: inherit; border-left: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; } @media screen and (max-width: 479px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .table__wrapper td:first-child { position: relative; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table { border-collapse: collapse; width: 100%; margin: 2rem 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table { margin: 4rem 0; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table.tablepress thead th { background: linear-gradient(90deg, #c84727 -43.28%, #ff2314 33.64%, #fa582d 215.81%); color: #fff; border-color: #fff; border: 1px solid #c84727; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table.tablepress th, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table.tablepress td { border: 1px solid #b9b9b9; text-align: left; padding: 0.25rem 1.25rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table.tablepress th, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table.tablepress td { padding: 0.09375rem 1.25rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table.tablepress th, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table.tablepress td { padding: 0.5625rem 1.25rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table th, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table td { border: 1px solid #b9b9b9; text-align: left; padding: 0.25rem 1.25rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table th, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table td { padding: 0.09375rem 1.25rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table th, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table td { padding: 0.5625rem 1.25rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table th a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table td a { text-underline-offset: 0.125rem; text-decoration-thickness: 0.125rem; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table th a strong, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table th a b, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table td a strong, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table td a b { color: #c84727; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr td { min-height: 1.8125rem; font-size: 0.875rem; line-height: 1.5; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr td { line-height: 2; min-height: 2.25rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr td { font-size: 1.125rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr span, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr li { min-height: 1.8125rem; font-size: 0.875rem; line-height: 1.5; font-family: "TTHoves"; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr span, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr li { line-height: 2; min-height: 2.25rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr span, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tr li { font-size: 1.125rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table th { background-color: #f2f2f2; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table caption { font-size: 0.75rem; line-height: 1.5; margin-top: 0.625rem; font-family: "TTHoves"; padding: 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table caption { font-size: 1rem; margin-top: 1rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table thead tr th { font-size: 0.875rem; font-weight: 400; line-height: 1.5; letter-spacing: 0.02em; text-align: left; background-color: #f2f2f2; min-width: 5rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table thead tr th { line-height: 2; min-height: 2.25rem; text-align: left; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table thead tr th { font-size: 1.125rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table thead tr th { font-size: 0.8333333333vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table thead tr th:nth-child(1) { width: 15.9176029963%; max-width: 18.75rem; } @media screen and (max-width: 479px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table thead tr th:nth-child(1) { max-width: 6.25rem; min-width: 6.25rem; word-break: break-word; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table thead tr th:nth-child(2) { width: 34.5505617978%; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table thead tr th:nth-child(3) { width: 49.531835206%; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody tr a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody th a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody td a { color: #c84727; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody tr a strong, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody tr a b, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody tr a span, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody th a strong, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody th a b, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody th a span, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody td a strong, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody td a b, .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody td a span { color: inherit; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody tr { background-color: #fff; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody tr:nth-child(even) { background: #f4f4f2; } @media screen and (max-width: 479px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody tr td { min-width: 6.25rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody tr td:nth-child(1) { max-width: 18.75rem; } @media screen and (max-width: 479px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper table tbody tr td:nth-child(1) { min-width: 6.25rem; max-width: 6.25rem; word-break: break-word; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .media-grid h5 { margin-top: 0; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.75rem; line-height: 1.4; text-transform: uppercase; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .media-grid h5 { margin-bottom: 0.75rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .media-grid h5 { font-size: 1.125rem; margin-bottom: 1.25rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .media-grid h5 { font-size: 0.9375vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper p { font-weight: 400; letter-spacing: 0em; text-align: left; position: relative; margin-bottom: 0.75rem; margin-top: 0.75rem; font-size: 0.875rem; line-height: 1.5; word-wrap: break-word; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper p a { font-weight: 600; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper p span[style*="font-family"] a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper p a span[style*="font-family"] { font-weight: 400; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper p span[style*="font-family"] strong a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper p span[style*="font-family"] strong { font-weight: 700; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper p { margin-bottom: 1.375rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper p { font-size: 1.25rem; margin-bottom: 1.25rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper p { font-size: 1.0416666667vw; } }
.blog-editor .be__wrapper .be__contents .be__contents-wrapper ol { padding: 0; list-style-type: decimal; list-style-position: inside; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol { margin: 0.75rem auto 1.375rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol { margin: 0.75rem auto 1.5rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol { margin: 1.75rem auto 2.25rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul li, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol li { margin-bottom: 0.5rem; padding-left: 1.3125rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; text-align: left; position: relative; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul li, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol li { margin-bottom: 0.5rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul li, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol li { font-size: 1.25rem; margin-bottom: 0.625rem; padding-left: 1.875rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul li, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol li { font-size: 1.0416666667vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul ol, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol ol { margin: 0.6rem auto 1rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul ol, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol ol { margin: 0.8rem auto 1.2rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul ol, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol ol { margin: 0.8rem auto 1.2rem } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul > li::before { content: ""; width: 0.28125rem; height: 0.28125rem; background-color: #c84727; border-radius: 6.1875rem; position: absolute; top: 0.5rem; left: 0.5rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul > li::before { top: 0.75rem; width: 0.375rem; height: 0.375rem; left: 0.5625rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol ul {padding-left: 1rem;}
.blog-editor .be__wrapper .be__contents .be__contents-wrapper ul li:nth-last-child(1), .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol li:nth-last-child(1) { margin-bottom: 0; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper ul li a, .blog-editor .be__wrapper .be__contents .be__contents-wrapper ol li a { font-weight: 600; }.blog-editor .be__wrapper .be__contents .be__contents-wrapper abbr, .blog-editor .be__wrapper .be__contents .be__contents-wrapper cite, .blog-editor .be__wrapper .be__contents .be__contents-wrapper pre, .blog-editor .be__wrapper .be__contents .be__contents-wrapper blockquote { font-size: 0.875rem; line-height: 1.5; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper abbr, .blog-editor .be__wrapper .be__contents .be__contents-wrapper cite, .blog-editor .be__wrapper .be__contents .be__contents-wrapper pre, .blog-editor .be__wrapper .be__contents .be__contents-wrapper blockquote { font-size: 1.25rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper abbr, .blog-editor .be__wrapper .be__contents .be__contents-wrapper cite, .blog-editor .be__wrapper .be__contents .be__contents-wrapper pre, .blog-editor .be__wrapper .be__contents .be__contents-wrapper blockquote { font-size: 1.0416666667vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper blockquote { border-left: 0.25rem solid #c84727; padding: 0.625rem; margin: 0.75rem 0; font-style: italic; background-color: #f9f9f9; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper code { font-family: "Courier New", monospace; background-color: #f4f4f4; padding: 0.1875rem 0.375rem; border: 1px solid #ddd; border-radius: 0.1875rem; color: #333; font-size: 0.875rem; line-height: 1.5; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper code { font-size: 1.25rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper code { font-size: 1.0416666667vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper pre { font-family: "Courier New", monospace; background-color: #fff; border: 1px solid #141414; overflow-x: auto; line-height: 1.4; white-space: pre-wrap; color: #1851c8; position: relative; counter-reset: line; margin: 1em 0; padding-left: 1.5625rem; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper pre code { display: block; counter-increment: line; line-height: inherit; color: #1851c8; background-color: #fff; border: none; padding: 0; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper pre code + code { margin-top: 0.625rem; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper pre code:before { content: counter(line); position: absolute; left: 0; text-align: center; width: 1.5em; color: #6399d8; background-color: #e2effd; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .heading-with-icon img { width: 2.75rem; margin-right: 0.25rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .heading-with-icon img { width: 4.6875rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h1, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h2, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h3, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h4, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h5, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h6 { font-weight: 500; font-family: "TTHoves"; margin-bottom: 0.5rem; margin-top: 2rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h1, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h2, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h3, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h4, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h5, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h6 { margin-bottom: 1.25rem; margin-top: 4rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h1 + ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h2 + ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h3 + ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h4 + ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h5 + ul, .blog-editor .be__wrapper .be__contents .be__contents-wrapper h6 + ul { margin-top: 0.75rem; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h1 { font-size: 1.375rem; line-height: 1.4; letter-spacing: 0em; text-align: left; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h1 { font-size: 2.5rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h1 { font-size: 2.0833333333vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h2 { font-size: 1.125rem; line-height: 1.4; letter-spacing: 0em; text-align: left; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h2 { font-size: 2rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h2 { font-size: 1.6666666667vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h3 { font-size: 1rem; line-height: 1.4; letter-spacing: 0em; text-align: left; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h3 { font-size: 1.75rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h3 { font-size: 1.4583333333vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h4 { font-size: 0.9375rem; font-weight: 500; line-height: 1.4; letter-spacing: 0em; text-align: left; margin-bottom: 0.75rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h4 { font-size: 1rem; margin-bottom: 0.25rem; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h4 + p { margin-top: 0.25rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h4 { font-size: 1.5rem; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h4 + p { margin-top: 0.75rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h4 { font-size: 1.25vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h5 { font-size: 0.875rem; font-weight: 500; line-height: 1.375; letter-spacing: 0em; text-align: left; margin-bottom: 0.75rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h5 { font-size: 1rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h5 { font-size: 0.8333333333vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper h6 { font-size: 0.875rem; font-weight: 500; line-height: 1.375; letter-spacing: 0em; text-align: left; margin-bottom: 0.75rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h6 { font-size: 1rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper h6 { font-size: 0.8333333333vw; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper { margin: 2rem 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper { margin: 0; display: none; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper h3 { text-transform: uppercase; font-family: "TTHoves"; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.2em; text-align: left; padding: 0 0 0.5rem 0; border-bottom: 1px solid #b9b9b9; margin-bottom: 1rem; width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper h3 { margin-bottom: 1.5rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper h3::after, .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper h3::before { display: none; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper h3 { font-size: 1.125rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul { gap: 1rem; flex-direction: column; display: flex; list-style: none; list-style-type: none; margin-bottom: 0; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul { justify-content: flex-start; gap: 1rem; flex-direction: row; flex-wrap: wrap; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul { flex-direction: column; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li { width: 100%; padding-left: 0; margin-bottom: 0; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li:before { display: none; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li { width: calc(33.33% - 11px); } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li { width: 100%; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li + li { margin-top: 1rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li a { display: flex; align-items: center; justify-content: center; padding: 0.3125rem; border-radius: 0.5rem; border: 1px solid #141414; min-height: 2.3125rem; gap: 0.5rem; color: #141414; font-weight: 500; font-size: 0.875rem; line-height: 1.5; letter-spacing: 0em; text-align: left; text-decoration: none; transition: none; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li a { min-height: 2.875rem; font-size: 1.125rem; padding: 0.5rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li a img { transition: none; max-width: 1.3125rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li a img { max-width: 1.875rem; } } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li a img.is-hover { display: none; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li a:hover { color: #fff; background-color: #141414; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li a:hover img.is-default { display: none; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper .be__podcasts-wrapper ul li a:hover img.is-hover { display: block; } .blog-editor .be__wrapper .be__contents span.post__date { font-family: "TTHoves"; font-size: 0.875rem; font-weight: 400; line-height: 2; letter-spacing: 0.02em; text-align: left; color: #141414; margin-top: 1.5rem; display: block; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents span.post__date { font-size: 1rem; margin-top: 5rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents span.post__date { font-size: 0.8333333333vw; } } .blog-editor .be__wrapper .be__contents .back-to-top { background-color: #f7582d; margin-top: 1.25rem; border: none; color: #141414; } .blog-editor .be__wrapper .be__contents .back-to-top:hover { background-color: #141414; color: #fff; } .blog-editor .be__wrapper .be__contents p.date-edited { font-family: "TTHoves"; font-weight: 500; line-height: 2; font-size: 0.875rem; letter-spacing: 0.02em; text-align: left; color: #141414; margin-bottom: 1.5rem; margin-top: 2rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents p.date-edited { font-size: 1.25rem; line-height: 1.5; } } .blog-editor .be__wrapper .be__contents .be__tags-wrapper { margin-top: 1.5rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__tags-wrapper { margin-top: 3.5rem; } } .blog-editor .be__wrapper .be__contents .be__tags-wrapper h3 { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.2em; text-align: left; text-transform: uppercase; margin-bottom: 0.5rem; color: #141414; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__tags-wrapper h3 { margin-bottom: 0.75rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__tags-wrapper h3 { font-size: 1.125rem; margin-bottom: 1.25rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__tags-wrapper h3 { font-size: 0.9375vw; } } .blog-editor .be__wrapper .be__contents .be__tags-wrapper ul { display: flex; column-gap: 0.5rem; row-gap: 0.5rem; flex-wrap: wrap; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__tags-wrapper ul { column-gap: 0.625rem; row-gap: 0.5625rem; } } .blog-editor .be__wrapper .be__contents .be__tags-wrapper ul li a { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; padding: 0.1875rem 0.9375rem; border: 0.0625rem solid rgba(20, 20, 20, 0.239); color: #141414; border-radius: 3.5625rem; text-decoration: none; display: block; transition: all 0.3s ease-in-out; } .blog-editor .be__wrapper .be__contents .be__tags-wrapper ul li a:hover { background-color: #141414; color: #fff; } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__tags-wrapper ul li a { font-size: 0.875rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__tags-wrapper ul li a { font-size: 0.7291666667vw; } } .blog-editor .be__wrapper .be__contents .be__post-nav { display: flex; gap: 0.4375rem; margin-top: 2rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__post-nav { margin-top: 3.5rem; gap: 0.75rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav { gap: 1.8125rem; } } .blog-editor .be__wrapper .be__contents .be__post-nav a { background-color: #141414; align-items: flex-start; padding: 1rem 1.625rem; display: flex; position: relative; width: calc(50% - 10px); min-height: unset; text-decoration: none; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__post-nav a { align-items: center; min-height: 5.5rem; padding: 0.9375rem 1.844375rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a { padding: 1.5rem; align-items: center; min-height: 9rem; } } .blog-editor .be__wrapper .be__contents .be__post-nav a span::after { transition: all 0.2s ease-in-out; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.prev:hover span::after { margin-left: -5px; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.next:hover span::after { margin-right: -5px; } } .blog-editor .be__wrapper .be__contents .be__post-nav a:hover span { text-decoration: underline; text-underline-offset: 0.1875rem; text-decoration-thickness: 0.0625rem; } .blog-editor .be__wrapper .be__contents .be__post-nav a img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; } .blog-editor .be__wrapper .be__contents .be__post-nav a span { z-index: 2; color: #fff; font-family: "TTHoves"; font-size: 0.75rem; font-weight: 600; line-height: 1.5; letter-spacing: 0em; text-align: left; position: relative; display: block; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__post-nav a span { width: 100%; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a span { font-size: 1rem; } } @media screen and (min-width: 1920px) { .blog-editor .be__wrapper .be__contents .be__post-nav a span { font-size: 0.8333333333vw; } } .blog-editor .be__wrapper .be__contents .be__post-nav a.prev { padding-right: 0.5rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.prev { padding-left: 4.375rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.prev { padding-left: 1.5rem; } } .blog-editor .be__wrapper .be__contents .be__post-nav a.prev span { padding-left: 0rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.prev span { padding-left: 5.3125rem; } } .blog-editor .be__wrapper .be__contents .be__post-nav a.prev span::after { content: ""; background-image: url("../images/icons/icon-left-arrow-thin.svg"); background-size: contain; position: absolute; background-repeat: no-repeat; z-index: 2; width: 1.125rem; height: 1.125rem; left: -1.1875rem; top: 0.0625rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.prev span::after { width: 1.729375rem; height: 1.729375rem; left: -3.5625rem; top: 50%; transform: translateY(-50%); } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.prev span::after { left: 0rem; width: 2.8125rem; height: 2.8125rem; } } .blog-editor .be__wrapper .be__contents .be__post-nav a.next { padding-left: 0.5rem; } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.next { padding-left: 1.8125rem; padding-right: 4.375rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.next { padding-right: 1.5rem; } } .blog-editor .be__wrapper .be__contents .be__post-nav a.next span { padding-right: 0rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.next span { padding-right: 5.3125rem; } } .blog-editor .be__wrapper .be__contents .be__post-nav a.next span::after { content: ""; width: 2.8125rem; height: 2.8125rem; background-image: url("../images/icons/icon-left-arrow-thin.svg"); background-size: contain; position: absolute; background-repeat: no-repeat; z-index: 2; width: 1.125rem; height: 1.125rem; right: -1.1875rem; top: 0.0625rem; transform: rotate(180deg); } @media screen and (min-width: 768px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.next span::after { width: 1.729375rem; height: 1.729375rem; top: 50%; transform: translateY(-50%) rotate(180deg); right: -3.5625rem; } } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents .be__post-nav a.next span::after { top: 50%; transform: translateY(-50%) rotate(180deg); right: 0rem; width: 2.8125rem; height: 2.8125rem; } } .blog-editor .be__wrapper .be__contents--podcast { padding-top: 4rem; } @media screen and (min-width: 950px) { .blog-editor .be__wrapper .be__contents--podcast { padding-top: 0; } } .blog-editor .be-enlarge-modal { display: none; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 99; } .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper { z-index: 999; position: relative; display: flex; align-items: center; width: 100%; justify-content: center; height: 100%; margin: 0 auto; flex-direction: column; align-items: center; max-height: 94vh; overflow: auto; } @media screen and (min-width: 768px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper { max-width: 100%; } } @media screen and (min-width: 950px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper { max-width: 90%; } } @media screen and (min-width: 1199px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper { max-width: 90%; width: 96.125rem; } } .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper .close__modal { margin-bottom: 0.5rem; margin-right: 1.875rem; background-color: rgba(0, 0, 0, 0); border: none; cursor: pointer; } @media screen and (min-width: 768px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper .close__modal { margin-right: 3.75rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 950px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper .close__modal { margin-right: 0; } } @media screen and (min-width: 1199px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper .close__modal { margin-bottom: 0.625rem; } } .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper .close__modal img { width: 1.5rem; background-color: rgba(0, 0, 0, 0); } @media screen and (min-width: 768px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper .close__modal img { width: 1.5rem; } } @media screen and (min-width: 1199px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper .close__modal img { width: 2.32125rem; } } .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper figure { display: flex; flex-direction: column; align-items: flex-end; max-height: 69vh; } @media screen and (min-width: 1199px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper figure { margin-top: -4.375rem; } } .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper figure img { height: 100%; width: 100%; object-fit: contain; background: #fff; } .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper figure figcaption { font-family: "TTHoves"; font-size: 1rem; font-weight: 400; line-height: 1.4; letter-spacing: 0em; text-align: left; color: #fff; text-align: left; display: block; width: 100%; padding: 0 1.875rem; margin-top: 0.875rem; } @media screen and (min-width: 768px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper figure figcaption { font-size: 1rem; margin-top: 2.5rem; padding: 0 3.75rem; } } @media screen and (min-width: 950px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper figure figcaption { font-size: 1.25rem; margin-top: 1.25rem; padding: 0; } } @media screen and (min-width: 1199px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper figure figcaption { font-size: 1.5rem; margin-top: 1.25rem; } } @media screen and (min-width: 1920px) { .blog-editor .be-enlarge-modal .be-enlarge-modal__wrapper figure figcaption { font-size: 1.25vw; } } .blog-editor .be-enlarge-modal::after { content: ""; background: rgba(20, 20, 20, 0.698); position: absolute; left: 0; top: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 1; } .blog-editor .be-enlarge-modal img.enlarged__image { max-width: 80vw; max-height: 80vh; } .related-threat { overflow: hidden; background-image: url("../images/unit42-background-light.jpg"); background-size: cover; background-position: top right; padding: 4rem 0 4.6875rem; } @media screen and (min-width: 768px) { .related-threat { padding: 5rem 0 6.25rem; } } @media screen and (min-width: 1199px) { .related-threat { padding: 10rem 0; } } .related-threat h2 { font-family: "TTHoves"; font-size: 1.25rem; font-weight: 400; line-height: 1.4; letter-spacing: 0em; color: #141414; text-align: left; margin-bottom: 1rem; font-weight: 500; } @media screen and (min-width: 768px) { .related-threat h2 { margin-bottom: 1.4375rem; } } @media screen and (min-width: 1199px) { .related-threat h2 { font-size: 2.5rem; } } @media screen and (min-width: 1199px) { .related-threat h2 { font-size: 2.5rem; } } @media screen and (min-width: 1920px) { .related-threat h2 { font-size: 2.0833333333vw; } } .related-threat .blog-slider .slick-list { margin-left: -0.375rem; padding: 0; overflow: visible; } @media screen and (min-width: 768px) { .related-threat .blog-slider .slick-list { margin-left: -0.625rem; } } @media screen and (min-width: 1199px) { .related-threat .blog-slider .slick-list { margin-left: -1rem; } } .related-threat .blog-slider .l-card { min-height: 30rem; display: flex; flex-direction: column; justify-content: flex-end; margin: 0 0.375rem; } .related-threat .blog-slider .l-card:nth-last-child(1) { margin-right: 0; } @media screen and (min-width: 768px) { .related-threat .blog-slider .l-card { min-height: 30rem; margin: 0 0.625rem; } } @media screen and (min-width: 950px) { .related-threat .blog-slider .l-card { min-height: 34rem; } } @media screen and (min-width: 1199px) { .related-threat .blog-slider .l-card { min-height: 40.25rem; margin: 0 1rem; } } @media screen and (min-width: 1670px) { .related-threat .blog-slider .l-card { min-height: 46.5rem; } } .related-threat .bs__controls.is-hidden { display: none; } .related-threat .bs__controls { margin-top: 0.88875rem; display: flex; justify-content: space-between; align-items: center; gap: 2rem; position: relative; } @media screen and (min-width: 768px) { .related-threat .bs__controls { margin-top: 1.3125rem; } } @media screen and (min-width: 950px) { .related-threat .bs__controls { margin-top: 3.6875rem; } } @media screen and (min-width: 1199px) { .related-threat .bs__controls { min-height: 3.125rem; } } .related-threat .bs__controls .bs__progress { width: 100%; height: 0.625rem; position: relative; border-radius: 6.1875rem; overflow-x: hidden; position: relative; } @media screen and (min-width: 1199px) { .related-threat .bs__controls .bs__progress { width: calc(100% - 172px); margin-left: 5.3125rem; } } .related-threat .bs__controls .bs__progress:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.6); z-index: 1; width: 100%; height: 0.0625rem; } @media screen and (min-width: 1199px) { .related-threat .bs__controls .bs__progress:after { height: 0.1875rem; } } .related-threat .bs__controls .bs__progress span { position: absolute; height: 0.21875rem; width: 1.25rem; border-radius: 6.1875rem; background-color: #c84727; top: 50%; transform: translateY(-50%); transition: all 0.5s ease-in-out; z-index: 2; } @media screen and (min-width: 1199px) { .related-threat .bs__controls .bs__progress span { height: 0.5625rem; } } .related-threat .bs__controls .bs__navigation { display: none; } @media screen and (min-width: 1199px) { .related-threat .bs__controls .bs__navigation { display: flex; position: absolute; left: 3.5rem; width: calc(100% - 112px); } } @media screen and (min-width: 1670px) { .related-threat .bs__controls .bs__navigation { left: 1.5625rem; display: flex; width: calc(100% - 50px); } } .related-threat .bs__controls .bs__navigation ul { display: flex; align-items: center; gap: 2rem; } @media screen and (min-width: 1199px) { .related-threat .bs__controls .bs__navigation ul { width: 100%; display: flex; justify-content: space-between; } } .related-threat .bs__controls .bs__navigation ul li button { width: 3.125rem; height: 3.125rem; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 62.4375rem; } .related-threat .bs__controls .bs__navigation ul li button img { transition: all 0.3s ease-in-out; } .related-threat .bs__controls .bs__navigation ul li button:hover { background-color: #141414; } .related-threat .bs__controls .bs__navigation ul li button:hover img { filter: invert(1); } .related-threat .bs__controls .bs__navigation ul li:nth-last-child(1) button img { transform: rotate(180deg); } .related-threat .bs__controls .bs__navigation ul li button.is-disabled { pointer-events: none; opacity: 0.8; } .card-slider { background-color: #f4f4f2; max-width: 100vw; overflow: hidden; } .card-slider .cta-title { padding-bottom: 2rem; } @media screen and (max-width: 767px) { .card-slider .cta-title { padding: 4rem 0 2rem; } } @media screen and (min-width: 768px) { .card-slider .cta-title { padding-bottom: 0; } } @media screen and (min-width: 950px) { .card-slider .cta-title { padding-top: 5.625rem; } } @media screen and (min-width: 1320px) { .card-slider .cta-title { padding-top: 6.25rem; } } @media screen and (min-width: 1440px) { .card-slider .cta-title { padding-top: 8.125rem; } } @media screen and (min-width: 1670px) { .card-slider .cta-title { padding-top: 10.21875rem; } } .card-slider .card-slider__wrapper { overflow: visible; position: relative; } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper::after { content: ""; width: 50px; height: 100%; background: #f4f4f2; z-index: 1; position: absolute; right: 0; top: 0; } .card-slider .card-slider__wrapper::before { content: ""; width: 50px; height: 100%; background: #f4f4f2; z-index: 1; position: absolute; left: 0; top: 0; } } .card-slider .card-slider__wrapper .cs-slider { align-items: center; margin: 0; position: relative; max-height: unset; overflow: hidden; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider { max-height: 120vh; } .card-slider .card-slider__wrapper .cs-slider::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f4f4f2; z-index: 1; opacity: 1; } .card-slider .card-slider__wrapper .cs-slider::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.5rem; height: 2.5rem; background-image: url("../images/icons/icon-loader.svg"); background-repeat: no-repeat; background-size: contain; z-index: 2; } } .card-slider .card-slider__wrapper .cs-slider.slick-initialized::after, .card-slider .card-slider__wrapper .cs-slider.slick-initialized::before { display: none; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider button.slick-arrow { position: absolute; width: 22vw; height: 100%; top: 0; z-index: 9; opacity: 0; cursor: pointer; } .card-slider .card-slider__wrapper .cs-slider button.slick-prev.slick-arrow { left: 0; right: auto; } .card-slider .card-slider__wrapper .cs-slider button.slick-next.slick-arrow { right: 0; left: auto; } } .card-slider .card-slider__wrapper .cs-slider.no-slick { margin: 2rem 0; display: flex; gap: 1.25rem; padding: 0 1.875rem; flex-wrap: wrap; justify-content: center; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider.no-slick { margin: 2.5rem 0; padding: 0 3.125rem; gap: 1.875rem; } } @media screen and (min-width: 1199px) { .card-slider .card-slider__wrapper .cs-slider.no-slick { margin: 5rem 0; padding: 0 2%; gap: 2.5rem; } } .card-slider .card-slider__wrapper .cs-slider.no-slick .cs__item { width: 100%; margin-top: 0 !important; opacity: 1; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider.no-slick .cs__item { width: calc(50% - 20px); } } @media screen and (min-width: 1199px) { .card-slider .card-slider__wrapper .cs-slider.no-slick .cs__item { width: calc(33.33% - 40px); margin-top: 5rem; } } .card-slider .card-slider__wrapper .cs-slider.no-slick::after, .card-slider .card-slider__wrapper .cs-slider.no-slick::before { display: none; } .card-slider .card-slider__wrapper .cs-slider .slick-dots { position: absolute; bottom: 4.375rem; gap: 0.875rem; min-width: 17.375rem; display: flex; justify-content: space-between; left: 50%; transform: translateX(-50%); transform-origin: center; list-style: none; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .slick-dots { min-width: 17.375rem; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .slick-dots { bottom: 8.125rem; } } .card-slider .card-slider__wrapper .cs-slider .slick-dots li { transition: all 0.3s ease-in-out; cursor: pointer; position: relative; } .card-slider .card-slider__wrapper .cs-slider .slick-dots li:after { content: ""; top: 50%; left: 50%; position: absolute; width: 100%; transform: translate(-50%, -50%); height: 0.0625rem; background-color: #5f5f5f; transition: all 0.4s ease-in-out; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .slick-dots li { width: 2.3125rem; padding: 0.625rem 0; background-color: rgba(0, 0, 0, 0); } } .card-slider .card-slider__wrapper .cs-slider .slick-dots li.slick-active { width: 4.625rem; } .card-slider .card-slider__wrapper .cs-slider .slick-dots li.slick-active button:focus { outline: 0.0625rem solid #c84727 !important; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .slick-dots li.slick-active:after { height: 0.125rem; margin-top: -0.0625rem; } } .card-slider .card-slider__wrapper .cs-slider .slick-dots li button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; opacity: 0; } .card-slider .card-slider__wrapper .cs-slider .slick-dots li button:focus { outline: 0.0625rem solid #c84727 !important; } .card-slider .card-slider__wrapper .cs-slider .slick-list { padding: 9.0625rem 0rem 11.875rem !important; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .slick-list { padding: 4.75rem 0rem 9.25rem !important; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .slick-list { padding: 9.0625rem 3.125rem 17.8125rem !important; } } .card-slider .card-slider__wrapper .cs-slider .slick-list .slick-track { display: flex; align-items: center; } .card-slider .card-slider__wrapper .cs-slider .cs__item { position: relative; } .card-slider .card-slider__wrapper .cs-slider .cs__item a.hyperlink { font-family: "TTHoves"; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .cs__item { opacity: 1; transition: all 0.1s ease-in-out; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); width: 20.125rem; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .cs__item { width: 49.4375rem; } } .card-slider .card-slider__wrapper .cs-slider .cs__item.slick-active { opacity: 1; } .card-slider .card-slider__wrapper .cs-slider .cs__item .cs__item-wrapper { padding: 1.375rem; display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 16.6875rem; background-color: rgba(0, 0, 0, 0.1); } .card-slider .card-slider__wrapper .cs-slider .cs__item .cs__item-wrapper img { text-shadow: none; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .cs__item .cs__item-wrapper { padding: 0; min-height: 13.5625rem; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .cs__item .cs__item-wrapper { padding: 2.5rem; min-height: 24.75rem; } } .card-slider .card-slider__wrapper .cs-slider .cs__item .cs__item-wrapper > a { text-decoration: none; font-family: "TTHoves"; } .card-slider .card-slider__wrapper .cs-slider .cs__item .cs__item-wrapper a.cs__title h4 { transition-delay: 1.4s; transition: all 0.001s ease-in-out; } .card-slider .card-slider__wrapper .cs-slider .cs__item .cs__item-wrapper a.cs__title:hover { text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 7px; text-decoration-color: #fff; } .card-slider .card-slider__wrapper .cs-slider .cs__item .cs__item-wrapper figure { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); } .card-slider .card-slider__wrapper .cs-slider .cs__item .cs__item-wrapper figure::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 0; pointer-events: none; } .card-slider .card-slider__wrapper .cs-slider .cs__item span { display: flex; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; text-transform: uppercase; color: #fff; margin-bottom: 0.25rem; font-family: "TTHoves"; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .cs__item span { margin-bottom: 0.1875rem; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .cs__item span { font-size: 0.875rem; margin-top: 0; margin-bottom: 0.451875rem; } } @media screen and (min-width: 1670px) { .card-slider .card-slider__wrapper .cs-slider .cs__item span { font-size: 1rem; } } @media screen and (min-width: 1920px) { .card-slider .card-slider__wrapper .cs-slider .cs__item span { font-size: 0.8333333333vw; } } .card-slider .card-slider__wrapper .cs-slider .cs__item span img { width: 0.875rem; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .cs__item span img { width: 0.875rem; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .cs__item span img { width: 1.25rem; max-height: 1.25rem; } } .card-slider .card-slider__wrapper .cs-slider .cs__item h4 { font-family: "TTHoves"; font-weight: 500; font-size: 1.125rem; line-height: 1.4; letter-spacing: 0em; text-align: center; margin-bottom: 1.09875rem; max-width: 17.75rem; color: #fff; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .cs__item h4 { font-size: 0.824375rem; line-height: 1.399; margin-bottom: 1.1rem; max-width: unset; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .cs__item h4 { font-size: 0.9375rem; line-height: 1.4; margin-bottom: 1.25rem; } } @media screen and (min-width: 1199px) { .card-slider .card-slider__wrapper .cs-slider .cs__item h4 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 1.5625rem; } } @media screen and (min-width: 1670px) { .card-slider .card-slider__wrapper .cs-slider .cs__item h4 { font-size: 1.5rem; line-height: 1.4; margin-bottom: 2rem; } } @media screen and (min-width: 1920px) { .card-slider .card-slider__wrapper .cs-slider .cs__item h4 { font-size: 1.25vw; } } .card-slider .card-slider__wrapper .cs-slider .cs__item .hyperlink { color: #fff; border-color: #fff; font-family: "TTHoves"; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .cs__item .hyperlink { font-size: 0.549375rem; line-height: 1.4; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .cs__item .hyperlink { font-size: 0.875rem; } } @media screen and (min-width: 1670px) { .card-slider .card-slider__wrapper .cs-slider .cs__item .hyperlink { font-size: 1rem; line-height: 1.4; } } @media screen and (min-width: 1920px) { .card-slider .card-slider__wrapper .cs-slider .cs__item .hyperlink { font-size: 0.8333333333vw; } } .card-slider .card-slider__wrapper .cs-slider .cs__item .hyperlink:hover { color: #c84727; border-color: #c84727; } .card-slider .card-slider__wrapper .cs-slider .cs__item figure { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; transition: all 0.1s ease-in-out; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (min-width: 1440px) { .card-slider .card-slider__wrapper .cs-slider .cs__item figure { transition: all 0.15s ease-in-out; } } .card-slider .card-slider__wrapper .cs-slider .cs__item figure img { width: 100%; height: 100%; object-fit: cover; } .card-slider .card-slider__wrapper .cs-slider .cs__item * { z-index: 1; } .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main { z-index: 9; position: relative; } .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main figure { box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.2); position: absolute; min-width: 31.25rem; z-index: 0; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main figure { height: 18.0625rem; width: 76.31vw; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main figure { height: 32.875rem; width: 55.625vw; } } .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main .cs__title { text-decoration-color: #fff; } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main .cs__title { width: calc(100% + 66px); } } @media screen and (min-width: 768px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main h4 { font-size: 1.125rem; line-height: 1.4; margin-bottom: 1.098125rem; width: 100%; } } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main h4 { font-size: 1.375rem; margin-bottom: 1.5625rem; } } @media screen and (min-width: 1199px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main h4 { font-size: 1.5625rem; margin-bottom: 1.875rem; } } @media screen and (min-width: 1670px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main h4 { font-size: 2rem; margin-bottom: 2rem; } } @media screen and (min-width: 1920px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main h4 { font-size: 1.6666666667vw; } } .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main .hyperlink { font-size: 0.875rem; line-height: 1.4; } @media screen and (min-width: 950px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main .hyperlink { font-size: 0.875rem; } } @media screen and (min-width: 1670px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main .hyperlink { font-size: 1rem; } } @media screen and (min-width: 1920px) { .card-slider .card-slider__wrapper .cs-slider .slick-current.slick-active.slick-center.slick-main .hyperlink { font-size: 0.8333333333vw; } } .l-card { padding: 1.5rem 1.5rem; display: flex; gap: 1.5rem; border-color: #fff; background: rgba(20, 20, 20, 0.6); border-bottom: 0.5px solid #ccc; } .l-card:nth-last-child(1) { border-bottom: none; } @media screen and (min-width: 768px) { .l-card { padding: 1rem 1.5rem; } } @media screen and (min-width: 950px) { .l-card { padding: 2.5rem 2.5rem; gap: 2rem; } } @media screen and (min-width: 1199px) { .l-card { border-bottom: none; } } @media screen and (min-width: 1320px) { .l-card { padding: 2.5rem 3.125rem; } } @media screen and (min-width: 1440px) { .l-card { padding: 2.5rem 5rem; } } @media screen and (min-width: 1199px) { .l-card:nth-child(1) { border-right: 0.5px solid #ccc; border-bottom: 0.5px solid #ccc; } .l-card:nth-child(2) { border-bottom: 0.5px solid #ccc; } .l-card:nth-child(3) { border-right: 0.5px solid #ccc; } } .l-card .card-media { width: 48.29%; } @media screen and (min-width: 768px) { .l-card .card-media { width: 16.6787%; } } @media screen and (min-width: 950px) { .l-card .card-media { width: 27.81%; } } .l-card .card-media figure { width: 100%; background-color: #000; } .l-card .card-media.has-video { position: relative; cursor: pointer; outline: none; } .l-card .card-media.has-video figure { position: relative; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; outline-offset: 0.125rem; } .l-card .card-media.has-video figure:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .l-card .card-media.has-video figure::after { content: ""; background-image: url("../images/icons/video-play-icon.svg"); width: 2.741875rem; height: 2.741875rem; position: absolute; background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (min-width: 950px) { .l-card .card-media.has-video figure::after { width: 1.875rem; height: 1.875rem; } } @media screen and (min-width: 1199px) { .l-card .card-media.has-video figure::after { width: 2.5rem; height: 2.5rem; } } @media screen and (min-width: 1320px) { .l-card .card-media.has-video figure::after { width: 3.4375rem; height: 3.4375rem; } } @media screen and (min-width: 1670px) { .l-card .card-media.has-video figure::after { width: 4rem; height: 4rem; } } .l-card .card-content { display: flex; flex-direction: column; justify-content: space-between; width: 73.44%; row-gap: 0.4375rem; } @media screen and (min-width: 950px) { .l-card .card-content { row-gap: 0.625rem; } } .l-card .card-content * { font-family: "TTHoves"; } .l-card .card-content .card-content__wrapper > a { text-decoration: none; } .l-card .card-content .card-content__wrapper span { display: flex; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; text-transform: uppercase; color: #fff; margin-bottom: 0.5rem; align-items: center; } @media screen and (min-width: 950px) { .l-card .card-content .card-content__wrapper span { font-size: 0.8125rem; line-height: 1.375; } } @media screen and (min-width: 1199px) { .l-card .card-content .card-content__wrapper span { font-size: 0.875rem; } } @media screen and (min-width: 1440px) { .l-card .card-content .card-content__wrapper span { font-size: 0.9375rem; } } @media screen and (min-width: 1670px) { .l-card .card-content .card-content__wrapper span { font-size: 1rem; } } @media screen and (min-width: 1920px) { .l-card .card-content .card-content__wrapper span { font-size: 0.8333333333vw; } } .l-card .card-content .card-content__wrapper span img { width: 0.875rem; } @media screen and (min-width: 950px) { .l-card .card-content .card-content__wrapper span img { width: 1.041875rem; } } .l-card .card-content .card-content__wrapper h5, .l-card .card-content .card-content__wrapper h4, .l-card .card-content .card-content__wrapper h3, .l-card .card-content .card-content__wrapper h2 { font-size: 1rem; font-weight: 500; line-height: 1.4; letter-spacing: 0em; text-align: left; line-height: 1.41666; margin-bottom: 1rem; color: #fff; margin-top: -0.1875rem; } @media screen and (min-width: 950px) { .l-card .card-content .card-content__wrapper h5, .l-card .card-content .card-content__wrapper h4, .l-card .card-content .card-content__wrapper h3, .l-card .card-content .card-content__wrapper h2 { margin-top: 0rem; font-size: 1.0625rem; } } @media screen and (min-width: 1199px) { .l-card .card-content .card-content__wrapper h5, .l-card .card-content .card-content__wrapper h4, .l-card .card-content .card-content__wrapper h3, .l-card .card-content .card-content__wrapper h2 { font-size: 1.125rem; } } @media screen and (min-width: 1320px) { .l-card .card-content .card-content__wrapper h5, .l-card .card-content .card-content__wrapper h4, .l-card .card-content .card-content__wrapper h3, .l-card .card-content .card-content__wrapper h2 { font-size: 1.25rem; } } @media screen and (min-width: 1670px) { .l-card .card-content .card-content__wrapper h5, .l-card .card-content .card-content__wrapper h4, .l-card .card-content .card-content__wrapper h3, .l-card .card-content .card-content__wrapper h2 { font-size: 1.5rem; line-height: 1.41666; } } @media screen and (min-width: 1920px) { .l-card .card-content .card-content__wrapper h5, .l-card .card-content .card-content__wrapper h4, .l-card .card-content .card-content__wrapper h3, .l-card .card-content .card-content__wrapper h2 { font-size: 1.25vw; } } .l-card .card-content .card-content__wrapper h5:hover, .l-card .card-content .card-content__wrapper h4:hover, .l-card .card-content .card-content__wrapper h3:hover, .l-card .card-content .card-content__wrapper h2:hover { text-decoration-line: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; } .l-card .card-content .card-content__wrapper ul.card-tags { display: flex; flex-direction: column; gap: 0.5rem; align-items: flex-start; flex-wrap: wrap; } @media screen and (min-width: 768px) { .l-card .card-content .card-content__wrapper ul.card-tags { flex-direction: row; } } .l-card .card-content .card-content__wrapper ul.card-tags li { font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; border-radius: 6.1875rem; color: #fff; } @media screen and (min-width: 950px) { .l-card .card-content .card-content__wrapper ul.card-tags li { font-size: 0.7rem; } } @media screen and (min-width: 1670px) { .l-card .card-content .card-content__wrapper ul.card-tags li { font-size: 0.875rem; } } @media screen and (min-width: 1920px) { .l-card .card-content .card-content__wrapper ul.card-tags li { font-size: 0.7291666667vw; } } .l-card .card-content .card-content__wrapper ul.card-tags li a { display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.4); padding: 0.125rem 1rem; color: #fff; text-decoration: none; border-radius: 6.1875rem; min-height: 1.5625rem; font-weight: inherit; color: inherit; } @media screen and (min-width: 950px) { .l-card .card-content .card-content__wrapper ul.card-tags li a { min-height: 1.625rem; } } @media screen and (min-width: 1670px) { .l-card .card-content .card-content__wrapper ul.card-tags li a { min-height: 1.75rem; } } .l-card .card-content .card-content__wrapper ul.card-tags li a:hover { background-color: #000; color: #fff; } .l-card .card-content .card-content__link a { margin-bottom: 0; color: #fff; border-color: #fff; padding-bottom: 0.0625rem; } @media screen and (min-width: 950px) { .l-card .card-content .card-content__link a { padding-bottom: 0.5rem; } } .l-card .card-content .card-content__link a:hover { color: #c84727; border-color: #c84727; } .l-card--slider { position: relative; overflow: hidden; padding: 0; background: rgba(0, 0, 0, 0); gap: 0; } .l-card--slider .card-media { height: 13.0625rem; width: 100%; left: 0; z-index: 0; background-color: #141414; } @media screen and (min-width: 1199px) { .l-card--slider .card-media { height: 15.0625rem; } } @media screen and (min-width: 1440px) { .l-card--slider .card-media { height: 17.5rem; } } @media screen and (min-width: 1670px) { .l-card--slider .card-media { height: 21.3125rem; } } .l-card--slider .card-media figure { width: 100%; height: 100%; } .l-card--slider .card-media figure img { object-fit: cover; height: inherit; width: inherit; object-position: center; } .l-card--slider .card-content { z-index: 1; width: 100%; padding: 3rem 2rem 1.59375rem 2rem; background: #141414; height: 16.9375rem; padding: 1.75rem 1.25rem 1.59375rem; } @media screen and (min-width: 1199px) { .l-card--slider .card-content { height: 25.1875rem; padding: 3rem 2.25rem; } } .l-card--slider .card-content .card-content__link { display: flex; justify-content: flex-end; } .l-card--slider .card-content .card-content__link .hyperlink { display: inline-flex; gap: 0.75rem; border-bottom-width: 2px; } @media screen and (min-width: 1199px) { .l-card--slider .card-content .card-content__link .hyperlink { border-bottom-width: 1px; } } .l-card--slider .card-content .card-content__link .hyperlink img { transition: all 0.2s ease-in-out; width: 0.840625rem; } @media screen and (min-width: 1199px) { .l-card--slider .card-content .card-content__link .hyperlink img { width: 0.955625rem; } } .l-card--slider .card-content .card-content__link .hyperlink:hover { color: #fff; border-color: #fff; } .l-card--slider .card-content .card-content__link .hyperlink:hover img { transform: translateX(3px); } .l-card--slider .card-content .card-content__wrapper > a:nth-child(1) { text-underline-offset: 0.125rem; text-decoration-color: #fff; } .l-card--slider .card-content .card-content__wrapper > a:nth-child(1):hover { text-decoration: underline; text-decoration-color: #fff; } .l-card--slider .card-content .card-content__wrapper ul.card-tags { flex-direction: row; } .l-card--slider .card-content .card-content__wrapper ul.card-tags li a:hover { background-color: #fff; color: #000; } .l-card--slider .card-content .card-content__wrapper span { gap: 0.4875rem; font-family: "TTHoves"; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.2em; text-align: left; margin-bottom: 0.5rem; } @media screen and (min-width: 1199px) { .l-card--slider .card-content .card-content__wrapper span { gap: 0.5rem; font-size: 1.125rem; margin-bottom: 1rem; } } @media screen and (min-width: 1920px) { .l-card--slider .card-content .card-content__wrapper span { font-size: 0.9375vw; } } .l-card--slider .card-content .card-content__wrapper span img { filter: invert(0); max-width: 0.5525rem; } @media screen and (min-width: 1199px) { .l-card--slider .card-content .card-content__wrapper span img { max-width: 0.951875rem; } } .l-card--slider .card-content .card-content__wrapper h4, .l-card--slider .card-content .card-content__wrapper h5, .l-card--slider .card-content .card-content__wrapper .post-title { margin-bottom: 0.75rem; font-size: 1rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (min-width: 950px) { .l-card--slider .card-content .card-content__wrapper h4, .l-card--slider .card-content .card-content__wrapper h5, .l-card--slider .card-content .card-content__wrapper .post-title { font-size: 1.5rem; } } @media screen and (min-width: 1199px) { .l-card--slider .card-content .card-content__wrapper h4, .l-card--slider .card-content .card-content__wrapper h5, .l-card--slider .card-content .card-content__wrapper .post-title { margin-bottom: 1.5rem; } } .l-card--research { position: relative; overflow: hidden; padding: 0; background: rgba(0, 0, 0, 0); } .l-card--research .card-media { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; background-color: #000; } .l-card--research .card-media figure { width: 100%; height: 100%; } .l-card--research .card-media figure img { object-fit: cover; height: inherit; width: inherit; } .l-card--research .card-content { z-index: 1; width: 100%; padding: 3rem 2rem 1.59375rem 2rem; background: rgba(20, 20, 20, 0.698); } .l-card--research .card-content .card-content__wrapper ul.card-tags { gap: 0.625rem; } .l-card--category-wide { position: relative; overflow: hidden; padding: 0; background: rgba(0, 0, 0, 0); align-items: flex-end; } @media screen and (min-width: 768px) { .l-card--category-wide { align-items: unset; min-height: unset; } } .l-card--category-wide .card-media { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; background-color: #000; } .l-card--category-wide .card-media figure { width: 100%; height: 100%; } .l-card--category-wide .card-media figure:after { display: none; } .l-card--category-wide .card-media figure img { object-fit: cover; height: inherit; width: inherit; } .l-card--category-wide .card-media.has-video { position: absolute; } .l-card--category-wide .card-media.has-video button { position: absolute; height: 100%; top: 0; left: 0; width: 100%; height: calc(100% - 287px); } @media screen and (min-width: 768px) { .l-card--category-wide .card-media.has-video button { left: auto; right: 0; width: 53%; height: 100%; } } @media screen and (min-width: 950px) { .l-card--category-wide .card-media.has-video button { width: calc(69.3% - 21px); } } .l-card--category-wide .card-media.has-video button img { width: 2.908125rem; height: 2.908125rem; } @media screen and (min-width: 1199px) { .l-card--category-wide .card-media.has-video button img { width: 4rem; height: 4rem; } } .l-card--category-wide .card-content { z-index: 0; width: 100%; padding: 3rem 2rem 1.59375rem 2rem; background: rgba(20, 20, 20, 0.8); width: 100%; min-height: 17.9375rem; max-height: unset; padding: 1.5rem 2rem; position: relative; } @media screen and (min-width: 768px) { .l-card--category-wide .card-content { padding: 5rem 2.5rem 2.5rem 2.5rem; max-height: unset; } } @media screen and (min-width: 768px) { .l-card--category-wide .card-content { width: calc(50% - 21px); } } @media screen and (min-width: 1199px) { .l-card--category-wide .card-content { width: calc(33.33% - 21px); row-gap: 1.5rem; } } @media screen and (min-width: 1440px) { .l-card--category-wide .card-content { width: 38.97%; max-width: 32.4375rem; } } .l-card--category-wide .card-content::after { content: ""; height: 100%; width: 100%; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); position: absolute; top: 0; left: 0; z-index: -1; } .l-card--category-wide .card-content .card-content__wrapper span { font-size: 0.875rem; line-height: 1.4; display: flex; align-items: center; } @media screen and (min-width: 768px) { .l-card--category-wide .card-content .card-content__wrapper span { margin-bottom: 1rem; } } @media screen and (min-width: 950px) { .l-card--category-wide .card-content .card-content__wrapper span { font-size: 0.9375rem; } } @media screen and (min-width: 1199px) { .l-card--category-wide .card-content .card-content__wrapper span { font-size: 1rem; } } @media screen and (min-width: 1320px) { .l-card--category-wide .card-content .card-content__wrapper span { font-size: 1.0625rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 1670px) { .l-card--category-wide .card-content .card-content__wrapper span { font-size: 1.125rem; } } .l-card--category-wide .card-content .card-content__wrapper span img { width: 100%; max-width: 0.9725rem; max-height: 0.875rem; } @media screen and (min-width: 768px) { .l-card--category-wide .card-content .card-content__wrapper span img { max-width: 1.28125rem; max-height: 1.15rem; } } .l-card--category-wide .card-content .card-content__wrapper h4.post-title, .l-card--category-wide .card-content .card-content__wrapper .post-title { font-size: 1.125rem; line-height: 1.4; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (min-width: 768px) { .l-card--category-wide .card-content .card-content__wrapper h4.post-title, .l-card--category-wide .card-content .card-content__wrapper .post-title { margin-bottom: 1rem; } } @media screen and (min-width: 950px) { .l-card--category-wide .card-content .card-content__wrapper h4.post-title, .l-card--category-wide .card-content .card-content__wrapper .post-title { font-size: 1.125rem; } } @media screen and (min-width: 1199px) { .l-card--category-wide .card-content .card-content__wrapper h4.post-title, .l-card--category-wide .card-content .card-content__wrapper .post-title { font-size: 1.25rem; } } @media screen and (min-width: 1320px) { .l-card--category-wide .card-content .card-content__wrapper h4.post-title, .l-card--category-wide .card-content .card-content__wrapper .post-title { font-size: 1.375rem; } } @media screen and (min-width: 1670px) { .l-card--category-wide .card-content .card-content__wrapper h4.post-title, .l-card--category-wide .card-content .card-content__wrapper .post-title { font-size: 2rem; } } .l-card--category-wide .card-content .card-content__wrapper h4.post-title:hover, .l-card--category-wide .card-content .card-content__wrapper .post-title:hover { text-decoration-line: underline; text-underline-offset: 2px; text-decoration-thickness: 2px; } .l-card--category-wide .card-content .card-content__wrapper p { font-size: 0.875rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; color: #fff; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (min-width: 768px) { .l-card--category-wide .card-content .card-content__wrapper p { margin-bottom: 1.5rem; } } @media screen and (min-width: 950px) { .l-card--category-wide .card-content .card-content__wrapper p { font-size: 0.9375rem; } } @media screen and (min-width: 1199px) { .l-card--category-wide .card-content .card-content__wrapper p { font-size: 1rem; } } @media screen and (min-width: 1320px) { .l-card--category-wide .card-content .card-content__wrapper p { font-size: 1.0625rem; -webkit-line-clamp: 7; } } @media screen and (min-width: 1670px) { .l-card--category-wide .card-content .card-content__wrapper p { font-size: 1.125rem; } } .l-card--category-wide .card-content .card-content__wrapper ul.card-tags { display: flex; flex-direction: row; column-gap: 0.625rem; } .l-card--category-portrait { position: relative; overflow: hidden; padding: 0; background: rgba(0, 0, 0, 0); width: 100%; flex-direction: column; justify-content: flex-end; min-height: 25rem; gap: 0; } @media screen and (min-width: 768px) { .l-card--category-portrait { width: calc(50% - 6px); min-height: 30.625rem; } } @media screen and (min-width: 950px) { .l-card--category-portrait { width: calc(50% - 16px); } } @media screen and (min-width: 1199px) { .l-card--category-portrait { min-height: 37.5rem; width: calc((100% - 62px) / 3); } } .l-card--category-portrait .card-media { height: 100%; width: 100%; left: 0; z-index: 0; background-color: #141414; } .l-card--category-portrait .card-media button { position: absolute; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; display: none; } @media screen and (min-width: 768px) { .l-card--category-portrait .card-media button { height: 100%; } } @media screen and (min-width: 1199px) { .l-card--category-portrait .card-media button { height: 100%; } } .l-card--category-portrait .card-media button img { width: 2.908125rem; height: 2.908125rem; } @media screen and (min-width: 1199px) { .l-card--category-portrait .card-media button img { width: 4rem; height: 4rem; } } .l-card--category-portrait .card-media.has-video { position: relative; } .l-card--category-portrait .card-media.has-video figure::after { display: none; } .l-card--category-portrait .card-media.has-video button { display: block; } .l-card--category-portrait .card-media figure { width: 100%; height: 100%; } .l-card--category-portrait .card-media figure img { object-fit: cover; height: inherit; width: inherit; object-position: center; } .l-card--category-portrait .card-content { z-index: 1; width: 100%; background-color: #141414; width: auto; padding: 1.5rem; min-height: 15.25rem; position: relative; } @media screen and (min-width: 768px) { .l-card--category-portrait .card-content { min-height: 18.283125rem; padding: 1.5rem 1.5rem 2.5rem 1.5rem; } } @media screen and (min-width: 950px) { .l-card--category-portrait .card-content { min-height: 22rem; padding: 3rem 1.9375rem 1.5rem 2rem; } } .l-card--category-portrait .card-content::after { content: ""; height: 100%; width: 100%; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); position: absolute; top: 0; left: 0; z-index: -1; } .l-card--category-portrait .card-content .card-content__wrapper span { font-size: 0.875rem; line-height: 1.4; display: flex; align-items: center; margin-bottom: 0.5rem; } @media screen and (min-width: 768px) { .l-card--category-portrait .card-content .card-content__wrapper span { margin-bottom: 1rem; } } @media screen and (min-width: 950px) { .l-card--category-portrait .card-content .card-content__wrapper span { font-size: 1rem; } } .l-card--category-portrait .card-content .card-content__wrapper span img { width: 100%; max-width: 0.9725rem; max-height: 0.875rem; } @media screen and (min-width: 768px) { .l-card--category-portrait .card-content .card-content__wrapper span img { max-width: 1.28125rem; max-height: 1.15rem; } } .l-card--category-portrait .card-content .card-content__wrapper h4.post-title, .l-card--category-portrait .card-content .card-content__wrapper .post-title { font-size: 1.125rem; line-height: 1.4; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (min-width: 768px) { .l-card--category-portrait .card-content .card-content__wrapper h4.post-title, .l-card--category-portrait .card-content .card-content__wrapper .post-title { margin-bottom: 1.5rem; font-size: 1rem; } } @media screen and (min-width: 950px) { .l-card--category-portrait .card-content .card-content__wrapper h4.post-title, .l-card--category-portrait .card-content .card-content__wrapper .post-title { font-size: 1.5rem; line-height: 1.4; margin-bottom: 1.5rem; } } .l-card--category-portrait .card-content .card-content__wrapper h4.post-title:hover, .l-card--category-portrait .card-content .card-content__wrapper .post-title:hover { text-decoration-line: underline; text-underline-offset: 2px; text-decoration-thickness: 2px; } .l-card--category-portrait .card-content .card-content__wrapper p { font-size: 0.875rem; font-weight: 400; line-height: 1.5; letter-spacing: 0em; color: #fff; margin-bottom: 1rem; } @media screen and (min-width: 950px) { .l-card--category-portrait .card-content .card-content__wrapper p { font-size: 1.125rem; margin-bottom: 1.5rem; } } .l-card--category-portrait .card-content .card-content__wrapper ul.card-tags { display: flex; flex-direction: row; column-gap: 0.625rem; } @media screen and (min-width: 950px) { .l-card--category-portrait .card-content .card-content__wrapper ul.card-tags { flex-direction: row; } } .l-card--category-portrait .card-content .card-content__wrapper ul.card-tags li a:hover { background-color: #fff; color: #000; } @media screen and (min-width: 768px) { .l-card--category-portrait .card-content .card-content__link a { padding-bottom: 0.5rem; } } @media screen and (min-width: 950px) { .l-card--category-portrait .card-content .card-content__link a { padding-bottom: 0.0625rem; } } .category-banner { min-height: 19.75rem; padding: 1.01125rem 0 1.55125rem; position: relative; } @media screen and (min-width: 768px) { .category-banner { min-height: 21.4375rem; padding: 5.375rem 0 2.5rem; } } @media screen and (min-width: 950px) { .category-banner { padding: 8.75rem 0 0; min-height: 31.25rem; } } @media screen and (min-width: 1199px) { .category-banner { min-height: 34.375rem; } } @media screen and (min-width: 1670px) { .category-banner { min-height: 41.375rem; } } .category-banner .l-breadcrumbs { display: none; position: relative; z-index: 1; margin-bottom: 2rem; } .category-banner picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .category-banner picture:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: #000000; opacity: 0.4; } .category-banner picture img { width: 100%; height: 100%; object-fit: cover; } .category-banner .cb-content__wrapper { position: relative; z-index: 9; display: flex; flex-direction: column; text-align: center; align-items: center; margin-top: 2rem; } @media screen and (min-width: 768px) { .category-banner .cb-content__wrapper { margin-top: 0; } } .category-banner .cb-content__wrapper * { color: #fff; font-family: "TTHoves"; } .category-banner .cb-content__wrapper span { font-weight: 600; line-height: 1.4; letter-spacing: 0.2em; font-size: 0.75rem; color: #fff; margin-bottom: 0.5rem; } @media screen and (min-width: 950px) { .category-banner .cb-content__wrapper span { margin-bottom: 0.875rem; font-size: 0.75rem; } } @media screen and (min-width: 1199px) { .category-banner .cb-content__wrapper span { font-size: 0.875rem; } } @media screen and (min-width: 1320px) { .category-banner .cb-content__wrapper span { font-size: 1rem; } } @media screen and (min-width: 1440px) { .category-banner .cb-content__wrapper span { font-size: 1.0625rem; } } @media screen and (min-width: 1670px) { .category-banner .cb-content__wrapper span { font-size: 1.125rem; } } .category-banner .cb-content__wrapper .back-to-link { display: none; } .category-banner .cb-content__wrapper p { max-width: 49.4375rem; font-size: 0.875rem; font-weight: 400; line-height: 2; letter-spacing: 0.02em; text-align: center; margin-bottom: 2rem; } @media screen and (min-width: 768px) { .category-banner .cb-content__wrapper p { margin-bottom: 3rem; font-weight: 500; } } @media screen and (min-width: 950px) { .category-banner .cb-content__wrapper p { margin-bottom: 0rem; font-size: 0.9375rem; } } @media screen and (min-width: 1199px) { .category-banner .cb-content__wrapper p { font-size: 1rem; } } @media screen and (min-width: 1320px) { .category-banner .cb-content__wrapper p { font-size: 1.0625rem; } } @media screen and (min-width: 1440px) { .category-banner .cb-content__wrapper p { font-size: 1.125rem; } } .category-banner .cb-content__wrapper .cb-sort { display: flex; align-items: center; gap: 1rem; } @media screen and (min-width: 768px) { .category-banner .cb-content__wrapper .cb-sort { gap: 1.5rem; margin: 0rem 0 0; } } @media screen and (min-width: 950px) { .category-banner .cb-content__wrapper .cb-sort { margin: 1.25rem 0 0; } } @media screen and (min-width: 1320px) { .category-banner .cb-content__wrapper .cb-sort { margin: 1.5625rem 0 0; } } @media screen and (min-width: 1440px) { .category-banner .cb-content__wrapper .cb-sort { margin: 1.875rem 0 0; } } @media screen and (min-width: 1670px) { .category-banner .cb-content__wrapper .cb-sort { margin: 2.5rem 0 0; } } .category-banner .cb-content__wrapper .cb-sort span { margin-bottom: 0; font-family: "TTHoves"; font-size: 0.875rem; font-weight: 600; line-height: 1.4; color: #fff; letter-spacing: 0.02em; text-align: left; } .category-banner .cb-content__wrapper .cb-sort ul { display: flex; align-items: center; gap: 1rem; } @media screen and (min-width: 768px) { .category-banner .cb-content__wrapper .cb-sort ul { gap: 1.5rem; } } .category-banner .cb-content__wrapper .cb-sort ul li { display: flex; align-items: center; border-radius: 62.4375rem; justify-content: center; min-height: 2.125rem; border: 1px solid #fff; color: #fff; font-family: "TTHoves"; font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.02em; text-align: left; min-height: 2.125rem; } @media screen and (min-width: 768px) { .category-banner .cb-content__wrapper .cb-sort ul li { min-height: 2.25rem; } } @media screen and (min-width: 1320px) { .category-banner .cb-content__wrapper .cb-sort ul li { font-size: 1rem; } } .category-banner .cb-content__wrapper .cb-sort ul li a { padding: 0.375rem 1rem; color: inherit; text-decoration: none; display: flex; align-items: center; min-height: 2.125rem; } @media screen and (min-width: 768px) { .category-banner .cb-content__wrapper .cb-sort ul li a { min-height: 2.25rem; padding: 0.375rem 1.25rem; } } .category-banner .cb-content__wrapper .cb-sort ul li.is-active { background-color: #fff; color: #000; } .category-banner .cb-content__wrapper .cb-sort ul li.is-active a { color: inherit; } .category-banner .cb-content__wrapper .cb-title__dropdown { display: inline-flex; position: relative; margin-bottom: 1rem; } @media screen and (min-width: 1199px) { .category-banner .cb-content__wrapper .cb-title__dropdown { margin-bottom: 0.6875rem; } } .category-banner .cb-content__wrapper .cb-title__dropdown.is-open h1::after { transform: rotate(180deg); } .category-banner .cb-content__wrapper .cb-title__dropdown.no-dropdown h1 { cursor: default; } .category-banner .cb-content__wrapper .cb-title__dropdown.no-dropdown h1::after { display: none; } .category-banner .cb-content__wrapper .cb-title__dropdown h1 { font-size: 1.75rem; font-weight: 500; line-height: 1.2; display: flex; align-items: center; position: relative; cursor: pointer; } @media screen and (min-width: 1199px) { .category-banner .cb-content__wrapper .cb-title__dropdown h1 { font-size: 2rem; } } @media screen and (min-width: 1320px) { .category-banner .cb-content__wrapper .cb-title__dropdown h1 { font-size: 2.375rem; } } @media screen and (min-width: 1440px) { .category-banner .cb-content__wrapper .cb-title__dropdown h1 { font-size: 2.5rem; } } @media screen and (min-width: 1670px) { .category-banner .cb-content__wrapper .cb-title__dropdown h1 { font-size: 4rem; } } @media screen and (min-width: 1920px) { .category-banner .cb-content__wrapper .cb-title__dropdown h1 { font-size: 3.3333333333vw; } } .category-banner .cb-content__wrapper .cb-title__dropdown h1::after { content: ""; background-image: url("../images/icons/icon-down-arrow-white.svg"); width: 1.53125rem; height: 1.53125rem; margin-left: 0.75rem; display: inline-flex; background-size: contain; background-repeat: no-repeat; } @media screen and (min-width: 768px) { .category-banner .cb-content__wrapper .cb-title__dropdown h1::after { margin-left: 1rem; width: 2.25rem; height: 2.25rem; } } .category-banner .cb-content__wrapper .cb-title__dropdown .dropdown__wrapper { position: absolute; top: 100%; width: 100%; left: 50%; transform: translateX(-50%); background: #2f2f2f; padding: 0.9375rem; display: none; min-width: 18.75rem; } .category-banner .cb-content__wrapper .cb-title__dropdown .dropdown__wrapper:after { content: ""; position: absolute; height: 1.25rem; left: 0; width: 100%; bottom: 0.6875rem; background-image: linear-gradient(to top, rgb(46, 46, 46), rgba(255, 255, 255, 0)); } .category-banner .cb-content__wrapper .cb-title__dropdown ul { max-height: 10.6875rem; overflow: auto; } @media screen and (min-width: 768px) { .category-banner .cb-content__wrapper .cb-title__dropdown ul { max-height: 11.375rem; } } @media screen and (min-width: 1440px) { .category-banner .cb-content__wrapper .cb-title__dropdown ul { max-height: 14.6875rem; } } .category-banner .cb-content__wrapper .cb-title__dropdown ul li { font-size: 1.125rem; } @media screen and (min-width: 768px) { .category-banner .cb-content__wrapper .cb-title__dropdown ul li { font-size: 1.25rem; } } @media screen and (min-width: 1199px) { .category-banner .cb-content__wrapper .cb-title__dropdown ul li { font-size: 1.375rem; } } .category-banner .cb-content__wrapper .cb-title__dropdown ul li a { padding: 0.625rem 0; display: block; text-decoration: none; } .category-banner .cb-content__wrapper .cb-title__dropdown ul li a:hover { color: #c84727; } .category-cards--portrait { background-color: #fff; } .category-cards--portrait.mt-lg { padding-top: 3rem; } @media screen and (min-width: 950px) { .category-cards--portrait.mt-lg { padding-top: 6rem; } } .category-cards--portrait.mt-lg .cc-fullwidth .cc__grid { margin-top: 0; } .category-cards--portrait.mt-lg .cc-column-grid { margin-top: 0; } @media screen and (min-width: 768px) { .category-cards--portrait.is-empty-wide { padding-top: 1rem; } } @media screen and (min-width: 950px) { .category-cards--portrait.is-empty-wide { padding-top: 4rem; } } .category-cards--portrait .cc-fullwidth .l-container { padding: 0; } @media screen and (max-width: 949px) { .category-cards--portrait .cc-fullwidth .l-container { max-width: unset; } } @media screen and (min-width: 950px) { .category-cards--portrait .cc-fullwidth .l-container { padding: 0 3.5rem; } } @media screen and (min-width: 1670px) { .category-cards--portrait .cc-fullwidth .l-container { padding: 0 1.5rem; } } .category-cards--portrait .cc-fullwidth .cc__grid { position: relative; z-index: 1; } @media screen and (min-width: 950px) { .category-cards--portrait .cc-fullwidth .cc__grid { margin-top: -6.5rem; } } .category-cards--portrait .cc-fullwidth .cc__grid.no-padding-grid { margin-top: 0; padding-top: 0rem; } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card { display: flex; justify-content: space-between; padding: 1rem 0.9375rem 1.8125rem 1.9375rem; background-size: cover; flex-direction: column; align-items: flex-start; gap: 1.5rem; margin-bottom: 0.75rem; position: relative; } @media screen and (min-width: 768px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card { margin-bottom: 1.9375rem; flex-direction: row; align-items: center; padding: 1.15625rem 1.26125rem 1.15625rem 1.875rem; } } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card { align-items: center; padding: 2rem 4rem 2rem 3rem; gap: 2.9375rem; } } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card::after { content: ""; position: absolute; background: var(--card-color); width: 0.375rem; left: 0; top: 0; height: 100%; z-index: 1; } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__button .l-btn { white-space: nowrap; } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo { display: flex; gap: 0rem; flex-direction: column; align-items: flex-start; } @media screen and (min-width: 768px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo { align-items: center; flex-direction: row; gap: 1.5rem; } } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo { gap: 2.9375rem; } } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo img { width: 3.3125rem; height: 3.3125rem; } @media screen and (min-width: 768px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo img { width: 4.6875rem; height: 4.6875rem; } } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo img { width: 5.625rem; height: 5.625rem; } } @media screen and (min-width: 1320px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo img { width: 6.25rem; height: 6.25rem; } } @media screen and (min-width: 1670px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo img { width: 8.5rem; height: 8.5rem; } } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title > a { text-decoration: none; } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title h3 { font-family: "TTHoves"; font-weight: 400; font-size: 1.375rem; line-height: 1.3; letter-spacing: 0em; text-align: left; color: #fff; display: inline-flex; } @media screen and (min-width: 950px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title h3 { font-weight: 500; font-size: 1.5rem; line-height: 1.4; margin-bottom: 0.125rem; } } @media screen and (min-width: 768px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title h3 { font-size: 1.625rem; } } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title h3 { font-size: 1.875rem; } } @media screen and (min-width: 1320px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title h3 { font-size: 1.875rem; } } @media screen and (min-width: 1670px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title h3 { font-size: 2.5rem; } } @media screen and (min-width: 1920px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title h3 { font-size: 2.0833333333vw; } } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title h3:hover { text-decoration: underline; text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title p { font-family: "TTHoves"; font-size: 0.875rem; font-weight: 400; line-height: 2; letter-spacing: 0.02em; text-align: left; color: #fff; } @media screen and (min-width: 950px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title p { font-size: 1rem; font-weight: 500; } } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title p { font-size: 1.125rem; } } @media screen and (min-width: 1320px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title p { font-size: 1.25rem; } } @media screen and (min-width: 1670px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title p { font-size: 1.375rem; } } @media screen and (min-width: 1920px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__title-logo .cc-lm__title p { font-size: 1.1458333333vw; } } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__button .l-btn { line-height: 1.4285; padding: 0.3125rem 1.5rem; gap: 0.875rem; min-height: 2.5rem; } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__button .l-btn img { width: 1.115625rem; } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__button .l-btn { min-height: 3.25rem; line-height: 1.4; font-size: 1rem; } } .category-cards--portrait .cc-fullwidth .cc__grid .cc-learn-more__card .cc-lm__button .l-btn:hover { background-color: #c84727; } .category-cards--portrait .cc-fullwidth .cc__grid .l-card { min-height: 33.625rem; } @media screen and (min-width: 768px) { .category-cards--portrait .cc-fullwidth .cc__grid .l-card { min-height: 22.625rem; } } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-fullwidth .cc__grid .l-card { min-height: 22.625rem; } } @media screen and (min-width: 1320px) { .category-cards--portrait .cc-fullwidth .cc__grid .l-card { min-height: 26.25rem; } } @media screen and (min-width: 1440px) { .category-cards--portrait .cc-fullwidth .cc__grid .l-card { min-height: 29.375rem; } } @media screen and (min-width: 1670px) { .category-cards--portrait .cc-fullwidth .cc__grid .l-card { min-height: 37.5rem; } } .category-cards--portrait .cc-fullwidth .cc__grid .l-card + .l-card { margin-top: 0.75rem; } @media screen and (min-width: 950px) { .category-cards--portrait .cc-fullwidth .cc__grid .l-card + .l-card { margin-top: 2rem; } } @media screen and (min-width: 768px) { .category-cards--portrait .cc-fullwidth .cc__grid .l-card .card-content { min-height: 22.625rem; padding: 2rem 1rem 2rem 2rem; } } @media screen and (min-width: 950px) { .category-cards--portrait .cc-fullwidth .cc__grid .l-card .card-content { padding: 3.125rem 1.875rem 1.875rem 1.875rem; } } @media screen and (min-width: 1320px) { .category-cards--portrait .cc-fullwidth .cc__grid .l-card .card-content { padding: 5rem 2.5rem 2.5rem 2.5rem; } } .category-cards--portrait .cc-column-grid { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-top: 1.5rem; padding-bottom: 2rem; } @media screen and (min-width: 768px) { .category-cards--portrait .cc-column-grid { padding-bottom: 3rem; margin-top: 2rem; } } @media screen and (min-width: 950px) { .category-cards--portrait .cc-column-grid { padding-bottom: 6rem; gap: 1.9375rem; } } .category-cards--portrait .cc-column-grid .pa.l-card.l-card--category-portrait.related-categories { background: #141414; padding: 1.75rem 1.5rem; display: block; order: 1; } @media screen and (min-width: 768px) { .category-cards--portrait .cc-column-grid .pa.l-card.l-card--category-portrait.related-categories { order: 6; } } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-column-grid .pa.l-card.l-card--category-portrait.related-categories { order: 7; } } .category-cards--portrait .cc-column-grid .pa.l-card.l-card--category-portrait.related-categories h3 { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.2em; text-align: left; color: #fff; text-transform: uppercase; display: inline-flex; border-bottom: 0.5px solid #949494; padding-bottom: 0.25rem; margin-bottom: 1.625rem; } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-column-grid .pa.l-card.l-card--category-portrait.related-categories h3 { font-size: 1.125rem; } } .category-cards--portrait .cc-column-grid .pa.l-card.l-card--category-portrait.related-categories ul { width: 100%; display: flex; flex-direction: column; gap: 1rem; } .category-cards--portrait .cc-column-grid .pa.l-card.l-card--category-portrait.related-categories ul li a { font-family: "TTHoves"; font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; padding: 0.125rem 1rem; border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; border-radius: 6.1875rem; text-decoration: none; display: inline-flex; align-items: center; min-height: 1.5625rem; } @media screen and (min-width: 1199px) { .category-cards--portrait .cc-column-grid .pa.l-card.l-card--category-portrait.related-categories ul li a { font-size: 0.875rem; } } .category-cards--portrait .cc-column-grid .pa.l-card.l-card--category-portrait.related-categories ul li a:hover { background-color: #141414; } .category-cards--landscape { background-color: #fff; padding: 1.5rem 0 4rem; background-position: bottom; background-repeat: no-repeat; background-size: cover; background-image: url("../images/unit42-background-light-report-mobile.jpg"); position: relative; } @media screen and (min-width: 768px) { .category-cards--landscape { padding: 3rem 0 5rem; } } @media screen and (min-width: 950px) { .category-cards--landscape { padding: 3.125rem 0 5rem; } } @media screen and (min-width: 1199px) { .category-cards--landscape { padding: 3.75rem 0 6.25rem; background-image: url("../images/unit42-background-light-report-desktop.jpg"); } } @media screen and (min-width: 1320px) { .category-cards--landscape { padding: 5rem 0 7.5rem; } } @media screen and (min-width: 1670px) { .category-cards--landscape { padding: 6rem 0 10rem; } } @media screen and (max-width: 479px) { .category-cards--landscape .l-container { padding: 0; } } .category-cards--landscape .l-container .l-card__loader { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); z-index: 8; display: none; } .category-cards--landscape .l-container .l-card__loader img { width: 40px; margin-top: -5rem; } @media screen and (min-width: 768px) { .category-cards--landscape .l-container .l-card__loader img { width: 45px; } } @media screen and (min-width: 950px) { .category-cards--landscape .l-container .l-card__loader img { width: 55px; } } .category-cards--landscape .l-container .l-card__loader.is-loading { display: flex; } .category-cards--landscape .cc-landscape__wrapper { display: grid; grid-template-columns: repeat(1, 1fr); position: relative; min-height: 7.5rem; } @media screen and (min-width: 768px) { .category-cards--landscape .cc-landscape__wrapper { gap: 0.75rem; } } @media screen and (min-width: 950px) { .category-cards--landscape .cc-landscape__wrapper { gap: 1.875rem; } } @media screen and (min-width: 1199px) { .category-cards--landscape .cc-landscape__wrapper { grid-template-columns: repeat(2, 1fr); } } .category-cards--landscape .cc-landscape__wrapper .l-card--transparent { padding: 1.5rem 1.875rem; background: rgba(20, 20, 20, 0.8); border-bottom-color: #fff; gap: 2rem; } @media screen and (min-width: 768px) { .category-cards--landscape .cc-landscape__wrapper .l-card--transparent { padding: 1rem; gap: 1.5rem; } } @media screen and (min-width: 950px) { .category-cards--landscape .cc-landscape__wrapper .l-card--transparent { padding: 2.5rem 3rem; gap: 2rem; } } .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-media { width: 38.744%; } @media screen and (min-width: 768px) { .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-media { width: 26.02%; } } @media screen and (min-width: 1199px) { .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-media { width: 34.445%; } } @media screen and (max-width: 479px) { .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-media.has-video figure::after { width: 2.159375rem; height: 2.159375rem; } } .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content { row-gap: 1rem; } @media screen and (min-width: 768px) { .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content { row-gap: 1.5rem; } } @media screen and (min-width: 950px) { .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content { row-gap: 0.625rem; } } .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content .card-content__wrapper span img { width: 0.9725rem; height: 0.875rem; } @media screen and (min-width: 1199px) { .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content .card-content__wrapper span img { width: 1.28125rem; max-height: 1.1525rem; } } .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content .card-content__wrapper h5, .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content .card-content__wrapper h4, .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content .card-content__wrapper .post-title { line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content .card-content__wrapper .card-tags { column-gap: 0.625rem; } .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content .card-content__link a { border-bottom: 0.125rem solid #fff; } .category-cards--landscape .cc-landscape__wrapper .l-card--transparent .card-content .card-content__link a:hover { border-bottom: 0.125rem solid #c84727; } .category-cards--landscape .cc-button__wrapper { margin-top: 2rem; display: flex; justify-content: center; } @media screen and (min-width: 768px) { .category-cards--landscape .cc-button__wrapper { margin-top: 2.5rem; } } @media screen and (min-width: 950px) { .category-cards--landscape .cc-button__wrapper { margin-top: 3rem; } } .category-cards--landscape .cc-button__wrapper img.loader { display: none; } .category-cards--landscape .cc-button__wrapper.is-loading a.l-btn { display: none; } .category-cards--landscape .cc-button__wrapper.is-loading img.loader { display: block; max-width: 1.875rem; } @media screen and (min-width: 1199px) { .category-cards--landscape .cc-button__wrapper.is-loading img.loader { max-width: 3.125rem; } } .category-cards--landscape .cc-button__wrapper a.l-btn { background-color: #141414; color: #fff; line-height: 1.4; padding: 0.25rem 1rem; min-height: 2.125rem; } @media screen and (min-width: 768px) { .category-cards--landscape .cc-button__wrapper a.l-btn { font-size: 1rem; min-height: 3.25rem; padding: 0.625rem 1.5rem; } } .category-cards--landscape .cc-button__wrapper a.l-btn:hover { background-color: #c84727; color: #000; } .category-slider { background-image: url("../images/category-slider-bg-mobile.jpg"); padding: 3.75rem 0rem 2rem; background-size: cover; position: relative; } @media screen and (min-width: 768px) { .category-slider { padding: 3.75rem 0rem 0.98875rem; } } @media screen and (min-width: 950px) { .category-slider { background-image: url("../images/category-slider-bg.webp"); } } @media screen and (min-width: 1199px) { .category-slider { background-image: url("../images/category-slider-bg.webp"); padding: 0; } } .category-slider .cs__progress-bar { height: 0.4375rem; position: absolute; bottom: 0; width: 0%; left: 0; background-color: #dc4022; z-index: 2; transition: all 0.3s ease-in-out; } @media screen and (min-width: 1199px) { .category-slider .cs__progress-bar { height: 0.875rem; } } .category-slider:before { content: ""; height: 0.4375rem; position: absolute; bottom: 0; width: 100%; left: 0; background-color: rgba(217, 217, 217, 0.5); z-index: 1; } @media screen and (min-width: 1199px) { .category-slider:before { height: 0.875rem; } } .category-slider .category-slider__right-arrow { position: absolute; right: 0; top: 50%; display: none; transform: translateY(-50%); height: 100%; padding-right: 1.25rem; background: linear-gradient(270deg, rgba(0, 0, 0, 0.498) 16.88%, rgba(0, 0, 0, 0) 92.07%); } @media screen and (min-width: 950px) { .category-slider .category-slider__right-arrow { display: block; right: 0rem; } } @media screen and (min-width: 950px) { .category-slider .l-container { max-width: 86.67%; } } .category-slider .cs__slider { position: relative; } .category-slider .cs__slider .slick-dots { display: flex; position: relative; justify-content: center; gap: 0.75rem; } @media screen and (min-width: 768px) { .category-slider .cs__slider .slick-dots { gap: 0.875rem; } } @media screen and (min-width: 950px) { .category-slider .cs__slider .slick-dots { padding-bottom: 1.875rem; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .slick-dots { gap: 0.84375rem; position: absolute; bottom: 1.9375rem; left: -7.4375rem; transform: translateY(-50%); top: 50%; flex-direction: column; padding-bottom: 0; } } .category-slider .cs__slider .slick-dots li { font-size: 0; } .category-slider .cs__slider .slick-dots li button { padding: 0.9375rem 0; position: relative; width: 1.875rem; } @media screen and (min-width: 768px) { .category-slider .cs__slider .slick-dots li button { width: 2.3125rem; padding: 0.9375rem 0rem; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .slick-dots li button { height: 2.3125rem; padding: 0 0.9375rem; } } .category-slider .cs__slider .slick-dots li button:after { content: ""; background-color: rgba(255, 255, 255, 0.3); height: 0.125rem; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } @media screen and (min-width: 1199px) { .category-slider .cs__slider .slick-dots li button:after { top: 0; left: 50%; transform: translateX(-50%); width: 0.125rem; height: 100%; } } .category-slider .cs__slider .slick-dots li.slick-active button { height: auto; width: 3.125rem; } @media screen and (min-width: 768px) { .category-slider .cs__slider .slick-dots li.slick-active button { width: 4.625rem; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .slick-dots li.slick-active button { height: 4.625rem; width: 2.25rem; } } .category-slider .cs__slider .slick-dots li.slick-active button:after { content: ""; background-color: #fff; height: 0.125rem; width: 100%; } @media screen and (min-width: 1199px) { .category-slider .cs__slider .slick-dots li.slick-active button:after { width: 0.125rem; height: 100%; } } .category-slider .cs__slider .slick-list { padding: 0 !important; overflow: hidden; } .category-slider .cs__slider .cs__slide { display: flex; gap: 0.75rem; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom: 5.25rem; margin: 0 0.1875rem; } @media screen and (max-width: 767px) { .category-slider .cs__slider .cs__slide { gap: 0.125rem; } } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide { padding: 1.8125rem 0 3.0625rem; flex-wrap: nowrap; min-height: 22.5rem; } } @media screen and (min-width: 950px) { .category-slider .cs__slider .cs__slide { padding: 2.535rem 0 6.1875rem; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide { padding: 4.125rem 0; min-height: 45.375rem; } } .category-slider .cs__slider .cs__slide .cs-content { max-width: 100%; order: 2; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-content { max-width: 49.694%; order: 1; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content { max-width: 49.4375rem; } } .category-slider .cs__slider .cs__slide .cs-content article * { color: #fff; font-family: "TTHoves"; } .category-slider .cs__slider .cs__slide .cs-content article > a { text-decoration: none; } .category-slider .cs__slider .cs__slide .cs-content article h4:hover { text-decoration: underline; text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } .category-slider .cs__slider .cs__slide .cs-content article span { display: flex; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.2; letter-spacing: 0em; text-align: left; text-transform: uppercase; margin-bottom: 1rem; margin-top: -0.1875rem; align-items: center; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-content article span { line-height: 1.4; } } @media screen and (min-width: 950px) { .category-slider .cs__slider .cs__slide .cs-content article span { margin-top: 0; margin-bottom: 0.375rem; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content article span { font-size: 1rem; line-height: 1.4; margin-bottom: 1rem; } } @media screen and (min-width: 1920px) { .category-slider .cs__slider .cs__slide .cs-content article span { font-size: 0.9375vw; } } .category-slider .cs__slider .cs__slide .cs-content article span img { width: 0.9725rem; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-content article span img { width: 1.28125rem; height: 1.1525rem; } } @media screen and (min-width: 950px) { .category-slider .cs__slider .cs__slide .cs-content article span img { width: 1.28125rem; } } .category-slider .cs__slider .cs__slide .cs-content article h4 { font-family: "TTHoves"; font-weight: 500; font-size: 1.5rem; line-height: 1.2; letter-spacing: 0em; text-align: left; margin-bottom: 1rem; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-content article h4 { font-size: 1.5rem; line-height: 1.2; } } @media screen and (min-width: 950px) { .category-slider .cs__slider .cs__slide .cs-content article h4 { font-size: 2.1875rem; margin-bottom: 1.125rem; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content article h4 { font-size: 2.5rem; margin-bottom: 1rem; } } @media screen and (min-width: 1670px) { .category-slider .cs__slider .cs__slide .cs-content article h4 { font-size: 3rem; } } @media screen and (min-width: 1920px) { .category-slider .cs__slider .cs__slide .cs-content article h4 { font-size: 2.9166666667vw; } } .category-slider .cs__slider .cs__slide .cs-content article p, .category-slider .cs__slider .cs__slide .cs-content article ul li { font-size: 0.75rem; line-height: 1.5; font-weight: 400; letter-spacing: 0em; } @media screen and (min-width: 950px) { .category-slider .cs__slider .cs__slide .cs-content article p, .category-slider .cs__slider .cs__slide .cs-content article ul li { font-size: 0.875rem; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content article p, .category-slider .cs__slider .cs__slide .cs-content article ul li { font-size: 1rem; } } @media screen and (min-width: 1920px) { .category-slider .cs__slider .cs__slide .cs-content article p, .category-slider .cs__slider .cs__slide .cs-content article ul li { font-size: 0.8333333333vw; } } .category-slider .cs__slider .cs__slide .cs-content article p { text-align: left; margin-bottom: 0; font-size: 0.875rem; line-height: 2; } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content article p { font-size: 1.125rem; } } .category-slider .cs__slider .cs__slide .cs-content article p + p { margin-top: 1rem; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-content article p + p { margin-top: 1.0625rem; } } @media screen and (min-width: 950px) { .category-slider .cs__slider .cs__slide .cs-content article p + p { margin-top: 1.125rem; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content article p + p { margin-top: 1.5rem; } } .category-slider .cs__slider .cs__slide .cs-content article ul { margin: 0.875rem 0 1.25rem; list-style: none; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-content article ul { margin: 0.875rem 0 1.25rem; } } @media screen and (min-width: 950px) { .category-slider .cs__slider .cs__slide .cs-content article ul { margin: 1rem 0 3rem; } } .category-slider .cs__slider .cs__slide .cs-content article ul li { padding-left: 1.3125rem; position: relative; } @media screen and (min-width: 950px) { .category-slider .cs__slider .cs__slide .cs-content article ul li { padding-left: 1.8725rem; } } .category-slider .cs__slider .cs__slide .cs-content article ul li::after { content: ""; position: absolute; height: 0.3725rem; width: 0.3725rem; position: absolute; border-radius: 6.1875rem; left: 0.46875rem; top: 0.5rem; background-color: #c84727; } @media screen and (min-width: 950px) { .category-slider .cs__slider .cs__slide .cs-content article ul li::after { left: 0.75rem; top: 0.56375rem; } } .category-slider .cs__slider .cs__slide .cs-content article ul li + li { margin-top: 0.6875rem; } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content article ul li + li { margin-top: 0.5rem; } } .category-slider .cs__slider .cs__slide .cs-content article .date-time { margin-top: 1rem; } .category-slider .cs__slider .cs__slide .cs-content article .date-time span { display: block; margin: 0; font-family: "TTHoves"; font-size: 0.875rem; font-weight: 500; line-height: 1.49; letter-spacing: 0.02em; text-align: left; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-content article .date-time span { line-height: 2; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content article .date-time span { font-size: 1.125rem; line-height: 1.49; } } .category-slider .cs__slider .cs__slide .cs-content article .hyperlink { display: inline-flex; margin-top: 1.5rem; margin-bottom: 0; font-family: "TTHoves"; font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.02em; text-align: left; padding-bottom: 0.25rem; border-bottom: 0.125rem solid #fff; } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content article .hyperlink { line-height: 1.375; font-size: 1rem; margin-top: 1rem; padding-bottom: 0.625rem; } } .category-slider .cs__slider .cs__slide .cs-content article .hyperlink:hover { color: #f7582d; border-bottom-color: #f7582d; } .category-slider .cs__slider .cs__slide .cs-content article .cs-button__wrapper { margin-top: 1.5rem; } .category-slider .cs__slider .cs__slide .cs-content article a.l-btn { margin-bottom: 0; color: #141414; gap: 0.5rem; line-height: 1.4; padding: 3px 16px; display: inline-flex; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-content article a.l-btn { padding: 3px 24px; min-height: 40px; column-gap: 14px; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-content article a.l-btn { min-height: 52px; } } .category-slider .cs__slider .cs__slide .cs-content article a.l-btn:hover { background-color: #c84727; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-content article a.l-btn img { width: 17.85px; } } .category-slider .cs__slider .cs__slide .cs-image { max-width: 100%; width: 100%; order: 1; display: flex; justify-content: center; margin-bottom: 3rem; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-image { margin-right: -0.5625rem; max-width: 49.077%; order: 2; margin-bottom: 0rem; } } @media screen and (min-width: 1199px) { .category-slider .cs__slider .cs__slide .cs-image { max-width: 47.85%; margin-right: 0rem; } } .category-slider .cs__slider .cs__slide .cs-image picture { display: flex; justify-content: center; } .category-slider .cs__slider .cs__slide .cs-image picture img { max-width: 77.77%; min-width: 12.8475rem; } @media screen and (min-width: 768px) { .category-slider .cs__slider .cs__slide .cs-image picture img { max-width: 100%; min-width: unset; } } @media screen and (min-width: 1320px) { .category-slider .cs__slider .cs__slide .cs-image picture img { max-height: 41.25rem; } } .category-slider.no-slider::before, .category-slider.no-slider .cs__slider .slick-dots, .category-slider.no-slider .category-slider__right-arrow { display: none; } .cta-title { padding: 5.25rem 0 1.9825rem; text-align: center; } @media screen and (min-width: 768px) { .cta-title { padding: 5rem 0 2.5rem; } } @media screen and (min-width: 950px) { .cta-title { padding: 5.625rem 0 3.75rem; } } @media screen and (min-width: 1199px) { .cta-title { padding: 5.625rem 0 4.375rem; } } @media screen and (min-width: 1320px) { .cta-title { padding: 6.25rem 0 5rem; } } @media screen and (min-width: 1670px) { .cta-title { padding: 10rem 0 5.556875rem; } } .cta-title h3 { font-family: "TTHoves"; font-size: 1.375rem; font-weight: 500; line-height: 1.3; letter-spacing: 0em; text-align: center; color: #141414; margin-bottom: 1rem; } @media screen and (min-width: 950px) { .cta-title h3 { font-size: 1.75rem; margin-bottom: 2rem; } } @media screen and (min-width: 1199px) { .cta-title h3 { font-size: 2rem; } } @media screen and (min-width: 1670px) { .cta-title h3 { font-size: 3rem; } } @media screen and (min-width: 1920px) { .cta-title h3 { font-size: 2.5vw; } } .cta-title a.l-btn { background-color: #f7582d; color: #141414; min-height: 2.1425rem; } @media screen and (min-width: 950px) { .cta-title a.l-btn { min-height: 2.8125rem; font-size: 0.875rem; padding: 0.125rem 1.125rem; } } @media screen and (min-width: 1199px) { .cta-title a.l-btn { min-height: 3rem; padding: 0.125rem 1.25rem; } } @media screen and (min-width: 1670px) { .cta-title a.l-btn { min-height: 3.25rem; padding: 0.125rem 1.5rem; font-size: 1rem; } } @media screen and (min-width: 1920px) { .cta-title a.l-btn { font-size: 0.8333333333vw; } } .cta-title a.l-btn:hover { background-color: #141414; color: #fff; } .cta-title a.l-btn:hover img { filter: invert(1); } .eip { background-size: cover; background-position: bottom; background-repeat: no-repeat; background-image: url("../images/unit42-background-light-report-mobile.jpg"); } @media screen and (min-width: 768px) { .eip { background-size: cover; background-image: url("../images/unit42-background-light-report-tab.jpg"); } } @media screen and (min-width: 1199px) { .eip { background-size: cover; background-image: url("../images/unit42-background-light-report-desktop.jpg"); } } .eip .cta-title { padding: 5.25rem 0.625rem 1.9825rem; text-align: center; } @media screen and (min-width: 768px) { .eip .cta-title { padding: 5rem 0 2.5rem; } } @media screen and (min-width: 950px) { .eip .cta-title { padding: 5.625rem 0 3.75rem; } } @media screen and (min-width: 1199px) { .eip .cta-title { padding: 5.625rem 0 4.375rem; } } @media screen and (min-width: 1320px) { .eip .cta-title { padding: 6.25rem 0 5rem; } } @media screen and (min-width: 1670px) { .eip .cta-title { padding: 10rem 0 5.556875rem; } } .eip .cta-title h3 { font-family: "TTHoves"; font-size: 1.375rem; font-weight: 500; line-height: 1.3; letter-spacing: 0em; text-align: center; color: #141414; margin-bottom: 1rem; } @media screen and (max-width: 767px) { .eip .cta-title h3 { max-width: 18.4375rem; margin: 0 auto; margin-bottom: 1rem; } } @media screen and (min-width: 950px) { .eip .cta-title h3 { font-size: 1.75rem; margin-bottom: 2rem; } } @media screen and (min-width: 1199px) { .eip .cta-title h3 { font-size: 2rem; } } @media screen and (min-width: 1670px) { .eip .cta-title h3 { font-size: 3rem; } } @media screen and (min-width: 1920px) { .eip .cta-title h3 { font-size: 2.5vw; } } .eip .cta-title a.l-btn { background-color: #f7582d; color: #141414; min-height: 2.1425rem; } @media screen and (min-width: 950px) { .eip .cta-title a.l-btn { min-height: 2.8125rem; } } @media screen and (min-width: 1199px) { .eip .cta-title a.l-btn { min-height: 3rem; } } @media screen and (min-width: 1670px) { .eip .cta-title a.l-btn { min-height: 3.25rem; } } .eip .cta-title a.l-btn:hover { background-color: #141414; color: #fff; } .eip .cta-title a.l-btn:hover img { filter: invert(1); } .eip .report__wrapper { display: flex; gap: 0.75rem; padding: 1.995rem 0 5.5625rem; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 767px) { .eip .report__wrapper { gap: 0.125rem; } } @media screen and (min-width: 768px) { .eip .report__wrapper { padding: 2.535rem 0 6.1875rem; flex-wrap: nowrap; } } @media screen and (min-width: 950px) { .eip .report__wrapper { padding: 4.6875rem 0 4.6875rem; } } @media screen and (min-width: 1320px) { .eip .report__wrapper { padding: 4.375rem 0 4.375rem; } } @media screen and (min-width: 1670px) { .eip .report__wrapper { padding: 6rem 0 6rem; } } .eip .report__wrapper .report-content { max-width: 100%; order: 2; } @media screen and (min-width: 768px) { .eip .report__wrapper .report-content { max-width: 57.622%; order: 1; } } @media screen and (min-width: 1199px) { .eip .report__wrapper .report-content { max-width: 49.4375rem; } } .eip .report__wrapper .report-content article * { color: #141414; font-family: "TTHoves"; } .eip .report__wrapper .report-content article > a { text-decoration: none; } .eip .report__wrapper .report-content article a.rc__title:hover { text-decoration: underline; text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } .eip .report__wrapper .report-content article span { display: flex; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; text-transform: uppercase; color: #141414; margin-bottom: 0.375rem; margin-top: -0.1875rem; } @media screen and (min-width: 950px) { .eip .report__wrapper .report-content article span { margin-top: 0; margin-bottom: 0.375rem; } } @media screen and (min-width: 1199px) { .eip .report__wrapper .report-content article span { font-size: 1rem; line-height: 1.375; margin-bottom: 1.5rem; } } @media screen and (min-width: 1920px) { .eip .report__wrapper .report-content article span { font-size: 0.8333333333vw; } } .eip .report__wrapper .report-content article span img { width: 0.875rem; filter: invert(1); } @media screen and (min-width: 950px) { .eip .report__wrapper .report-content article span img { width: 1.041875rem; } } .eip .report__wrapper .report-content article h4 { font-family: "TTHoves"; font-weight: 500; font-size: 1.375rem; line-height: 1.2916; letter-spacing: 0em; text-align: left; margin-bottom: 1rem; } @media screen and (min-width: 950px) { .eip .report__wrapper .report-content article h4 { font-size: 2.1875rem; margin-bottom: 1.125rem; } } @media screen and (min-width: 1199px) { .eip .report__wrapper .report-content article h4 { font-size: 2.5rem; margin-bottom: 1.5rem; } } @media screen and (min-width: 1670px) { .eip .report__wrapper .report-content article h4 { font-size: 3rem; } } @media screen and (min-width: 1920px) { .eip .report__wrapper .report-content article h4 { font-size: 2.5vw; } } .eip .report__wrapper .report-content article p, .eip .report__wrapper .report-content article ul li { font-size: 0.75rem; line-height: 1.5; font-weight: 500; letter-spacing: 0em; } @media screen and (min-width: 950px) { .eip .report__wrapper .report-content article p, .eip .report__wrapper .report-content article ul li { font-size: 0.875rem; } } @media screen and (min-width: 1199px) { .eip .report__wrapper .report-content article p, .eip .report__wrapper .report-content article ul li { font-size: 1rem; } } @media screen and (min-width: 1920px) { .eip .report__wrapper .report-content article p, .eip .report__wrapper .report-content article ul li { font-size: 0.8333333333vw; } } .eip .report__wrapper .report-content article p { text-align: left; margin-bottom: 0; } .eip .report__wrapper .report-content article p + p { margin-top: 1rem; } @media screen and (min-width: 768px) { .eip .report__wrapper .report-content article p + p { margin-top: 1.0625rem; } } @media screen and (min-width: 950px) { .eip .report__wrapper .report-content article p + p { margin-top: 1.125rem; } } @media screen and (min-width: 1199px) { .eip .report__wrapper .report-content article p + p { margin-top: 1.5rem; } } .eip .report__wrapper .report-content article ul { margin: 0.875rem 0 1.25rem; list-style: none; } @media screen and (min-width: 768px) { .eip .report__wrapper .report-content article ul { margin: 0.875rem 0 1.25rem; } } @media screen and (min-width: 950px) { .eip .report__wrapper .report-content article ul { margin: 1rem 0 3rem; } } .eip .report__wrapper .report-content article ul li { padding-left: 1.3125rem; position: relative; } @media screen and (min-width: 950px) { .eip .report__wrapper .report-content article ul li { padding-left: 1.8725rem; } } .eip .report__wrapper .report-content article ul li::after { content: ""; position: absolute; height: 0.3725rem; width: 0.3725rem; position: absolute; border-radius: 6.1875rem; left: 0.46875rem; top: 0.5rem; background-color: #c84727; } @media screen and (min-width: 950px) { .eip .report__wrapper .report-content article ul li::after { left: 0.75rem; top: 0.56375rem; } } .eip .report__wrapper .report-content article ul li + li { margin-top: 0.6875rem; } @media screen and (min-width: 1199px) { .eip .report__wrapper .report-content article ul li + li { margin-top: 0.5rem; } } .eip .report__wrapper .report-content article a.hyperlink { margin-bottom: 0; } .eip .report__wrapper .report-content article a.hyperlink:hover { color: #c84727; border-color: #c84727; } .eip .report__wrapper .report-content article .report-editor__content p span, .eip .report__wrapper .report-content article .report-editor__content span, .eip .report__wrapper .report-content article .report-editor__content ul li span, .eip .report__wrapper .report-content article .report-editor__content a span { text-transform: none; } .eip .report__wrapper .report-image { max-width: 100%; width: 100%; order: 1; display: flex; justify-content: center; margin-bottom: 1.5rem; } @media screen and (min-width: 768px) { .eip .report__wrapper .report-image { max-width: 43.477%; order: 2; margin-bottom: 0rem; } } @media screen and (min-width: 1199px) { .eip .report__wrapper .report-image { max-width: 43.5%; } } .eip .report__wrapper .report-image picture { display: flex; justify-content: center; } .eip .report__wrapper .report-image picture img { max-width: 100%; min-width: 12.8475rem; object-fit: contain; object-position: center; width: 100%; } @media screen and (min-width: 768px) { .eip .report__wrapper .report-image picture img { max-height: unset; max-width: 100%; min-width: unset; } } @media screen and (min-width: 1320px) { .eip .report__wrapper .report-image picture img { max-height: 34.25rem; max-width: 34.25rem; height: auto; } } .eip .eip-report-cards { margin-top: 0.125rem; } .eip .eip-report-cards .eip-rc__wrapper { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0; position: relative; } @media screen and (min-width: 1199px) { .eip .eip-report-cards .eip-rc__wrapper { grid-template-columns: repeat(2, 1fr); } } .eip .eip-report-cards .eip-rc__wrapper .l-card { border-color: #fff; } @media screen and (max-width: 767px) { .eip .eip-report-cards .eip-rc__wrapper .card-content { row-gap: 1.125rem; } } .eip .eip-report-cards .eip-rc__wrapper::after { content: ""; height: 100%; width: 100%; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); position: absolute; top: 0; left: 0; z-index: 0; } .eip .eip-report-cards .eip-rc__wrapper * { z-index: 1; } .language-dropdown { padding: 0.375rem 0.8125rem; border: 1px solid #141414; border-radius: 2.56125rem; display: inline-flex; min-height: 2.75rem; align-items: center; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .language-dropdown:focus-visible { outline: 0.125rem solid #c84727 !important; } @media screen and (min-width: 1024px) { .language-dropdown { min-height: 3.0625rem; padding: 0.625rem 1.03125rem; } } .language-dropdown .language-dropdown__wrapper { display: flex; align-items: center; position: relative; cursor: pointer; } .language-dropdown .language-dropdown__wrapper.is-open span + img { transform: rotate(180deg); } .language-dropdown .language-dropdown__wrapper img { pointer-events: none; width: 0.75rem; } @media screen and (min-width: 1024px) { .language-dropdown .language-dropdown__wrapper img { width: auto; } } .language-dropdown .language-dropdown__wrapper img:nth-child(1) { margin-right: 0.3125rem; } @media screen and (min-width: 1024px) { .language-dropdown .language-dropdown__wrapper img:nth-child(1) { margin-right: 0.5rem; } } .language-dropdown .language-dropdown__wrapper span { width: 2.25rem; margin-right: 0.4375rem; color: #141414; pointer-events: none; font-weight: 600; font-family: "TTHoves"; font-size: 0.9375rem; line-height: 1.4; font-weight: 600; letter-spacing: 0em; } @media screen and (min-width: 1024px) { .language-dropdown .language-dropdown__wrapper span { width: 2.8125rem; font-size: 1.125rem; line-height: 1.3888; } } .language-dropdown .language-dropdown__wrapper ul { display: flex; flex-direction: column; position: absolute; padding: 0.75rem 0.9375rem; padding-bottom: 0; margin-bottom: 0.5rem; background: #fff; width: auto; bottom: calc(100% + 2px); border: 0.0625rem solid rgba(20, 20, 20, 0.286); display: none; } @media screen and (min-width: 768px) { .language-dropdown .language-dropdown__wrapper ul { padding: 0.75rem 1.125rem; } } @media screen and (min-width: 950px) { .language-dropdown .language-dropdown__wrapper ul { padding: 0.75rem 1.6875rem; } } .language-dropdown .language-dropdown__wrapper ul li { padding: 0.25rem 0; color: #141414; } .language-dropdown .language-dropdown__wrapper ul li.selected { color: #c84727; } .language-dropdown .language-dropdown__wrapper ul li a { color: inherit; display: block; padding: 0.25rem 0; text-decoration: none; transition: all 0.3s ease-in-out; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; outline-offset: 0.1875rem; display: block; font-size: 0.7rem; } @media screen and (min-width: 768px) { .language-dropdown .language-dropdown__wrapper ul li a { font-size: 0.7rem; } } @media screen and (min-width: 1024px) { .language-dropdown .language-dropdown__wrapper ul li a { font-size: 0.8rem; font-weight: 500; } } .language-dropdown .language-dropdown__wrapper ul li a:focus-visible { outline: 0.125rem solid #c84727 !important; } .language-dropdown .language-dropdown__wrapper ul li a:hover { color: #c84727; } .media-grid { margin: 2rem 0; width: calc(100% + 1.875rem); max-width: 100vw; overflow: hidden; } @media screen and (min-width: 768px) { .media-grid { width: 100%; } } @media screen and (min-width: 950px) { .media-grid { margin: 3.125rem 0; } } .media-grid h5 { font-family: "TTHoves"; font-weight: 600; letter-spacing: 0.2em; text-align: left; margin-top: 0; margin-bottom: 0.5rem; color: #141414; font-size: 0.75rem; line-height: 1.4; } @media screen and (min-width: 950px) { .media-grid h5 { font-size: 1.125rem; margin-bottom: 1.25rem; } } @media screen and (min-width: 1920px) { .media-grid h5 { font-size: 0.9375vw; } } .media-grid .mg__wrapper { display: flex; gap: 0.75rem; max-width: 100vw; overflow: auto; padding-right: 3.75rem; } @media screen and (min-width: 768px) { .media-grid .mg__wrapper { padding-right: 0; } } @media screen and (min-width: 950px) { .media-grid .mg__wrapper { gap: 1.875rem; } } @media screen and (min-width: 1670px) { .media-grid .mg__wrapper { gap: 3.8125rem; } } .media-grid .mg__wrapper .mg__item.mg__item { width: 100%; position: relative; min-width: 13.125rem; cursor: pointer; } @media screen and (min-width: 950px) { .media-grid .mg__wrapper .mg__item.mg__item { max-width: calc(33.33% - 20px); min-width: unset; } } @media screen and (min-width: 1199px) { .media-grid .mg__wrapper .mg__item.mg__item { max-width: calc(33.33% - 40px); } } .media-grid .mg__wrapper .mg__item.mg__item figure { margin: 0; background-color: #000; } .media-grid .mg__wrapper .mg__item.mg__item figure img { height: 100%; width: 100%; } .media-grid .mg__wrapper .mg__item.mg__item figure::after { display: none; } .media-grid .mg__wrapper .mg__item.mg__item.has-video { cursor: pointer; } .media-grid .mg__wrapper .mg__item.mg__item.has-video .enlarge { display: none; } .media-grid .mg__wrapper .mg__item.mg__item.has-video::after { content: ""; background-image: url(../images/icons/video-play-icon.svg); width: 3rem; height: 3rem; position: absolute; background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (min-width: 950px) { .media-grid .mg__wrapper .mg__item.mg__item.has-video::after { width: 3.3125rem; height: 3.3125rem; } } @media screen and (min-width: 1320px) { .media-grid .mg__wrapper .mg__item.mg__item.has-video::after { width: 3.75rem; height: 3.75rem; } } @media screen and (min-width: 1670px) { .media-grid .mg__wrapper .mg__item.mg__item.has-video::after { width: 4.5rem; height: 4.5rem; } } .newsletter { position: relative; background: linear-gradient(97.01deg, #141414 1.53%, #680000 137.28%); max-width: 100vw; overflow: hidden; } .newsletter .l-container { max-width: 100%; height: 100%; padding: 0 1.875rem; } @media screen and (min-width: 768px) { .newsletter .l-container { padding: 0 3.34375rem; } } @media screen and (min-width: 950px) { .newsletter .l-container { max-width: 900px; } } @media screen and (min-width: 1199px) { .newsletter .l-container { max-width: 1151px; } } @media screen and (min-width: 1024px) { .newsletter .l-container { max-width: 100%; padding: 0 3.5rem; } } @media screen and (min-width: 1670px) { .newsletter .l-container { max-width: 1663px; } } @media screen and (min-width: 1920px) { .newsletter .l-container { max-width: 86.6145833333vw; } } .newsletter .l-container .newsletter__wrapper { padding: 3.125rem 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding-top: 0; padding-bottom: 4.295rem; } @media screen and (min-width: 768px) { .newsletter .l-container .newsletter__wrapper { padding-bottom: 5.313125rem; } } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper { min-height: 51.3125rem; flex-wrap: nowrap; padding-top: 3.125rem; } } .newsletter .l-container .newsletter__wrapper .image__wrapper { margin-bottom: 2.4375rem; width: calc(100% + 107px); margin-left: -3.34375rem; margin-right: -3.34375rem; position: relative; } @media screen and (max-width: 767px) { .newsletter .l-container .newsletter__wrapper .image__wrapper { height: 14.0625rem; } } @media screen and (min-width: 768px) { .newsletter .l-container .newsletter__wrapper .image__wrapper { margin-bottom: 3.34375rem; } } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .image__wrapper { margin-left: 0; margin-right: 0rem; width: 50.5rem; } } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .image__wrapper { position: absolute; right: 0; top: 0; margin-bottom: 0rem; } } @media screen and (max-width: 767px) { .newsletter .l-container .newsletter__wrapper .image__wrapper picture { position: absolute; width: 100%; height: 100%; top: 0; } } .newsletter .l-container .newsletter__wrapper .image__wrapper picture img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .image__wrapper img { width: 50.5rem; } } .newsletter .l-container .newsletter__wrapper .content__wrapper { max-width: 100%; z-index: 1; margin-top: 0; width: 100%; } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .content__wrapper { margin-top: 1.625rem; max-width: 70.4805914972%; } } @media screen and (min-width: 1199px) { .newsletter .l-container .newsletter__wrapper .content__wrapper { margin-top: 1.625rem; max-width: 40.4805914972%; } } @media screen and (min-width: 1670px) { .newsletter .l-container .newsletter__wrapper .content__wrapper { margin-top: 1.625rem; max-width: 40.4805914972%; } } .newsletter .l-container .newsletter__wrapper .content__wrapper .pre-title { display: flex; justify-content: flex-start; align-items: center; font-family: "TTHoves"; font-weight: 600; font-size: 0.875rem; line-height: 1.2857; letter-spacing: normal; text-align: left; margin-bottom: 1rem; color: #fff; } @media screen and (min-width: 768px) { .newsletter .l-container .newsletter__wrapper .content__wrapper .pre-title { letter-spacing: 0.2em; } } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .content__wrapper .pre-title { font-size: 0.9375rem; line-height: 1.2916; } } @media screen and (min-width: 1199px) { .newsletter .l-container .newsletter__wrapper .content__wrapper .pre-title { font-size: 1rem; } } @media screen and (min-width: 1670px) { .newsletter .l-container .newsletter__wrapper .content__wrapper .pre-title { font-size: 1.125rem; line-height: 1.4; margin-bottom: 1rem; } } @media screen and (min-width: 1920px) { .newsletter .l-container .newsletter__wrapper .content__wrapper .pre-title { font-size: 0.9375vw; } } .newsletter .l-container .newsletter__wrapper .content__wrapper .pre-title img { width: 1.6475rem; margin-right: 0.3125rem; } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .content__wrapper .pre-title img { width: 2.15875rem; } } .newsletter .l-container .newsletter__wrapper .content__wrapper h2 { font-family: "TTHoves"; font-size: 1.375rem; line-height: 1.3; font-weight: 500; letter-spacing: 0em; text-align: left; margin-bottom: 2rem; color: #fff; } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .content__wrapper h2 { font-size: 1.625rem; line-height: 1.2916; } } @media screen and (min-width: 1199px) { .newsletter .l-container .newsletter__wrapper .content__wrapper h2 { font-size: 1.875rem; } } @media screen and (min-width: 1320px) { .newsletter .l-container .newsletter__wrapper .content__wrapper h2 { font-size: 2.1875rem; } } @media screen and (min-width: 1670px) { .newsletter .l-container .newsletter__wrapper .content__wrapper h2 { font-size: 3rem; line-height: 1.2916; margin-bottom: 3rem; } } @media screen and (min-width: 1920px) { .newsletter .l-container .newsletter__wrapper .content__wrapper h2 { font-size: 2.5vw; } } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group { position: relative; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group .g-recaptcha { margin-top: 0.9375rem; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input { min-height: 3.0625rem; display: flex; align-items: center; background: rgba(0, 0, 0, 0.7); font-family: "TTHoves"; font-size: 1rem; line-height: 1.5; font-weight: 400; letter-spacing: 0em; text-align: left; padding: 0.75rem 1.9375rem; margin-bottom: 1rem; border: 1px solid #8c8c8c; width: 100%; border-radius: 0.5rem; color: #fff; transition: all 0.3s ease-in-out; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input { min-height: 3.75rem; font-size: 1.0625rem; line-height: 1.5; padding: 0.5rem 1.8125rem; } } @media screen and (min-width: 1199px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input { min-height: 4.0625rem; font-size: 1.0625rem; line-height: 1.5; padding: 0.625rem 1.8125rem; } } @media screen and (min-width: 1670px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input { min-height: 5rem; font-size: 1.375rem; line-height: 1.5; padding: 0.75rem 1.8125rem; } } @media screen and (min-width: 1920px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input { font-size: 1.1458333333vw; } } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input:focus-visible { outline: 0.125rem solid #c84727 !important; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input::placeholder { color: #fff; font-size: 1rem; line-height: 1.5; font-weight: 400; letter-spacing: 0em; } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input::placeholder { font-size: 1.0625rem; } } @media screen and (min-width: 1199px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input::placeholder { font-size: 1.0625rem; } } @media screen and (min-width: 1670px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input::placeholder { font-size: 1.375rem; } } @media screen and (min-width: 1920px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group input::placeholder { font-size: 1.1458333333vw; } } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group label { display: none; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group p { font-family: "TTHoves"; font-weight: 500; font-size: 0.75rem; line-height: 1.5; text-align: left; color: #d8d8d8; margin-top: 1rem; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group p a { color: #d8d8d8; text-decoration: underline; text-decoration-color: #fff; text-underline-offset: 0.125rem; text-decoration-thickness: 0.0625rem; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group p a:hover { color: #f7582d; text-decoration-color: #f7582d; } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group p { font-size: 1rem; } } @media screen and (min-width: 1920px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group p { font-size: 0.8333333333vw; } } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group .success-message { margin-top: 1.25rem; background-color: #fff; padding: 0.375rem 0.75rem; color: green; border-radius: 0.5rem; text-align: center; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group button { margin-top: 2rem; padding: 0.125rem 1rem; } @media screen and (min-width: 768px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group button { margin-top: 3rem; } } @media screen and (min-width: 950px) { .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group button { margin-top: 2.1875rem; padding: 0.125rem 1.5rem; } } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group button:hover { background-color: #f7582d; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group button:focus-visible { color: #141414; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group button img.loader { display: none; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group button.is-loading img.loader { display: block; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group button.is-loading img.arrow { display: none; } .newsletter .l-container .newsletter__wrapper .content__wrapper form .form-group button.is-disabled { cursor: not-allowed; } .overview-banner { padding: 5.625rem 0 0; position: relative; flex-direction: column; justify-content: space-between; flex-wrap: wrap; background-color: #141414; display: none; z-index: 99; position: relative; } .is-ready .overview-banner { display: flex; } @media screen and (min-width: 768px) { .overview-banner { padding: 4rem 0 0; } } @media screen and (min-width: 1199px) { .overview-banner { align-items: center; flex-direction: row; padding: 5.375rem 0 5.625rem; height: 41.25rem; min-height: 41.25rem; } } @media screen and (min-width: 1320px) { .overview-banner { padding: 5.375rem 0 6.125rem; } } @media screen and (min-width: 1920px) { .overview-banner { height: auto; min-height: 80vh; } } .overview-banner .overview-banner__wrapper { width: 100%; } @media screen and (max-width: 767px) { .overview-banner .overview-banner__wrapper .l-container { padding: 0 1.5rem; } } .overview-banner .ob__featured-post { max-width: 37.5625rem; padding-left: 0.125rem; } @media screen and (min-width: 950px) { .overview-banner .ob__featured-post { max-width: 57.399380805%; } } .overview-banner .ob__featured-post article > *:not(picture) { z-index: 1; position: relative; } .overview-banner .ob__featured-post article * { color: #fff; font-family: "TTHoves"; } .overview-banner .ob__featured-post article > a { text-decoration: none; } .overview-banner .ob__featured-post article a.fc__title:hover { text-decoration: underline; text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } .overview-banner .ob__featured-post article .fc__descr p { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .overview-banner .ob__featured-post article .featured-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; height: 100%; width: 100%; } .overview-banner .ob__featured-post article .featured-image img { object-fit: cover; object-position: top center; height: 100%; width: 100%; } .overview-banner .ob__featured-post article span { display: flex; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; text-transform: uppercase; color: #fff; margin-bottom: 0.1875rem; } @media screen and (min-width: 768px) { .overview-banner .ob__featured-post article span { margin-bottom: 0.25rem; } } @media screen and (min-width: 950px) { .overview-banner .ob__featured-post article span { margin-top: 0; margin-bottom: 0.9375rem; font-size: 0.875rem; } } @media screen and (min-width: 1199px) { .overview-banner .ob__featured-post article span { margin-top: 0; margin-bottom: 1.125rem; } } @media screen and (min-width: 1670px) { .overview-banner .ob__featured-post article span { margin-top: 0; margin-bottom: 1.25rem; font-size: 1rem; } } @media screen and (min-width: 1920px) { .overview-banner .ob__featured-post article span { font-size: 0.8333333333vw; } } .overview-banner .ob__featured-post article span img { width: 0.9725rem; } @media screen and (min-width: 950px) { .overview-banner .ob__featured-post article span img { width: 0.951875rem; max-height: 1.25rem; } } .overview-banner .ob__featured-post article .l-tag { color: #141414; margin-bottom: 1.5rem; display: none; background-color: #f7582d; } @media screen and (min-width: 1199px) { .overview-banner .ob__featured-post article .l-tag { margin-bottom: 1.6875rem; } } @media screen and (min-width: 1320px) { .overview-banner .ob__featured-post article .l-tag { margin-bottom: 1.875rem; } } @media screen and (min-width: 1670px) { .overview-banner .ob__featured-post article .l-tag { margin-bottom: 2.625rem; } } .overview-banner .ob__featured-post article .l-tag.is-show { display: inline-flex; } .overview-banner .ob__featured-post article h1 { font-family: "TTHoves"; font-weight: 500; font-size: 1.375rem; line-height: 1.3; letter-spacing: 0em; text-align: left; margin-bottom: 0.5rem; } @media screen and (min-width: 950px) { .overview-banner .ob__featured-post article h1 { font-size: 1.75rem; margin-bottom: 1.125rem; } } @media screen and (min-width: 1320px) { .overview-banner .ob__featured-post article h1 { font-size: 1.875rem; margin-bottom: 1.25rem; } } @media screen and (min-width: 1670px) { .overview-banner .ob__featured-post article h1 { font-size: 2.1875rem; } } @media screen and (min-width: 1920px) { .overview-banner .ob__featured-post article h1 { font-size: 2.5vw; } } .overview-banner .ob__featured-post article p { font-size: 1rem; line-height: 1.5; font-weight: 450; letter-spacing: 0em; font-family: "FFCeleste"; } @media screen and (min-width: 950px) { .overview-banner .ob__featured-post article p { font-size: 0.9375rem; } } @media screen and (min-width: 1199px) { .overview-banner .ob__featured-post article p { font-size: 1rem; } } @media screen and (min-width: 1670px) { .overview-banner .ob__featured-post article p { font-size: 1.125rem; max-width: 55.25rem; } } @media screen and (min-width: 1920px) { .overview-banner .ob__featured-post article p { font-size: 0.9375vw; } } .overview-banner .ob__featured-post article p { text-align: left; margin-bottom: 0; } .overview-banner .ob__featured-post article p + p { margin-top: 1rem; } @media screen and (min-width: 768px) { .overview-banner .ob__featured-post article p + p { margin-top: 1.0625rem; } } @media screen and (min-width: 950px) { .overview-banner .ob__featured-post article p + p { margin-top: 1.125rem; } } @media screen and (min-width: 1199px) { .overview-banner .ob__featured-post article p + p { margin-top: 1.5rem; } } .overview-banner .ob__featured-post article a.l-btn { margin: 1.5rem 0 0; color: #141414; border: none; padding: 0.3125rem 1rem; column-gap: 0.5rem; } @media screen and (min-width: 950px) { .overview-banner .ob__featured-post article a.l-btn { column-gap: 0.875rem; padding: 0.3125rem 1.5rem; min-height: 2.625rem; font-size: 0.875rem; } } @media screen and (min-width: 1199px) { .overview-banner .ob__featured-post article a.l-btn { margin: 2.1875rem 0 0; padding: 0.3125rem 1rem; } } @media screen and (min-width: 1320px) { .overview-banner .ob__featured-post article a.l-btn { margin: 2.375rem 0 0; min-height: 2.8125rem; } } @media screen and (min-width: 1670px) { .overview-banner .ob__featured-post article a.l-btn { min-height: 3.25rem; margin: 2.625rem 0 0; padding: 0.3125rem 1.5rem; } } @media screen and (min-width: 1920px) { .overview-banner .ob__featured-post article a.l-btn { font-size: 0.8333333333vw; } } .overview-banner .ob__featured-post article a.l-btn:hover { color: #000; background-color: #c84727; } .overview-banner .ob__featured-post .featured-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .overview-banner .ob__featured-post .featured-image::after { content: ""; height: 100%; width: 100%; pointer-events: none; position: absolute; background: rgba(0, 0, 0, 0.37); top: 0; left: 0; background: url("../images/unit42-overlay-3.svg"); background-size: cover; background-position: right; } .overview-banner .ob__featured-post .featured-image img { height: 100%; width: 100%; } .overview-banner .ob__post-list { display: flex; flex-wrap: nowrap; width: 100%; margin-top: 4.400625rem; overflow: auto; overflow-y: hidden; } @media screen and (min-width: 768px) { .overview-banner .ob__post-list { margin-top: 3.7325rem; } } @media screen and (min-width: 950px) { .overview-banner .ob__post-list { margin-top: 4.375rem; } } .overview-banner .ob__post-list .ob__mobile-arrow { width: 2.625rem; height: 2.625rem; position: absolute; z-index: 11; right: 1.875rem; bottom: 3.125rem; cursor: pointer; } @media screen and (min-width: 768px) { .overview-banner .ob__post-list .ob__mobile-arrow { right: 3.5rem; bottom: 2.9375rem; } } @media screen and (min-width: 950px) { .overview-banner .ob__post-list .ob__mobile-arrow { display: none; } } .overview-banner .ob__post-list::after { content: ""; position: absolute; width: 7.3125rem; height: 8.8125rem; right: 0; bottom: 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0.83) 26.86%, rgba(0, 0, 0, 0) 100%); } @media screen and (min-width: 768px) { .overview-banner .ob__post-list::after { width: 9.6875rem; } } @media screen and (min-width: 950px) { .overview-banner .ob__post-list::after { display: none; } } @media screen and (min-width: 1199px) { .overview-banner .ob__post-list { overflow: hidden; max-width: 34.948%; position: absolute; right: 0; top: 0; height: 100%; display: grid; grid-template-rows: repeat(3, 1fr); overflow: unset; margin-top: 0; } } @media screen and (min-width: 1199px) { .overview-banner .ob__post-list div:nth-child(2) { border-top: none; } } .overview-banner .ob__post-list .l-card { padding: 1.5rem 1.5rem 1.5625rem 1.5rem; min-width: 16.5625rem; border-top: 1px solid rgba(255, 255, 255, 0.302); border-right: none; background-color: rgba(255, 255, 255, 0.1); transition: all 0.3s ease-in-out; position: relative; overflow: hidden; border-bottom: none; } .overview-banner .ob__post-list .l-card * { z-index: 1; } @media screen and (min-width: 768px) { .overview-banner .ob__post-list .l-card { min-width: 20.1875rem; min-height: 8.8125rem; } } @media screen and (min-width: 950px) { .overview-banner .ob__post-list .l-card { min-height: unset; width: 33.33%; padding: 1.5rem 1.5rem 1.8125rem 1.5rem; } } @media screen and (min-width: 1199px) { .overview-banner .ob__post-list .l-card { cursor: pointer; width: 100%; column-gap: 1.25rem; padding: 3.125rem 7.4754098361%; } } @media screen and (min-width: 1320px) { .overview-banner .ob__post-list .l-card { column-gap: 1.875rem; } } @media screen and (min-width: 1440px) { .overview-banner .ob__post-list .l-card { padding: 3.125rem 11.4754098361%; } } .overview-banner .ob__post-list .l-card.dummy-card { border-left: none; min-width: 6.25rem; } .overview-banner .ob__post-list .l-card.dummy-card::after { border-left: none; } @media screen and (min-width: 950px) { .overview-banner .ob__post-list .l-card.dummy-card { display: none; } } .overview-banner .ob__post-list .l-card::before { content: ""; position: absolute; left: 0; bottom: 0rem; height: 0.3125rem; background-color: #c84727; z-index: 2; width: 100%; opacity: 0; transition: all 0.3s ease-in-out; } .overview-banner .ob__post-list .l-card::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-left: 1px solid rgba(255, 255, 255, 0.3019607843); pointer-events: none; } .overview-banner .ob__post-list .l-card .card-media { display: none; } @media screen and (min-width: 1199px) { .overview-banner .ob__post-list .l-card .card-media { display: block; } } @media screen and (min-width: 1320px) { .overview-banner .ob__post-list .l-card .card-media { width: 61.466%; display: flex; } } @media screen and (min-width: 1670px) { .overview-banner .ob__post-list .l-card .card-media { width: 41.466%; } } .overview-banner .ob__post-list .l-card.is-active { background-color: rgba(0, 0, 0, 0.6); } .overview-banner .ob__post-list .l-card.is-active::after { height: calc(100% + 4px); backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); } .overview-banner .ob__post-list .l-card.is-active::before { opacity: 1; } .overview-banner .ob__post-list .l-card .card-content { width: 100%; } @media screen and (min-width: 1199px) { .overview-banner .ob__post-list .l-card .card-content { width: 70.19%; } } @media screen and (min-width: 1670px) { .overview-banner .ob__post-list .l-card .card-content { width: 52.8957528958%; } } .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper span { line-height: 1.4; } @media screen and (min-width: 1199px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper span { margin-bottom: 1rem; font-size: 0.8125rem; } } @media screen and (min-width: 1320px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper span { font-size: 0.875rem; } } @media screen and (min-width: 1440px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper span { font-size: 0.9375rem; } } @media screen and (min-width: 1670px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper span { font-size: 1rem; } } @media screen and (min-width: 1920px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper span { font-size: 0.8333333333vw; } } .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper span img { filter: invert(0); width: 0.9725rem; max-height: 0.875rem; } @media screen and (min-width: 1199px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper span img { width: 1.28125rem; max-height: 1.15rem; } } .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper h2 { line-height: 1.4; margin-bottom: 0; color: #fff; font-weight: 600; } @media screen and (min-width: 950px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper h2 { font-size: 0.9375rem; padding-right: 0.25rem; } } @media screen and (min-width: 1199px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper h2 { font-size: 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } @media screen and (min-width: 1320px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper h2 { font-size: 1.0625rem; } } @media screen and (min-width: 1670px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper h2 { font-size: 1.125rem; } } @media screen and (min-width: 1920px) { .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper h2 { font-size: 0.9375vw; } } .podcast-banner { min-height: 46.3125rem; padding: 2.375rem 0 0; background-size: cover; position: relative; display: flex; flex-direction: column; background-color: #000; justify-content: space-between; background-size: cover; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 767px) { .podcast-banner { padding: 1.5rem 0 0; min-height: unset; } } @media screen and (min-width: 768px) { .podcast-banner { padding: 1.25rem 0 0; min-height: 22.8125rem; } } @media screen and (min-width: 950px) { .podcast-banner { padding: 2.375rem 0 0; min-height: 63vh; } } @media screen and (min-width: 1670px) { .podcast-banner { padding: 2.375rem 0 0; min-height: 40.25rem; } } @media screen and (min-width: 2200px) { .podcast-banner { min-height: 65vh; } } .podcast-banner::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .podcast-banner .l-breadcrumbs ul li:nth-last-child(1) a { font-weight: 400; } @media screen and (min-width: 768px) { .podcast-banner .l-breadcrumbs ul li:nth-last-child(1) a { font-weight: 400; } } .podcast-banner .podcast-banner__img-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; } .podcast-banner .podcast-banner__img-wrapper img { width: 100%; height: 100%; object-fit: cover; } .podcast-banner .l-container { width: 100%; z-index: 1; } .podcast-banner span.ab-title__pre { font-family: "TTHoves"; font-weight: 600; font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.2em; text-align: left; margin-bottom: 0.5rem; display: inline-block; text-transform: uppercase; } @media screen and (max-width: 767px) { .podcast-banner span.ab-title__pre { margin-bottom: 0.75rem; } } @media screen and (min-width: 950px) { .podcast-banner span.ab-title__pre { font-size: 1.125rem; margin-bottom: 1.125rem; } } @media screen and (min-width: 1920px) { .podcast-banner span.ab-title__pre { font-size: 0.9375vw; } } .podcast-banner .ab__title { margin-top: 3rem; max-width: 83.6875rem; } @media screen and (min-width: 950px) { .podcast-banner .ab__title { margin-top: 5.525625rem; } } .podcast-banner .ab__title * { color: #fff; } .podcast-banner .ab__title > a:hover span { text-decoration: underline; text-decoration-color: #fff; text-underline-offset: 0.1875rem; } .podcast-banner .ab__title h1 { font-family: "TTHoves"; font-size: 1.75rem; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-align: left; } @media screen and (max-width: 767px) { .podcast-banner .ab__title h1 { margin-bottom: 0.25rem; } } @media screen and (min-width: 950px) { .podcast-banner .ab__title h1 { font-size: 2.8125rem; margin-bottom: 1rem; font-weight: 400; } } @media screen and (min-width: 1199px) { .podcast-banner .ab__title h1 { font-size: 3.125rem; margin-bottom: 1.125rem; max-width: 56.25rem; } } @media screen and (min-width: 1320px) { .podcast-banner .ab__title h1 { font-size: 3.4375rem; } } @media screen and (min-width: 1670px) { .podcast-banner .ab__title h1 { font-size: 4rem; max-width: 100%; } } @media screen and (min-width: 1920px) { .podcast-banner .ab__title h1 { font-size: 3.3333333333vw; } } .podcast-banner .ab__title .ab__video { display: flex; gap: 1.875rem; align-items: center; margin-bottom: 3.125rem; } @media screen and (max-width: 767px) { .podcast-banner .ab__title .ab__video { flex-wrap: wrap; row-gap: 0.5rem; margin-bottom: 3rem; } } @media screen and (min-width: 950px) { .podcast-banner .ab__title .ab__video { margin-bottom: 3.5rem; } } .podcast-banner .ab__title .ab__video span, .podcast-banner .ab__title .ab__video a { font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.02em; text-align: left; display: inline-flex; align-items: center; outline-offset: 0.125rem; font-family: "TTHoves"; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .podcast-banner .ab__title .ab__video span:focus-visible, .podcast-banner .ab__title .ab__video a:focus-visible { text-decoration: none; outline: 0.125rem solid #c84727 !important; } @media screen and (min-width: 950px) { .podcast-banner .ab__title .ab__video span, .podcast-banner .ab__title .ab__video a { font-size: 1rem; } } .podcast-banner .ab__title .ab__video span.duration { gap: 0.55rem; font-size: 0.875rem; line-height: 1.4; letter-spacing: 0.02em; min-height: 1.5625rem; } @media screen and (max-width: 767px) { .podcast-banner .ab__title .ab__video span.duration { min-height: unset; margin-top: 3px; } } @media screen and (min-width: 950px) { .podcast-banner .ab__title .ab__video span.duration { font-size: 1rem; gap: 0.75rem; max-height: unset; } } .podcast-banner .ab__title .ab__video span.duration img { width: 0.95rem; height: 1rem; } @media screen and (max-width: 767px) { .podcast-banner .ab__title .ab__video span.duration img { margin-left: -0.0625rem; margin-top: -0.0625rem; margin-right: -0.125rem; width: 1.0625rem; height: auto; } } @media screen and (min-width: 950px) { .podcast-banner .ab__title .ab__video span.duration img { width: 1.25rem; height: 1.25rem; } } .podcast-banner .ab__title .ab__video a.has-video { cursor: pointer; text-decoration: none; margin-left: 0; gap: 0.47rem; } @media screen and (min-width: 950px) { .podcast-banner .ab__title .ab__video a.has-video { gap: 0.625rem; margin-left: -0.1875rem; } } .podcast-banner .ab__title .ab__video a.has-video:hover { text-decoration: underline; text-underline-offset: 0.1875rem; } .podcast-banner .ab__title .ab__video a.has-video img { width: 1.5rem; height: 1.5rem; } @media screen and (min-width: 950px) { .podcast-banner .ab__title .ab__video a.has-video img { width: 2.0625rem; height: 2.0625rem; } } .podcast-banner .ab__title .ab-lc__wrapper { width: 100%; flex-wrap: wrap; } @media screen and (min-width: 1199px) { .podcast-banner .ab__title .ab-lc__wrapper { width: 77%; } } .podcast-banner .ab__title .ab-lc__wrapper .ab-title__pre { font-size: 0.75rem; margin-bottom: 0.75rem; } @media screen and (min-width: 1199px) { .podcast-banner .ab__title .ab-lc__wrapper .ab-title__pre { font-size: 1.125rem; } } .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards { display: flex; column-gap: 0.75rem; flex-wrap: wrap; margin-top: -0.125rem; row-gap: 0.5rem; } @media screen and (min-width: 950px) { .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards { gap: 1rem; margin-top: 0; flex-wrap: wrap; } } .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard { width: auto; text-decoration: none; } @media screen and (max-width: 767px) { .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard { width: 100%; } } @media screen and (min-width: 768px) { .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard { width: calc(50% - 6px); } } @media screen and (min-width: 1199px) { .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard { width: calc(33.333% - 10.66px); flex: 0 0 23%; max-width: 23%; } } .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard:hover { color: var(--card-color); } .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard img { max-height: 1.0625rem; max-width: 1.0625rem; } .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard svg path { fill: var(--card-color); } .podcast-banner .ab__title .ab-lc__wrapper .ab__link-cards .l-linkcard:after { background-color: var(--card-color); } .podcast-banner .ab__footer { padding: 1.5rem 0; position: relative; bottom: 0; left: 0; width: 100%; z-index: 1; background: rgba(0, 0, 0, 0.6); margin-top: 3.25rem; } @media screen and (min-width: 768px) { .podcast-banner .ab__footer { margin-top: 5.25rem; } } @media screen and (min-width: 950px) { .podcast-banner .ab__footer { padding: 1.5rem 0; margin-top: 5rem; } } .podcast-banner .ab__footer .ab__footer-wrapper { align-items: flex-end; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem; row-gap: 2rem; } @media screen and (min-width: 768px) { .podcast-banner .ab__footer .ab__footer-wrapper { row-gap: 0.75rem; } } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper { margin-left: -0.125rem; row-gap: 1.5625rem; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features { display: flex; gap: 0.5rem; flex-wrap: wrap; column-gap: 1.5625rem; } @media screen and (max-width: 767px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__features { flex-wrap: wrap; } } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__features { column-gap: 3rem; max-width: calc(100% - 350px); gap: 3rem; margin-bottom: 0; row-gap: 0.5rem; flex-direction: column; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li { font-weight: 400; font-size: 0.75rem; line-height: 1.4; letter-spacing: 0.02em; text-align: left; display: inline-flex; gap: 0.5rem; color: #fff; align-items: flex-start; font-family: "TTHoves"; width: 100%; } @media screen and (min-width: 480px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li { width: auto; } } @media screen and (min-width: 768px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li { align-items: center; } } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li { gap: 0.75rem; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__text { display: flex; gap: 0.28125rem; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__text span { color: #999; min-width: 3.625rem; } @media screen and (min-width: 480px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__text span { min-width: unset; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags li { margin-right: 0.4375rem; width: auto; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags li:nth-last-child(1) { margin-right: 0; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags li:nth-last-child(1) a::after { display: none; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags a { color: #fff; position: relative; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags a::after { content: ","; font-size: inherit; position: absolute; bottom: 0px; color: #fff; margin-right: -5px; right: 0; pointer-events: none; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__tags a:hover { text-decoration-thickness: 1px; text-decoration: underline; text-underline-offset: 0.1875rem; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li > a { display: inline-flex; gap: 0.5rem; color: #fff; text-decoration: none; } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li > a { gap: 0.75rem; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li img { width: 1.0625rem; height: 1.0625rem; } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__features li img { width: 1.25rem; height: 1.25rem; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options { display: flex; gap: 0.5rem; align-items: center; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options > ul { display: flex; gap: 0.5rem; align-items: center; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a { border: 0.1rem solid #fff; border-radius: 6.1875rem; padding: 0.25rem 0.771875rem; min-height: 2.125rem; display: inline-flex; line-height: 1; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; align-items: center; } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a { padding: 0.25rem 0.75625rem; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a img { width: 1.275rem; height: 1.275rem; transition: none; } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a img { transition: all 0.2s ease-in-out; } } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li > a:hover img { transform: scale(1.1); } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options > ul > li img { transition: all 0.2s ease-in-out; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share { position: relative; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { font-family: "TTHoves"; font-size: 0.875rem; font-weight: 600; color: #fff; line-height: 1.4; letter-spacing: 0.02em; text-align: left; text-decoration: none; display: flex; align-items: center; padding: 0.3125rem 0.921875rem; padding-right: 0.6875rem; gap: 0.5rem; min-width: 5.5625rem; } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { font-size: 1rem; gap: 0.625rem; padding: 0.25rem 0.625rem; padding-right: 0.625rem; } } @media screen and (min-width: 1920px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { font-size: 0.8333333333vw; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a img { filter: invert(1); width: 0.9125rem; height: 0.9125rem; transition: none; } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a img { width: 1.4375rem; height: 1.4375rem; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a.is-open > img { transform: rotate(180deg); } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { border: 0.078125rem solid #fff; border-radius: 6.1875rem; padding: 0.25rem 0.771875rem; min-height: 2.125rem; display: inline-flex; color: #fff; line-height: 1.4; align-items: center; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; font-weight: 600; gap: 0.3125rem; font-size: 0.875rem; min-width: 5.5625rem; justify-content: space-between; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a { border: 0.1rem solid #fff; gap: 0.3125rem; padding: 0.3125rem 1rem; padding-right: 0.859375rem; min-height: 2.125rem; min-width: 5.5625rem; line-height: 1.4; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a img { width: 0.8125rem; height: 0.8125rem; transition: none; filter: invert(1); } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share > a img { transition: all 0.2s ease-in-out; width: 0.75rem; height: 0.75rem; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown { width: 5.5625rem; position: absolute; display: flex; padding: 1.0825rem 0.875rem; border: 0.1rem solid #fff; border-radius: 0.75rem; background-color: #141414; display: flex; flex-wrap: wrap; gap: 1rem; top: calc(100% + 8px); display: none; justify-content: space-between; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown { gap: 1.5rem; min-width: 7.43875rem; padding: 1.15rem; top: calc(100% + 10px); } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown .copy-url { position: relative; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown .copy-url span.copied-message { position: absolute; background-color: rgba(247, 89, 45, 0.944); color: #fff; padding: 0.3125rem; border-radius: 0.3125rem; bottom: 1.75rem; left: 50%; transform: translateX(-50%); font-size: 0.75rem; width: 7.375rem; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown.is-show { display: flex; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a { width: auto; height: auto; line-height: 1; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a img { transition: all 0.2s ease-in-out; transform-origin: center center; width: 1.25rem; height: 1.25rem; } @media screen and (min-width: 950px) { .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a img { width: 1.5rem; height: 1.5rem; } } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a:hover { opacity: 1; } .podcast-banner .ab__footer .ab__footer-wrapper .ab__options .ab__share .share-dropdown li a:hover img { transform: scale(1.1); opacity: 1; } .research-grid { background-color: #fff; margin-left: -0.0625rem; max-width: 100vw; overflow: hidden; } @media screen and (min-width: 950px) { .research-grid { background-color: rgba(0, 0, 0, 0); } } .research-grid .research-grid__cta .cta-title { padding: 4rem 0 2rem; } @media screen and (min-width: 768px) { .research-grid .research-grid__cta .cta-title { padding: 5rem 0 2.5rem; } } @media screen and (min-width: 950px) { .research-grid .research-grid__cta .cta-title { padding: 5.625rem 0 3.75rem; } } @media screen and (min-width: 1199px) { .research-grid .research-grid__cta .cta-title { padding: 5.625rem 0 4.375rem; } } @media screen and (min-width: 1320px) { .research-grid .research-grid__cta .cta-title { padding: 6.25rem 0 5rem; } } @media screen and (min-width: 1440px) { .research-grid .research-grid__cta .cta-title { padding: 6.25rem 0 5rem; } } @media screen and (min-width: 1670px) { .research-grid .research-grid__cta .cta-title { padding: 10rem 0 5rem; } } .research-grid .research-grid__wrapper { display: grid; gap: 1.5rem; grid-template-columns: repeat(1, 1fr); } @media screen and (min-width: 1199px) { .research-grid .research-grid__wrapper { gap: 1.6875rem; padding: 0rem 0rem; } } @media screen and (min-width: 1320px) { .research-grid .research-grid__wrapper { gap: 1.6875rem; padding: 0rem 5.125rem; } } .research-grid .research-grid__wrapper .research-grid__cards { display: grid; min-height: 34.375rem; grid-template-columns: repeat(1, 1fr); width: calc(100% + 60px); margin-left: -1.875rem; } @media screen and (min-width: 768px) { .research-grid .research-grid__wrapper .research-grid__cards { column-gap: 1.875rem; row-gap: 2rem; grid-template-columns: calc(50% - 6px) calc(50% - 6px); column-gap: 0.75rem; row-gap: 0.75rem; width: 100%; margin-left: 0; } } @media screen and (min-width: 1199px) { .research-grid .research-grid__wrapper .research-grid__cards { grid-template-columns: 52.799% 45.15%; min-height: 40.9375rem; column-gap: 1.875rem; row-gap: 2rem; } } @media screen and (min-width: 1670px) { .research-grid .research-grid__wrapper .research-grid__cards { min-height: 47.875rem; } } @media screen and (min-width: 2500px) { .research-grid .research-grid__wrapper .research-grid__cards { min-height: 70vh; } } .research-grid .research-grid__wrapper .research-grid__cards .l-card { min-height: 16.8125rem; } @media screen and (min-width: 768px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card { min-height: unset; } } @media screen and (min-width: 768px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(1) { grid-column: 1; grid-row: span 2; display: flex; flex-direction: column; justify-content: flex-end; } .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(1) .card-content { background-color: #141414; } } .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(1) .card-content { height: 100%; } @media screen and (min-width: 768px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(1) .card-content { row-gap: 1.875rem; height: auto; } } @media screen and (min-width: 1320px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(1) .card-content { height: auto; row-gap: 4.3125rem; } } @media screen and (min-width: 768px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(2), .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(3) { grid-column: 2; grid-row: span 1; min-height: 16.8125rem; } } @media screen and (min-width: 950px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(2), .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(3) { height: auto; } } .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(2) .card-content, .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(3) .card-content { padding: 2rem 1.875rem 2rem; } @media screen and (min-width: 768px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(2) .card-content, .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(3) .card-content { padding: 2rem; } } @media screen and (min-width: 1199px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(2) .card-content, .research-grid .research-grid__wrapper .research-grid__cards .l-card:nth-child(3) .card-content { padding: 3rem 2rem 1.875rem; } } .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content { padding: 2rem 1.875rem 2rem; } @media screen and (min-width: 768px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content { padding: 2rem; } } @media screen and (min-width: 1199px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content { padding: 3rem 2rem 1.59375rem; } } .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content .card-content__wrapper h4 { color: #fff; } @media screen and (min-width: 950px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content .card-content__wrapper h4 { line-height: 1.4; margin-bottom: 1.5rem; } } .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content .card-content__wrapper span { margin-bottom: 0.9375rem; } .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content .card-content__wrapper span img { filter: invert(0); max-height: 0.875rem; width: auto; } @media screen and (min-width: 950px) { .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content .card-content__wrapper span img { max-height: 1.25rem; } } .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content .card-content__wrapper ul.card-tags { flex-wrap: wrap; flex-direction: row; } .pa.social-follow { min-height: 14.9375rem; padding: 4rem 0; position: relative; background: linear-gradient(91.28deg, #000000 -33.63%, #262626 142.74%); } @media screen and (min-width: 768px) { .pa.social-follow { min-height: 15.6875rem; padding: 5.0175rem 0 5.045rem; } } @media screen and (min-width: 950px) { .pa.social-follow { min-height: 20rem; padding: 5.875rem 0 5.9375rem; } } @media screen and (max-width: 767px) { .pa.social-follow .social-follow__wrapper { max-width: 16.3125rem; margin: 0 auto; } } .pa.social-follow img.bg-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; object-fit: contain; pointer-events: none; width: 20rem; height: 19.3125rem; } @media screen and (min-width: 768px) { .pa.social-follow img.bg-logo { width: 19.25rem; height: 19.25rem; } } @media screen and (min-width: 950px) { .pa.social-follow img.bg-logo { width: 27.726875rem; height: 23.935625rem; } } .pa.social-follow h4 { font-family: "TTHoves"; font-weight: 500; font-size: 1.125rem; letter-spacing: 0em; text-align: center; line-height: 1.4; margin-bottom: 2rem; color: #fff; } @media screen and (min-width: 768px) { .pa.social-follow h4 { font-size: 1.375rem; line-height: 1.3; } } @media screen and (min-width: 950px) { .pa.social-follow h4 { margin-bottom: 2.5rem; font-size: 1.875rem; } } @media screen and (min-width: 1199px) { .pa.social-follow h4 { font-size: 2.0625rem; } } @media screen and (min-width: 1320px) { .pa.social-follow h4 { font-size: 2.1875rem; } } @media screen and (min-width: 1670px) { .pa.social-follow h4 { line-height: 1.2916; font-size: 3rem; margin-bottom: 2.5rem; } } @media screen and (min-width: 1920px) { .pa.social-follow h4 { font-size: 2.5vw; } } .pa.social-follow ul { display: flex; justify-content: center; gap: 1.875rem; } .pa.social-follow ul li a img { max-width: 3.875rem; max-height: 1.875rem; } .pa.social-follow ul li:nth-child(1) a img { width: 1.655rem; height: 1.691875rem; } .pa.social-follow ul li:nth-child(2) a { width: 1.686875rem; height: 1.7725rem; } .pa.social-follow ul li a { display: block; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .pa.social-follow ul li a img { filter: invert(1); transition: all 0.2s ease-in-out; } .pa.social-follow ul li a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .pa.social-follow ul li a:hover img { transform: scale(1.1); } .sticky-nav { border-bottom: 0.0625rem solid #d8d8d8; background-color: #fff; min-height: 3.75rem; position: sticky; top: 0; z-index: 99; } @media screen and (min-width: 768px) { .sticky-nav { min-height: 4.5625rem; } } @media screen and (min-width: 950px) { .sticky-nav { min-height: 5.625rem; } } @media screen and (min-width: 1199px) { .sticky-nav { min-height: 5.9375rem; } } @media screen and (min-width: 1670px) { .sticky-nav { min-height: 7.0625rem; } } .sticky-nav .l-container { padding: 0; width: 100%; top: 0; position: relative; min-height: 3.75rem; } @media screen and (min-width: 768px) { .sticky-nav .l-container { position: absolute; top: auto; bottom: 0; padding: 0 1.5rem; left: 50%; transform: translateX(-50%); } } .sticky-nav.is-sticky { z-index: 111; position: sticky; } @media screen and (min-width: 768px) { .sticky-nav.is-sticky .sn__dropdown { height: 3.75rem; } .sticky-nav.is-sticky .sn__dropdown ul { height: 100%; } } .sticky-nav.is-sticky nav ul li a { flex-direction: row; align-items: center; justify-content: flex-start; } @media screen and (min-width: 768px) { .sticky-nav.is-sticky nav ul li a { justify-content: center; } } .sticky-nav.is-sticky nav ul li a img { width: 1.125rem; } @media screen and (min-width: 768px) { .sticky-nav.is-sticky nav ul li a img { width: 1.75rem; } } .sticky-nav .sn__dropdown-header { width: 100%; border-bottom: none; position: relative; height: 100%; } @media screen and (min-width: 768px) { .sticky-nav .sn__dropdown-header { display: none; } } .sticky-nav .sn__dropdown-header span.arrow { position: absolute; right: 0; top: 0; padding: 1.25rem 1.5625rem; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .sticky-nav .sn__dropdown-header span.arrow img { transform-origin: center; width: 1.5rem; transition: all 0.3s ease-in-out; } .sticky-nav .sn__dropdown-header span.arrow.arrow-up img { transform: rotate(-180deg); } .sticky-nav .sn__dropdown-header a { outline-offset: 0.25rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; display: flex; flex-direction: column; margin-bottom: 0; row-gap: 0.5rem; column-gap: 0.75rem; align-items: center; text-decoration: none; color: #141414; font-family: "TTHoves"; font-size: 1rem; line-height: 1.4; font-weight: 600; letter-spacing: 0em; text-align: center; transition: all 0.3s ease-in-out; flex-direction: row; justify-content: flex-start; padding: 0.625rem 1.5625rem 0.625rem 1.75875rem; height: 100%; min-height: 3.75rem; } .sticky-nav .sn__dropdown-header a img { width: 1.125rem; } .sticky-nav .sn__dropdown-header a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .sticky-nav .sn__dropdown { display: none; background-color: #fff; } .sticky-nav .sn__dropdown ul { margin-bottom: 0; } @media screen and (max-width: 767px) { .sticky-nav .sn__dropdown ul li { min-height: 3.15rem; } } @media screen and (max-width: 767px) { .sticky-nav .sn__dropdown ul li.is-active { display: none; } } @media screen and (min-width: 768px) { .sticky-nav .sn__dropdown { display: block; } } .sticky-nav nav { height: 100%; } .sticky-nav nav ul { display: flex; justify-content: center; flex-direction: column; align-items: flex-start; height: 100%; gap: 0; padding-bottom: 0; } @media screen and (min-width: 768px) { .sticky-nav nav ul { gap: 0.75rem; align-items: flex-end; flex-direction: row; padding-bottom: 0; } } @media screen and (min-width: 950px) { .sticky-nav nav ul { gap: 1.125rem; } } @media screen and (min-width: 1199px) { .sticky-nav nav ul { gap: 1.25rem; } } @media screen and (min-width: 1320px) { .sticky-nav nav ul { gap: 1.5625rem; } } @media screen and (min-width: 1670px) { .sticky-nav nav ul { gap: 1.875rem; } } @media screen and (min-width: 1920px) { .sticky-nav nav ul { gap: 3.75rem; } } .sticky-nav nav ul li { width: 100%; border-bottom: none; position: relative; height: 100%; } .sticky-nav nav ul li span.arrow { position: absolute; right: 0; top: 0; width: 1.5rem; padding: 1.25rem 1.5625rem; height: 100%; display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 768px) { .sticky-nav nav ul li span.arrow { display: none; } } @media screen and (min-width: 768px) { .sticky-nav nav ul li { border-bottom: 0.3125rem solid rgba(0, 0, 0, 0); width: 17.1875rem; display: block; } } @media screen and (min-width: 950px) { .sticky-nav nav ul li { border-bottom: 0.3125rem solid rgba(0, 0, 0, 0); width: 12.5rem; } } @media screen and (min-width: 1199px) { .sticky-nav nav ul li { border-bottom: 0.375rem solid rgba(0, 0, 0, 0); } } @media screen and (min-width: 1320px) { .sticky-nav nav ul li { width: 13.75rem; } } @media screen and (min-width: 1670px) { .sticky-nav nav ul li { width: 17.1875rem; border-bottom: 0.5rem solid rgba(0, 0, 0, 0); } } @media screen and (min-width: 2500px) { .sticky-nav nav ul li { width: auto; } } .sticky-nav nav ul li.is-active { border-color: #c84727; display: block; } .sticky-nav nav ul li a { outline-offset: 0.25rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; display: flex; flex-direction: column; margin-bottom: 0; row-gap: 0.5rem; column-gap: 0.75rem; align-items: center; text-decoration: none; color: #141414; font-family: "TTHoves"; font-size: 1rem; line-height: 1.4; font-weight: 600; letter-spacing: 0em; text-align: center; transition: all 0.3s ease-in-out; flex-direction: row; justify-content: flex-start; padding: 0.875rem 1.5625rem 0.875rem 1.75875rem; height: 100%; } @media screen and (min-width: 768px) { .sticky-nav nav ul li a { justify-content: center; flex-direction: column; font-size: 0.75rem; line-height: 1.4; padding: 0rem 0rem 0.6875rem 0rem; column-gap: 0.5rem; } } @media screen and (min-width: 950px) { .sticky-nav nav ul li a { font-size: 0.875rem; line-height: 1.4; row-gap: 0.75rem; padding: 0rem 0rem 0.8125rem 0rem; } } @media screen and (min-width: 1320px) { .sticky-nav nav ul li a { row-gap: 0.9375rem; } } @media screen and (min-width: 1670px) { .sticky-nav nav ul li a { row-gap: 1rem; font-size: 1.125rem; padding: 0rem 0rem 1.0625rem 0rem; } } @media screen and (min-width: 1920px) { .sticky-nav nav ul li a { font-size: 0.9375vw; } } .sticky-nav nav ul li a:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .sticky-nav nav ul li a img { width: 1.125rem; } @media screen and (min-width: 768px) { .sticky-nav nav ul li a img { width: 2rem; } } @media screen and (min-width: 950px) { .sticky-nav nav ul li a img { width: 2.1875rem; } } @media screen and (min-width: 1199px) { .sticky-nav nav ul li a img { width: 2.5rem; } } @media screen and (min-width: 1670px) { .sticky-nav nav ul li a img { width: 3rem; } } @media screen and (min-width: 950px) { .threat-grid__cta { position: relative; } .threat-grid__cta::after { content: ""; position: absolute; bottom: 0; width: 100%; display: block; z-index: -1; height: 96.6875rem; background-image: url(../images/unit42-background-light.jpg); } } .threat-grid__cta .cta-title { padding: 4rem 0 2rem; } @media screen and (min-width: 768px) { .threat-grid__cta .cta-title { padding: 5rem 0 2.5rem; } } @media screen and (min-width: 950px) { .threat-grid__cta .cta-title { padding: 5.625rem 0 3.75rem; } } @media screen and (min-width: 1199px) { .threat-grid__cta .cta-title { padding: 5.625rem 0 4.375rem; } } @media screen and (min-width: 1320px) { .threat-grid__cta .cta-title { padding: 6.25rem 0 5rem; } } @media screen and (min-width: 1670px) { .threat-grid__cta .cta-title { padding: 10rem 0 5.28125rem; } } @media screen and (max-width: 767px) { .threat-grid__cta .cta-title .l-btn { padding: 0.4375rem 0.78125rem 0.4375rem 0.9375rem; } } .threat-grid { position: relative; max-width: 100vw; overflow: hidden; background-color: rgba(0, 0, 0, 0.188); } .threat-grid .featured-card { padding: 4rem 0 2.5rem; } @media screen and (min-width: 768px) { .threat-grid .featured-card { padding: 5rem 0 5rem; } } @media screen and (min-width: 950px) { .threat-grid .featured-card { padding: 5.625rem 0 5.625rem; } } @media screen and (min-width: 1199px) { .threat-grid .featured-card { padding: 6.25rem 0 6.25rem; } } @media screen and (min-width: 1320px) { .threat-grid .featured-card { padding: 6.875rem 0 7.5rem; } } @media screen and (min-width: 1670px) { .threat-grid .featured-card { padding: 6.875rem 0 9.6875rem; } } .threat-grid .featured-card article { max-width: 30.625rem; } @media screen and (min-width: 950px) { .threat-grid .featured-card article { max-width: 70%; } } @media screen and (min-width: 1199px) { .threat-grid .featured-card article { max-width: 45%; } } @media screen and (min-width: 1670px) { .threat-grid .featured-card article { max-width: 45.386996904%; } } .threat-grid .featured-card article * { color: #fff; font-family: "TTHoves"; } .threat-grid .featured-card article > a { text-decoration: none; z-index: 1; } .threat-grid .featured-card article a.fc__title:hover { text-decoration: underline; text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } .threat-grid .featured-card article .featured-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; height: 100%; width: 100%; background-color: #141414; } .threat-grid .featured-card article .featured-image img { object-fit: cover; object-position: top center; height: 100%; width: 100%; } .threat-grid .featured-card article span { display: flex; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0em; text-align: left; text-transform: uppercase; color: #fff; margin-bottom: 0.375rem; } @media screen and (min-width: 768px) { .threat-grid .featured-card article span { margin-bottom: 0.25rem; } } @media screen and (min-width: 950px) { .threat-grid .featured-card article span { margin-top: 0; margin-bottom: 0.625rem; } } @media screen and (min-width: 1199px) { .threat-grid .featured-card article span { font-size: 1rem; line-height: 1.375; } } @media screen and (min-width: 1920px) { .threat-grid .featured-card article span { font-size: 0.8333333333vw; } } .threat-grid .featured-card article span img { width: 0.9725rem; } @media screen and (min-width: 950px) { .threat-grid .featured-card article span img { width: 1.041875rem; } } .threat-grid .featured-card article h4 { font-family: "TTHoves"; font-weight: 500; font-size: 1.125rem; line-height: 1.4; letter-spacing: 0em; text-align: left; margin-bottom: 1.5rem; margin-left: rem; } @media screen and (min-width: 768px) { .threat-grid .featured-card article h4 { font-size: 1.375rem; line-height: 1.3; margin-bottom: 0.5rem; } } @media screen and (min-width: 950px) { .threat-grid .featured-card article h4 { font-size: 2.1875rem; margin-bottom: 1.125rem; } } @media screen and (min-width: 1199px) { .threat-grid .featured-card article h4 { font-size: 2.5rem; margin-bottom: 1.5rem; } } @media screen and (min-width: 1670px) { .threat-grid .featured-card article h4 { font-size: 3rem; } } @media screen and (min-width: 1920px) { .threat-grid .featured-card article h4 { font-size: 2.5vw; } } .threat-grid .featured-card article p { font-size: 1rem; line-height: 1.5; font-weight: 450; letter-spacing: 0em; font-family: "FFCeleste"; margin-left: 0.125rem; } @media screen and (min-width: 768px) { .threat-grid .featured-card article p { font-size: 0.875rem; line-height: 1.7142; margin-left: 0; font-weight: 400; } } @media screen and (min-width: 1199px) { .threat-grid .featured-card article p { font-size: 1rem; line-height: 1.5; font-weight: 450; } } @media screen and (min-width: 1920px) { .threat-grid .featured-card article p { font-size: 0.8333333333vw; } } .threat-grid .featured-card article p { text-align: left; margin-bottom: 0; } .threat-grid .featured-card article p + p { margin-top: 1rem; } @media screen and (min-width: 768px) { .threat-grid .featured-card article p + p { margin-top: 1.0625rem; } } @media screen and (min-width: 950px) { .threat-grid .featured-card article p + p { margin-top: 1.125rem; } } @media screen and (min-width: 1199px) { .threat-grid .featured-card article p + p { margin-top: 1.5rem; } } .threat-grid .featured-card article a.hyperlink { margin: 1.5rem 0 0; color: #fff; border-color: #fff; padding-bottom: 0.125rem; } @media screen and (min-width: 768px) { .threat-grid .featured-card article a.hyperlink { padding-bottom: 0.1875rem; } } @media screen and (min-width: 950px) { .threat-grid .featured-card article a.hyperlink { padding-bottom: 0.3125rem; } } @media screen and (min-width: 1199px) { .threat-grid .featured-card article a.hyperlink { margin: 3rem 0 0; } } .threat-grid .featured-card article a.hyperlink:hover { color: #c84727; border-color: #c84727; } .threat-grid .threat-grid__cards { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0; position: relative; } @media screen and (min-width: 1199px) { .threat-grid .threat-grid__cards { grid-template-columns: repeat(2, 1fr); } } .threat-grid .threat-grid__cards::after { content: ""; height: 100%; width: 100%; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); position: absolute; top: 0; left: 0; z-index: 0; } .threat-grid .threat-grid__cards .l-card { z-index: 2; } .threat-grid .threat-grid__cards .l-card:not(:nth-child(-n + 3)) { display: none; } @media screen and (min-width: 1199px) { .threat-grid .threat-grid__cards .l-card:not(:nth-child(-n + 3)) { display: flex; } } @media screen and (min-width: 1199px) { .threat-grid .threat-grid__cards .l-card:nth-child(1) { border-right: 0.5px solid #fff; border-bottom: 0.5px solid #fff; } .threat-grid .threat-grid__cards .l-card:nth-child(2) { border-bottom: 0.5px solid #fff; } .threat-grid .threat-grid__cards .l-card:nth-child(3) { border-right: 0.5px solid #fff; border-bottom: 0.5px solid #fff; } .threat-grid .threat-grid__cards .l-card:nth-child(4) { border-bottom: 0.5px solid #fff; } .threat-grid .threat-grid__cards .l-card:nth-child(5) { border-right: 0.5px solid #fff; } } @media screen and (max-width: 767px) { .threat-grid .threat-grid__cards .l-card .card-content { row-gap: 1rem; } } .threat-grid .threat-grid__cards .l-card .card-content__wrapper { margin-top: -0.25rem; } .threat-grid .threat-grid__cards .l-card .card-content__wrapper span img { filter: unset; width: 100%; max-height: 0.875rem; max-width: 0.9725rem; } @media screen and (min-width: 1199px) { .threat-grid .threat-grid__cards .l-card .card-content__wrapper span img { max-height: 1.18625rem; max-width: 1.28125rem; } } @media screen and (max-width: 767px) { .threat-grid .threat-grid__cards .l-card .card-content__wrapper .card-tags { flex-direction: row; flex-wrap: wrap; } } .video-inline__wrapper { background-color: #141414; position: relative; } .video-inline__wrapper:after { content: "Kindly click on the maximize or close icon within the mini player to maximize."; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; z-index: 0; pointer-events: none; font-size: 0.75rem; max-width: 80%; } @media screen and (min-width: 768px) { .video-inline__wrapper:after { font-size: 0.875rem; } } @media screen and (min-width: 950px) { .video-inline__wrapper:after { font-size: 1rem; max-width: 90%; } } .inline__video-wrapper { z-index: 1; position: relative; background-color: #000; margin: 0; width: 100%; width: 100%; max-width: 100%; margin: 0 auto; } @media screen and (min-width: 768px) { .inline__video-wrapper { width: 100%; max-width: 100%; } } @media screen and (min-width: 1199px) { .inline__video-wrapper { width: 100%; max-width: 100%; height: auto; max-width: 100%; } } .inline__video-wrapper .inline__post-details { display: flex; justify-content: space-between; position: absolute; width: 100%; align-items: center; padding: 0.875rem 2rem; flex-wrap: wrap; column-gap: 1.25rem; row-gap: 1rem; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__post-details { margin-top: 2.5rem; padding: 0; flex-wrap: nowrap; row-gap: 1rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__post-details { margin-top: 1.99375rem; } } .inline__video-wrapper .inline__post-details h3 { font-family: "TTHoves"; font-size: 1rem; font-weight: 500; line-height: 1.4; letter-spacing: 0em; text-align: left; color: #fff; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__post-details h3 { font-size: 1rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__post-details h3 { font-size: 1.5rem; } } @media screen and (min-width: 1920px) { .inline__video-wrapper .inline__post-details h3 { font-size: 1.25vw; } } .inline__video-wrapper .inline__post-details .l-btn { background-color: #f7582d; color: #141414; min-height: 2.1425rem; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; padding: 0.775rem 1rem; gap: 0.5rem; min-width: 10.3125rem; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__post-details .l-btn { padding: 0.775rem 1rem; gap: 0.5rem; } } @media screen and (min-width: 950px) { .inline__video-wrapper .inline__post-details .l-btn { min-width: 11.5rem; min-height: 3.25rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__post-details .l-btn { min-width: 12.875rem; min-height: 3.25rem; gap: 0.875rem; padding: 0.775rem 1.5rem; } } .inline__video-wrapper .inline__post-details .l-btn:focus-visible { outline: 0.125rem solid #c84727 !important; } .inline__video-wrapper .inline__post-details .l-btn:hover { background-color: #141414; color: #fff; } .inline__video-wrapper .inline__post-details .l-btn:hover img { filter: invert(1); } .inline__video-wrapper > .inline__minimize-btn.is-minimized { display: none; position: absolute; top: 0; left: 0; z-index: 9; } .inline__video-wrapper .inline__play-btn.is-minimized { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; } .inline__video-wrapper .inline__play-btn.is-minimized img { width: 2.5rem; height: 3.18625rem; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__play-btn.is-minimized img { width: 3.25rem; height: 4.125rem; } } .inline__video-wrapper .inline__close { position: absolute; right: 1rem; top: -2.5rem; color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer; z-index: 22; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0); border: none; box-shadow: none; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__close { right: 0; top: -2.01875rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__close { top: -3rem; } } .inline__video-wrapper .inline__close:focus-visible { outline: 0.125rem solid #c84727 !important; } .inline__video-wrapper .inline__close img { width: 1.5rem; height: 1.5rem; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__close img { width: 2.32125rem; height: 2.32125rem; } } .inline__video-wrapper .inline__video-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; flex-wrap: wrap; gap: 15px; padding: 0.625rem 1rem; position: absolute; bottom: 0; width: 100%; row-gap: 0.375rem; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__video-controls { padding: 0rem 1.261875rem 0.92375rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-controls { row-gap: 0.590625rem; padding: 0rem 2.125rem 1.5rem; } } .inline__video-wrapper .inline__video-controls button { background-color: rgba(0, 0, 0, 0); box-shadow: none; border: none; } .inline__video-wrapper .inline__video-controls button { outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .inline__video-wrapper .inline__video-controls button img { width: 0.56rem; max-height: 1.68625rem; height: 0.710625rem; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-controls button img { width: 0.910625rem; height: 1.17125rem; } } .inline__video-wrapper .inline__video-controls button:focus-visible { outline: 0.125rem solid #c84727 !important; } .inline__video-wrapper .inline__video-controls .inline__play-btn img.play { display: none; } .inline__video-wrapper .inline__video-controls .inline__play-btn img.pause { display: block; } .inline__video-wrapper .inline__video-controls .inline__play-btn.is-paused img.pause { display: none; } .inline__video-wrapper .inline__video-controls .inline__play-btn.is-paused img.play { display: block; } .inline__video-wrapper .inline__video-controls .inline__volume-controls { display: flex; gap: 0.865rem; } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper { display: flex; gap: 0.360625rem; overflow: hidden; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper { gap: 0.59375rem; } } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper button { outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; cursor: pointer; } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper button:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper.is-muted::after { content: ""; position: absolute; left: 0; top: 0; color: #fff; transform: rotate(42deg) translate(7px, -6px); height: 16px; width: 2px; background: #fff; box-shadow: 1px 1px 4px #000; pointer-events: none; } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper.is-muted .inline__volume-seekbar { pointer-events: none; opacity: 0.75; cursor: not-allowed; } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper.is-muted-icon::after { content: ""; position: absolute; left: 0; top: 0; color: #fff; transform: rotate(42deg) translate(8px, -2px); height: 0.6875rem; width: 0.0625rem; background: #fff; box-shadow: 1px 1px 4px #000; pointer-events: none; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper.is-muted-icon::after { transform: rotate(42deg) translate(7px, -6px); height: 1rem; width: 0.125rem; } } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper img { width: 0.890625rem; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper img { width: 1.46625rem; } } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline { height: 0.0625rem; background: rgba(255, 255, 255, 0.3); width: 100%; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline { height: 0.125rem; } } @media screen and (min-width: 950px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline { width: 4.375rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline { width: 6.375rem; } } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline::-webkit-slider-thumb { -webkit-appearance: none; width: 0.205625rem; height: 0.205625rem; background: #fff; border-radius: 50%; cursor: pointer; z-index: 9; mix-blend-mode: lighten; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline::-webkit-slider-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline::-webkit-slider-thumb { width: 0.69rem; height: 0.69rem; } } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline::-moz-range-thumb { width: 0.3125rem; height: 0.3125rem; background: #fff; border-radius: 50%; cursor: pointer; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline::-moz-range-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline::-moz-range-thumb { width: 0.69rem; height: 0.69rem; } } .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper input.volume__barinline:focus-visible { outline: 0.125rem solid #c84727 !important; } .inline__video-wrapper .inline__video-controls .inline__volume-controls button { outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .inline__video-wrapper .inline__video-controls .inline__volume-controls button img { width: 0.634375rem; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-controls .inline__volume-controls button img { width: 1.500625rem; } } .inline__video-wrapper .inline__video-controls .inline__volume-controls button:focus-visible { outline: 0.125rem solid #c84727 !important; } .inline__video-wrapper .inline__video { width: 100%; height: 100%; background: #141414; background-size: cover; } .inline__video-wrapper .inline__volume__wrapper { position: relative; align-items: center; gap: 0.85625rem; max-width: 6.25rem; } @media screen and (min-width: 950px) { .inline__video-wrapper .inline__volume__wrapper { max-width: unset; } } .inline__video-wrapper .inline__volume__wrapper .inline__volume-seekbar { display: flex; align-items: center; position: relative; max-width: 100%; } .inline__video-wrapper .inline__volume__wrapper .inline__volume-seekbar span { display: block; height: 0.0625rem; left: 0; background: #fff; position: absolute; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__volume__wrapper .inline__volume-seekbar span { height: 0.125rem; } } .inline__video-wrapper .inline__video-seekbar { width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 42px); margin-right: 2.625rem; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-seekbar { width: calc(100% - 36px); margin-right: 2.25rem; } } .inline__video-wrapper .inline__video-seekbar .custom-rangeinline { min-width: 100%; } .inline__video-wrapper .inline__video-seekbar .inline__remaining-time.inline__remaining-time.inline__remaining-time { font-size: 0.6875rem; font-weight: 300; line-height: 2; letter-spacing: 0px; text-align: center; position: absolute; right: -2.5rem; color: #fff; margin-top: 0; margin-bottom: 0; color: #fff; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-seekbar .inline__remaining-time.inline__remaining-time.inline__remaining-time { font-size: 0.875rem; right: -2.5rem; margin-top: 0; margin-bottom: 0; } } .inline__video-wrapper .inline__video-seekbar span { content: ""; position: absolute; left: 0; height: 0.105625rem; z-index: 0; pointer-events: none; transform: translateY(-50%); top: 50%; background: #fa582d; pointer-events: none; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-seekbar span { height: 3px; } } .inline__video-wrapper .inline__video-seekbar input[type="range"] { -webkit-appearance: none; width: 100%; height: 0.9375rem; background: rgba(0, 0, 0, 0); border-radius: 5px; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__video-seekbar input[type="range"] { height: 1rem; } } .inline__video-wrapper .inline__video-seekbar input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 0.3125rem; height: 0.3125rem; background: #fff; border-radius: 50%; cursor: pointer; z-index: 9; mix-blend-mode: lighten; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__video-seekbar input[type="range"]::-webkit-slider-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-seekbar input[type="range"]::-webkit-slider-thumb { width: 0.69rem; height: 0.69rem; } } .inline__video-wrapper .inline__video-seekbar input[type="range"]::-moz-range-thumb { width: 0.3125rem; height: 0.3125rem; background: #fff; border-radius: 50%; cursor: pointer; } @media screen and (min-width: 768px) { .inline__video-wrapper .inline__video-seekbar input[type="range"]::-moz-range-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-seekbar input[type="range"]::-moz-range-thumb { width: 0.69rem; height: 0.69rem; } } .inline__video-wrapper .inline__video-seekbar input[type="range"]:focus-visible { outline: 0.125rem solid #c84727 !important; } .inline__video-wrapper .inline__video-seekbar::after { content: ""; height: 0.105625rem; background: rgba(255, 255, 255, 0.3); width: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 0; pointer-events: none; } @media screen and (min-width: 1199px) { .inline__video-wrapper .inline__video-seekbar::after { height: 0.125rem; } } .inline__video-wrapper input#volumeBarInline { max-width: 3.88375rem; } @media screen and (min-width: 1199px) { .inline__video-wrapper input#volumeBarInline { max-width: 9.218125rem; } } .inline__video-wrapper input#volumeBarInline::-webkit-slider-thumb { -webkit-appearance: none; width: 0.3125rem; height: 0.3125rem; background: #fff; border-radius: 50%; cursor: pointer; z-index: 9; margin-left: 0rem; mix-blend-mode: lighten; } @media screen and (min-width: 768px) { .inline__video-wrapper input#volumeBarInline::-webkit-slider-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper input#volumeBarInline::-webkit-slider-thumb { width: 0.69rem; height: 0.69rem; } } .inline__video-wrapper input#volumeBarInline::-moz-range-thumb { background: #fff; border-radius: 50%; margin-left: 0rem; cursor: pointer; width: 0.3125rem; height: 0.3125rem; } @media screen and (min-width: 768px) { .inline__video-wrapper input#volumeBarInline::-moz-range-thumb { width: 0.425rem; height: 0.425rem; } } @media screen and (min-width: 1199px) { .inline__video-wrapper input#volumeBarInline::-moz-range-thumb { width: 0.69rem; height: 0.69rem; } } .video__inline.minimized { width: 11.25rem !important; height: auto !important; background-color: rgba(0, 0, 0, 0) !important; position: fixed; bottom: 0; right: 0; transform: scale(1); left: auto; top: auto; border-radius: 0.5rem; overflow: hidden; z-index: 9999; } @media screen and (min-width: 768px) { .video__inline.minimized { width: 11.25rem !important; height: auto !important; bottom: 1.25rem; right: 1.25rem; } } @media screen and (min-width: 950px) { .video__inline.minimized { width: 26.375rem !important; height: auto !important; bottom: 1.8125rem; right: 1.8125rem; } } .video__inline.minimized .inline__video-wrapper { margin: 0; width: 100%; max-width: 100%; height: auto; background-color: rgba(0, 0, 0, 0); } .video__inline.minimized .inline__video-wrapper .inline__video { border-radius: 0.5rem; } .video__inline.minimized .inline__video-wrapper .inline__post-details { display: none; } .video__inline.minimized .inline__video-wrapper > .inline__minimize-btn.is-minimized { display: block; top: 0.570625rem; left: 0.5rem; opacity: 0; transition: all 0.3s ease-in-out; } @media screen and (min-width: 950px) { .video__inline.minimized .inline__video-wrapper > .inline__minimize-btn.is-minimized { top: 0.870625rem; left: 1.01125rem; } } .video__inline.minimized .inline__video-wrapper > .inline__minimize-btn.is-minimized img { width: 1.25rem; height: 1.25rem; } @media screen and (min-width: 950px) { .video__inline.minimized .inline__video-wrapper > .inline__minimize-btn.is-minimized img { width: 1.4375rem; height: 1.4375rem; } } .video__inline.minimized .inline__video-wrapper > .inline__close { opacity: 0; transition: all 0.3s ease-in-out; } .video__inline.minimized .inline__video-wrapper > .inline__minimize-btn.is-minimized { display: block; top: 0.570625rem; left: 0.5rem; opacity: 0; transition: all 0.3s ease-in-out; } @media screen and (min-width: 950px) { .video__inline.minimized .inline__video-wrapper > .inline__minimize-btn.is-minimized { top: 0.870625rem; left: 1.01125rem; } } .video__inline.minimized .inline__video-wrapper > .inline__minimize-btn.is-minimized img { width: 1.25rem; height: 1.25rem; } @media screen and (min-width: 950px) { .video__inline.minimized .inline__video-wrapper > .inline__minimize-btn.is-minimized img { width: 1.4375rem; height: 1.4375rem; } } .video__inline.minimized .inline__video-wrapper > .inline__close { opacity: 0; transition: all 0.3s ease-in-out; } .video__inline.minimized .inline__video-wrapper > .inline__play-btn.is-minimized { display: block; opacity: 0; transition: all 0.3s ease-in-out; } .video__inline.minimized .inline__video-wrapper > .inline__play-btn img.play { display: none; } .video__inline.minimized .inline__video-wrapper > .inline__play-btn img.pause { display: block; } .video__inline.minimized .inline__video-wrapper > .inline__play-btn.is-paused img.pause { display: none; } .video__inline.minimized .inline__video-wrapper > .inline__play-btn.is-paused img.play { display: block; } .video__inline.minimized .inline__video-wrapper:hover > .inline__minimize-btn.is-minimized, .video__inline.minimized .inline__video-wrapper:hover > .inline__play-btn.is-minimized, .video__inline.minimized .inline__video-wrapper:hover > .inline__close { opacity: 1; } .video__inline.minimized .inline__video-wrapper .inline__close { max-width: 1.375rem; max-height: 1.375rem; top: 0.578125rem; right: 0.630625rem; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } @media screen and (min-width: 950px) { .video__inline.minimized .inline__video-wrapper .inline__close { max-width: 2.0225rem; max-height: 2.0225rem; } } .video__inline.minimized .inline__video-wrapper .inline__close:focus-visible { outline: 0.125rem solid #c84727 !important; } .video__inline.minimized .inline__video-wrapper .inline__close img { max-width: 1.375rem; max-height: 1.375rem; } @media screen and (min-width: 950px) { .video__inline.minimized .inline__video-wrapper .inline__close img { max-width: 2.0225rem; max-height: 2.0225rem; } } .video__inline.minimized .inline__video-wrapper .inline__video-controls { padding: 0; margin-bottom: 0.125rem; } .video__inline.minimized .inline__video-wrapper .inline__video-controls .inline__play-btn { display: none; } .video__inline.minimized .inline__video-wrapper .inline__video-controls .inline__video-seekbar { width: 100%; margin-right: 0; } .video__inline.minimized .inline__video-wrapper .inline__video-controls .inline__video-seekbar input[type="range"] { position: absolute; bottom: 0.125rem; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .video__inline.minimized .inline__video-wrapper .inline__video-controls .inline__video-seekbar input[type="range"]::-webkit-slider-thumb { display: none; opacity: 0; } .video__inline.minimized .inline__video-wrapper .inline__video-controls .inline__video-seekbar input[type="range"]:focus-visible { outline: 0.125rem solid #c84727 !important; } .video__inline.minimized .inline__video-wrapper .inline__video-controls .inline__remaining-time { display: none; margin-bottom: 0; } .video__inline.minimized .inline__video-wrapper .inline__video-controls .inline__volume-controls { display: none; } .video__inline.minimized .inline__video-wrapper .inline__video-controls .inline__volume-controls .inline__volume__wrapper { display: none; } .sticky { position: sticky; bottom: 0; background-color: #333; color: #fff; padding: 10px; } .modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100% !important; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); align-items: center; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .modal button { cursor: pointer; } .modal__video-wrapper { position: relative; background-color: #000; margin: 0; width: 100%; width: 40.5rem; max-width: 100%; margin: 0 auto; } @media screen and (min-width: 768px) { .modal__video-wrapper { width: 40.5rem; max-width: 100%; } } @media screen and (min-width: 1199px) { .modal__video-wrapper { width: 90%; max-width: 80.105%; height: auto; height: 69.1vh; max-height: 69.1vh; margin-top: -2.5rem; max-width: max-content; } } @media screen and (min-width: 1440px) { .modal__video-wrapper { height: 69.1vh; max-height: 69.1vh; } } .modal__video-wrapper .modal__post-details { display: flex; justify-content: space-between; position: absolute; width: 100%; align-items: center; padding: 0.875rem 2rem; flex-wrap: wrap; column-gap: 1.25rem; row-gap: 1rem; } @media screen and (min-width: 768px) { .modal__video-wrapper .modal__post-details { margin-top: 2.5rem; padding: 0; flex-wrap: nowrap; row-gap: 1rem; } } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__post-details { margin-top: 1.99375rem; } } .modal__video-wrapper .modal__post-details.hide-title { justify-content: flex-end; } .modal__video-wrapper .modal__post-details.hide-title h3 { display: none; } .modal__video-wrapper .modal__post-details h3 { font-family: "TTHoves"; font-size: 1rem; font-weight: 500; line-height: 1.4; letter-spacing: 0em; text-align: left; color: #fff; } @media screen and (min-width: 768px) { .modal__video-wrapper .modal__post-details h3 { font-size: 1rem; } } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__post-details h3 { font-size: 1.5rem; } } @media screen and (min-width: 1920px) { .modal__video-wrapper .modal__post-details h3 { font-size: 1.25vw; } } .modal__video-wrapper .modal__post-details .l-btn { background-color: #f7582d; color: #141414; min-height: 2.1425rem; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; padding: 0.775rem 1rem; gap: 0.5rem; min-width: 10.3125rem; } @media screen and (min-width: 768px) { .modal__video-wrapper .modal__post-details .l-btn { padding: 0.775rem 1rem; gap: 0.5rem; } } @media screen and (min-width: 950px) { .modal__video-wrapper .modal__post-details .l-btn { min-width: 11.5rem; min-height: 3.25rem; } } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__post-details .l-btn { min-width: 12.875rem; min-height: 3.25rem; gap: 0.875rem; padding: 0.775rem 1.5rem; } } .modal__video-wrapper .modal__post-details .l-btn:focus-visible { outline: 0.125rem solid #c84727 !important; } .modal__video-wrapper .modal__post-details .l-btn:hover { background-color: #141414; color: #fff; } .modal__video-wrapper .modal__post-details .l-btn:hover img { filter: invert(1); } .modal__video-wrapper > .modal__minimize-btn.is-minimized { display: none; position: absolute; top: 0; left: 0; z-index: 9; } .modal__video-wrapper .modal__play-btn.is-minimized { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; } .modal__video-wrapper .modal__play-btn.is-minimized img { width: 2.5rem; height: 3.18625rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__play-btn.is-minimized img { width: 3.25rem; height: 4.125rem; } } .modal__video-wrapper .modal__close { position: absolute; right: 1rem; top: -2.5rem; color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer; z-index: 22; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0); border: none; box-shadow: none; } @media screen and (min-width: 768px) { .modal__video-wrapper .modal__close { right: 0; top: -2.01875rem; } } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__close { top: -3rem; } } .modal__video-wrapper .modal__close:focus-visible { outline: 0.125rem solid #c84727 !important; } .modal__video-wrapper .modal__close img { width: 1.5rem; height: 1.5rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__close img { width: 2.32125rem; height: 2.32125rem; } } .modal__video-wrapper .modal__video-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; flex-wrap: wrap; gap: 15px; padding: 0.625rem 1rem; position: absolute; bottom: 0; width: 100%; row-gap: 0.375rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-controls { padding: 0rem 1.8125rem 0.70875rem; } } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-controls { row-gap: 0.875rem; } } .modal__video-wrapper .modal__video-controls button { background-color: rgba(0, 0, 0, 0); box-shadow: none; border: none; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-controls { padding: 0rem 4.3125rem 1.6875rem; } } .modal__video-wrapper .modal__video-controls button { outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .modal__video-wrapper .modal__video-controls button img { width: 0.553125rem; max-height: 1.68625rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-controls button img { width: 1.329375rem; } } .modal__video-wrapper .modal__video-controls button:focus-visible { outline: 0.125rem solid #c84727 !important; } .modal__video-wrapper .modal__video-controls .modal__play-btn img.play { display: none; } .modal__video-wrapper .modal__video-controls .modal__play-btn img.pause { display: block; } .modal__video-wrapper .modal__video-controls .modal__play-btn.is-paused img.pause { display: none; } .modal__video-wrapper .modal__video-controls .modal__play-btn.is-paused img.play { display: block; } .modal__video-wrapper .modal__video-controls .modal__volume-controls { display: flex; gap: 0.865rem; } .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper { display: flex; gap: 0.360625rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper { gap: 0.85625rem; } } .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper button { outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; text-decoration: none; cursor: pointer; } .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper button:focus-visible { color: #c84727; text-decoration: none; outline: 0.125rem solid #c84727 !important; } .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper.is-muted::after { content: ""; position: absolute; left: 0; top: 0; color: #fff; background: #fff; box-shadow: 1px 1px 4px #000; pointer-events: none; transform: rotate(42deg) translate(7px, -2px); height: 0.8125rem; width: 0.0625rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper.is-muted::after { transform: rotate(42deg) translate(11px, -11px); height: 1.5rem; width: 0.125rem; } } .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper.is-muted .modal__volume-seekbar { pointer-events: none; opacity: 0.75; cursor: not-allowed; } .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper.is-muted-icon::after { content: ""; position: absolute; left: 0; top: 0; color: #fff; background: #fff; box-shadow: 1px 1px 4px #000; pointer-events: none; transform: rotate(42deg) translate(7px, -2px); height: 0.8125rem; width: 0.0625rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper.is-muted-icon::after { transform: rotate(42deg) translate(11px, -11px); height: 1.5rem; width: 0.125rem; } } .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper img { width: 0.890625rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper img { width: 2.113125rem; } } .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper input#volumeBar { height: 2px; background: rgba(255, 255, 255, 0.3); outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper input#volumeBar:focus-visible { outline: 0.125rem solid #c84727 !important; } .modal__video-wrapper .modal__video-controls .modal__volume-controls button { outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .modal__video-wrapper .modal__video-controls .modal__volume-controls button img { width: 0.634375rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-controls .modal__volume-controls button img { width: 1.500625rem; } } .modal__video-wrapper .modal__video-controls .modal__volume-controls button:focus-visible { outline: 0.125rem solid #c84727 !important; } .modal__video-wrapper .modal__video { width: 100%; height: 100%; background: #141414; background-size: cover; } .modal__video-wrapper .modal__volume__wrapper { position: relative; align-items: center; gap: 0.85625rem; overflow: hidden; } .modal__video-wrapper .modal__volume__wrapper .modal__volume-seekbar { display: flex; align-items: center; position: relative; } .modal__video-wrapper .modal__volume__wrapper .modal__volume-seekbar span { display: block; height: 0.125rem; left: 0; background: #fff; position: absolute; } .modal__video-wrapper .modal__video-seekbar { width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 42px); margin-right: 2.625rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-seekbar { width: calc(100% - 36px); margin-right: 2.25rem; } } .modal__video-wrapper .modal__video-seekbar .modal__remaining-time { font-size: 0.6875rem; font-weight: 300; line-height: 2; letter-spacing: 0px; text-align: center; position: absolute; right: -2.5rem; margin-bottom: 0; color: #fff; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-seekbar .modal__remaining-time { font-size: 0.875rem; right: -2.5rem; } } .modal__video-wrapper .modal__video-seekbar span { content: ""; position: absolute; left: 0; height: 0.105625rem; z-index: 0; pointer-events: none; transform: translateY(-50%); top: 50%; background: #fa582d; pointer-events: none; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-seekbar span { height: 3px; } } .modal__video-wrapper .modal__video-seekbar input[type="range"] { -webkit-appearance: none; width: 100%; height: 16px; background: rgba(0, 0, 0, 0); border-radius: 5px; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .modal__video-wrapper .modal__video-seekbar input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 0.423125rem; height: 0.423125rem; background: #fff; border-radius: 50%; cursor: pointer; z-index: 9; mix-blend-mode: lighten; display: none; } @media screen and (min-width: 768px) { .modal__video-wrapper .modal__video-seekbar input[type="range"]::-webkit-slider-thumb { display: block; } } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-seekbar input[type="range"]::-webkit-slider-thumb { width: 1.00375rem; height: 1.00375rem; } } .modal__video-wrapper .modal__video-seekbar input[type="range"]::-moz-range-thumb { width: 0.423125rem; height: 0.423125rem; background: #fff; border-radius: 50%; cursor: pointer; display: none; } @media screen and (min-width: 768px) { .modal__video-wrapper .modal__video-seekbar input[type="range"]::-moz-range-thumb { display: block; } } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-seekbar input[type="range"]::-moz-range-thumb { width: 1.00375rem; height: 1.00375rem; } } .modal__video-wrapper .modal__video-seekbar input[type="range"]:focus-visible { outline: 0.125rem solid #c84727 !important; } .modal__video-wrapper .modal__video-seekbar::after { content: ""; height: 0.105625rem; background: rgba(255, 255, 255, 0.3); width: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 0; pointer-events: none; } @media screen and (min-width: 1199px) { .modal__video-wrapper .modal__video-seekbar::after { height: 0.125rem; } } .modal__video-wrapper input#volumeBar { max-width: 3.88375rem; } @media screen and (min-width: 1199px) { .modal__video-wrapper input#volumeBar { max-width: 9.218125rem; } } .modal__video-wrapper input#volumeBar::-webkit-slider-thumb { -webkit-appearance: none; width: 0.423125rem; height: 0.423125rem; background: #fff; border-radius: 50%; cursor: pointer; z-index: 9; margin-left: 0rem; mix-blend-mode: lighten; } @media screen and (min-width: 1199px) { .modal__video-wrapper input#volumeBar::-webkit-slider-thumb { width: 1.00375rem; height: 1.00375rem; } } .modal__video-wrapper input#volumeBar::-moz-range-thumb { background: #fff; border-radius: 50%; margin-left: 0rem; cursor: pointer; width: 0.423125rem; height: 0.423125rem; } @media screen and (min-width: 950px) { .modal__video-wrapper input#volumeBar::-moz-range-thumb { width: 1.00375rem; height: 1.00375rem; } } .video__modal.hide-button .modal__video-wrapper .modal__post-details .l-btn { display: none; } .video__modal.minimized { width: 11.25rem !important; height: auto !important; background-color: rgba(0, 0, 0, 0) !important; position: fixed; bottom: 0; right: 0; transform: scale(1); left: auto; top: auto; border-radius: 0.5rem; overflow: hidden; } @media screen and (min-width: 768px) { .video__modal.minimized { width: 11.25rem !important; height: auto !important; bottom: 1.25rem; right: 1.25rem; } } @media screen and (min-width: 950px) { .video__modal.minimized { width: 26.375rem !important; height: auto !important; bottom: 1.8125rem; right: 1.8125rem; } } .video__modal.minimized .modal__video-wrapper { margin: 0; width: 100%; max-width: 100%; height: auto; background-color: rgba(0, 0, 0, 0); } .video__modal.minimized .modal__video-wrapper .modal__video { border-radius: 0.5rem; } .video__modal.minimized .modal__video-wrapper .modal__post-details { display: none; } .video__modal.minimized .modal__video-wrapper > .modal__minimize-btn.is-minimized { display: block; top: 0.570625rem; left: 0.5rem; opacity: 0; transition: all 0.3s ease-in-out; } @media screen and (min-width: 950px) { .video__modal.minimized .modal__video-wrapper > .modal__minimize-btn.is-minimized { top: 0.870625rem; left: 1.01125rem; } } .video__modal.minimized .modal__video-wrapper > .modal__minimize-btn.is-minimized img { width: 1.25rem; height: 1.25rem; } @media screen and (min-width: 950px) { .video__modal.minimized .modal__video-wrapper > .modal__minimize-btn.is-minimized img { width: 1.4375rem; height: 1.4375rem; } } .video__modal.minimized .modal__video-wrapper > .modal__close { opacity: 0; transition: all 0.3s ease-in-out; } .video__modal.minimized .modal__video-wrapper > .modal__play-btn.is-minimized { display: block; opacity: 0; transition: all 0.3s ease-in-out; } .video__modal.minimized .modal__video-wrapper > .modal__play-btn img.play { display: none; } .video__modal.minimized .modal__video-wrapper > .modal__play-btn img.pause { display: block; } .video__modal.minimized .modal__video-wrapper > .modal__play-btn.is-paused img.pause { display: none; } .video__modal.minimized .modal__video-wrapper > .modal__play-btn.is-paused img.play { display: block; } .video__modal.minimized .modal__video-wrapper:hover > .modal__minimize-btn.is-minimized, .video__modal.minimized .modal__video-wrapper:hover > .modal__play-btn.is-minimized, .video__modal.minimized .modal__video-wrapper:hover > .modal__close { opacity: 1; } .video__modal.minimized .modal__video-wrapper .modal__close { max-width: 1.375rem; max-height: 1.375rem; top: 0.578125rem; right: 0.630625rem; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } @media screen and (min-width: 950px) { .video__modal.minimized .modal__video-wrapper .modal__close { max-width: 2.0225rem; max-height: 2.0225rem; } } .video__modal.minimized .modal__video-wrapper .modal__close:focus-visible { outline: 0.125rem solid #c84727 !important; } .video__modal.minimized .modal__video-wrapper .modal__close img { max-width: 1.375rem; max-height: 1.375rem; } @media screen and (min-width: 950px) { .video__modal.minimized .modal__video-wrapper .modal__close img { max-width: 2.0225rem; max-height: 2.0225rem; } } .video__modal.minimized .modal__video-wrapper .modal__video-controls { padding: 0; margin-bottom: 0.125rem; } .video__modal.minimized .modal__video-wrapper .modal__video-controls .modal__play-btn { display: none; } .video__modal.minimized .modal__video-wrapper .modal__video-controls .modal__video-seekbar { width: 100%; margin-right: 0; } .video__modal.minimized .modal__video-wrapper .modal__video-controls .modal__video-seekbar input[type="range"] { position: absolute; bottom: 0.125rem; outline-offset: 0.125rem; outline: 0.125rem solid rgba(0, 0, 0, 0) !important; } .video__modal.minimized .modal__video-wrapper .modal__video-controls .modal__video-seekbar input[type="range"]::-webkit-slider-thumb { display: none; opacity: 0; } .video__modal.minimized .modal__video-wrapper .modal__video-controls .modal__video-seekbar input[type="range"]:focus-visible { outline: 0.125rem solid #c84727 !important; } .video__modal.minimized .modal__video-wrapper .modal__video-controls .modal__remaining-time { display: none; margin-bottom: 0; } .video__modal.minimized .modal__video-wrapper .modal__video-controls .modal__volume-controls { display: none; } .video__modal.minimized .modal__video-wrapper .modal__video-controls .modal__volume-controls .modal__volume__wrapper { display: none; } .section.section--trend-reports { background-color: #f4f4f2; } @media screen and (max-width: 400px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social { gap: 1rem; } .language-dropdown .language-dropdown__wrapper ul { margin-left: -15px; } .language-dropdown .language-dropdown__wrapper ul { padding: 0.75rem 0.8rem; } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul { gap: 0.7rem; } } .language-dropdown .language-dropdown__wrapper ul { width: max-content; bottom: 150%; right: -11px; border-radius: 10px; padding: 35px 40px; z-index: 100; } .language-dropdown .language-dropdown__wrapper ul li.title { width: 100%; margin-bottom: 6px; padding-bottom: 8px; font-weight: 500; border-bottom: 1px solid #d8d8d8; } .language-dropdown .language-dropdown__wrapper ul li a { padding: 4px 0px; font-weight: 500; } .dd-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; z-index: 1; } .language-dropdown { background: #ffffff; position: relative; z-index: 50; } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li a, footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__title, footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav span.copyright, footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul li a { color: #141414 !important; } @media (min-width: 1920px) { footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list li, footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav span.copyright, footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul li a { font-size: 0.875rem; } } footer .footer-menu .footer-menu__wrapper .footer-menu-nav__wrapper .footer-menu-nav__list .footer-menu-nav__item.nav-title a { font-weight: 600; } @media (max-width: 1023.98px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-nav nav ul { justify-content: flex-start; } } @media (min-width: 1400px) { footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul li a { width: 30px; height: 30px; } footer .footer-bottom .footer-bottom__wrapper .footer-bottom-social > ul li a img { width: 100%; height: 100%; } }  .blog-editor .be__wrapper .be__contents .be__contents-wrapper a[rel="wpdevart_lightbox"] .enlarge, .blog-editor .be__wrapper .be__contents .be__contents-wrapper p > .enlarge { bottom: 0px; height: 2rem; width: 2rem; position: absolute; left: 0; background-image: url("../images/icons/icon-lens-zoom.svg"); cursor: pointer; background-size: contain; } .overview-banner .ob__post-list .l-card .card-content .card-content__wrapper span.post-pub-date, .overview-banner .ob__featured-post article span.post-pub-date, .section__wrapper, .research-grid .research-grid__wrapper .research-grid__cards .l-card .card-content .card-content__wrapper span.post-pub-date, .l-card .card-content .card-content__wrapper span.post-pub-date, .threat-grid .featured-card article span.post-pub-date { margin-bottom: 5px; } span.post-pub-date time, .overview-banner .ob__featured-post article span.post-pub-date time { text-transform: none; color: #c1c1c1; font-size: 12px; } .l-card--slider .card-content .card-content__wrapper span.post-pub-date { letter-spacing: normal; } .blog-editor .be__wrapper .be__contents .be__contents-wrapper a[rel="wpdevart_lightbox"] { position: relative; } .be__contents .be__contents-wrapper span.ar-custom { display: inline-block; width: 100%; height: 0; overflow: hidden; position: relative; margin: 0; margin-top: 10px; } @media (max-width: 767.98px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__text { gap: 1rem; } .overview-banner .ob__post-list .ob__mobile-arrow.left { bottom: calc(3.125rem + 50px); transform: rotateY(180deg); } .overview-banner .ob__post-list::after { height: 11.8125rem; } } @media screen and (min-width: 768px) { .article-banner .ab__footer .ab__footer-wrapper .ab__features li { align-items: flex-start; } .article-banner .ab__footer .ab__footer-wrapper .ab__features li .ab__text { align-self: center; } .overview-banner .ob__post-list .ob__mobile-arrow.left { bottom: calc(1.9375rem + 62px); transform: rotateY(180deg); } .overview-banner .ob__post-list .ob__mobile-arrow { right: 2.5rem; } } .overview-banner .ob__post-list .ob__mobile-arrow.disabled { filter: brightness(0.5); } .section-wrapper p, .section-wrapper ol li, .section-wrapper ul li, .section-wrapper figure figcaption { font-family: "FFCeleste" !important; }
     .cta-all-articles{
        background-color: #000000;
    }
    .cta-all-articles .l-container{
        width: 100%;
        display: block;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .cta-all-articles .cta-all-wrapper{
        display: flex;
        align-items: center;
        gap: 2rem;
    }
    .cta-all-articles .cta-all-wrapper .l-btn.outline{
        background-color: transparent;
        color: #FFFFFF;
        border: 1.5px solid #f7582d;
		font-size: 0.875rem;
    }
    .cta-all-articles .cta-all-wrapper .l-btn.outline:hover,
    .cta-all-articles .cta-all-wrapper .l-btn.outline:focus{
        background: #f7582d;
        color: #141414;
    }
    .cta-all-articles .cta-all-wrapper .l-btn.outline i{
        background-image: url(https://unit42-dev2.paloaltonetworks.com/wp-content/uploads/2025/02/right-arrow-white.svg);
        width: 1.315625rem;
        height: 1.115625rem;
        background-position: center;
        background-repeat: no-repeat;
    }
    .cta-all-articles .cta-all-wrapper .l-btn.outline:hover i,
	.cta-all-articles .cta-all-wrapper .l-btn.outline:focus i{
        background-image: url(https://unit42-dev2.paloaltonetworks.com/wp-content/themes/unit42-v6/dist/images/icons/right-arrow.svg);
    }
    @media(max-width:767.98px){
        .cta-all-articles .cta-all-wrapper .l-btn.outline i{
            width: 1.20375rem;
            height: 0.90375rem;
        }
    }
    .cta-all-articles .content{
        font-size: 1.1875rem;
		font-family: "TTHoves";
    }
    @media(max-width:1199.98px){
        .cta-all-articles .content{
            font-size: 0.975rem;
        }
    }
    @media(max-width:767.98px){
        .cta-all-articles .cta-all-wrapper{
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem;
        }
    }
.section--top-cyberthreats{
	overflow:hidden;
}

#section-1-title{
	margin-top: 0rem;
}
@media (min-width: 768px){
	.blog-editor .be__wrapper .be__nav{
		margin-top:0.75rem;
	}	
}
@media (min-width: 950px) and (max-width:1600px) {
	.blog-editor {
        padding: 4.25rem 0 0rem;
	}
}
@media(max-width:767.98px){
	.footer-bottom .copyright{
		margin-bottom:1rem;
	}
}
@media (min-width: 768px) {
    .cleanDynamicFooter .mega-footer .d-md-flex {
      display: flex;
    }
}  
@media (max-width: 1199.98px) and (min-width: 768px) {
    .cleanDynamicFooter .footer-bottom .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}