/* S1 SITEWIDE S1.1 FOOTER S1.1 NEWSLETTER S2 GENERAL + MISC S3 FRONTPAGE S4 ARTICLES INDEX S5 ARTICLES SINGLE S6 BRANDS INDEX S7 BRANDS SINGLE S8 PODCAST INDEX S9 PODCAST SINGLE S10 NEWSLETTER S11 ABOUT S12 ADVERTISE S13 SOCIAL S14 EVENTS S15 EVENTS SINGLE S16 APPLY */ .comp-newsletter { max-width: 450px; } .comp-newsletter h4 { margin-bottom: var(--s-15); } .comp-newsletter .newsletter-email { position: relative; } .comp-newsletter .newsletter-email.is-success > * { -webkit-animation: 0.6s fadeOut both; animation: 0.6s fadeOut both; pointer-events: none; } .comp-newsletter .newsletter-email.is-success:before { content: 'Thanks for subscribing!'; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font: var(--t-h-3); letter-spacing: 0.005em; -webkit-animation: 0.6s 0.6s fadeIn both; animation: 0.6s 0.6s fadeIn both; } .comp-newsletter .newsletter-email .newsletter-email-input { width: 100%; padding: var(--s-15) var(--s-15) var(--s-15) 0; background: inherit; color: inherit; outline: none; border-bottom: 1px solid; font: var(--t-b-2); } .comp-newsletter .newsletter-email button { position: absolute; width: var(--s-30); top: 60%; right: 2%; color: var(--cr-magenta); cursor: pointer; } [data-slider]:not(.flickity-enabled) { white-space: nowrap; visibility: hidden; } [data-slider]:not(.flickity-enabled) > * { display: inline-block; } [data-slider].flickity-enabled { -webkit-animation: fadeIn 0.6s ease-out both; animation: fadeIn 0.6s ease-out both; } .comp-hero { position: relative; width: 100%; height: 100%; padding: 0 0 1px; } .comp-hero .flickity-viewport { height: 100%; } .comp-hero .hero-image { position: relative; height: calc(100% - var(--s-60)); min-height: 550px; margin: 0 0 var(--s-60); } @media (hover: hover) { .comp-hero .hero-image { overflow: hidden; } .comp-hero .hero-image:before, .comp-hero .hero-image:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; background: center/120px repeat; -webkit-backface-visibility: hidden; } .comp-hero .hero-image:before { mix-blend-mode: multiply; background-image: url(../../assets-img/comp-hero-halftone-1.png?v2); z-index: 10; } .comp-hero .hero-image:after { mix-blend-mode: screen; background-image: url(../../assets-img/comp-hero-halftone-2.png?v2); z-index: 12; } .comp-hero .hero-image:hover::before, .comp-hero .hero-image:hover::after { opacity: 0.7; } } .comp-hero .hero-content { position: absolute; width: 85%; max-width: 650px; bottom: 0; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); padding: var(--s-30); color: var(--cr-white); background: var(--cr-black); z-index: 50; } .comp-hero .hero-url { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } @media screen and (max-width: 600px) { .comp-hero .hero-image { height: unset; min-height: 300px; } .comp-hero .hero-content { max-width: 360px; padding: var(--s-15) var(--s-15) var(--s-30); } } .comp-heading-cta { text-transform: uppercase; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .comp-heading-cta .t-h-3 { font-family: "Obviously Narrow", Helvetica, sans-serif; font-size: 28px; } .comp-heading-cta a { margin-left: auto; text-decoration: underline; } @media screen and (max-width: 600px) { .comp-heading-cta { margin: 0 0 10px; } } .comp-shop { width: 100%; padding: var(--s-s) 0; } .comp-shop .flickity-prev-next-button { top: 110%; z-index: 10; } .comp-shop .flickity-prev-next-button.previous { left: var(--s-e); } .comp-shop .flickity-prev-next-button.next { right: var(--s-e); } .comp-shop .flickity-button.previous:after, .comp-shop .flickity-button.next:after { background-color: var(--cr-white); } .comp-shop .shop-slide .flickity-slider { margin-left: var(--s-e); } .comp-shop .shop-slide.shopFlex { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 var(--s-e); } .comp-shop .shop-slide.shopFlex .comp-product-card { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; width: unset; margin: 0; } .comp-shop .shop-slide.shopFlex .comp-product-card:not(:last-child) { margin: 0 var(--s-30) 0 0; } .comp-shop .shop-slide.shopFlex .comp-product-card .product-image { width: 100%; margin: 0 auto; } @media screen and (max-width: 900px) { .comp-shop .flickity-prev-next-button { top: 106%; z-index: 10; } .comp-shop .flickity-prev-next-button.previous { left: 15px; } .comp-shop .flickity-prev-next-button.next { right: 15px; } .comp-shop .flickity-button.previous:after, .comp-shop .flickity-button.next:after { background-color: var(--cr-white); } } .comp-merch { overflow-y: auto; height: 100%; } .comp-merch[style*="background-color: "] { padding: var(--s-15); } .comp-merch .merch-group-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: calc(100% - 35px); } .comp-merch .merch-group { position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .comp-merch .merch-group:not(:last-child) { margin: 0 0 10px; } .comp-merch .merch-group a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .comp-merch .merch-group .merch-image { position: relative; display: inline-block; overflow: hidden; margin-right: var(--s-15); width: 150px; height: 150px; background-color: var(--cr-white); border-radius: 50%; } .comp-merch .merch-group .merch-image img { position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .2s; transition: .2s; } .comp-merch .merch-group .merch-content { max-width: 150px; } .comp-merch .merch-group .merch-content .t-b-2:first-child { margin: 0 0 8px; } @media (hover: hover) { .comp-merch .merch-group:hover .merch-image { border: 2px solid; } .comp-merch .merch-group:hover .merch-content { color: var(--cr-blue); } } @media screen and (max-width: 1400px) { .comp-merch .merch-group .merch-image { width: 135px; height: 135px; } } .comp-insta-feed[style*="background-color: "] { padding: var(--s-15); } .comp-insta-feed .comp-heading-cta { margin-bottom: var(--s-15); } .comp-insta-feed [data-feed-account-limit="4"] .post-thumbnail { border: 1px solid lightgray; } .comp-insta-feed .instagram-feed { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-gap: 10px; text-decoration: underline; } .comp-insta-feed .instagram-feed .post-thumbnail { display: block; position: relative; } .comp-insta-feed .instagram-feed .post-thumbnail:after { content: ''; display: block; padding-top: 100%; } .comp-twitter-feed { position: relative; overflow: hidden; height: 100%; max-height: 550px; min-height: 300px; overflow-y: auto; } .comp-twitter-feed::-webkit-scrollbar { display: none; } @media screen and (max-width: 900px) { .comp-twitter-feed { width: 100%; height: 450px; } } .twitter-timeline { position: absolute !important; top: 0; left: 0; } .comp-image-text-cta { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comp-image-text-cta .comp-itc-image { position: relative; width: 45%; margin: 0 var(--s-30) 0 0; border-radius: 4%; overflow: hidden; } .comp-image-text-cta .comp-itc-image:after { content: ''; display: block; padding-top: 100%; } .comp-image-text-cta .comp-itc-image .comp-itc-image-url { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .comp-image-text-cta .comp-itc-content { position: relative; padding: var(--s-30) 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .comp-image-text-cta .comp-itc-content .sub-title { display: inline-block; margin-bottom: var(--s-15); } .comp-image-text-cta .comp-itc-content h3:not(:last-child) { margin: 0 0 var(--s-15); } .comp-image-text-cta .comp-itc-content p:not(:last-child) { margin: 0 0 var(--s-30); } @media screen and (max-width: 900px) { .comp-image-text-cta { max-width: 450px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: var(--s-15); } .comp-image-text-cta .comp-itc-image, .comp-image-text-cta .comp-itc-content { width: 100%; margin: 0 0 var(--s-30); } .comp-image-text-cta .comp-itc-content { padding: 0; } } .custom-select-filter { position: relative; width: 100%; height: var(--s-60); padding: 0 var(--s-15); margin-bottom: var(--s-30); border: 1px solid var(--cr-black); text-align: start; } .custom-select-filter .brands-filter-select { width: 100%; font-size: 20px; text-transform: uppercase; line-height: var(--s-60); } @media screen and (max-width: 600px) { .custom-select-filter .brands-filter-select { font-size: 14px; } } .custom-select-filter .svg-caret-down { position: absolute; width: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: var(--s-15); pointer-events: none; -webkit-transition: 0.15s; transition: 0.15s; } .custom-select-filter.active .svg-caret-down { -webkit-transform: translateY(-50%) scaleY(-1); transform: translateY(-50%) scaleY(-1); } .comp-slider-vertical { line-height: 0; } .comp-slider-vertical[data-position="left"] { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .comp-slider-vertical[data-position="left"] .slider-pagination { left: unset; right: var(--s-30); } .comp-slider-vertical .slider-image { position: relative; width: 50%; } @media screen and (max-width: 900px) { .comp-slider-vertical .slider-image { display: none; } } .comp-slider-vertical .slider-vertical-wheel.is-pagination-light .slider-pagination, .comp-slider-vertical .slider-vertical-wheel.is-pagination-light .flickity-button.previous:after, .comp-slider-vertical .slider-vertical-wheel.is-pagination-light .flickity-button.next:after, .comp-slider-vertical .slider-vertical-wheel.is-pagination-light .flickity-page-dots .dot { -webkit-filter: invert(1); filter: invert(1); } .comp-slider-vertical .flickity-button.previous:after, .comp-slider-vertical .flickity-button.next:after { background-color: var(--cr-white); } .comp-slider-vertical .flickity-prev-next-button { top: 95%; } .comp-slider-vertical .flickity-page-dots { bottom: 5%; } .comp-slider-vertical .slide { width: 100%; margin: 0; color: var(--cr-white); background-color: var(--cr-navy); } .comp-slider-vertical .slide:after { content: ''; display: block; padding-top: 100%; } .comp-slider-vertical .slide-content { position: absolute; width: 60%; height: 60%; max-width: 640px; max-height: 640px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .comp-slider-vertical .slide-content-text { position: absolute; max-width: 320px; top: 10%; left: 0; -webkit-transform: translate(-20%, 0); transform: translate(-20%, 0); } .comp-slider-vertical .slide-content-text .t-h-3 { margin: 0 0 var(--s-15); } .comp-slider-vertical .slide-url { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .comp-slider-vertical .slide-content-scribble { position: absolute; width: 35%; max-width: 180px; right: -20%; } .comp-slider-vertical .slide:nth-of-type(even) .slide-content-scribble, .comp-slider-vertical .slider-vertical-wheel:nth-of-type(2n) .slide:nth-of-type(odd) .slide-content-scribble { bottom: 0; } @media screen and (min-width: 901px) { .comp-slider-vertical .slider-vertical-wheel { position: relative; width: 50%; overflow: hidden; } .comp-slider-vertical .slider-vertical-wheel:after { content: ''; display: block; padding-top: 100%; } .comp-slider-vertical .slide { position: absolute; height: 100%; visibility: hidden; } .comp-slider-vertical .slide.active { visibility: visible; } .comp-slider-vertical .slider-pagination { position: absolute; top: 50%; left: var(--s-30); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; transition: 0.3s; z-index: 10; } .comp-slider-vertical .slider-pagination button { display: block; position: relative; width: var(--s-30); height: var(--s-30); margin: 4px 0; opacity: 0.3; cursor: pointer; } .comp-slider-vertical .slider-pagination button:after { content: ''; display: block; width: 2px; height: 100%; margin: auto; background-color: var(--cr-black); } .comp-slider-vertical .slider-pagination button.active { opacity: 1; } .comp-slider-vertical .slider-pagination button[data-slide-trigger="prev"], .comp-slider-vertical .slider-pagination button[data-slide-trigger="next"] { margin: 10px 0; opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; background: center/contain no-repeat; } .comp-slider-vertical .slider-pagination button[data-slide-trigger="prev"][data-slide-trigger="prev"], .comp-slider-vertical .slider-pagination button[data-slide-trigger="next"][data-slide-trigger="prev"] { background-image: url(../../assets-img/svg-arrow-up.svg); } .comp-slider-vertical .slider-pagination button[data-slide-trigger="prev"][data-slide-trigger="prev"]:hover, .comp-slider-vertical .slider-pagination button[data-slide-trigger="next"][data-slide-trigger="prev"]:hover { opacity: 0.6; } .comp-slider-vertical .slider-pagination button[data-slide-trigger="prev"][data-slide-trigger="next"], .comp-slider-vertical .slider-pagination button[data-slide-trigger="next"][data-slide-trigger="next"] { background-image: url(../../assets-img/svg-arrow-down.svg); } .comp-slider-vertical .slider-pagination button[data-slide-trigger="prev"][data-slide-trigger="next"]:hover, .comp-slider-vertical .slider-pagination button[data-slide-trigger="next"][data-slide-trigger="next"]:hover { opacity: 0.6; } .comp-slider-vertical .slider-pagination button[data-slide-trigger="prev"]:after, .comp-slider-vertical .slider-pagination button[data-slide-trigger="next"]:after { display: none; } } .comp-slider-vertical .slider-vertical-wheel:nth-of-type(2) .slider-pagination { left: unset; right: var(--s-30); } .comp-slider-vertical .slide-in, .comp-slider-vertical .slide-out { visibility: visible; } @-webkit-keyframes slideDownFromTop { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideDownFromTop { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideDownToBottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideDownToBottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slideUpFromBottom { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUpFromBottom { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideUpToTop { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideUpToTop { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .comp-slider-vertical .slider-vertical-wheel.slide-downwards .slide-in { -webkit-animation: slideDownFromTop 0.3s both var(--a-cubic-1); animation: slideDownFromTop 0.3s both var(--a-cubic-1); } .comp-slider-vertical .slider-vertical-wheel.slide-downwards .slide-out { -webkit-animation: slideDownToBottom 0.3s both var(--a-cubic-1); animation: slideDownToBottom 0.3s both var(--a-cubic-1); } .comp-slider-vertical .slider-vertical-wheel.slide-upwards .slide-in { -webkit-animation: slideUpFromBottom 0.3s both var(--a-cubic-1); animation: slideUpFromBottom 0.3s both var(--a-cubic-1); } .comp-slider-vertical .slider-vertical-wheel.slide-upwards .slide-out { -webkit-animation: slideUpToTop 0.3s both var(--a-cubic-1); animation: slideUpToTop 0.3s both var(--a-cubic-1); } @media screen and (max-width: 900px) { .comp-slider-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .comp-slider-vertical .slider-vertical-wheel { position: relative; width: 100%; } } @media screen and (max-width: 600px) { .comp-slider-vertical .slide:nth-of-type(even) .slide-content-scribble, .comp-slider-vertical .slider-vertical-wheel:nth-of-type(2n) .slide:nth-of-type(odd) .slide-content-scribble { bottom: 35%; } .comp-slider-vertical .slide:nth-of-type(odd) .slide-content-scribble { top: 0; } .comp-slider-vertical .slider-vertical-wheel .slide-content { height: unset; max-height: unset; } .comp-slider-vertical .slider-vertical-wheel .slide-content .object-fit { position: relative; -webkit-transform: unset; transform: unset; margin: 0 0 var(--s-15); } .comp-slider-vertical .slider-vertical-wheel .slide-content .object-fit img { top: unset; left: unset; -webkit-transform: unset; transform: unset; } .comp-slider-vertical .slider-vertical-wheel .slide-content .slide-content-text { position: relative; max-width: unset; -webkit-transform: unset; transform: unset; } .comp-slider-vertical .slider-vertical-wheel .slide-content .slide-content-text h3 { font: var(--t-h-3); margin-bottom: 10px; } } .comp-subscription { position: relative; width: 100%; margin: 0 auto; background-color: var(--cr-lavender); color: var(--cr-black); } .comp-subscription .comp-sub-image { position: relative; width: 30%; } .comp-subscription .comp-sub-image:after { content: ''; display: block; padding-top: 100%; } .comp-subscription .comp-sub-content { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: var(--s-30) var(--s-45); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .comp-subscription .comp-sub-content a { position: absolute; top: 0; right: 0; -webkit-transform: translate(-50%, 200%); transform: translate(-50%, 200%); text-decoration: underline; } .comp-subscription .comp-sub-content .comp-sub-text { margin-bottom: var(--s-60); } .comp-subscription .comp-sub-content .comp-sub-text .t-h-1 { margin: 0 var(--s-90) 0 0; } .comp-subscription .comp-sub-content .comp-sub-input { position: relative; } .comp-subscription .comp-sub-content .comp-sub-input.is-success > * { -webkit-animation: 0.6s fadeOut both; animation: 0.6s fadeOut both; pointer-events: none; } .comp-subscription .comp-sub-content .comp-sub-input.is-success:before { content: 'Thanks for subscribing!'; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font: var(--t-h-3); letter-spacing: 0.005em; -webkit-animation: 0.6s 0.6s fadeIn both; animation: 0.6s 0.6s fadeIn both; } .comp-subscription .comp-sub-content .comp-sub-input .selector { position: relative; width: 25%; margin-right: var(--s-45); height: var(--s-45); border: 1px solid; border-radius: 3px; background-color: transparent; } .comp-subscription .comp-sub-content .comp-sub-input .selector .selector-selected { width: 100%; height: var(--s-45); padding: var(--s-15); white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .comp-subscription .comp-sub-content .comp-sub-input .selector ul { position: absolute; top: calc(100% + 5px); width: calc(100% + 1px*2); min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; padding: 10px; background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); border-radius: 4px; opacity: 0; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .2s; transition: .2s; z-index: 100; } .comp-subscription .comp-sub-content .comp-sub-input .selector ul li { white-space: nowrap; } .comp-subscription .comp-sub-content .comp-sub-input .selector ul li:not(:last-child) { margin-bottom: var(--s-15); } .comp-subscription .comp-sub-content .comp-sub-input .selector ul input[type="checkbox"] { margin: 0; width: var(--s-30); height: var(--s-30); background: center/105% no-repeat; border: 1px solid; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; } .comp-subscription .comp-sub-content .comp-sub-input .selector ul input[type="checkbox"]:checked { background-image: url("../../assets-img/svg-checkbox-cross.svg?v3"); } .comp-subscription .comp-sub-content .comp-sub-input .selector ul label { cursor: pointer; } .comp-subscription .comp-sub-content .comp-sub-input .selector .svg-caret-down { position: absolute; width: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: var(--s-15); pointer-events: none; -webkit-transition: 0.15s; transition: 0.15s; } .comp-subscription .comp-sub-content .comp-sub-input .selector.active ul { opacity: 1; pointer-events: auto; } .comp-subscription .comp-sub-content .comp-sub-input .selector.active .svg-caret-down { -webkit-transform: translateY(-50%) scaleY(-1); transform: translateY(-50%) scaleY(-1); } .comp-subscription .comp-sub-content .subscription-email { position: relative; width: 40%; } .comp-subscription .comp-sub-content .subscription-email .subscription-email-input { width: 100%; padding: 0 var(--s-15) var(--s-15) 0; background: inherit; color: inherit; outline: none; border-bottom: 1px solid; } .comp-subscription .comp-sub-content .subscription-email button { position: absolute; top: 0; right: 0; width: var(--s-30); height: var(--s-30); color: var(--cr-magenta); } .comp-subscription .comp-sub-content .subscription-email button svg { display: block; height: 100%; width: 100%; pointer-events: none; } @media screen and (max-width: 900px) { .comp-subscription { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .comp-subscription .comp-sub-image { width: 100%; max-height: 40vh; } .comp-subscription .comp-sub-content { padding: var(--s-60) var(--s-90); } .comp-subscription .comp-sub-content .selector { margin: 0 0 var(--s-30); } } @media screen and (max-width: 768px) { .comp-subscription .comp-sub-content { padding: var(--s-30); } .comp-subscription .comp-sub-content .comp-sub-input { -webkit-box-align: none; -ms-flex-align: none; align-items: none; } .comp-subscription .comp-sub-content .comp-sub-input .selector { width: 80%; } .comp-subscription .comp-sub-content .subscription-email { width: 100%; } } .comp-product-card { position: relative; -webkit-flex-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 300px; margin-right: var(--s-30); padding: var(--s-15) var(--s-30); background-color: var(--cr-white); text-align: center; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } .comp-product-card p { position: relative; } .comp-product-card .product-bg-image { background-color: var(--cr-black); opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .comp-product-card .product-image { position: relative; } .comp-product-card .product-image:after { content: ''; display: block; padding-top: 100%; } .comp-product-card .product-url { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } @media (hover: hover) { .comp-product-card.has-product-bg-image:hover { color: var(--cr-white); background-color: var(--cr-black); } .comp-product-card.has-product-bg-image:hover .product-bg-image { opacity: 0.7; } .comp-product-card:hover .btn { background-color: var(--cr-blue); } .comp-product-card.has-product-bg-image:hover .btn { background-color: var(--cr-white); color: var(--cr-black); } } .comp-image-grid .instagram-feed { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 10px; } .comp-image-grid .instagram-feed .post-thumbnail { display: block; position: relative; } .comp-image-grid .instagram-feed .post-thumbnail:after { content: ''; display: block; padding-top: 100%; } .comp-image-center .center-image { position: relative; } .comp-image-center .center-image:after { content: ''; display: block; padding-top: 100%; } .comp-content-unorder-list { position: relative; padding: var(--s-15); } .comp-content-unorder-list .content-header { margin-bottom: var(--s-15); } .comp-content-unorder-list .content-header h3 { max-width: 200px; } .comp-content-unorder-list .list-content-group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comp-content-unorder-list .list-content-group:not(:last-child) { margin: 0 0 var(--s-30); } .comp-content-unorder-list .list-content-group:not(:last-of-type) { margin: 0 0 var(--s-15); } .comp-content-unorder-list .list-content-group .list-content { max-width: 200px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .comp-content-unorder-list .list-content-group .list-content-image { width: var(--s-90); margin-right: var(--s-15); } @media screen and (max-width: 900px) { .comp-content-unorder-list .content-header h3 { font: var(--t-h-2); max-width: none; } .comp-content-unorder-list .list-content-group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .comp-content-unorder-list .list-content-group .list-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: none; } .comp-content-unorder-list .list-content-group .list-content-image { width: 30%; } } .comp-content-order-list { position: relative; padding: var(--s-30); max-height: 550px; } .comp-content-order-list .content-order-header { margin-bottom: var(--s-30); } .comp-content-order-list .orderlist { display: -ms-grid; display: grid; grid-auto-flow: column; grid-row-gap: var(--s-30); -ms-grid-rows: (1fr)[3]; grid-template-rows: repeat(3, 1fr); margin-bottom: var(--s-30); } .comp-content-order-list .orderlist .orderlist-content-group .orderlist-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 200px; } .comp-content-order-list .orderlist .orderlist-content-group .orderlist-counter { margin-right: var(--s-15); min-width: var(--s-30); } @media screen and (max-width: 600px) { .comp-content-order-list .orderlist { grid-auto-flow: unset; grid-row-gap: var(--s-30); } .comp-content-order-list .orderlist .orderlist-content-group .orderlist-counter { font-size: 40px; } } .comp-article-card-lg { position: relative; } .comp-article-card-lg .article-card-lg-image { position: relative; margin-bottom: var(--s-15); } .comp-article-card-lg .article-card-lg-image:after { content: ''; display: block; padding-top: 60%; } .comp-article-card-lg .article-lg-url { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (hover: hover) { .comp-article-card-lg .object-fit:before, .comp-article-card-lg .object-fit:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; background: center/120px repeat; -webkit-backface-visibility: hidden; } .comp-article-card-lg .object-fit:before { mix-blend-mode: multiply; background-image: url(../../assets-img/comp-hero-halftone-1.png?v2); z-index: 10; } .comp-article-card-lg .object-fit:after { mix-blend-mode: screen; background-image: url(../../assets-img/comp-hero-halftone-2.png?v2); z-index: 12; } .comp-article-card-lg:hover .object-fit::before, .comp-article-card-lg:hover .object-fit::after { opacity: 0.7; } } .comp-article-card-search { position: relative; } .comp-article-card-search .article-card-url { position: absolute; top: 0; width: 100%; height: 100%; } .comp-article-card-search .article-card-image { position: relative; width: 45%; margin: 0 var(--s-45) 0 0; } .comp-article-card-search .article-card-image:after { content: ''; display: block; padding-top: 60%; } .comp-article-card-search .article-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .comp-article-card-search .article-content h3 { margin: 0 0 var(--s-15); } @media (hover: hover) { .comp-article-card-search .object-fit:before, .comp-article-card-search .object-fit:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; background: center/120px repeat; -webkit-backface-visibility: hidden; } .comp-article-card-search .object-fit:before { mix-blend-mode: multiply; background-image: url(../../assets-img/comp-hero-halftone-1.png?v2); z-index: 10; } .comp-article-card-search .object-fit:after { mix-blend-mode: screen; background-image: url(../../assets-img/comp-hero-halftone-2.png?v2); z-index: 12; } .comp-article-card-search:hover .object-fit::before, .comp-article-card-search:hover .object-fit::after { opacity: 0.7; } } @media screen and (max-width: 600px) { .comp-article-card-search { display: block; } .comp-article-card-search .article-card-image { width: 100%; margin: 0 0 var(--s-15); } } .comp-article-card { position: relative; } .comp-article-card .article-card-url { position: absolute; top: 0; width: 100%; height: 100%; } .comp-article-card .article-card-image { position: relative; margin-bottom: var(--s-15); } .comp-article-card .article-card-image:after { content: ''; display: block; padding-top: 60%; } .comp-article-card .article-content { overflow: hidden; } .comp-article-card .article-content h3 { position: relative; height: 100%; } .comp-article-card.loaded { -webkit-animation: fadeIn 0.6s 0.3s ease-out both; animation: fadeIn 0.6s 0.3s ease-out both; } @media (hover: hover) { .comp-article-card .object-fit:before, .comp-article-card .object-fit:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; pointer-events: none; background: center/120px repeat; -webkit-backface-visibility: hidden; } .comp-article-card .object-fit:before { mix-blend-mode: multiply; background-image: url(../../assets-img/comp-hero-halftone-1.png?v2); z-index: 10; } .comp-article-card .object-fit:after { mix-blend-mode: screen; background-image: url(../../assets-img/comp-hero-halftone-2.png?v2); z-index: 12; } .comp-article-card:hover .object-fit::before, .comp-article-card:hover .object-fit::after { opacity: 0.7; } } .article-grid-aside .comp-article-card .article-content .t-h-3, .article-grid .comp-article-card .article-content .t-h-3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .comp-mascot { position: fixed; bottom: 5%; max-width: 500px; -webkit-transform: translateX(-700px); transform: translateX(-700px); -webkit-transition: .5s; transition: .5s; z-index: 500; } .comp-mascot .mascot-time { display: none; } .comp-mascot .mascot-interior { position: relative; } .comp-mascot .mascot-interior .mascot-image { max-width: 180px; } .comp-mascot .mascot-interior .mascot-content-group { position: absolute; width: 380px; margin: 0 auto; max-width: 400px; background: #dfff16; padding: var(--s-30); border-radius: 20px; top: -95%; left: 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transition: .5s .3s ease-out; transition: .5s .3s ease-out; } .comp-mascot .mascot-interior .mascot-content-group:after { content: ''; position: absolute; display: block; width: 0; height: 0; bottom: 1px; -webkit-backface-visibility: hidden; left: var(--s-30); -webkit-transform: translateY(100%); transform: translateY(100%); border-left: 3px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #dfff16; } .comp-mascot .mascot-interior .mascot-content-group a { margin-top: var(--s-15); } .comp-mascot .mascot-interior .mascot-content-group .mascot-close-trigger { position: absolute; top: 12%; right: 8%; width: 20px; height: 20px; cursor: pointer; } .comp-mascot .mascot-interior .mascot-content-group.comp-newsletter .newsletter-email button { top: 30%; } html.mascot_active .comp-mascot { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mascot_active .comp-mascot .mascot-content-group { -webkit-transform: scale(1, 1) translate(0, -20%); transform: scale(1, 1) translate(0, -20%); } @media screen and (max-width: 600px) { .comp-mascot { max-width: 200px; } .comp-mascot .mascot-interior .mascot-image { max-width: 100px; } .comp-mascot .mascot-interior .mascot-content-group { max-width: 300px; top: -185%; left: 80%; } } .comp-mascot-aside { position: relative; max-width: 600px; color: var(--cr-black); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: .4s ease-out; transition: .4s ease-out; } .comp-mascot-aside.g-flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .comp-mascot-aside > *:not(:last-child) { margin: 0 10px 0 0; } .comp-mascot-aside .mascot-image { position: relative; max-width: 100px; min-width: 50px; } .comp-mascot-aside.active { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .comp-article-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 0; border-top: 1px solid; border-bottom: 1px solid; } .comp-article-author.g-flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .comp-article-author img { max-width: 120px; margin: 0 var(--s-30) 0 0; border-radius: 50%; } .comp-article-author .avatar-content .t-b-2 { margin: 0 0 5px; } .comp-article-author .avatar-content .t-b-3 { margin: 0 0 10px; } .comp-article-author .avatar-social > *:not(:last-child) { margin: 0 var(--s-15) 0 0; } .comp-article-author .avatar-social a { display: inline-block; width: 25px; height: 25px; } .comp-article-author .avatar-social svg { display: block; width: 100%; height: 100%; } @media screen and (max-width: 900px) { .comp-article-author { margin-bottom: var(--s-30); } } @media screen and (max-width: 600px) { .comp-article-author img { max-width: 80px; } } .comp-flip-card { position: relative; overflow: hidden; border-radius: 5px; cursor: pointer; background-color: var(--cr-navy); } .comp-flip-card .flip-card-image { position: relative; } .comp-flip-card .flip-card-image:after { content: ''; display: block; padding-top: 100%; } .comp-flip-card .flip-card-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 30px; opacity: 0; color: var(--cr-white); background-color: var(--cr-navy); -webkit-transition: 0.4s var(--a-cubic-2); transition: 0.4s var(--a-cubic-2); z-index: 10; } .comp-flip-card .flip-card-content p { margin: var(--s-15) 0 0; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .comp-flip-card .flip-card-content .card-url { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (hover: hover) { .comp-flip-card:hover .flip-card-content { opacity: 1; } } @media screen and (max-width: 1240px) { .comp-flip-card .flip-card-content { padding: var(--s-15); } .comp-flip-card .flip-card-content p { font: var(--t-b-3); } } .comp-filter ul { list-style: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .comp-filter ul li button { display: inline-block; opacity: 0.6; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .comp-filter ul li:not(:last-child) { margin-bottom: var(--s-15); } .comp-filter ul li.active button { opacity: 1; } .comp-filter ul li button:hover, .comp-filter ul li.active > * { opacity: 1; text-decoration: underline; } .comp-event-card { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 700px; background: var(--cr-spink); border-right: 1px solid; } .comp-event-card .event-card-image { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; } .comp-event-card .event-card-content { position: relative; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: var(--s-30) var(--s-15); z-index: 10; -webkit-transition: color 0.3s; transition: color 0.3s; } .comp-event-card .event-card-content h2 { font-size: 120px; color: var(--cr-blue); -webkit-transition: color 0.3s; transition: color 0.3s; } .comp-event-card .event-card-content .event-card-title span { display: inline-block; margin-bottom: var(--s-15); } .comp-event-card a { position: absolute; top: 0; width: 100%; height: 100%; z-index: 15; } @media (hover: hover) { .comp-event-card:hover .event-card-image { opacity: 1; } .comp-event-card:hover .event-card-content { color: var(--cr-white); } .comp-event-card:hover .event-card-date h2 { color: var(--cr-white); } } .comp-featured-podcast { padding: var(--s-15); margin-bottom: var(--s-30); } .comp-featured-podcast .featured-title { max-width: 200px; max-height: 25px; margin-bottom: var(--s-15); } .comp-featured-podcast .featured-image { position: relative; margin-bottom: var(--s-15); } .comp-featured-podcast .featured-image:after { content: ''; display: block; padding-top: 70%; } .comp-featured-podcast p { margin-bottom: var(--s-15); } .comp-featured-podcast .btn:hover { color: var(--cr-black); background: var(--cr-white); } .comp-heading-newsletter { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comp-heading-newsletter .hn-heading { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 1200px) { .comp-heading-newsletter .hn-heading { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 100%; margin-bottom: var(--s-30); } } @media screen and (max-width: 900px) { .comp-heading-newsletter .comp-newsletter { max-width: none; } } .comp-merch-single { padding: var(--s-15); } .comp-merch-single > *:not(:last-child) { margin-bottom: var(--s-15); } .comp-merch-single[style*="background-color: "] .btn { color: var(--cr-black); background-color: var(--cr-white); } @media (hover: hover) { .comp-merch-single[style*="background-color: "] .btn:hover { color: var(--cr-white); background-color: var(--cr-black); } } .stats-block { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .stats-block.g-flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .stats-block .comp-audience h2 { color: var(--cr-blue); } .stats-block .comp-audience p { max-width: 400px; } @media screen and (max-width: 1024px) { .stats-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 var(--s-30); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .stats-block .comp-audience { margin-bottom: var(--s-60); } .stats-block .comp-audience .t-h-1 { font-size: 80px; } } .comp-newsletter-card { position: relative; max-width: 550px; } .comp-newsletter-card .newsletter-card-image { position: relative; } .comp-newsletter-card .newsletter-card-image:after { content: ''; display: block; padding-top: 60%; } .comp-newsletter-card .newsletter-card-content { position: relative; background: var(--cr-navy); color: var(--cr-white); padding: var(--s-30) var(--s-15); min-height: 260px; } .comp-newsletter-card .newsletter-card-content h3 { margin-bottom: var(--s-15); } .comp-newsletter-card .newsletter-card-content p { max-width: 450px; margin: 0 0 var(--s-30); } .comp-newsletter-card .newsletter-card-content label { color: var(--cr-yellow); } .comp-newsletter-card .newsletter-card-content .newsletter-card-input { position: absolute; margin: 0 0 var(--s-30) var(--s-15); bottom: 0; left: 0; } .comp-newsletter-card .newsletter-card-content .newsletter-card-input input[type="checkbox"] { margin: 0 10px 0 0; width: var(--s-30); height: var(--s-30); background: var(--cr-navy); border: 1px solid var(--cr-yellow); cursor: pointer; } .comp-newsletter-card .newsletter-card-content .newsletter-card-input input[type="checkbox"]:checked { background: url("../../assets-img/svg-checkbox-cross.svg") center/105% no-repeat; background-color: var(--cr-yellow); } /* S1.1 FOOTER */ #sticky-footer { display: none; } #footer { position: relative; overflow: hidden; padding: var(--s-60) 0; } #footer #footer-content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #footer #footer-content #footer-brands { margin-right: var(--s-60); } #footer #footer-content #footer-brands #footer-logo { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: var(--s-150); max-width: 200px; } #footer #footer-content #footer-brands #footer-copyright { display: inline-block; font-size: 8px; } #footer #footer-content #footer-links { max-width: 650px; margin-right: var(--s-90); -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } #footer #footer-content #footer-links #footer-nav { white-space: nowrap; } #footer #footer-content #footer-links #footer-nav ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-gap: var(--s-30) 0; font: var(--t-l-2); } #footer #footer-content #footer-links #footer-nav ul li { opacity: 1; -webkit-transition: .3s; transition: .3s; } @media (hover: hover) { #footer #footer-content #footer-links #footer-nav ul li:hover { opacity: 0.6; } } #footer #footer-content #footer-links #footer-social { margin-top: auto; } #footer #footer-content #footer-links #footer-social a { display: inline-block; height: 25px; width: 25px; opacity: 1; -webkit-transition: .3s; transition: .3s; } #footer #footer-content #footer-links #footer-social a:not(:last-child) { margin: 0 var(--s-30) 0 0; } #footer #footer-content #footer-links #footer-social svg { display: block; width: 100%; height: 100%; } @media (hover: hover) { #footer #footer-content #footer-links #footer-social a:hover { opacity: 0.6; } } #footer #footer-newsletter { max-width: 420px; height: 100%; } #footer #footer-newsletter .comp-newsletter .t-h-3 { white-space: nowrap; } #footer #footer-newsletter .newsletter-email-input { margin-top: var(--s-45); } @media screen and (max-width: 900px) { #footer #footer-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #footer #footer-content #footer-brands { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 var(--s-60) 0; } #footer #footer-content #footer-links { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0; margin-bottom: var(--s-90); text-align: center; } #footer #footer-content #footer-social { margin-bottom: var(--s-60); } #footer #footer-content #footer-social a { display: inline-block; height: 25px; width: 25px; } #footer #footer-content #footer-social a:not(:last-child) { margin: 0 var(--s-30) 0 0; } #footer #footer-content #footer-social svg { display: block; width: 100%; height: 100%; } #footer #footer-content #footer-newsletter { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 var(--s-120) 0; text-align: center; } #footer #footer-content #footer-newsletter h4 { margin-bottom: var(--s-15); } } /* FOOTER - END */ /* S2 GENERAL */ html#page .content { margin-top: var(--s-s); margin-bottom: var(--s-s); } .content * { max-width: 100%; } .content > * { margin: 0 auto; } .content img { margin: var(--s-30) auto; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin: 0 0 var(--s-20); } .content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child), .content h4:not(:first-child), .content h5:not(:first-child), .content h6:not(:first-child) { margin: var(--s-45) 0 var(--s-15); } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font: var(--t-h-3); } .content p:not(:first-child), .content ol:not(:first-child), .content ul:not(:first-child) { margin: var(--s-30) auto; } .content p, .content ol, .content ul { font: var(--t-b-1); line-height: 1.5; } .content a:hover { color: var(--cr-yellow); } .content ol, .content ul { padding: 0 0 0 var(--s-30); } .content ul li:not(:last-child), .content ol li:not(:last-child) { margin: 0 0 5px; } .content ol li { list-style-type: inherit; } .content ul li { list-style-type: decimal; } .content p a, .content ol a, .content ul a { text-decoration: underline; -webkit-text-decoration-color: var(--cr-yellow); text-decoration-color: var(--cr-yellow); } .content p ~ br { display: none !important; } .content iframe { margin: var(--s-30) auto !important; } .content blockquote { display: block; margin: var(--s-60) auto; font: var(--t-h-3); } .content blockquote, .content blockquote p { letter-spacing: -0.01em; font: var(--t-quote); } .content blockquote p { display: inline; margin: 0; } .content table { width: 100%; border-collapse: collapse; border-spacing: 0; } .content table > * { font: var(--t-b-2); } .content table th, .content table td { font-weight: 400; text-align: left; padding: var(--s-10) !important; border: 0; border: 1px solid var(--cr-black); } .content table th { background-color: var(--cr-white); } .content table p { margin: 0; font: var(--t-b-2); } @media screen and (max-width: 600px) { .content img.aligncenter { width: 100vw; max-width: 100vw; margin-left: calc(0px - var(--s-c)); margin-right: calc(0px - var(--s-c)); } } .post-tag-category, .post-tag-taxonomy { position: relative; display: inline-block; width: 120px; height: 23px; margin: 0 10px 5px 0; background: url(../../assets-img/tag-yellow.png) center/contain no-repeat; color: var(--cr-black); text-align: center; line-height: 23px !important; white-space: nowrap; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-transition: 0.3s; transition: 0.3s; z-index: 50; } .post-tag-category span, .post-tag-taxonomy span { position: absolute; display: block; width: -webkit-min-content; width: -moz-min-content; width: min-content; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .post-tag-category a, .post-tag-taxonomy a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 500; } @media screen and (max-width: 600px) { .post-tag-category, .post-tag-taxonomy { width: 100px; margin: 0 10px 5px 0; } } @media (hover: hover) { .post-tag-category:hover, .post-tag-taxonomy:hover { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } } .post-tag-taxonomy { height: 26px; background: url(../../assets-img/tag-magenta.png) center/contain no-repeat; color: var(--cr-white); line-height: 26px !important; } .post-tag-category[data-color="lifestyle"] { background: url(../../assets-img/tag-tangerine.png) center/contain no-repeat; } .post-tag-category[data-color="love-amp-fam"] { background: url(../../assets-img/tag-pink.png) center/contain no-repeat; } /* ContactForm7 Customize */ .wpcf7 .input-text-group { position: relative; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (calc((100% - var(--s-30))/2))[2]; grid-template-columns: repeat(2, calc((100% - var(--s-30))/2)); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); grid-gap: var(--s-30); margin-bottom: var(--s-30); } .wpcf7 .input-text-group .input-text { padding: var(--s-15); font: var(--t-l-2); color: var(--cr-black); border: 1px solid; } .wpcf7 .input-textarea { width: 100%; padding: var(--s-15); font: var(--t-l-2); color: var(--cr-black); border: 1px solid; margin-bottom: var(--s-30); } .wpcf7 .input-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--cr-black); } .wpcf7 .input-text::-moz-placeholder { /* Firefox 19+ */ color: var(--cr-black); } .wpcf7 .input-text:-ms-input-placeholder { /* IE 10+ */ color: var(--cr-black); } .wpcf7 .input-text:-moz-placeholder { /* Firefox 18- */ color: var(--cr-black); } .wpcf7 .input-textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--cr-black); } .wpcf7 .input-textarea::-moz-placeholder { /* Firefox 19+ */ color: var(--cr-black); } .wpcf7 .input-textarea:-ms-input-placeholder { /* IE 10+ */ color: var(--cr-black); } .wpcf7 .input-textarea:-moz-placeholder { /* Firefox 18- */ color: var(--cr-black); } html#general-page .content { margin-bottom: var(--s-s); } html#frontpage #main > #frontpage-culture:last-child, html#frontpage #main > .comp-shop { margin-bottom: 0; } /* SEARCH PAGE */ #search-header { margin-top: var(--s-s); margin-bottom: var(--s-s); text-align: center; } #search-grid { margin-top: var(--s-s); margin-bottom: var(--s-s); } #search-grid > *:not(:last-child) { margin: 0 0 var(--s-30); } #search-load { margin-bottom: var(--s-s); text-align: center; } /* S3 FRONTPAGE */ #frontpage-hero { position: relative; margin: 0 auto var(--s-s); } #frontpage-hero #frontpage-hero-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: calc(100vh - var(--s-announcement) - var(--s-header) - var(--s-s) + var(--s-30)); min-height: 600px; margin-right: var(--s-30); } #frontpage-hero #frontpage-hero-slide .flickity-button { background: rgba(255, 255, 255, 0.75); border-radius: 50%; padding: 20px; } #frontpage-hero #frontpage-hero-slide .flickity-prev-next-button { top: 85%; } #frontpage-hero #frontpage-hero-slide .flickity-button.previous:after, #frontpage-hero #frontpage-hero-slide .flickity-button.next:after { background-color: var(--cr-black); } #frontpage-hero #frontpage-hero-aside { width: 30%; max-width: 350px; } #frontpage-hero #frontpage-hero-aside > *:not(:last-child) { margin-bottom: 15px; } #frontpage-hero #frontpage-hero-aside .comp-merch { height: 100%; } #frontpage-hero #frontpage-hero-aside .comp-merch .merch-group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (max-height: 800px) { #frontpage-hero #frontpage-hero-aside .comp-merch { min-height: 650px; height: unset; } } #frontpage-hero #frontpage-hero-aside .comp-insta-feed .instagram-feed { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } #frontpage-podcast { position: relative; padding: var(--s-s) 0; } #frontpage-podcast .flickity-slider { height: 100%; margin: 0 0 0 var(--s-e); } #frontpage-podcast .flickity-page-dots { bottom: 0%; } #frontpage-podcast .flickity-prev-next-button.previous { left: var(--s-e); } #frontpage-podcast .flickity-prev-next-button.next { right: var(--s-e); } #frontpage-podcast .flickity-button.previous:after, #frontpage-podcast .flickity-button.next:after { background-color: var(--cr-white); } #frontpage-podcast .comp-image-text-cta { width: 80%; max-width: 900px; margin-right: var(--s-90); -webkit-transform-origin: center left; transform-origin: center left; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.6; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; } #frontpage-podcast .comp-image-text-cta.is-selected { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } @media screen and (max-width: 900px) { #frontpage-podcast .flickity-prev-next-button { top: 100%; } #frontpage-podcast .comp-image-text-cta { max-width: 450px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); opacity: 0.3; padding: 0 var(--s-30); } } @media screen and (max-width: 600px) { #frontpage-podcast .flickity-slider { margin: 0; } #frontpage-podcast .comp-image-text-cta { width: 100%; padding: 0 var(--s-30); } } #frontpage-subscription { position: relative; margin: var(--s-s) 0; } #frontpage-trending { position: relative; margin: var(--s-s) 0; } #frontpage-trending #frontpage-trending-content #trending-article-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 550px; margin-right: var(--s-30); } #frontpage-trending #frontpage-trending-content #trending-article-slide .flickity-button { background: rgba(255, 255, 255, 0.75); border-radius: 50%; padding: 20px; } #frontpage-trending #frontpage-trending-content #trending-article-slide .flickity-prev-next-button { top: 83%; } #frontpage-trending #frontpage-trending-content #trending-article-slide .flickity-button.previous:after, #frontpage-trending #frontpage-trending-content #trending-article-slide .flickity-button.next:after { background-color: var(--cr-black); } #frontpage-trending #frontpage-trending-content .comp-hero { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #frontpage-trending #frontpage-trending-content .hero-image { min-height: 500px; } #frontpage-trending #frontpage-trending-content .comp-hero:not(:last-child) { margin: 0 var(--s-30) 0 0; } #frontpage-trending #frontpage-trending-content .frontpage-trending-twitter { width: 30%; overflow: hidden; } @media screen and (max-width: 900px) { #frontpage-trending #frontpage-trending-content #trending-article-slide { -ms-flex-preferred-size: 100%; flex-basis: 100%; min-height: calc(550px + var(--s-60)); margin: 0 0 var(--s-30); } #frontpage-trending #frontpage-trending-content .comp-hero { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 var(--s-30); } #frontpage-trending #frontpage-trending-content .comp-hero:not(:last-child) { margin: 0 0 var(--s-30); } #frontpage-trending #frontpage-trending-content .frontpage-trending-twitter { margin: 0 auto; width: 100%; } } @media screen and (max-width: 600px) { #frontpage-trending #frontpage-trending-content #trending-article-slide { min-height: calc(300px + var(--s-60)); } #frontpage-trending #frontpage-trending-content #trending-article-slide .flickity-viewport { height: 100% !important; } #frontpage-trending #frontpage-trending-content #trending-article-slide .flickity-prev-next-button { display: none; } #frontpage-trending #frontpage-trending-content #trending-article-slide .comp-hero { height: auto; } #frontpage-trending #frontpage-trending-content .hero-image { min-height: 300px; } } #frontpage-travel { position: relative; margin: var(--s-s) 0; } #frontpage-travel #frontpage-travel-content #travel-article-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 var(--s-15) 0 0; } #frontpage-travel #frontpage-travel-content #travel-article-slide .flickity-viewport { padding-top: 70%; min-height: 550px; } #frontpage-travel #frontpage-travel-content #travel-article-slide .flickity-slider { margin-top: -70%; } #frontpage-travel #frontpage-travel-content #travel-article-slide .flickity-button { background: rgba(255, 255, 255, 0.75); border-radius: 50%; padding: 20px; } #frontpage-travel #frontpage-travel-content #travel-article-slide .flickity-prev-next-button { top: 83%; } #frontpage-travel #frontpage-travel-content #travel-article-slide .flickity-button.previous:after, #frontpage-travel #frontpage-travel-content #travel-article-slide .flickity-button.next:after { background-color: var(--cr-black); } #frontpage-travel #frontpage-travel-content .comp-hero { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 var(--s-30) 0 0; } #frontpage-travel #frontpage-travel-content .hero-image { display: block; min-height: 450px; } #frontpage-travel #frontpage-travel-content .comp-insta-feed { width: 30%; max-width: 420px; margin-right: var(--s-15); } #frontpage-travel #frontpage-travel-content .comp-content-unorder-list { width: 100%; max-width: 300px; } @media screen and (max-width: 900px) { #frontpage-travel #frontpage-travel-content #travel-article-slide { -ms-flex-preferred-size: 100%; flex-basis: 100%; min-height: calc(450px + var(--s-60)); margin: 0 0 var(--s-30); } #frontpage-travel #frontpage-travel-content .comp-hero { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 var(--s-30); } #frontpage-travel #frontpage-travel-content .comp-insta-feed { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: unset; } #frontpage-travel #frontpage-travel-content .comp-content-unorder-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: unset; } } @media screen and (max-width: 600px) { #frontpage-travel #frontpage-travel-content #travel-article-slide { min-height: 350px; } #frontpage-travel #frontpage-travel-content #travel-article-slide .flickity-viewport { min-height: 350px; } #frontpage-travel #frontpage-travel-content #travel-article-slide .flickity-prev-next-button { display: none; } #frontpage-travel #frontpage-travel-content .hero-image { min-height: 300px; } #frontpage-travel #frontpage-travel-content .comp-insta-feed { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 var(--s-30); } #frontpage-travel #frontpage-travel-content .comp-content-unorder-list { width: 100%; } } #frontpage-culture { position: relative; margin: var(--s-s) 0; } #frontpage-culture #frontpage-culture-left { position: relative; width: 50%; } #frontpage-culture #frontpage-culture-right { position: relative; width: 50%; } #frontpage-gossip { position: relative; margin: var(--s-s) 0; } #frontpage-gossip #frontpage-gossip-content #gossip-article-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 550px; } #frontpage-gossip #frontpage-gossip-content #gossip-article-slide .comp-hero .hero-image { min-height: 500px; } #frontpage-gossip #frontpage-gossip-content #gossip-article-slide .flickity-button { background: rgba(255, 255, 255, 0.75); border-radius: 50%; padding: 20px; } #frontpage-gossip #frontpage-gossip-content #gossip-article-slide .flickity-prev-next-button { top: 83%; } #frontpage-gossip #frontpage-gossip-content #gossip-article-slide .flickity-button.previous:after, #frontpage-gossip #frontpage-gossip-content #gossip-article-slide .flickity-button.next:after { background-color: var(--cr-black); } #frontpage-gossip .comp-hero { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #frontpage-gossip .comp-content-order-list { width: 38%; margin-right: var(--s-30); } @media screen and (max-width: 900px) { #frontpage-gossip #frontpage-gossip-content #gossip-article-slide { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; min-height: 450px; margin: 0 0 var(--s-30); } #frontpage-gossip #frontpage-gossip-content #gossip-article-slide .comp-hero .hero-image { min-height: 400px; } #frontpage-gossip #frontpage-gossip-content .comp-hero { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 var(--s-30); } #frontpage-gossip #frontpage-gossip-content .comp-content-order-list { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0; max-height: unset; } } @media screen and (max-width: 600px) { #frontpage-gossip #frontpage-gossip-content #gossip-article-slide { min-height: calc(300px + var(--s-60)); } #frontpage-gossip #frontpage-gossip-content #gossip-article-slide .flickity-viewport { height: 100% !important; } #frontpage-gossip #frontpage-gossip-content #gossip-article-slide .flickity-prev-next-button { display: none; } #frontpage-gossip #frontpage-gossip-content #gossip-article-slide .comp-hero .hero-image { min-height: 300px; } } #frontpage-bravo { position: relative; margin: var(--s-s) 0; } #frontpage-bravo #frontpage-brands-content #brands-article-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 var(--s-30) 0 0; } #frontpage-bravo #frontpage-brands-content #brands-article-slide .comp-hero .hero-image { min-height: 450px; } #frontpage-bravo #frontpage-brands-content #brands-article-slide .flickity-viewport { height: 100% !important; } #frontpage-bravo #frontpage-brands-content #brands-article-slide .flickity-button { background: rgba(255, 255, 255, 0.75); border-radius: 50%; padding: 20px; } #frontpage-bravo #frontpage-brands-content #brands-article-slide .flickity-prev-next-button { top: 83%; } #frontpage-bravo #frontpage-brands-content #brands-article-slide .flickity-button.previous:after, #frontpage-bravo #frontpage-brands-content #brands-article-slide .flickity-button.next:after { background-color: var(--cr-black); } #frontpage-bravo .comp-hero { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: var(--s-30); } #frontpage-bravo .comp-insta-feed { max-width: 450px; width: 40%; } @media screen and (max-width: 900px) { #frontpage-bravo #frontpage-brands-content #brands-article-slide { -ms-flex-preferred-size: 100%; flex-basis: 100%; min-height: calc(450px + var(--s-60)); margin: 0 0 var(--s-30); } #frontpage-bravo #frontpage-brands-content .comp-hero { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 var(--s-30); } #frontpage-bravo #frontpage-brands-content .comp-hero:not(:last-child) { margin: 0 0 var(--s-30); } #frontpage-bravo #frontpage-brands-content .comp-insta-feed { width: 100%; max-width: none; } } @media screen and (max-width: 600px) { #frontpage-bravo #frontpage-brands-content #brands-article-slide { min-height: calc(300px + var(--s-60)); } #frontpage-bravo #frontpage-brands-content #brands-article-slide .flickity-prev-next-button { display: none; } #frontpage-bravo #frontpage-brands-content #brands-article-slide .flickity-prev-next-button { display: none; } #frontpage-bravo #frontpage-brands-content #brands-article-slide .comp-hero .hero-image { min-height: 300px; } } @media screen and (max-width: 900px) { #frontpage-hero #frontpage-hero-slide { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: unset; min-height: calc(550px + var(--s-60)); margin: 0 0 var(--s-30); } #frontpage-hero #frontpage-hero-aside { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; max-width: unset; } #frontpage-hero #frontpage-hero-aside > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media screen and (max-width: 600px) { #frontpage-hero #frontpage-hero-slide { min-height: calc(300px + var(--s-60)); } #frontpage-hero #frontpage-hero-slide .flickity-prev-next-button { display: none; } #frontpage-hero #frontpage-hero-aside { display: block; } } /* FRONTPAGE -END */ /* S4 ARTICLES INDEX */ #articles-hero { position: relative; margin: 0 auto var(--s-s); } #articles-hero #articles-hero-slide { height: calc(100vh - var(--s-announcement) - var(--s-header) - var(--s-s) + var(--s-30)); min-height: 600px; } #articles-hero #articles-hero-slide .flickity-button { background: rgba(255, 255, 255, 0.75); border-radius: 50%; padding: 20px; } #articles-hero #articles-hero-slide .flickity-prev-next-button { top: 85%; } #articles-hero #articles-hero-slide .flickity-button.previous:after, #articles-hero #articles-hero-slide .flickity-button.next:after { background-color: var(--cr-white); } .article-index-section { margin: var(--s-s) 0; } .article-index-section .article-grid-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .article-index-section .article-grid-container .article-grid-large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: var(--s-15); } .article-index-section .article-grid-container .article-grid-large .comp-article-card-lg { max-width: 850px; } .article-index-section .article-grid-container .article-grid-aside { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-gap: 30px 15px; } .article-index-section .article-grid-container .article-grid-aside .comp-article-card { max-width: 400px; } /* Category.php styling */ #articles-category-content { margin: var(--s-s) 0; } #articles-category-content .article-grid-large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: var(--s-15); } #articles-category-content .article-grid-large .comp-article-card-lg { max-width: 850px; } #articles-category-content .article-grid-aside { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-gap: 30px 15px; } #articles-category-content .article-grid-aside .comp-article-card { max-width: 400px; } #articles-category-content #articles-load { margin: var(--s-30) 0 0; } @media screen and (max-width: 1024px) { #articles-category-content .article-grid-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #articles-category-content .article-grid-container .article-grid-large .comp-article-card-lg { max-width: unset; margin-bottom: var(--s-30); } #articles-category-content .article-grid-container .article-grid-aside { width: 100%; } #articles-category-content .article-grid-container .article-grid-aside .comp-article-card { max-width: unset; } #articles-category-content .article-grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: var(--s-15); } #articles-category-content .article-grid .comp-article-card { max-width: unset; } } html.is_news_end #articles-load .btn { pointer-events: none; color: var(--cr-white); background-color: var(--cr-blue); } .article-grid { width: 100%; display: none; margin: var(--s-45) 0; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: var(--s-45) var(--s-15); } .article-grid .comp-article-card { max-width: 400px; } .article-grid:first-child { display: -ms-grid; display: grid; } .article-grid-more { width: 100%; margin: var(--s-45) 0 0; text-align: right; } .article-grid-more button.disabled { pointer-events: none; background-color: #999; } @media screen and (max-width: 900px) { .article-grid-more { text-align: center; } } #infscr-loading { display: none !important; } @media screen and (max-width: 1024px) { .article-index-section .article-grid-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .article-index-section .article-grid-container .article-grid-large .comp-article-card-lg { max-width: unset; margin-bottom: var(--s-30); } .article-index-section .article-grid-container .article-grid-aside { width: 100%; } .article-index-section .article-grid-container .article-grid-aside .comp-article-card { max-width: unset; } .article-grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: var(--s-30) var(--s-15); } .article-grid .comp-article-card { max-width: unset; } } @media screen and (max-width: 900px) { #articles-hero #articles-hero-slide { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: unset; min-height: calc(550px + var(--s-60)); margin: 0 0 var(--s-30); } #articles-hero #articles-hero-slide .flickity-viewport { min-height: calc(550px + var(--s-60)); } } @media screen and (max-width: 600px) { #articles-hero #articles-hero-slide { min-height: calc(300px + var(--s-60)); } #articles-hero #articles-hero-slide .flickity-viewport { min-height: calc(300px + var(--s-60)); } #articles-hero #articles-hero-slide .flickity-prev-next-button { display: none; } } /* S4 ARTICLES INDEX END */ /* S5 ARTICLES SINGLE */ #articles-single #articles-single-aside { width: calc(50% - var(--s-60)); margin-right: var(--s-60); } #articles-single #articles-single-aside .comp-article-card .object-fit:before, #articles-single #articles-single-aside .comp-article-card .object-fit:after { display: none !important; } #articles-single #article-single-content { width: 45%; } #articles-single #article-single-content .content { margin: 0 0 var(--s-60); } #articles-single #articles-single-sticky { position: -webkit-sticky; position: sticky; top: var(--s-45); -webkit-transition: top 0.3s; transition: top 0.3s; } #articles-single #articles-single-sticky .copy-link { display: none; position: absolute; right: 0; width: var(--s-30); pointer-events: none; cursor: pointer; white-space: nowrap; font-size: 10px; z-index: 100; } #articles-single #articles-single-sticky .copy-link span { position: absolute; right: 5%; } #articles-single #articles-single-sticky h3 { font: var(--t-h-2); } #articles-single #articles-single-sticky .comp-article-card:not(:last-child) { margin: 0 0 var(--s-45); } #articles-single #articles-single-sticky .comp-article-card .article-card-url { display: none !important; } #articles-single #articles-single-related { width: 100%; margin: var(--s-s) 0; } #articles-single #articles-single-related .article-single-related-row .comp-article-card { width: calc(100%/3 - var(--s-30)*2/3); } #articles-single #articles-single-related .article-single-related-row .comp-article-card:not(:last-child) { margin: 0 var(--s-30) 0 0; } #articles-single #articles-single-related .article-single-related-row .comp-article-card .article-card-image { position: relative; margin-bottom: var(--s-15); } #articles-single #articles-single-related .article-single-related-row .comp-article-card .article-card-image:after { content: ''; display: block; padding-top: 60%; } #articles-single #articles-single-follow { position: relative; width: 100%; margin: var(--s-s) 0; } #articles-single #articles-single-follow #follow-content .follow-content-left { margin-right: var(--s-30); width: calc(35% - var(--s-30)); } #articles-single #articles-single-follow #follow-content .follow-content-right { position: relative; width: 65%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } #articles-single #articles-single-follow #follow-content .follow-content-right .comp-image-text-cta { background: var(--cr-navy); color: var(--cr-white); padding: var(--s-30) var(--s-45); } #articles-single #articles-single-subscription { position: relative; width: 100%; margin: var(--s-s) 0; } html.header_sticky_active #articles-single #articles-single-sticky { top: calc(var(--s-60) + var(--s-45)); } @media screen and (max-width: 900px) { #articles-single #articles-single-aside { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 var(--s-30); } #articles-single #articles-single-aside #articles-single-sticky { position: -webkit-sticky; position: sticky; top: var(--s-45); -webkit-transition: top 0.3s; transition: top 0.3s; } #articles-single #articles-single-aside #articles-single-sticky .copy-link { display: block; pointer-events: auto; } #articles-single #article-single-content { width: 100%; } #articles-single #articles-single-related .article-single-related-row .comp-article-card { width: 100%; } #articles-single #articles-single-related .article-single-related-row .comp-article-card:not(:last-child) { margin: 0 0 var(--s-15); } #articles-single #articles-single-follow #follow-content .follow-content-left { margin: 0 0 var(--s-30); width: 100%; } #articles-single #articles-single-follow #follow-content .follow-content-right { width: 100%; } #articles-single #articles-single-follow #follow-content .follow-content-right .comp-image-text-cta { max-width: unset; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } #articles-single #articles-single-follow #follow-content .follow-content-right .comp-image-text-cta .comp-itc-image { width: 45%; margin: 0 var(--s-30) 0 0; } } @media screen and (max-width: 600px) { #articles-single #articles-single-aside .comp-article-card .article-card-image { width: 100vw; margin-left: calc(0px - var(--s-c)); margin-right: calc(0px - var(--s-c)); } #articles-single #articles-single-follow #follow-content .comp-insta-feed { width: 100%; margin: 0 0 var(--s-30); } #articles-single #articles-single-follow #follow-content .follow-content-right .comp-image-text-cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #articles-single #articles-single-follow #follow-content .follow-content-right .comp-image-text-cta .comp-itc-image { width: 100%; margin: 0 0 var(--s-30); } } /* S5 ARTICLES SINGLE */ /* S6 BRANDS INDEX */ #brands-header p { max-width: 550px; margin-top: -15px; } #brands-aside { width: 25%; } #brands-aside #brands-filter { position: -webkit-sticky; position: sticky; top: 0; -webkit-transition: 0.3s; transition: 0.3s; } #brands-aside #brands-filter hr { margin: var(--s-30) 0; outline: none; } html.header_sticky_active #brands-aside #brands-filter { top: var(--s-header-compact); } #brands-content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: var(--s-s); margin-bottom: var(--s-s); } #brands-content .custom-select-filter { display: none; } #brands-grid-container { position: relative; width: 70%; margin: 0 0 var(--s-45); -webkit-transition: height 0.6s; transition: height 0.6s; } #brands-grid-container #brands-grid { position: relative; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-gap: var(--s-15); } #brands-grid-container #brands-grid .comp-flip-card { -webkit-transition: 0.4s; transition: 0.4s; } #brands-grid-container #brands-grid-cloned { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; pointer-events: none; visibility: hidden; } @media screen and (max-width: 1200px) { #brands-content #brands-grid-container #brands-grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: var(--s-15); } } @media screen and (max-width: 600px) { #brands-content { display: block; } #brands-content #brands-aside { width: 100%; } #brands-content #brands-aside #brands-filter { display: none; } #brands-content #brands-aside .custom-select-filter { display: -webkit-box; display: -ms-flexbox; display: flex; } #brands-content .custom-select-filter { display: block; } #brands-content #brands-grid-container { width: 100%; } #brands-content #brands-grid-container #brands-grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } /* S6 BRANDS INDEX - END */ /* S7 BRANDS SINGLE */ #brands-single-header .brands-page { text-decoration: underline; margin-right: 5px; } #brands-single-header p { max-width: 750px; } #brands-single-hero { position: relative; margin: var(--s-60) 0 var(--s-s); } @media screen and (max-width: 600px) { #brands-single-hero { margin: 0 0 var(--s-s); } } #brands-single-hero #brands-single-hero-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: var(--s-30) 0 calc(var(--s-30) + var(--s-45)); margin-right: var(--s-30); background: var(--cr-navy); color: var(--cr-white); } #brands-single-hero #brands-single-hero-slide .flickity-viewport { margin: auto 0; } #brands-single-hero #brands-single-hero-slide .flickity-slider { height: 100%; } #brands-single-hero #brands-single-hero-slide .comp-image-text-cta { padding: 0 var(--s-30); } #brands-single-hero #brands-single-hero-slide .flickity-prev-next-button { top: 95%; z-index: 10; } #brands-single-hero #brands-single-hero-slide .flickity-button.previous:after, #brands-single-hero #brands-single-hero-slide .flickity-button.next:after { background-color: white; } #brands-single-hero #brands-single-hero-slide .flickity-page-dots .dot { display: inline-block; width: var(--s-45); height: var(--s-45); border-radius: 50%; background: center/130% no-repeat; border: 2px solid transparent; } #brands-single-hero #brands-single-hero-slide .flickity-page-dots .dot.is-selected { border-color: var(--cr-white); } #brands-single-hero .comp-insta-hero { background: var(--cr-navy); color: var(--cr-white); padding: var(--s-30); margin-right: var(--s-30); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #brands-single-hero .comp-insta-hero .comp-insta-feed { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: var(--s-30); } #brands-single-hero .comp-insta-hero .comp-insta-hero-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #brands-single-hero .comp-insta-hero .comp-insta-hero-content h3 { margin-bottom: var(--s-15); } #brands-single-hero .comp-insta-hero .comp-insta-hero-content p { margin-bottom: var(--s-30); } #brands-single-hero #brands-single-hero-aside { width: 35%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } #brands-single-hero #brands-single-hero-aside > *:not(:last-child) { margin-bottom: var(--s-45); } #brands-single-hero #brands-single-hero-aside .comp-newsletter { max-width: unset; } #brands-single-hero #brands-single-hero-aside .comp-newsletter h3 { text-transform: uppercase; margin-bottom: var(--s-15); } #brands-single-hero #brands-single-hero-aside .comp-newsletter .newsletter-email { margin-top: var(--s-75); } #brands-single-hero #brands-single-hero-aside .comp-newsletter .newsletter-email button { top: 30%; } #brands-single-hero #brands-single-hero-aside #brand-hero-aside-twitter { height: 100%; } #brand-single-content { background-color: var(--cr-white); } #brand-single-content > *:first-child { margin-top: 0; padding-top: var(--s-s); } #brand-single-content > *:last-child { margin-bottom: 0; padding-bottom: var(--s-s); } #brands-single-related { margin: var(--s-s) 0; } #brands-single-related .article-single-related-row .comp-article-card { width: calc(100%/3 - var(--s-30)*2/3); } #brands-single-related .article-single-related-row .comp-article-card:not(:last-child) { margin-right: var(--s-30); } #brands-single-related .article-single-related-row .comp-article-card .article-card-image { position: relative; margin-bottom: var(--s-15); } #brands-single-related .article-single-related-row .comp-article-card .article-card-image:after { content: ''; display: block; padding-top: 60%; } #brands-single-trending { position: relative; margin: var(--s-s) 0; } #brands-single-trending #brands-single-trending-content #trending-article-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 550px; margin-right: var(--s-30); } #brands-single-trending #brands-single-trending-content #trending-article-slide .flickity-button { background: rgba(255, 255, 255, 0.75); border-radius: 50%; padding: 20px; } #brands-single-trending #brands-single-trending-content #trending-article-slide .flickity-prev-next-button { top: 83%; } #brands-single-trending #brands-single-trending-content #trending-article-slide .flickity-button.previous:after, #brands-single-trending #brands-single-trending-content #trending-article-slide .flickity-button.next:after { background-color: var(--cr-black); } #brands-single-trending #brands-single-trending-content .comp-hero { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #brands-single-trending #brands-single-trending-content .hero-image { min-height: 500px; } #brands-single-trending #brands-single-trending-content > *:not(:last-child) { margin: 0 var(--s-30) 0 0; } #brands-single-trending #brands-single-trending-content .comp-hero { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #brands-single-trending #brands-single-trending-content .brands-single-trending-twitter { width: 30%; } @media screen and (max-width: 900px) { #brands-single-trending #brands-single-trending-content #trending-article-slide { -ms-flex-preferred-size: 100%; flex-basis: 100%; min-height: calc(550px + var(--s-60)); margin: 0 0 var(--s-30); } #brands-single-trending #brands-single-trending-content > *:not(:last-child) { margin: 0 0 var(--s-30); } #brands-single-trending #brands-single-trending-content .comp-hero { -ms-flex-preferred-size: 100%; flex-basis: 100%; } #brands-single-trending #brands-single-trending-content .brands-single-trending-twitter { margin: 0 auto; width: 100%; } } @media screen and (max-width: 600px) { #brands-single-trending #brands-single-trending-content #trending-article-slide { min-height: calc(300px + var(--s-60)); } #brands-single-trending #brands-single-trending-content #trending-article-slide .flickity-prev-next-button { display: none; } #brands-single-trending #brands-single-trending-content #trending-article-slide .comp-hero { height: auto; } #brands-single-trending #brands-single-trending-content .hero-image { min-height: 300px; } #brands-single-trending #brands-single-trending-content .brands-single-trending-twitter { width: 100%; } } #brands-single-events { margin: var(--s-s) 0; } #brands-single-events .comp-slider-vertical { width: 100%; } #brands-single-subscription { position: relative; margin: var(--s-s) 0; } @media screen and (max-width: 900px) { #brands-single-hero #brands-single-hero-slide { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 var(--s-30) 0; } #brands-single-hero #brands-single-hero-aside { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } #brands-single-hero #brands-single-hero-aside > *:not(:last-child) { margin: 0 var(--s-15) 0 0; } #brands-single-hero #brands-single-hero-aside > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #brands-single-hero .comp-insta-hero { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0 var(--s-30) 0; } #brands-single-hero .comp-insta-hero .comp-insta-feed { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 var(--s-30) 0; } #brands-single-related { margin: var(--s-s) 0; } #brands-single-related .article-single-related-row { display: block; } #brands-single-related .article-single-related-row .comp-article-card { width: 100%; } #brands-single-related .article-single-related-row .comp-article-card:not(:last-child) { margin: 0 0 var(--s-30); } } @media screen and (max-width: 600px) { #brands-single-header ul { margin-bottom: 10px; } #brands-single-hero #brands-single-hero-aside { display: block; } #brands-single-hero #brands-single-hero-aside > *:not(:last-child) { margin: 0 0 var(--s-30); } } /* S7 BRANDS SINGLE -END */ /* S8 PODCASTS INDEX */ #podcasts-header p { margin-bottom: var(--s-30); } #podcasts-content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: var(--s-60); margin-bottom: var(--s-s); } #podcasts-content #podcasts-grid-container { position: relative; width: 70%; } #podcasts-content #podcasts-grid-container.empty { width: 100%; } #podcasts-content #podcasts-grid-container #podcasts-grid { position: relative; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-gap: var(--s-30); } #podcasts-content #podcasts-grid-container #podcasts-grid .comp-flip-card { -webkit-transition: 0.4s; transition: 0.4s; } #podcasts-content #vertical-rule { display: inline-block; width: 1px; background: gray; } #podcasts-content #podcasts-featured { width: 25%; } @media screen and (max-width: 1200px) { #podcasts-content #podcasts-grid-container #podcasts-grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 900px) { #podcasts-content { display: block; } #podcasts-content #podcasts-grid-container { width: 100%; margin: 0 0 var(--s-s); } #podcasts-content #podcasts-grid-container #podcasts-grid { grid-gap: var(--s-15); } #podcasts-content #podcasts-featured { width: 100%; } #podcasts-content #podcasts-featured h3 { font: var(--t-h-1); } #podcasts-content #podcasts-featured #podcasts-featured-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #podcasts-content #podcasts-featured #podcasts-featured-group .comp-featured-podcast { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 0; } #podcasts-content #podcasts-featured #podcasts-featured-group .comp-featured-podcast:not(:last-child) { margin-right: var(--s-15); } } @media screen and (max-width: 600px) { #podcasts-header .comp-heading-cta { margin: 0; } #podcasts-content #podcasts-featured #podcasts-featured-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #podcasts-content #podcasts-featured #podcasts-featured-group .comp-featured-podcast { margin-top: var(--s-15); } #podcasts-content #podcasts-featured #podcasts-featured-group .comp-featured-podcast:not(:last-child) { margin-right: 0; } } /* S8 PODCASTS INDEX - END */ /* S9 PODCASTS SINGLE */ #podcast-single-hero { min-height: 500px; } #podcast-single-hero #podcast-single-hero-content { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: var(--s-60) var(--s-c) var(--s-60) var(--s-e); } #podcast-single-hero #podcast-single-hero-content .back-link { display: inline-block; margin-bottom: var(--s-45); text-decoration: underline; } #podcast-single-hero #podcast-single-hero-content .podcast-intro > *:not(:last-child) { margin-bottom: var(--s-45); } #podcast-single-hero #podcast-single-hero-content .podcast-intro .podcast-hero-links a:not(:last-child) { margin-right: var(--s-15); } #podcast-single-hero #podcast-single-hero-content .podcast-intro .podcast-hero-links .svg-podcast { width: var(--s-120); height: var(--s-45); } #podcast-single-hero #podcast-single-hero-image { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #podcast-single-hero #podcast-single-hero-image:after { content: ''; display: block; padding-top: 100%; } #podcast-single-episode { background: var(--cr-navy); color: var(--cr-white); padding: var(--s-s) 0; } #podcast-single-episode #podcast-embed { margin-bottom: var(--s-s); } #podcast-single-episode #podcast-embed .podcast-embed-container { margin: var(--s-45) 0 var(--s-15); } #podcast-single-episode #podcast-episodes #podcast-episode-content-group { margin-top: var(--s-45); padding-bottom: var(--s-45); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #podcast-single-episode #podcast-episodes #podcast-episode-content-group:not(:last-child) { border-bottom: 1px solid gray; } #podcast-single-episode #podcast-episodes #podcast-episode-content-group .podcast-episode-content { width: 70%; } #podcast-single-episode #podcast-episodes #podcast-episode-content-group .podcast-episode-content h3 { margin-bottom: var(--s-15); } #podcast-single-episode #podcast-episodes #podcast-episode-content-group .podcast-episode-links { display: inline-block; } #podcast-single-episode #podcast-episodes #podcast-episode-content-group .podcast-episode-links a:not(:last-child) { margin-right: var(--s-15); } #podcast-single-episode #podcast-episodes #podcast-episode-content-group .podcast-episode-links .svg-podcast { width: var(--s-120); height: var(--s-45); } #podcast-reviews { background-color: rgba(20, 27, 54, 0.95); padding: var(--s-s) 0; color: var(--cr-white); } #podcast-reviews .podcast-reviews-interior { width: 100%; padding: 0 0 var(--s-s); text-align: center; } #podcast-reviews .podcast-reviews-interior h2 { margin: 0 auto; margin-bottom: var(--s-60); } #podcast-reviews .podcast-reviews-interior .review { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 var(--s-45); } #podcast-reviews .podcast-reviews-interior .review > *:not(:last-child) { margin-bottom: var(--s-30); } #podcast-reviews .podcast-reviews-interior .review .svg-quote { width: var(--s-45); height: var(--s-45); } #podcast-single-host { margin-top: var(--s-s); margin-bottom: var(--s-s); } #podcast-single-host .host-avatar-group { margin: var(--s-45) 0 0; } #podcast-single-host .host-avatar-group.grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: var(--s-15); } #podcast-single-host .host-avatar-group.grid .host-avatar:not(:last-child) { margin: 0; } @media screen and (max-width: 600px) { #podcast-single-host .host-avatar-group.grid { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } } #podcast-single-host .host-avatar { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: var(--cr-mint); padding: var(--s-30) var(--s-15); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #podcast-single-host .host-avatar:not(:last-child) { margin: 0 var(--s-15) 0 0; } #podcast-single-host .host-avatar .host-image { position: relative; overflow: hidden; width: 100px; height: 100px; margin-right: var(--s-30); } #podcast-single-host .host-avatar .host-image span { border-radius: 50%; } #podcast-single-host .host-avatar .host-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 500px; } #podcast-single-host .host-avatar .host-info > *:not(:last-child) { margin-bottom: var(--s-15); } #podcast-single-host .host-avatar .host-info .podcast-social-links > *:not(:last-child) { display: inline-block; margin-right: var(--s-15); } #podcast-single-host .host-avatar .host-info .podcast-social-links svg { width: 25px; height: 25px; } #podcast-single-guests { margin: var(--s-s) 0; } #podcast-single-guests .podcast-guest-row { margin-top: var(--s-45); } #podcast-single-guests .podcast-guest-row .podcast-guest { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #podcast-single-guests .podcast-guest-row .podcast-guest:not(:last-child) { margin-right: var(--s-15); } #podcast-single-guests .podcast-guest-row .podcast-guest .guest-image { margin-bottom: 10px; } #podcast-single-guests .podcast-guest-row .podcast-guest .guest-podcast-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #podcasts-single-index { margin: var(--s-s) 0; } #podcasts-single-index #podcasts-grid-container { width: 100%; } #podcasts-single-index #podcasts-grid-container #podcasts-grid { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 900px) { #podcast-single-hero { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #podcast-single-hero #podcast-single-hero-content { width: 100%; } #podcast-single-hero #podcast-single-hero-image { width: 100%; min-height: 400px; } #podcast-single-episode #podcast-episodes #podcast-episode-content-group .podcast-episode-content { width: 100%; } #podcast-single-episode #podcast-episodes #podcast-episode-content-group .podcast-episode-content p { margin-bottom: var(--s-15); } #podcast-single-host .host-avatar { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; width: 100%; } #podcast-single-host .host-avatar:not(:last-child) { margin: 0 0 var(--s-15); } #podcast-reviews .podcast-review-group { width: 100%; } #podcast-reviews .podcast-review-group .flickity-viewport { width: 100%; } #podcast-reviews .podcast-review-group .flickity-page-dots { bottom: -25%; } #podcast-reviews .podcast-review-group .flickity-prev-next-button { top: 125%; } #podcast-reviews .podcast-review-group .flickity-button.previous:after, #podcast-reviews .podcast-review-group .flickity-button.next:after { background-color: var(--cr-white); } #podcast-reviews .review { width: 100%; padding: 0; } #podcast-reviews .review:not(:last-child) { margin: 0; } #podcasts-single-index #podcasts-grid-container #podcasts-grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 600px) { #podcast-single-hero #podcast-single-hero-image { min-height: 300px; } #podcast-single-hero #podcast-single-hero-content { padding: var(--s-30) var(--s-c) var(--s-30) var(--s-e); } #podcast-single-hero #podcast-single-hero-content .back-link { margin-bottom: var(--s-30); } #podcast-single-hero #podcast-single-hero-content .podcast-intro > *:not(:last-child) { margin-bottom: var(--s-15); } #podcast-single-hero #podcast-single-hero-content .podcast-hero-links { margin-top: var(--s-15); } #podcast-reviews .podcast-reviews-interior h2 { margin-bottom: var(--s-15); } #podcast-single-guests .podcast-guest-row { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: var(--s-15); } #podcast-single-guests .podcast-guest-row .podcast-guest:not(:last-child) { margin: 0; } } /* S9 PODCASTS SINGLE - END */ /* S10 NEWSLETTER */ #newsletter-header { margin: var(--s-s) 0 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #newsletter-header .header-content { max-width: 630px; } #newsletter-header .header-mascot { position: relative; max-width: 400px; margin: var(--s-120) 0 0 auto; } #newsletter-header .header-mascot .mascot-image { max-width: 180px; } #newsletter-header .header-mascot .header-mascot-content { position: absolute; width: 400px; margin: 0 auto; max-width: 450px; background: #dfff16; padding: var(--s-30); border-radius: 30px; top: -80%; right: 70%; } #newsletter-header .header-mascot .header-mascot-content h4 { font-size: 18px; } #newsletter-header .header-mascot .header-mascot-content:after { content: ''; position: absolute; display: block; width: 0; height: 0; bottom: 1px; -webkit-backface-visibility: hidden; right: var(--s-30); -webkit-transform: translateY(100%); transform: translateY(100%); border-left: 20px solid transparent; border-right: 3px solid transparent; border-top: 20px solid #dfff16; } #newsletter-header .header-mascot-mobile { display: none; padding: var(--s-15); background: var(--cr-yellow); color: var(--cr-black); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #newsletter-header .header-mascot-mobile .mascot-image { position: relative; max-width: 180px; } #newsletter-header .header-mascot-mobile h4 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: auto; } #newsletter-content { margin: var(--s-30) 0 var(--s-s); } #newsletter-content .newsletter-content-header { position: -webkit-sticky; position: sticky; top: 0; padding: var(--s-15) 0; background-color: rgba(255, 255, 255, 0.95); -webkit-transition: 0.2s var(--a-cubic-1); transition: 0.2s var(--a-cubic-1); z-index: 30; } #newsletter-content .newsletter-content-header button { display: inline-block; margin-bottom: var(--s-15); text-decoration: underline; cursor: pointer; } #newsletter-content .comp-newsletter { width: 100%; margin-left: auto; } #newsletter-content .comp-newsletter button { top: 30%; } #newsletter-content .newsletter-grid .comp-newsletter-card { width: calc(100%/3 - var(--s-15)*2/3); margin: 0 var(--s-15) var(--s-30) 0; } #newsletter-content .newsletter-grid .comp-newsletter-card:nth-of-type(3n) { margin: 0 0 var(--s-30); } html.header_sticky_active #newsletter-content .newsletter-content-header { top: calc(var(--s-header-compact) - 1px); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } @media screen and (max-width: 1140px) { #newsletter-header { margin: 0; } #newsletter-header .header-content { margin-bottom: var(--s-30); } #newsletter-header .g-flex .header-mascot { display: none; } #newsletter-header .g-flex .header-mascot-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } #newsletter-content .comp-newsletter { margin-left: 0; } #newsletter-content .newsletter-grid .comp-newsletter-card { width: calc(100%/2 - var(--s-15)/2); /* every 2nd child, no margin on right */ } #newsletter-content .newsletter-grid .comp-newsletter-card:nth-of-type(3n) { margin: 0 var(--s-15) var(--s-15) 0; } #newsletter-content .newsletter-grid .comp-newsletter-card:nth-of-type(2n) { margin: 0 0 var(--s-15); } } @media screen and (max-width: 600px) { #newsletter-header .header-mascot-mobile .mascot-image { max-width: 120px; } #newsletter-content .newsletter-grid .comp-newsletter-card { width: 100%; margin: 0 0 var(--s-30) 0; } #newsletter-content .newsletter-grid .comp-newsletter-card:nth-of-type(3n) { margin: 0 0 var(--s-30); } } /* S10 NEWSLETTER - END */ /* S11 ABOUT */ #about-hero .about-hero-image { position: relative; max-height: 70vh; } #about-hero .about-hero-image:after { content: ''; display: block; padding-top: 70%; } #about-hero .about-hero-content { margin: var(--s-s) 0; } #about-hero .about-hero-content .about-hero-heading { width: 50%; } #about-hero .about-hero-content p { width: 50%; } #about-intro .about-intro-image { position: relative; width: 50%; } #about-intro .about-intro-image:after { content: ''; display: block; padding-top: 100%; } #about-intro .about-intro-content { width: 50%; background: var(--cr-blue); color: var(--cr-white); } #about-intro .about-intro-content .intro-content { padding: var(--s-s) var(--s-e) var(--s-s) var(--s-c); margin: 0 var(--s-c); } #about-intro .about-intro-content .intro-content .content-title { max-width: 500px; } #about-intro .about-intro-content .intro-content .content-title h3 { line-height: 0.8; } #about-intro .about-intro-content .intro-content p { max-width: 600px; } #about-what { background: var(--cr-lavender); padding: var(--s-s) 0 0; } #about-what .about-what-content { padding: var(--s-s) var(--s-c) var(--s-s) var(--s-e); width: 50%; } #about-what .about-what-content p { font: var(--t-b-1); max-width: 600px; } @media screen and (max-width: 600px) { #about-what .about-what-image { margin: 0 auto; } } #about-stats { margin: var(--s-s) 0; text-align: center; } #about-stats h4 { margin-bottom: var(--s-s); } #about-partner { position: relative; background: var(--cr-mint); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #about-partner .about-partner-image { position: relative; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } #about-partner .about-partner-image:after { content: ''; display: block; padding-top: 70%; } #about-partner .about-partner-content { position: relative; width: 40%; padding: 0 var(--s-c) 0 var(--s-e); } #about-partner .about-partner-content > *:not(:last-child) { margin-bottom: var(--s-30); } @media screen and (max-width: 900px) { #about-partner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #about-partner .about-partner-content { width: 100%; padding: var(--s-45) var(--s-c); text-align: center; } #about-partner .about-partner-image { width: 100%; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } } #about-careers { background: var(--cr-pink); padding: var(--s-s) 0; } #about-careers .about-careers-slide { position: relative; width: 50%; } #about-careers .about-careers-slide .flickity-viewport { width: 100%; } #about-careers .about-careers-slide .flickity-page-dots { bottom: -7%; } #about-careers .about-careers-slide .flickity-page-dots .dot { background: var(--cr-black); } #about-careers .about-careers-slide .flickity-prev-next-button { top: 107%; z-index: 10; } #about-careers .about-careers-slide .flickity-prev-next-button.previous { left: 0; } #about-careers .about-careers-slide .flickity-prev-next-button.next { right: 0; } #about-careers .about-careers-slide .flickity-button.previous:after, #about-careers .about-careers-slide .flickity-button.next:after { background-color: var(--cr-black); } #about-careers .about-careers-content { width: 50%; padding: var(--s-s) var(--s-e) var(--s-s) var(--s-c); } #about-careers .about-careers-content h2 { line-height: 0.8; color: var(--cr-white); } #about-careers .about-careers-content h3 { color: var(--cr-white); } #about-careers .about-careers-content p { margin-bottom: var(--s-30); } #about-business .about-business-content { background: var(--cr-navy); color: var(--cr-white); margin: var(--s-s) 0; padding: var(--s-60) var(--s-45); } #about-business .about-business-content .business-contact-container { margin-top: var(--s-30); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #about-business .about-business-content .business-contact-container .business-contact-block { margin: 0 0 var(--s-15); } #about-business .about-business-content .business-contact-container .business-contact-block .t-b-2 { line-height: 1.5; } @media screen and (max-width: 900px) { #about-intro .about-intro-image { width: 100%; } #about-intro .about-intro-content { width: 100%; } #about-intro .about-intro-content .intro-content .content-title { display: -webkit-box; display: -ms-flexbox; display: flex; } #about-intro .about-intro-content .intro-content .content-title h3 { line-height: initial; margin-left: 10px; } #about-what { padding: 0; } #about-what .about-what-content { width: 100%; } #about-careers .about-careers-slide { width: 100%; margin-bottom: var(--s-45); } #about-careers .about-careers-slide .flickity-viewport { min-height: 400px; } #about-careers .about-careers-content { width: 100%; padding: var(--s-s) var(--s-e) 0 var(--s-c); } #about-business .about-business-content { padding: --s-30; } #about-business .about-business-content .business-contact-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #about-business .about-business-content .business-contact-container .business-contact-block:not(:last-child) { margin: 0 0 var(--s-30) 0; } } @media screen and (max-width: 600px) { #about-hero .about-hero-content .about-hero-heading { width: 100%; } #about-hero .about-hero-content p { width: 100%; } #about-partner .about-partner-content > *:not(:last-child) { margin-bottom: var(--s-15); } } /* S11 ABOUT END */ /* S12 ADVERTISE */ #advertise-hero { background: var(--cr-spink); } #advertise-hero .width { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #advertise-hero .width .advertise-hero-title { margin: var(--s-s) 0; text-align: center; } #advertise-hero .width .advertise-hero-title h1 { max-width: 1000px; line-height: 1; margin: 0 auto var(--s-30) auto; color: var(--cr-magenta); } #advertise-hero .width .advertise-hero-title .t-b-1 { max-width: 1000px; margin: 0 auto var(--s-15) auto; } #advertise-hero .width #advertise-hero-content { position: relative; width: 100%; margin: var(--s-s) auto; } #advertise-hero .width #advertise-hero-content .advertise-hero-image { position: relative; min-height: 550px; } #advertise-hero .width #advertise-hero-content .advertise-hero-image:after { content: ''; display: block; padding-top: 50%; } #advertise-hero .width #advertise-hero-content .hero-content { position: absolute; max-width: 550px; top: 40%; left: 5%; color: var(--cr-white); } #advertise-video { position: relative; } #advertise-video #intro-video { position: relative; } #advertise-video #intro-video #intro-video-play { background: url("../../assets-img/svg-play.svg") center/60px no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer; } @media (hover: hover) { #advertise-video #intro-video #intro-video-play:hover { background-color: rgba(0, 0, 0, 0.3); } } #intro-video.video-playing #intro-video-play, #intro-video.video-playing .object-fit { opacity: 0; pointer-events: none; -webkit-transition: .6s 0.6s ease-in; transition: .6s 0.6s ease-in; } #advertise-stats { margin: var(--s-s) 0; text-align: center; } #advertise-stats h4 { margin-bottom: var(--s-s); } #advertise-content { position: relative; margin: var(--s-s) 0 0 0; } #advertise-content .advertise-content-left { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 50%; } #advertise-content .advertise-content-right { width: 50%; padding: var(--s-s) var(--s-e) var(--s-s) var(--s-c); background: var(--cr-navy); color: var(--cr-white); } #advertise-content .advertise-content-right h2 { line-height: 0.8; } #advertise-content .advertise-content-right h3 { font-size: 68px; } #advertise-content .advertise-content-right p { max-width: 600px; margin-top: var(--s-30); } #advertise-content .advertise-content-right ul li { list-style: unset; } #advertise-partners { padding: var(--s-s) 0; background: var(--cr-lavender); } #advertise-partners .partners-logo { margin: var(--s-s) 0 0; } #advertise-partners .partners-logo .logo { position: relative; display: inline-block; margin: 0 var(--s-45) var(--s-90) 0; } #advertise-partners .partners-logo .logo img { max-width: 180px; max-height: 100px; } #advertise-contact { margin: var(--s-s) 0; } #advertise-contact .advertise-contact-content { width: calc(50% - var(--s-15)); max-width: 600px; margin: 0 var(--s-15) 0 0; } #advertise-contact .advertise-contact-content h2 { line-height: 0.8; } #advertise-contact .advertise-contact-content p { max-width: 700px; } #advertise-contact .advertise-contact-content a { color: var(--cr-blue); } #advertise-contact .advertise-contact-form { position: relative; width: 50%; margin-left: auto; } @media screen and (max-width: 900px) { #advertise-hero .width { padding-bottom: 0; } #advertise-hero .width h1 { max-width: 500px; } #advertise-hero .width #advertise-hero-content { margin-bottom: 0; } #advertise-hero .width #advertise-hero-content .advertise-hero-image { min-height: 450px; } #advertise-hero .width #advertise-hero-content .hero-content { position: relative; left: 0; margin: var(--s-45) auto; text-align: center; color: var(--cr-black); } #advertise-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #advertise-content .advertise-content-left { position: relative; width: 100%; min-height: 450px; } #advertise-content .advertise-content-right { width: 100%; } #advertise-content .advertise-content-right h2 { line-height: 1.1; } #advertise-content .advertise-content-right h3 { font-size: 60px; } #advertise-content .advertise-content-right .advertise-content-para { margin: 0 var(--s-30); } #advertise-contact .advertise-contact-content { width: 100%; margin-bottom: var(--s-60); } #advertise-contact .advertise-contact-form { width: 100%; } .wpcf7 .input-text-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-gap: 0; margin-bottom: 0; } .wpcf7 .input-text-group .input-text { margin-bottom: var(--s-15); } } @media screen and (max-width: 600px) { #advertise-hero .width h1 { max-width: 350px; } #advertise-hero .width #advertise-hero-content .advertise-hero-image { min-height: 350px; } #advertise-partners .partners-logo .logo { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } #advertise-partners .partners-logo .logo:not(:last-child) { margin: 0 0 var(--s-60); } } /* S12 ADVERTISE - END */ /* S13 SOCIAL */ #social-header { position: -webkit-sticky; position: sticky; padding: 0 0 var(--s-45); top: 0; background: var(--cr-white); z-index: 10; -webkit-transition: .3s; transition: .3s; } html.header_sticky_active #social-header { top: var(--s-header-compact); } #social-header .g-flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #social-header .header-content { position: -webkit-sticky; position: sticky; max-width: 550px; } #social-header .social-header-slider { position: relative; width: 50%; margin-left: auto; } #social-header .social-header-slider .slider-image { position: relative; width: 100px; height: 100px; border-radius: 50%; margin-right: 65px; overflow: hidden; cursor: pointer; } #social-header .social-header-slider .slider-image.active { border: 2px solid; } #social-header .social-header-slider .flickity-viewport { width: 80%; margin: 0 auto; } #social-header .social-header-slider .flickity-prev-next-button { top: 50%; z-index: 10; } #social-header .social-header-slider .flickity-button.previous:after, #social-header .social-header-slider .flickity-button.next:after { background-color: var(--cr-black); } #social-content { position: relative; background: var(--cr-spink); } #social-content .social-content-container { position: absolute; width: 100%; height: 100%; padding: var(--s-45) 0; top: 0; overflow: hidden; pointer-events: none; opacity: 0; -webkit-transition: 0.6s; transition: 0.6s; } #social-content .social-content-container .g-flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #social-content .social-content-container.active { position: relative; left: unset; opacity: 1; pointer-events: auto; } #social-content .social-content-container .social-content-group { width: 60%; } #social-content .social-content-container .content-header { margin: 0 0 var(--s-60); } #social-content .social-content-container .content-header > *:not(:last-child) { margin-bottom: var(--s-15); } #social-content .social-content-container .content-header p { max-width: 450px; } #social-content .social-content-container .content-header .content-social-links > *:not(:last-child) { display: inline-block; margin-right: var(--s-30); } #social-content .social-content-container .content-header .content-social-links svg { width: 25px; height: 25px; } #social-content .social-content-container .content-feeds > *:not(:last-child) { margin: 0 var(--s-30) 0 0; } #social-content .social-content-container .content-feeds > * h3 { font: var(--t-h-2); } #social-content .social-content-container .content-feeds .content-insta-feed { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #social-content .social-content-container .content-feeds .content-twitter-feed { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } #social-content .social-content-container .content-mobile-image { max-width: 350px; margin: 0 0 0 auto; } #social-content .social-content-container .content-mobile-image-interior { color: var(--cr-magenta); } #social-content .social-content-container .content-mobile-image-interior p { margin-bottom: var(--s-15); } @media screen and (max-width: 1024px) { #social-header .g-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } #social-header .header-content { margin-bottom: var(--s-30); } #social-header .social-header-slider { width: 100%; margin-left: 0; } #social-content .social-content-container .content-feeds { display: block; } #social-content .social-content-container .content-feeds > *:not(:last-child) { margin: 0 0 var(--s-30); } } @media screen and (max-width: 900px) { #social-content .social-content-container { text-align: center; } #social-content .social-content-container .g-flex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } #social-content .social-content-container .content-header { width: 100%; } #social-content .social-content-container .content-header p { max-width: none; } #social-content .social-content-container .content-header .content-social-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #social-content .social-content-container .content-mobile-image-interior { color: var(--cr-magenta); margin: var(--s-30) 0 0; } #social-content .social-content-container .content-mobile-image-interior p { margin-bottom: var(--s-15); } } @media screen and (max-width: 600px) { #social-header { padding: var(--s-30) 0 var(--s-15); top: -140px; } #social-header .social-header-slider { position: -webkit-sticky; position: sticky; top: 0; } #social-header .social-header-slider .slider-image { width: 80px; height: 80px; } #social-header .social-header-slider .flickity-prev-next-button.next { right: 0; } #social-header .social-header-slider .flickity-prev-next-button.prev { left: 0; } #social-content .social-content-container { padding: var(--s-s) 0 0; } #social-content .social-content-container .content-header { margin-bottom: var(--s-30); } #social-content .social-content-container .social-content-group { width: 100%; } #social-content .social-content-container .content-feeds { background: rgba(255, 255, 255, 0.25); margin: 0 calc(0px - var(--s-c)); } #social-content .social-content-container .content-feeds > * { padding: var(--s-15); } } /* S13 SOCIAL - END */ /* S14 EVENTS INDEX */ #events-hero { position: relative; margin: 0 auto var(--s-s); } #events-hero #events-hero-slide { height: calc(100vh - var(--s-announcement) - var(--s-header) - var(--s-s)); min-height: 600px; width: 100%; } #events-hero #events-hero-slide .flickity-button { background: rgba(255, 255, 255, 0.75); border-radius: 50%; padding: 20px; } #events-empty { position: relative; padding: var(--s-s) 0; min-height: calc(100vh - var(--s-announcement) - var(--s-header)); background: var(--cr-spink); } #events-empty #event-empty-content { margin: auto; text-align: center; max-width: 750px; } #events-empty #event-empty-content .comp-newsletter { margin: var(--s-45) auto 0 auto; } #events-empty #event-empty-content button { top: 30%; } #events-upcoming { margin: var(--s-s) 0; } #events-subscription { position: relative; margin: var(--s-s) 0; } @media screen and (max-width: 900px) { #events-hero #events-hero-slide { min-height: calc(550px + var(--s-60)); margin: 0 0 var(--s-30); height: unset; } #events-upcoming .comp-event-card { all: unset; background: var(--cr-spink); } #events-upcoming .comp-event-card .event-card-image { opacity: 1; -webkit-transition: none; transition: none; } #events-upcoming .comp-event-card .event-card-content h2 { font-size: 60px; } } @media screen and (max-width: 900px) and (hover: hover) { #events-upcoming .comp-event-card:hover .event-card-image { opacity: 1; } #events-upcoming .comp-event-card:hover .event-card-content { color: var(--cr-black); } #events-upcoming .comp-event-card:hover .event-card-date h2 { color: var(--cr-blue); } } @media screen and (max-width: 900px) { #events-upcoming #event-list { margin: var(--s-c); } #events-upcoming .comp-event-card { position: relative; max-width: 450px; margin: 0 var(--s-15) var(--s-15) 0; width: calc(100%/2 - var(--s-15)/2); /* every 2nd child, no margin on right */ } #events-upcoming .comp-event-card:nth-of-type(2n) { margin-right: 0; } #events-upcoming .comp-event-card .event-card-image-wrap { position: relative; } #events-upcoming .comp-event-card .event-card-image-wrap:after { content: ''; display: block; padding-top: 60%; } #events-upcoming .comp-event-card .event-card-content { height: unset; } #events-upcoming .comp-event-card .event-card-content .event-card-title { margin-bottom: var(--s-15); } #events-upcoming .comp-event-card a { position: relative; width: 50%; height: var(--s-30); } } @media screen and (max-width: 600px) { #events-hero #events-hero-slide { min-height: calc(300px + var(--s-60)); } #events-upcoming #event-list .comp-event-card { width: 100%; max-width: unset; margin-right: 0; } } /* S14 EVENTS INDEX - END */ /* S15 EVENTS SINGLE */ #events-single .events-single-content { position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50%; padding: var(--s-s) var(--s-c) var(--s-s) var(--s-e); background: var(--cr-spink); } #events-single .events-single-content .event-date h2 { font-size: 120px; } #events-single .events-single-content .event-info span { display: inline-block; color: var(--cr-blue); margin-bottom: var(--s-30); } #events-single .events-single-content .event-info h3 { margin-bottom: var(--s-15); } #events-single .events-single-content .event-info p { margin-bottom: var(--s-45); } #events-single .events-single-image { position: relative; width: 50%; min-height: calc(100vh - var(--s-header) - var(--s-announcement)); } @media screen and (max-width: 900px) { #events-single { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #events-single .events-single-content { width: 100%; } #events-single .events-single-image { width: 100%; min-height: 450px; max-height: 70vh; } } @media screen and (max-width: 600px) { #events-single .events-single-image { min-height: 350px; max-height: 40vh; } #events-single .events-single-content .event-info span { margin-bottom: var(--s-15); } #events-single .events-single-content .event-info h3 { margin-bottom: var(--s-15); } #events-single .events-single-content .event-info p { margin-bottom: var(--s-30); } } /* S15 EVENTS SINGLE - END */ /* S15 APPLY */ #apply-page { padding: var(--s-s) 0; background: var(--cr-lavender); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #apply-page #apply-aside { width: 35%; margin-right: var(--s-120); } #apply-page #apply-aside #apply-filter { margin-top: var(--s-45); } #apply-page #apply-aside #apply-filter button { cursor: pointer; } #apply-page #apply-aside #apply-filter hr { border-color: var(--cr-black); } #apply-page #apply-positions { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #apply-page #apply-positions .position-container { padding: var(--s-30) var(--s-30) 0; overflow: hidden; background: var(--cr-white); } #apply-page #apply-positions .position-container:not(:last-child) { margin-bottom: var(--s-30); } #apply-page #apply-positions .position-container .position-header { position: relative; margin: 0 0 var(--s-30); cursor: pointer; } #apply-page #apply-positions .position-container .position-header .position-trigger { position: absolute; width: 25px; height: 25px; right: 0; top: 0; -webkit-transform: translate(0, 20%); transform: translate(0, 20%); } #apply-page #apply-positions .position-container .position-header .position-trigger svg { width: 100%; height: 100%; color: var(--cr-magenta); } #apply-page #apply-positions .position-container .position-header .position-trigger .svg-minus { opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } #apply-page #apply-positions .position-container .position-description { display: none; } #apply-page #apply-positions .position-container.collapse-active .position-description { opacity: 1; padding: 0 0 var(--s-30); } #apply-page #apply-positions .position-container.collapse-active .position-header .position-trigger .svg-plus { opacity: 0; } #apply-page #apply-positions .position-container.collapse-active .position-header .position-trigger .svg-minus { opacity: 1; } @media screen and (max-width: 900px) { #apply-page #apply-aside { width: 100%; margin: 0 0 var(--s-45); } #apply-page #apply-aside #apply-filter { display: none; } #apply-page #apply-positions .position-header h3 { max-width: 400px; } } @media screen and (max-width: 600px) { #apply-page #apply-positions .position-header h3 { max-width: 200px; } #apply-page #apply-positions .position-container:not(:last-child) { margin-bottom: var(--s-15); } } /* S15 APPLY -END */