#article-content { font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; font-weight: 400; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); width: 100vw } #article-content .glitched-text-title { display: flex; flex-wrap: wrap; align-items: center; line-height: 72px !important; margin: 16px 0 !important; font-size: 72px !important; font-weight: 600 !important; font-family: Teko, Oswald !important; position: relative; z-index: 1; word-break: break-word } @media (max-width: 991.98px) { #article-content .glitched-text-title { font-size: 56px !important } } #article-content .glitched-text-title span { -webkit-margin-end: 16px; margin-inline-end: 16px; } #article-content .glitched-text-title .filler { flex-grow: 1; height: 2px; --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); } #article-content .glitched-text-title .tilted-text { position: relative; top: -8px; } #article-content hr { margin-top: 8px; margin-bottom: 8px; margin-bottom: 80px; height: 4px; -webkit-mask: url('/wp-content/themes/regionals/assets/images/new/article/divider.png'); mask: url('/wp-content/themes/regionals/assets/images/new/article/divider.png'); background-color: #e3dfd9; transform: matrix(-1, 0, 0, 1, 0, 0); } #article-content strong { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; } #article-content .hero-container-mobile { width: 100%; background: url('/wp-content/themes/regionals/assets/images/new/shared/hero-bg.png') } @media (min-width: 992px) { #article-content .hero-container-mobile { display: none } } #article-content .hero-container-mobile img { width: 100%; margin-top: -5px; background-image: url('/wp-content/themes/regionals/assets/images/new/article/middle-texture-tiny.png'); } #article-content .hero-container-mobile .hero-grid { max-width: 1296px; display: grid; margin: auto; padding-left: 32px; padding-right: 32px; padding-top: 128px; position: relative; grid-template-columns: repeat(12, minmax(0, 1fr)); overflow: hidden } #article-content .hero-container-mobile .hero-grid .tags, #article-content .hero-container-mobile .hero-grid .title, #article-content .hero-container-mobile .hero-grid .excerpt, #article-content .hero-container-mobile .hero-grid hr, #article-content .hero-container-mobile .hero-grid .metadata-wrapper { grid-column: span 12 / span 12; grid-column-start: 1; } #article-content .hero-container-mobile .hero-grid .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 12px; text-transform: uppercase } #article-content .hero-container-mobile .hero-grid .tags a:hover { -webkit-filter: brightness(70%); } #article-content .hero-container-mobile .hero-grid .cover { margin-top: 40px; margin-bottom: 40px; position: relative; grid-column: span 10 / span 10; grid-column-start: 2 } @media (max-width: 991.98px) { #article-content .hero-container-mobile .hero-grid .cover { margin-left: -16px; margin-right: -16px; grid-column: span 12 / span 12; grid-column-start: 1 } } #article-content .hero-container-mobile .hero-grid .cover .cover-container { position: relative; width: 100%; padding-top: 56.25% } #article-content .hero-container-mobile .hero-grid .cover .cover-container img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; bottom: 0; width: 100%; height: 100%; border-radius: 4px; } #article-content .hero-container-mobile .hero-grid .cover .cover-container iframe { height: 100%; position: absolute; top: 0; width: 100%; border-radius: 4px; } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; height: 100%; font-size: 16px; padding-left: 32px; padding-right: 32px; position: absolute; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; top: 0; align-items: center; justify-content: space-between; border-radius: 4px; z-index: 2; transition: 0.7s } @media (max-width: 991.98px) { #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover { max-width: none; width: 100% } } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover span { z-index: 2; } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover .controls-cover { display: flex; height: 100%; position: absolute; width: 100%; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 2 } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover .controls-cover:after { content: ''; z-index: 2; transition: 0.7s; width: 100%; height: 6%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); background-color: white; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover .controls-cover:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; width: 10%; transition: 0.7s; height: 15%; content: ''; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button-bg-7.png'); background-size: contain; background-repeat: no-repeat; opacity: 0.8; } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover img { position: absolute; top: 0; left: 0; right: 0; z-index: 1; max-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 !important; transition: 0.7s; } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover:hover img { transition: 0.7s; -webkit-filter: brightness(50%); } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover:hover { cursor: pointer } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover:hover .controls-cover:after { transition: 0.7s; } #article-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover:hover .controls-cover:before { transition: 0.7s; opacity: 1; } #article-content .hero-container-mobile .hero-grid hr { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); margin-bottom: 0; } #article-content .hero-container-mobile .hero-grid .title { font-family: Teko, Oswald; font-weight: 600; font-size: 56px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; } #article-content .hero-container-mobile .hero-grid .filler { flex-grow: 1; height: 2px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } #article-content .hero-container-mobile .hero-grid .excerpt { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 16px; margin-bottom: 32px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200%; } #article-content .hero-container-mobile .hero-grid .metadata-wrapper { display: flex; align-items: center; justify-content: space-between } #article-content .hero-container-mobile .hero-grid .metadata-wrapper .metadata { display: flex; align-items: center; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 12px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200%; margin-top: 48px; margin-bottom: 36px } #article-content .hero-container-mobile .hero-grid .metadata-wrapper .metadata .metadata-divider { margin-left: 8px; margin-right: 8px; } #article-content .hero-container-mobile .hero-grid .metadata-wrapper .share { background-size: cover; display: flex; align-items: center; justify-content: center; height: 48px; width: 48px; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/dark-round-contour.svg') } @media (min-width: 992px) { #article-content .hero-container-mobile .hero-grid .metadata-wrapper .share { display: none } } #article-content .hero-container-mobile .hero-grid .metadata-wrapper .share .icon { height: 16px; width: 16px; } #article-content .hero-container-mobile .hero-grid .social-media-column { position: absolute; grid-column: span 1 / span 1; grid-column-start: 2; -webkit-margin-start: -60px; margin-inline-start: -60px; grid-row-start: 7; z-index: 1 } #article-content .hero-container-mobile .hero-grid .social-media-column.simple { grid-row-start: 6; } @media (max-width: 991.98px) { #article-content .hero-container-mobile .hero-grid .social-media-column { display: none } } #article-content .hero-container-mobile .hero-grid .social-media-column .social-media-wrapper { flex-direction: column; align-items: flex-start; justify-content: center } #article-content .hero-container-mobile .hero-grid .social-media-column .social-media-wrapper .icon { background-color: #727478; } #article-content .hero-container-mobile .hero-grid .social-media-column .share-button { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 12px; margin-top: 32px; margin-bottom: 32px; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; line-height: 40px; transform: rotate(180deg); display: flex; align-items: center } #article-content .hero-container-mobile .hero-grid .social-media-column .share-button .tooltip { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-top: 0; padding-bottom: 0; padding-left: 16px; padding-right: 16px; position: absolute; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; border-radius: 8px; top: calc(100% + 4px); transform: rotate(180deg); display: none } #article-content .hero-container-mobile .hero-grid .social-media-column .share-button .tooltip.active { display: initial; } #article-content .article-container { width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/article/middle-texture-tiny.png'); background-size: contain } #article-content .article-container .hero-bg { position: absolute; width: 100%; height: 100vh; max-height: 800px; background-image: url('/wp-content/themes/regionals/assets/images/new/article/hero-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: bottom } #article-content .article-container .hero-bg.simple { height: 236px; } @media (max-width: 991.98px) { #article-content .article-container .hero-bg { display: none } } #article-content .article-container .article-grid { max-width: 1296px; display: grid; margin: auto; padding-left: 32px; padding-right: 32px; padding-top: 128px; position: relative; grid-template-columns: repeat(12, minmax(0, 1fr)) } @media (max-width: 991.98px) { #article-content .article-container .article-grid { overflow: hidden; padding-top: 0 } } #article-content .article-container .article-grid .title-divider { margin-bottom: 64px; } #article-content .article-container .article-grid .hero-container-desktop { display: contents } @media (max-width: 991.98px) { #article-content .article-container .article-grid .hero-container-desktop { display: none } } #article-content .article-container .article-grid h2 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; margin-bottom: 12px } @media (max-width: 991.98px) { #article-content .article-container .article-grid h2 { font-size: 18px } } #article-content .article-container .article-grid h1 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 36px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; } #article-content .article-container .article-grid .wp-block-columns, #article-content .article-container .article-grid .wp-block-embed__wrapper, #article-content .article-container .article-grid figure.wp-block-image img, #article-content .article-container .article-grid figure.wp-block-video video, #article-content .article-container .article-grid p img, #article-content .article-container .article-grid span img, #article-content .article-container .article-grid p video, #article-content .article-container .article-grid span video, #article-content .article-container .article-grid p iframe, #article-content .article-container .article-grid div.wp-block-image, #article-content .article-container .article-grid div.wp-block-video, #article-content .article-container .article-grid .confluence-embedded-file-wrapper, #article-content .article-container .article-grid .tags, #article-content .article-container .article-grid .title, #article-content .article-container .article-grid .excerpt, #article-content .article-container .article-grid .metadata-wrapper, #article-content .article-container .article-grid hr { grid-column: span 10 / span 10; grid-column-start: 2; } @media (max-width: 767.98px) { #article-content .article-container .article-grid .wp-block-columns, #article-content .article-container .article-grid .wp-block-embed__wrapper, #article-content .article-container .article-grid figure.wp-block-image img, #article-content .article-container .article-grid figure.wp-block-video video, #article-content .article-container .article-grid p img, #article-content .article-container .article-grid span img, #article-content .article-container .article-grid p video, #article-content .article-container .article-grid span video, #article-content .article-container .article-grid p iframe, #article-content .article-container .article-grid div.wp-block-image, #article-content .article-container .article-grid div.wp-block-video, #article-content .article-container .article-grid .confluence-embedded-file-wrapper, #article-content .article-container .article-grid .tags, #article-content .article-container .article-grid .title, #article-content .article-container .article-grid .excerpt, #article-content .article-container .article-grid .metadata-wrapper, #article-content .article-container .article-grid hr { grid-column: span 12 / span 12; grid-column-start: 1; } } #article-content .article-container .article-grid p, #article-content .article-container .article-grid span, #article-content .article-container .article-grid div, #article-content .article-container .article-grid h1, #article-content .article-container .article-grid h2, #article-content .article-container .article-grid h3, #article-content .article-container .article-grid h4, #article-content .article-container .article-grid h5, #article-content .article-container .article-grid h6, #article-content .article-container .article-grid ol, #article-content .article-container .article-grid strong, #article-content .article-container .article-grid figure.wp-block-table, #article-content .article-container .article-grid figure.wp-block-pullquote, #article-content .article-container .article-grid blockquote, #article-content .article-container .article-grid blockquote.wp-block-quote { grid-column: span 10 / span 10; grid-column-start: 2; } @media (max-width: 575.98px) { #article-content .article-container .article-grid p, #article-content .article-container .article-grid span, #article-content .article-container .article-grid div, #article-content .article-container .article-grid h1, #article-content .article-container .article-grid h2, #article-content .article-container .article-grid h3, #article-content .article-container .article-grid h4, #article-content .article-container .article-grid h5, #article-content .article-container .article-grid h6, #article-content .article-container .article-grid ol, #article-content .article-container .article-grid strong, #article-content .article-container .article-grid figure.wp-block-table, #article-content .article-container .article-grid figure.wp-block-pullquote, #article-content .article-container .article-grid blockquote, #article-content .article-container .article-grid blockquote.wp-block-quote { grid-column: span 12 / span 12; grid-column-start: 1; } } #article-content .article-container .article-grid figure.wp-block-image figcaption, #article-content .article-container .article-grid figure.wp-block-video figcaption, #article-content .article-container .article-grid .wp-block-image figure figcaption, #article-content .article-container .article-grid .wp-block-video figure figcaption { grid-column: span 10 / span 10; grid-column-start: 2; } @media (max-width: 767.98px) { #article-content .article-container .article-grid figure.wp-block-image figcaption, #article-content .article-container .article-grid figure.wp-block-video figcaption, #article-content .article-container .article-grid .wp-block-image figure figcaption, #article-content .article-container .article-grid .wp-block-video figure figcaption { grid-column: span 12 / span 12; grid-column-start: 1; } } #article-content .article-container .article-grid.simple { padding-top: 216px } @media (max-width: 991.98px) { #article-content .article-container .article-grid.simple { padding-top: 0 } } @media (max-width: 991.98px) { #article-content .article-container .article-grid.simple .title { font-size: 56px } } @media (max-width: 991.98px) { #article-content .article-container .article-grid.simple .excerpt { font-size: 16px } } #article-content .article-container .article-grid .cover { margin-top: 40px; margin-bottom: 40px; position: relative; grid-column: span 10 / span 10; grid-column-start: 2 } @media (max-width: 991.98px) { #article-content .article-container .article-grid .cover { margin-left: -16px; margin-right: -16px; grid-column: span 12 / span 12; grid-column-start: 1 } } #article-content .article-container .article-grid .cover .cover-container { position: relative; width: 100%; padding-top: 56.25% } #article-content .article-container .article-grid .cover .cover-container img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; bottom: 0; width: 100%; height: 100%; border-radius: 4px; } #article-content .article-container .article-grid .cover .cover-container iframe { height: 100%; position: absolute; top: 0; width: 100%; border-radius: 4px } @media (max-width: 991.98px) { #article-content .article-container .article-grid .cover .cover-container iframe { max-width: none; left: -32px; width: 100vw } } #article-content .article-container .article-grid .cover .cover-container .video-cover { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; height: 100%; font-size: 16px; padding-left: 32px; padding-right: 32px; position: absolute; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; top: 0; align-items: center; justify-content: space-between; border-radius: 4px; z-index: 2; transition: 0.7s } @media (max-width: 991.98px) { #article-content .article-container .article-grid .cover .cover-container .video-cover { max-width: none; width: 100% } } #article-content .article-container .article-grid .cover .cover-container .video-cover span { z-index: 2; } #article-content .article-container .article-grid .cover .cover-container .video-cover .controls-cover { display: flex; height: 100%; position: absolute; width: 100%; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 2 } #article-content .article-container .article-grid .cover .cover-container .video-cover .controls-cover:after { content: ''; z-index: 2; transition: 0.7s; width: 100%; height: 6%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); background-color: white; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #article-content .article-container .article-grid .cover .cover-container .video-cover .controls-cover:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; width: 10%; transition: 0.7s; height: 15%; content: ''; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button-bg-7.png'); background-size: contain; background-repeat: no-repeat; opacity: 0.8; } #article-content .article-container .article-grid .cover .cover-container .video-cover img { position: absolute; top: 0; left: 0; right: 0; z-index: 1; max-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 !important; transition: 0.7s; } #article-content .article-container .article-grid .cover .cover-container .video-cover:hover img { transition: 0.7s; -webkit-filter: brightness(50%); } #article-content .article-container .article-grid .cover .cover-container .video-cover:hover { cursor: pointer } #article-content .article-container .article-grid .cover .cover-container .video-cover:hover .controls-cover:after { transition: 0.7s; } #article-content .article-container .article-grid .cover .cover-container .video-cover:hover .controls-cover:before { transition: 0.7s; opacity: 1; } #article-content .article-container .article-grid .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase } @media (max-width: 991.98px) { #article-content .article-container .article-grid .tags { font-size: 12px } } #article-content .article-container .article-grid .tags a:hover { -webkit-filter: brightness(70%); } #article-content .article-container .article-grid .title { font-family: Teko, Oswald; font-weight: 600; font-size: 72px; text-transform: uppercase } @media (max-width: 991.98px) { #article-content .article-container .article-grid .title { font-size: 56px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } } #article-content .article-container .article-grid .excerpt { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 18px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200% } @media (max-width: 991.98px) { #article-content .article-container .article-grid .excerpt { font-size: 16px; margin-bottom: 32px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } } #article-content .article-container .article-grid .metadata-wrapper { display: flex; align-items: center; justify-content: space-between } #article-content .article-container .article-grid .metadata-wrapper .metadata { display: flex; align-items: center; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200%; margin-top: 48px; margin-bottom: 36px } @media (max-width: 991.98px) { #article-content .article-container .article-grid .metadata-wrapper .metadata { font-size: 12px } } #article-content .article-container .article-grid .metadata-wrapper .metadata .metadata-divider { margin-left: 16px; margin-right: 16px } @media (max-width: 991.98px) { #article-content .article-container .article-grid .metadata-wrapper .metadata .metadata-divider { margin-left: 8px; margin-right: 8px } } #article-content .article-container .article-grid .metadata-wrapper .share { background-size: cover; display: flex; align-items: center; justify-content: center; height: 48px; width: 48px; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/dark-round-contour.svg') } @media (min-width: 992px) { #article-content .article-container .article-grid .metadata-wrapper .share { display: none } } #article-content .article-container .article-grid .metadata-wrapper .share .icon { height: 16px; width: 16px; } #article-content .article-container .article-grid .social-media-column { position: absolute; grid-column: span 1 / span 1; grid-column-start: 2; -webkit-margin-start: -60px; margin-inline-start: -60px; grid-row-start: 7; z-index: 1 } #article-content .article-container .article-grid .social-media-column.simple { grid-row-start: 6; } @media (max-width: 991.98px) { #article-content .article-container .article-grid .social-media-column { display: none } } #article-content .article-container .article-grid .social-media-column .social-media-wrapper { flex-direction: column; align-items: flex-start; justify-content: center } #article-content .article-container .article-grid .social-media-column .social-media-wrapper .icon { background-color: #727478; } #article-content .article-container .article-grid .social-media-column .share-button { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 12px; margin-top: 32px; margin-bottom: 32px; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; line-height: 40px; transform: rotate(180deg); display: flex; align-items: center } #article-content .article-container .article-grid .social-media-column .share-button .tooltip { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-top: 0; padding-bottom: 0; padding-left: 16px; padding-right: 16px; position: absolute; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; border-radius: 8px; top: calc(100% + 4px); transform: rotate(180deg); display: none } #article-content .article-container .article-grid .social-media-column .share-button .tooltip.active { display: initial; } #article-content .article-container .article-grid p { font-weight: 400; font-size: 18px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); margin-bottom: 18px; line-height: 36px; font-family: 'Roboto', sans-serif } @media (max-width: 991.98px) { #article-content .article-container .article-grid p { font-size: 16px } } #article-content .article-container .article-grid p a { font-weight: 600 } #article-content .article-container .article-grid p a:hover { -webkit-filter: brightness(70%); } #article-content .article-container .article-grid h1 .tilted-text-content, #article-content .article-container .article-grid h2 .tilted-text-content, #article-content .article-container .article-grid h3 .tilted-text-content { position: relative; -webkit-margin-end: 4px; margin-inline-end: 4px; top: -4px; } #article-content .article-container .article-grid h3 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 18px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; margin-bottom: 16px } @media (max-width: 991.98px) { #article-content .article-container .article-grid h3 { font-size: 16px } } #article-content .article-container .article-grid h4 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; position: relative; --tw-text-opacity: 1; color: rgba(213, 85, 17, var(--tw-text-opacity)); text-transform: uppercase; margin-bottom: 16px } @media (max-width: 991.98px) { #article-content .article-container .article-grid h4 { font-size: 16px } } #article-content .article-container .article-grid p iframe { position: relative; width: 100%; border-radius: 4px; margin-bottom: 24px } @media (max-width: 991.98px) { #article-content .article-container .article-grid p iframe { width: 100vw !important; max-width: none; right: -32px } } #article-content .article-container .article-grid p img, #article-content .article-container .article-grid p video { position: relative; width: 100%; } #article-content .article-container .article-grid p img, #article-content .article-container .article-grid p video { border-radius: 4px; margin-bottom: 24px; } @media (max-width: 991.98px) { #article-content .article-container .article-grid p img, #article-content .article-container .article-grid p video { width: 100vw !important; max-width: none; margin-left: -50vw; margin-right: -50vw; left: 50%; right: 50%; } } #article-content .article-container .article-grid figure.wp-block-image, #article-content .article-container .article-grid figure.wp-block-video, #article-content .article-container .article-grid .wp-block-image figure, #article-content .article-container .article-grid .wp-block-video figure { display: contents } #article-content .article-container .article-grid figure.wp-block-image > a, #article-content .article-container .article-grid figure.wp-block-video > a, #article-content .article-container .article-grid .wp-block-image figure > a, #article-content .article-container .article-grid .wp-block-video figure > a { border: none !important } #article-content .article-container .article-grid figure.wp-block-image > a:hover, #article-content .article-container .article-grid figure.wp-block-video > a:hover, #article-content .article-container .article-grid .wp-block-image figure > a:hover, #article-content .article-container .article-grid .wp-block-video figure > a:hover { cursor: auto; } #article-content .article-container .article-grid figure.wp-block-image > a, #article-content .article-container .article-grid figure.wp-block-video > a, #article-content .article-container .article-grid .wp-block-image figure > a, #article-content .article-container .article-grid .wp-block-video figure > a { grid-column: span 10 / span 10; grid-column-start: 2 } @media (max-width: 767.98px) { #article-content .article-container .article-grid figure.wp-block-image > a, #article-content .article-container .article-grid figure.wp-block-video > a, #article-content .article-container .article-grid .wp-block-image figure > a, #article-content .article-container .article-grid .wp-block-video figure > a { grid-column: span 12 / span 12; grid-column-start: 1 } } #article-content .article-container .article-grid figure.wp-block-image > a img:hover, #article-content .article-container .article-grid figure.wp-block-video > a img:hover, #article-content .article-container .article-grid .wp-block-image figure > a img:hover, #article-content .article-container .article-grid .wp-block-video figure > a img:hover { cursor: pointer; -webkit-filter: brightness(70%); } #article-content .article-container .article-grid figure.wp-block-image img, #article-content .article-container .article-grid figure.wp-block-image video, #article-content .article-container .article-grid figure.wp-block-video img, #article-content .article-container .article-grid figure.wp-block-video video, #article-content .article-container .article-grid .wp-block-image figure img, #article-content .article-container .article-grid .wp-block-image figure video, #article-content .article-container .article-grid .wp-block-video figure img, #article-content .article-container .article-grid .wp-block-video figure video { position: relative; } #article-content .article-container .article-grid figure.wp-block-image img, #article-content .article-container .article-grid figure.wp-block-image video, #article-content .article-container .article-grid figure.wp-block-video img, #article-content .article-container .article-grid figure.wp-block-video video, #article-content .article-container .article-grid .wp-block-image figure img, #article-content .article-container .article-grid .wp-block-image figure video, #article-content .article-container .article-grid .wp-block-video figure img, #article-content .article-container .article-grid .wp-block-video figure video { border-radius: 4px; margin-bottom: 24px; height: auto; } @media (max-width: 991.98px) { #article-content .article-container .article-grid figure.wp-block-image img, #article-content .article-container .article-grid figure.wp-block-image video, #article-content .article-container .article-grid figure.wp-block-video img, #article-content .article-container .article-grid figure.wp-block-video video, #article-content .article-container .article-grid .wp-block-image figure img, #article-content .article-container .article-grid .wp-block-image figure video, #article-content .article-container .article-grid .wp-block-video figure img, #article-content .article-container .article-grid .wp-block-video figure video { width: 100vw !important; max-width: none; margin-left: -50vw; margin-right: -50vw; left: 50%; right: 50%; } } #article-content .article-container .article-grid figure.wp-block-image video, #article-content .article-container .article-grid figure.wp-block-video video, #article-content .article-container .article-grid .wp-block-image figure video, #article-content .article-container .article-grid .wp-block-video figure video { width: 100%; } #article-content .article-container .article-grid figure.wp-block-image figcaption, #article-content .article-container .article-grid figure.wp-block-video figcaption, #article-content .article-container .article-grid .wp-block-image figure figcaption, #article-content .article-container .article-grid .wp-block-video figure figcaption { font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); margin-bottom: 80px; line-height: 28px; font-family: 'Roboto', sans-serif; } #article-content .article-container .article-grid figure.wp-block-pullquote p, #article-content .article-container .article-grid blockquote.wp-block-quote p { font-family: Teko, Oswald; font-weight: 600; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; line-height: 120%; letter-spacing: 0.05em; } #article-content .article-container .article-grid figure.wp-block-pullquote cite, #article-content .article-container .article-grid blockquote.wp-block-quote cite { font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); font-family: 'Roboto', sans-serif; font-style: normal; text-transform: none; } #article-content .article-container .article-grid figure.wp-block-pullquote p { font-size: 48px; margin-bottom: 16px } @media (max-width: 991.98px) { #article-content .article-container .article-grid figure.wp-block-pullquote p { font-size: 32px } } #article-content .article-container .article-grid figure.wp-block-pullquote::after, #article-content .article-container .article-grid figure.wp-block-pullquote::before { display: block; height: 16px; margin-left: 8px; margin-right: 8px; } #article-content .article-container .article-grid figure.wp-block-pullquote::after, #article-content .article-container .article-grid figure.wp-block-pullquote::before { content: ""; background: url('/wp-content/themes/regionals/assets/images/new/article/quote-border.png') no-repeat; } #article-content .article-container .article-grid figure.wp-block-pullquote::before { margin-bottom: 44px; } #article-content .article-container .article-grid figure.wp-block-pullquote::after { margin-top: 44px; margin-bottom: 44px; } #article-content .article-container .article-grid blockquote.wp-block-quote { position: relative; -webkit-padding-start: 32px; padding-inline-start: 32px; } #article-content .article-container .article-grid blockquote.wp-block-quote p { font-size: 32px; margin-bottom: 8px; } #article-content .article-container .article-grid blockquote.wp-block-quote { margin-bottom: 48px; } #article-content .article-container .article-grid blockquote.wp-block-quote:before { display: block; height: 80px; position: absolute; width: 16px; inset-inline-start: 0px; left: 0; content: ""; background: url('/wp-content/themes/regionals/assets/images/new/article/quote-left.png') no-repeat; } #article-content .article-container .article-grid ol, #article-content .article-container .article-grid ul { font-size: 18px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: none; } #article-content .article-container .article-grid ol, #article-content .article-container .article-grid ul { font-family: 'Roboto', sans-serif; list-style: none; counter-reset: item; margin-bottom: 18px; } @media (max-width: 991.98px) { #article-content .article-container .article-grid ol, #article-content .article-container .article-grid ul { font-size: 16px; } } #article-content .article-container .article-grid ol ul, #article-content .article-container .article-grid ul ul { -webkit-margin-start: 40px; margin-inline-start: 40px; margin-top: 10px; } #article-content .article-container .article-grid ol li, #article-content .article-container .article-grid ul li { font-weight: 400; margin-top: 0; margin-bottom: 16px; counter-increment: item; position: relative; } #article-content .article-container .article-grid ol li:last-child, #article-content .article-container .article-grid ul li:last-child { margin-bottom: 0; } #article-content .article-container .article-grid ol a:hover, #article-content .article-container .article-grid ul a:hover { -webkit-filter: brightness(70%); } #article-content .article-container .article-grid ol li { font-weight: 700; } #article-content .article-container .article-grid ol, #article-content .article-container .article-grid ul { grid-column: span 10 / span 10; grid-column-start: 2; } @media (max-width: 575.98px) { #article-content .article-container .article-grid ol, #article-content .article-container .article-grid ul { grid-column: span 12 / span 12; grid-column-start: 1; } } #article-content .article-container .article-grid ol li, #article-content .article-container .article-grid ul li { font-weight: 400; } #article-content .article-container .article-grid .wp-block-embed__wrapper { position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 24px } #article-content .article-container .article-grid .wp-block-embed__wrapper iframe { height: 100%; position: absolute; top: 0; width: 100%; border-radius: 4px; z-index: 1 } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-embed__wrapper iframe { max-width: none; left: -32px; width: 100vw } } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; height: 100%; font-size: 16px; padding-left: 32px; padding-right: 32px; position: absolute; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; top: 0; align-items: center; justify-content: space-between; border-radius: 4px; z-index: 2; transition: 0.7s } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover { max-width: none; left: -32px; width: 100vw } } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover span { z-index: 2; } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover .controls-cover { display: flex; height: 100%; position: absolute; width: 100%; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 2 } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover .controls-cover:after { content: ''; z-index: 2; transition: 0.7s; width: 100%; height: 6%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); background-color: white; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover .controls-cover:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; width: 10%; transition: 0.7s; height: 15%; content: ''; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button-bg-7.png'); background-size: contain; background-repeat: no-repeat; opacity: 0.8; } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover img { position: absolute; top: 0; left: 0; right: 0; z-index: 1; max-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 !important; transition: 0.7s; } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover:hover img { transition: 0.7s; -webkit-filter: brightness(50%); } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover:hover { cursor: pointer } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover:hover .controls-cover:after { transition: 0.7s; } #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover:hover .controls-cover:before { transition: 0.7s; opacity: 1; } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-embed__wrapper { width: 100vw; grid-column: span 12 / span 12; grid-column-start: 1 } } #article-content .article-container .article-grid .wp-block-embed { display: contents } #article-content .article-container .article-grid .wp-block-embed figcaption { font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); grid-column: span 10 / span 10; grid-column-start: 2; line-height: 28px; font-family: 'Roboto', sans-serif; margin-bottom: 80px } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-embed figcaption { grid-column: span 12 / span 12; grid-column-start: 1 } } #article-content .article-container .article-grid .wp-block-columns { display: flex; align-items: center; margin-bottom: 56px } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-columns { flex-direction: column } } #article-content .article-container .article-grid .wp-block-columns .wp-block-column { flex-grow: 1; flex-basis: 0 } @media (min-width: 992px) { #article-content .article-container .article-grid .wp-block-columns .wp-block-column { margin: 24px } } #article-content .article-container .article-grid .wp-block-columns .wp-block-column h2 { margin-top: 8px; } #article-content .article-container .article-grid .wp-block-columns .wp-block-column p { margin-bottom: 0; } #article-content .article-container .article-grid .wp-block-columns .wp-block-column img { left: 0; right: 0; } #article-content .article-container .article-grid .wp-block-gallery { grid-column: span 10 / span 10; grid-column-start: 2 } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-gallery { -webkit-margin-start: -61px; margin-inline-start: -61px; margin-bottom: 32px; width: 100vw } } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid * { outline: none; } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid { --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); width: 100% } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list { margin-bottom: 24px; overflow: initial } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list .slick-slide { padding-left: 16px; padding-right: 16px } } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item { margin-top: 0; margin-bottom: 0 } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item::before { content: none !important; } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure { grid-template-columns: repeat(9, minmax(0, 1fr)); display: grid !important } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure img { width: 100%; grid-column: span 10 / span 10; grid-column-start: 2; grid-row-start: 1; border-radius: 4px } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure img { grid-column: span 12 / span 12; grid-column-start: 1 } } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure .ripped-texture-gallery { height: 100%; width: 100%; grid-column: span 10 / span 10; grid-column-start: 2; grid-row-start: 1; background: url('/wp-content/themes/regionals/assets/images/new/article/ripped-texture.png') no-repeat; background-position: bottom; background-size: contain; } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure figcaption { font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); grid-column: span 10 / span 10; grid-column-start: 2; margin-top: 36px; font-family: 'Roboto', sans-serif; min-height: 21px } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure figcaption { margin-top: 16px; grid-column: span 12 / span 12; grid-column-start: 1; -webkit-margin-start: 16px; margin-inline-start: 16px } } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-arrow { z-index: 1; width: 24px; height: 24px; position: absolute; bottom: 0 } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .slick-arrow { bottom: -30px } } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .prev { inset-inline-end: 56px; right: 56px } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .prev:hover { cursor: pointer; -webkit-filter: brightness(70%); } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .next { inset-inline-end: 24px; right: 24px } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .next:hover { cursor: pointer; -webkit-filter: brightness(70%); } #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .gallery-counter { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 16px; position: absolute; -webkit-margin-start: 16px; margin-inline-start: 16px; bottom: 0; font-weight: 600 } @media (max-width: 991.98px) { #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .gallery-counter { bottom: -30px; inset-inline-start: 0 !important; left: 0 !important; -webkit-margin-start: 32px; margin-inline-start: 32px } } #article-content .article-container .article-grid figure.wp-block-table { margin-bottom: 48px } #article-content .article-container .article-grid figure.wp-block-table table { width: 100%; border-collapse: collapse } #article-content .article-container .article-grid figure.wp-block-table table tr { border-bottom: 2px solid #BFBFBF } #article-content .article-container .article-grid figure.wp-block-table table tr td, #article-content .article-container .article-grid figure.wp-block-table table tr th { font-size: 16px; padding-top: 24px; padding-bottom: 24px; padding-right: 16px; --tw-text-opacity: 1; color: rgba(114, 116, 120, var(--tw-text-opacity)); font-family: 'Roboto', sans-serif; max-width: 188px } #article-content .article-container .article-grid figure.wp-block-table table tr td a, #article-content .article-container .article-grid figure.wp-block-table table tr th a { border-bottom: 2px solid var(--article-color); } #article-content .article-container .article-grid figure.wp-block-table table tr th { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); text-transform: uppercase; } #article-content .end-tags-container { padding-bottom: 96px; position: relative; width: 100%; background: url('/wp-content/themes/regionals/assets/images/new/article/middle-texture-tiny.png') repeat } #article-content .end-tags-container .tags-grid { display: grid; margin: auto; padding-left: 32px; padding-right: 32px; position: relative; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px } #article-content .end-tags-container .tags-grid .x-spray { display: flex; align-items: center; position: relative; grid-column: span 10 / span 10; grid-column-start: 2 } @media (max-width: 991.98px) { #article-content .end-tags-container .tags-grid .x-spray { grid-column: span 12 / span 12; -webkit-margin-end: -40px; margin-inline-end: -40px } } #article-content .end-tags-container .tags-grid .x-spray hr { margin: auto } @media (min-width: 992px) { #article-content .end-tags-container .tags-grid .x-spray hr { flex-grow: 1 } } @media (max-width: 991.98px) { #article-content .end-tags-container .tags-grid .x-spray hr { width: 90% } } #article-content .end-tags-container .tags-grid .x-spray .x-spray-img { width: 160px; height: 120px; background-color: #dc7138; -webkit-margin-start: -70px; margin-inline-start: -70px; -webkit-mask: url('/wp-content/themes/regionals/assets/images/new/article/x-spray.svg'); mask: url('/wp-content/themes/regionals/assets/images/new/article/x-spray.svg'); } #article-content .end-tags-container .tags-grid .x-spray img { max-width: 160px } @media (max-width: 991.98px) { #article-content .end-tags-container .tags-grid .x-spray img { inset-inline-end: 0; top: -48px; position: absolute } } #article-content .end-tags-container .tags-grid h2 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; margin-top: -10px; margin-bottom: 8px } @media (max-width: 991.98px) { #article-content .end-tags-container .tags-grid h2 { font-size: 18px } } #article-content .end-tags-container .tags-grid h2 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 36px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 10 / span 10; grid-column-start: 2 } @media (max-width: 575.98px) { #article-content .end-tags-container .tags-grid h2 { grid-column: span 12 / span 12; grid-column-start: 1 } } #article-content .end-tags-container .tags-grid .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 16px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 10 / span 10; grid-column-start: 2 } #article-content .end-tags-container .tags-grid .tags a, #article-content .end-tags-container .tags-grid .tags span { -webkit-margin-end: 16px; margin-inline-end: 16px; } #article-content .end-tags-container .tags-grid .tags a:hover { --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); } @media (max-width: 991.98px) { #article-content .end-tags-container .tags-grid .tags { grid-column: span 12 / span 12 } } #article-content .bottom-paper { width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/article/middle-texture-tiny.png') } #article-content .bottom-paper img { width: 100%; } #article-content .up-next-container { position: relative; width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/body-bg-texture.png') } #article-content .up-next-container .up-next-grid { display: grid; margin: auto; padding-left: 32px; padding-right: 32px; padding-top: 96px; position: relative; -moz-column-gap: 48px; column-gap: 48px; row-gap: 16px; grid-template-columns: repeat(12, minmax(0, 1fr)); padding-bottom: 200px; max-width: 1296px } @media (max-width: 991.98px) { #article-content .up-next-container .up-next-grid { -moz-column-gap: 0; column-gap: 0 } } #article-content .up-next-container .up-next-grid .up-next-title, #article-content .up-next-container .up-next-grid .up-next-first, #article-content .up-next-container .up-next-grid .up-next-second { grid-column: span 5 / span 5; } @media (max-width: 991.98px) { #article-content .up-next-container .up-next-grid .up-next-title, #article-content .up-next-container .up-next-grid .up-next-first, #article-content .up-next-container .up-next-grid .up-next-second { grid-column: span 6 / span 6; } } @media (max-width: 767.98px) { #article-content .up-next-container .up-next-grid .up-next-title, #article-content .up-next-container .up-next-grid .up-next-first, #article-content .up-next-container .up-next-grid .up-next-second { grid-column: span 12 / span 12; } } #article-content .up-next-container .up-next-grid .up-next-title, #article-content .up-next-container .up-next-grid .up-next-first { grid-column-start: 2; } @media (max-width: 991.98px) { #article-content .up-next-container .up-next-grid .up-next-title, #article-content .up-next-container .up-next-grid .up-next-first { grid-column-start: 1; } } #article-content .up-next-container .up-next-grid .up-next-title { display: flex; font-family: Teko, Oswald; font-weight: 600; font-size: 56px; margin-bottom: 48px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; line-height: 56px } @media (min-width: 768px) { #article-content .up-next-container .up-next-grid .up-next-title { max-width: 400px } } #article-content .up-next-container .up-next-grid .up-next-title .filler { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); flex-grow: 1; -webkit-margin-start: 24px; margin-inline-start: 24px; margin-top: 78px; height: 2px; } #article-content .up-next-container .up-next-grid .card { max-width: unset; } @media (min-width: 768px) { #article-content .up-next-container .up-next-grid .up-next-second { margin-top: -104px } } #article-content .up-next-container .up-next-grid .up-next-second .keep-reading { display: flex; justify-content: flex-end; padding-top: 24px; position: relative } @media (min-width: 768px) { #article-content .up-next-container .up-next-grid .up-next-second .keep-reading { padding-top: 40px; -webkit-padding-end: 104px; padding-inline-end: 104px } } #article-content .up-next-container .up-next-grid .up-next-second .keep-reading .decoration { position: absolute; top: 0; grid-column: span 2 / span 2; grid-column-start: 10 } @media (min-width: 768px) { #article-content .up-next-container .up-next-grid .up-next-second .keep-reading .decoration { inset-inline-end: 0; right: 0 } } @media (max-width: 767.98px) { #article-content .up-next-container .up-next-grid .up-next-second .keep-reading .decoration { inset-inline-start: 88px; left: 88px; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-rotate: 90deg } } #article-content .up-next-container .up-next-grid .up-next-second .keep-reading .round-button { font-family: Teko, Oswald; font-weight: 600; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); letter-spacing: 0.05em; line-height: 120%; text-align: start } #article-content .up-next-container .up-next-grid .up-next-second .keep-reading .round-button .icon { height: 14px; width: 14px; } [lang="vi-VN"] #article-content .glitched-text-title, [lang="pl-PL"] #article-content .glitched-text-title, [lang="tr-TR"] #article-content .glitched-text-title { font-family: Oswald !important; line-height: 1.2em !important; } [lang="vi-VN"] #article-content .up-next-container .up-next-grid .up-next-title, [lang="pl-PL"] #article-content .up-next-container .up-next-grid .up-next-title, [lang="tr-TR"] #article-content .up-next-container .up-next-grid .up-next-title { font-family: Oswald; } .legal-table tr th, .legal-table tr td { font-size: 12px !important; line-height: 110% !important; padding: 10px 16px 10px 0 !important; word-break: break-word !important } .legal-table tr th p, .legal-table tr th div, .legal-table tr th a, .legal-table tr td p, .legal-table tr td div, .legal-table tr td a { font-size: 12px !important; margin-bottom: 5px !important; line-height: 110% !important; word-break: break-word !important; } .legal-table tr th strong, .legal-table tr td strong { font-size: 12px !important; line-height: 110% !important; word-break: break-word !important; } .legal-table.wide { grid-column: span 12 / span 12 !important; grid-column-start: 1 !important } html[dir="rtl"] #article-content .prev { /*inset-inline-end: 24px !important;*/ left: 56px; right: auto !important; transform: scaleX(-1); } html[dir="rtl"] #article-content .next { /*inset-inline-end: 56px !important;*/ left: 24px; right: auto !important; transform: scaleX(-1); } html[dir="rtl"] #article-content .share-button { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } html[dir="rtl"] #article-content .arrow-right-icon { transform: scaleX(1); } html[dir="rtl"] #article-content figure.wp-block-pullquote::after, html[dir="rtl"] #article-content figure.wp-block-pullquote::before { transform: scaleX(-1); } html[dir="rtl"] #article-content blockquote.wp-block-quote:before { right: 0; } @media (max-width: 767.98px) { html[dir="rtl"] #article-content .up-next-container .up-next-grid .decoration { right: 88px; } } @media (max-width: 991.98px) { html[dir="rtl"] #article-content .article-container .article-grid .wp-block-gallery .blocks-gallery-grid .gallery-counter { right: 0 !important; } html[dir="rtl"] #article-content .article-container .article-grid .wp-block-embed__wrapper .video-cover, html[dir="rtl"] #article-content .article-container .article-grid .wp-block-embed .wp-block-embed__wrapper iframe { right: -32px; } html[dir="rtl"] #article-content .article-container .article-grid p iframe { right: -32px; } html[dir="rtl"] #article-content .article-container .article-grid .table-of-contents { right: 0; } }html { width: 100%; overflow-x: hidden; } body { position: relative; scroll-behavior: smooth; overflow: hidden } body * { scrollbar-width: thin; scrollbar-color: #3d3f42 #26292d; } body *::-webkit-scrollbar-corner { --tw-bg-opacity: 1; background-color: rgba(14, 15, 17, var(--tw-bg-opacity)); } body *::-webkit-scrollbar { height: 11px; width: 11px; } body *::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.5); } body *::-webkit-scrollbar-thumb { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); border-radius: 6px; border: 2px solid rgba(0, 0, 0, 0.9); } body * { letter-spacing: 0.05em; } body video { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; } body input:focus, body input:active, body button:focus, body button:active { outline: 2px solid transparent; outline-offset: 2px; } body .offset { grid-column: span 1 / span 1 } @media (max-width: 991.98px) { body .offset { display: none } } body .container-fluid { display: grid; height: 100%; margin: auto; padding-left: 32px; padding-right: 32px; position: relative; width: 100%; -moz-column-gap: 0; column-gap: 0; max-width: 1296px; grid-template-columns: repeat(12, minmax(0, 1fr)) } @media (max-width: 1299.98px) { body .container-fluid { -moz-column-gap: 8px; column-gap: 8px; grid-template-columns: repeat(12, minmax(0, 1fr)) } } body .has-pale-pink-background-color { background-color: #f78da7 !important; } body .has-vivid-red-background-color { background-color: #cf2e2e !important; } body .has-luminous-vivid-orange-background-color { background-color: #ff6900 !important; } body .has-luminous-vivid-amber-background-color { background-color: #fcb900 !important; } body .has-light-green-cyan-background-color { background-color: #7bdcb5 !important; } body .has-vivid-green-cyan-background-color { background-color: #00d084 !important; } body .has-pale-cyan-blue-background-color { background-color: #8ed1fc !important; } body .has-vivid-cyan-blue-background-color { background-color: #0693e3 !important; } body .has-very-light-gray-background-color { background-color: #eee !important; } body .has-cyan-bluish-gray-background-color { background-color: #abb8c3 !important; } body .has-very-dark-gray-background-color { background-color: #313131 !important; } body .has-black-background-color { background-color: #000; } body .has-pale-pink-color { color: #f78da7 !important } body .has-pale-pink-color strong { color: #f78da7 !important; } body .has-vivid-red-color { color: #cf2e2e !important } body .has-vivid-red-color strong { color: #cf2e2e !important; } body .has-luminous-vivid-orange-color { color: #ff6900 !important } body .has-luminous-vivid-orange-color strong { color: #ff6900 !important; } body .has-luminous-vivid-amber-color { color: #fcb900 !important } body .has-luminous-vivid-amber-color strong { color: #fcb900 !important; } body .has-light-green-cyan-color { color: #7bdcb5 !important } body .has-light-green-cyan-color strong { color: #7bdcb5 !important; } body .has-vivid-green-cyan-color { color: #00d084 !important } body .has-vivid-green-cyan-color strong { color: #00d084 !important; } body .has-pale-cyan-blue-color { color: #8ed1fc !important } body .has-pale-cyan-blue-color strong { color: #8ed1fc !important; } body .has-vivid-cyan-blue-color { color: #0693e3 !important } body .has-vivid-cyan-blue-color strong { color: #0693e3 !important; } body .has-black-color { color: #000 !important } body .has-black-color strong { color: #000 !important; } body .has-white-color { color: #fff !important } body .has-white-color strong { color: #fff !important; } body .has-very-light-gray-color { color: #eee !important } body .has-very-light-gray-color strong { color: #eee !important; } body .has-cyan-bluish-gray-color { color: #abb8c3 !important } body .has-cyan-bluish-gray-color strong { color: #abb8c3 !important; } body .has-very-dark-gray-color { color: #313131 !important } body .has-very-dark-gray-color strong { color: #313131 !important; } .wp-block-cover,.wp-block-cover-image { align-items: center; background-position: 50%; background-size: cover; box-sizing: border-box; display: flex; justify-content: center; min-height: 430px; padding: 1em; position: relative; width: 100% } .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax { background-attachment: fixed } @supports (-webkit-overflow-scrolling:touch) { .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax { background-attachment: scroll } } @media (prefers-reduced-motion:reduce) { .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax { background-attachment: scroll } } .wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated { background-repeat: repeat; background-size: auto } .wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]) { background-color: #000 } .wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before { background-color: inherit; content: "" } .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background { bottom: 0; left: 0; opacity: .5; position: absolute; right: 0; top: 0; z-index: 1 } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before { opacity: .1 } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before { opacity: .2 } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before { opacity: .3 } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before { opacity: .4 } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before { opacity: .5 } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before { opacity: .6 } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before { opacity: .7 } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before { opacity: .8 } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before { opacity: .9 } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before { opacity: 1 } .wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright { max-width: 420px; width: 100% } .wp-block-cover-image:after,.wp-block-cover:after { content: ""; display: block; font-size: 0; min-height: inherit } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-cover-image:after,.wp-block-cover:after { content:none } } .wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright { display: flex } .wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container { color: #fff; width: 100%; z-index: 1 } .wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color) { color: inherit } .wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start } .wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center } .wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end } .wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start } .wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center { align-items: center; justify-content: center } .wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end } .wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start } .wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center } .wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; width: auto } .wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background { border: none; bottom: 0; box-shadow: none; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; -o-object-fit: cover; object-fit: cover; outline: none; padding: 0; position: absolute; right: 0; top: 0; width: 100% } .wp-block-cover__image-background,.wp-block-cover__video-background { z-index: 0 } .wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover { color: #fff } .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start } .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end } .wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2 { margin-left: 0; text-align: left } .wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2 { margin-right: 0; text-align: right } .wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2 { font-size: 2em; line-height: 1.25; margin-bottom: 0; max-width: 840px; padding: .44em; text-align: center; z-index: 1 } .wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"] { max-width: 360px; width: 100% } .wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper { min-width: 280px } .wp-block-cover .wp-block-embed { min-height: 240px; min-width: 320px } .main-button, .secondary-button, .main-dropdown { display: flex; align-items: center; font-weight: 700; } .main-button .main-icon, .secondary-button .main-icon, .main-dropdown .main-icon { height: 16px; width: 16px; -webkit-margin-end: 8px; margin-inline-end: 8px; } .main-button .secondary-icon, .secondary-button .secondary-icon, .main-dropdown .secondary-icon { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; -webkit-margin-start: 4px; margin-inline-start: 4px; } .main-button, .secondary-button { justify-content: center; height: 48px; font-size: 16px; text-transform: uppercase; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; -webkit-margin-end: 16px; margin-inline-end: 16px; } .main-button, .secondary-button { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .main-button.logout, .secondary-button.logout { display: none; } .main-button { --tw-bg-opacity: 1; background-color: rgba(242, 240, 237, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); width: 160px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-white.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-white.svg') } .main-button:hover, .main-button:focus { background: #E3DFD9; } .main-button:active { background: #E3DFD9; } .main-button.open .secondary-icon { transform: rotate(-180deg); } .main-button .main-icon { display: none; } .main-button .secondary-icon { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); } .secondary-button { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); width: 120px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-black.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-black.svg') } .secondary-button:hover, .secondary-button:focus { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); } .secondary-button:active { --tw-bg-opacity: 1; background-color: rgba(14, 15, 17, var(--tw-bg-opacity)); } .secondary-button .main-icon { opacity: 0.25; } .secondary-button .secondary-icon { opacity: 0.7; width: 16px; height: 16px; } .main-dropdown { font-size: 12px } @media (min-width: 992px) and (max-width: 1075px) { .main-dropdown { font-size: 10px } } .main-dropdown:hover, .main-dropdown:focus { --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); } .main-dropdown:hover .secondary-icon, .main-dropdown:focus .secondary-icon { --tw-bg-opacity: 1; background-color: rgba(191, 191, 191, var(--tw-bg-opacity)); } .main-dropdown:active { --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)) } .main-dropdown:active .secondary-icon { --tw-bg-opacity: 1; background-color: rgba(114, 114, 114, var(--tw-bg-opacity)); } .main-dropdown.open .secondary-icon { transform: rotate(-180deg); } .main-dropdown .main-icon { opacity: 0.7; } .close-button { display: flex; align-items: center; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 14px; position: fixed; top: 136px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; inset-inline-end: 136px } .close-button:hover, .close-button:focus { --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); } .close-button:hover .icon, .close-button:focus .icon { --tw-bg-opacity: 1; background-color: rgba(114, 114, 114, var(--tw-bg-opacity)); } .close-button:active { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } .close-button:active .icon { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .close-button.show { opacity: 1; visibility: visible; } .close-button .icon { --tw-bg-opacity: 1; background-color: rgba(191, 191, 191, var(--tw-bg-opacity)); -webkit-margin-start: 4px; margin-inline-start: 4px; transition-duration: 0ms; } .close-button .main-icon { display: none; } @-webkit-keyframes glitch { 0% { transform: translate(0, 0); } 25% { transform: translate(10px, -10px); } 50% { transform: translate(10px, 10px); } 75% { transform: translate(-10px, 10px); } 100% { transform: translate(0px, 0px); } } @keyframes glitch { 0% { transform: translate(0, 0); } 25% { transform: translate(10px, -10px); } 50% { transform: translate(10px, 10px); } 75% { transform: translate(-10px, 10px); } 100% { transform: translate(0px, 0px); } } .round-button { display: flex; flex-direction: column-reverse; justify-content: center; height: 160px; position: relative; width: 176px; -webkit-padding-end: 32px; padding-inline-end: 32px; -webkit-padding-start: 48px; padding-inline-start: 48px; font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; font-weight: 400; font-size: 24px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; line-height: 120%; letter-spacing: 0.1em; transform-origin: bottom } .round-button:hover { -webkit-animation-name: glitch; animation-name: glitch; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-timing-function: step-end; animation-timing-function: step-end; } .round-button:hover .button-border, .round-button:focus .button-border, .round-button:hover .icon, .round-button:focus .icon { --tw-bg-opacity: 1; background-color: rgba(255, 164, 47, var(--tw-bg-opacity)); } .round-button:active .button-border, .round-button:active .icon { --tw-bg-opacity: 1; background-color: rgba(235, 134, 3, var(--tw-bg-opacity)); } .round-button .button-border-scribble { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); height: 100%; position: absolute; top: 0; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; inset-inline-end: 0; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/contour.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/contour.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .round-button .button-border { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); height: 100%; position: absolute; top: 0; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; left: 0; inset-inline-end: 0; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/contour.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/contour.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .round-button .icon { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)) } @media (max-width: 767.98px) { .round-button .icon { -webkit-margin-end: 8px; margin-inline-end: 8px } } [lang="vi-VN"] #latestNews .news-content .news-container .main-news .keep-reading .round-button { font-family: 'Oswald'; } .round-button-scribble { display: flex; flex-direction: column-reverse; justify-content: center; height: 160px; padding-left: 32px; padding-right: 32px; position: relative; font-family: Teko, Oswald; font-weight: 700; font-size: 24px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 232px; text-align: center } .round-button-scribble:hover { -webkit-animation-name: glitch; animation-name: glitch; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-timing-function: step-end; animation-timing-function: step-end; } .round-button-scribble { line-height: 120%; letter-spacing: 0.1em; transform-origin: bottom } @media (max-width: 767.98px) { .round-button-scribble { width: 181px; align-items: center; font-weight: 400; font-size: 16px; white-space: nowrap } } .round-button-scribble:hover .button-border, .round-button-scribble:focus .button-border, .round-button-scribble:hover .icon, .round-button-scribble:focus .icon { --tw-bg-opacity: 1; background-color: rgba(255, 164, 47, var(--tw-bg-opacity)); } .round-button-scribble .button-border { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); height: 100%; position: absolute; top: 0; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; left: 0; inset-inline-end: 0; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/contour.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/contour.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center } @media (max-width: 767.98px) { .round-button-scribble .button-border { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/contour-mobile.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/contour-mobile.svg') } } .round-button-scribble .icon { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms } @media (max-width: 767.98px) { .round-button-scribble .icon { -webkit-margin-end: 8px; margin-inline-end: 8px } } [lang="vi-VN"] .round-button-scribble { font-family: 'Oswald'; } .load-more-button { grid-column: span 2/ span 2; grid-column-start: 6; margin: 48px 0 80px; -webkit-mask-size: cover; padding: 0 48px; width: 100%; border-radius: 6px } @media (max-width: 767.98px) { .load-more-button { grid-column: span 12/ span 12; grid-column-start: 1 } } html[dir="rtl"] button .button-border { right: 0; }.light { border: 1px solid #e3dfd9; background: #f2f0ed } .light .title h2, .light .title h1 { --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); } .light .excerpt { --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); } .light .metadata { --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); } .dark { border: 1px solid #3d3f42; background: #26292d } .dark .title h2, .dark .title h1 { --tw-text-opacity: 1; color: rgba(236, 233, 228, var(--tw-text-opacity)); } .dark .excerpt { --tw-text-opacity: 1; color: rgba(236, 233, 228, var(--tw-text-opacity)); } .dark .metadata { font-weight: 700; color: #ece9e4; opacity: 0.5; } .card { display: flex; overflow: hidden; position: relative; width: 100%; flex-direction: column; height: 464px; max-width: 400px; border-radius: 4px } .card .content { display: flex; flex-direction: column; padding: 16px; width: 100%; flex-grow: 1 } .card .content a { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; } .card .content a:hover { -webkit-filter: brightness(70%); } .card .content .title { margin-bottom: 16px; position: relative; width: 100% } .card .content .title h2, .card .content .title h1 { font-family: Teko, Oswald; font-weight: 600; } .card .content .title h2, .card .content .title h1 { line-height: 36px; } .card .content .excerpt { font-weight: 400; font-size: 16px; font-family: 'Roboto', sans-serif; text-transform: none; flex-grow: 1; } .card .content .metadata { display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 12px; margin-bottom: 16px; text-transform: uppercase; width: 100% } .card .content .metadata .tags { flex-grow: 1 } .card .content .metadata .tags span:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } .card .content .metadata .tags a:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } .card .content .bottom { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 14px; padding: 0; text-transform: uppercase; width: 100%; height: 36px; text-align: end } .card .content .bottom .label { border-bottom: 4px solid; height: 100% } .card .content .bottom .label i { height: 12px; width: 12px; } .card .content .bottom .label a { position: relative; display: inline-block } .card .content .bottom .label a:hover { -webkit-filter: brightness(70%); } [lang="vi-VN"] .card .content .title h2, [lang="vi-VN"] .card .content .title h1, [lang="pl-PL"] .card .content .title h2, [lang="pl-PL"] .card .content .title h1, [lang="tr-TR"] .card .content .title h2, [lang="tr-TR"] .card .content .title h1 { font-family: Oswald; } .media-card .image-container { width: 100%; padding-top: 56.25%; position: relative } .media-card .image-container .thumbnail { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; bottom: 0; width: 100%; height: 100%; border-radius: 4px; } .media-card .image-container .mask { position: absolute; bottom: 0; width: 100%; height: auto; } .media-card .content { height: 240px } .media-card .content .title h2, .media-card .content .title h1 { line-height: 36px; font-size: 32px; text-transform: uppercase; } [lang="vi-VN"] .media-card .content .title h2, [lang="vi-VN"] .media-card .content .title h1, [lang="pl-PL"] .media-card .content .title h2, [lang="pl-PL"] .media-card .content .title h1, [lang="tr-TR"] .media-card .content .title h2, [lang="tr-TR"] .media-card .content .title h1 { font-family: Oswald; } .text-card .content { height: 100% } .text-card .content .title { display: flex; padding-top: 24px; padding-bottom: 24px; min-height: 232px; border-bottom: 1px dashed #ad998b } .text-card .content .title h2, .text-card .content .title h1 { font-size: 48px; text-transform: uppercase; } .text-card .content .title h2, .text-card .content .title h1 { align-self: center; line-height: 120%; word-break: break-word; font-size: 32px; } html[dir="rtl"] .card .icon { transform: scaleX(1); } html[dir="rtl"] .card .hover-border { left: 0; }#cookie-law-info-bar { padding: 24px !important; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important; color: #F2F0ED !important; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/body-bg-texture.png') !important; background-size: cover !important } #cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-black.svg') !important; mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-black.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: cover !important; mask-size: cover !important; border-radius: 4px !important; padding: 12px !important; text-transform: uppercase !important; color: #333333 !important; } #cookie-law-info-bar .cli-bar-btn_container .wt-cli-accept-all-btn { background-color: #F39821 !important } #cookie-law-info-bar .cli-bar-btn_container .wt-cli-accept-all-btn:hover { -webkit-filter: brightness(70%); } #cliSettingsPopup .cli-modal-content { padding-top: 40px !important; } #cliSettingsPopup .cli-tab-section table { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important } #cliSettingsPopup .cli-tab-section table thead tr th { background-color: #F39821 !important; color: #333333 !important; text-transform: uppercase !important; } #cliSettingsPopup .cli-tab-section .cli-switch input:checked + .cli-slider { background-color: #F39821 !important; } #cliSettingsPopup .cli_setting_save_button { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-black.svg') !important; mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-black.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: cover !important; mask-size: cover !important; border-radius: 4px !important; padding: 12px !important; text-transform: uppercase !important; color: #333333 !important; background-color: #F39821 !important; } #corporateSocialResponsibility { display: none !important; display: flex; align-items: center; position: relative; min-height: 844px; background: url('/wp-content/themes/regionals/assets/images/new/home/csr/bg-image.png') center bottom repeat-x, url('/wp-content/themes/regionals/assets/images/new/shared/body-bg-texture.png') repeat } #corporateSocialResponsibility .chicken { position: absolute; bottom: 0; z-index: 0; inset-inline-start: 80px } @media (max-width: 991.98px) { #corporateSocialResponsibility .chicken { display: none } } #corporateSocialResponsibility .csr-container { display: grid; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; width: 100%; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px } @media (min-width: 992px) { #corporateSocialResponsibility .csr-container { margin-top: 200px } } #corporateSocialResponsibility .csr-container .title-description { z-index: 20; grid-column: span 4 / span 4; grid-column-start: 2 } @media (max-width: 1299.98px) { #corporateSocialResponsibility .csr-container .title-description { grid-column: span 5 / span 5; grid-column-start: 1 } } @media (max-width: 991.98px) { #corporateSocialResponsibility .csr-container .title-description { margin-bottom: 80px; margin-top: -24px; grid-column: span 12 / span 12 } } #corporateSocialResponsibility .csr-container .title-description h1 { font-family: Teko, Oswald; font-weight: 600; font-size: 56px; line-height: 100%; letter-spacing: 0.05em; color: #fafafa; text-transform: uppercase } @media (max-width: 575.98px) { #corporateSocialResponsibility .csr-container .title-description h1 { max-width: 240px } } #corporateSocialResponsibility .csr-container .title-description h1 span { font-size: 80px; -webkit-margin-start: 16px; margin-inline-start: 16px; } #corporateSocialResponsibility .csr-container .title-description p { font-weight: 400; font-size: 16px; margin-top: 32px; margin-bottom: 56px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); font-family: 'Roboto', sans-serif; line-height: 36px } @media (max-width: 991.98px) { #corporateSocialResponsibility .csr-container .title-description p { line-height: 200%; margin-top: 24px; margin-bottom: 32px } } @media (max-width: 767.98px) { #corporateSocialResponsibility .csr-container .title-description p { -webkit-margin-start: 16px; margin-inline-start: 16px } } #corporateSocialResponsibility .csr-container .title-description a { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 100%; letter-spacing: 0.05em; color: #f39720 } @media (max-width: 991.98px) { #corporateSocialResponsibility .csr-container .title-description a { font-size: 12px; --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } } @media (max-width: 767.98px) { #corporateSocialResponsibility .csr-container .title-description a { -webkit-margin-start: 16px; margin-inline-start: 16px } } #corporateSocialResponsibility .csr-container .title-description a .icon { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); height: 16px; width: 16px; -webkit-margin-start: 16px; margin-inline-start: 16px } @media (max-width: 991.98px) { #corporateSocialResponsibility .csr-container .title-description a .icon { --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); height: 8px; width: 8px; -webkit-margin-start: 8px; margin-inline-start: 8px } } #corporateSocialResponsibility .csr-container .image { z-index: 10; grid-column: span 7 / span 7 } @media (max-width: 991.98px) { #corporateSocialResponsibility .csr-container .image { margin-left: -32px; margin-right: -32px; grid-column: span 12 / span 12; grid-row-start: 1 } } #corporateSocialResponsibility .csr-container .image img { -webkit-margin-start: auto; margin-inline-start: auto } @media (max-width: 991.98px) { #corporateSocialResponsibility .csr-container .image img { margin-left: auto; margin-right: auto } } html[dir="rtl"] #corporateSocialResponsibility .chicken { transform: scaleX(-1); } html[dir="rtl"] #corporateSocialResponsibility .arrow-right-icon { transform: rotate(0); }.event-item { position: relative } .event-item .date-container { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; text-transform: uppercase; width: 54px; height: 64px; background-color: black; position: absolute; top: 0px; left: 32px; inset-inline-start: 32px; z-index: 4; text-align: center; letter-spacing: 0.05em } .event-item .date-container .day { font-size: 24px; line-height: 36px; } .event-item .date-container .month { font-size: 14px; line-height: 28px; } .event-item .content { z-index: 3; display: flex; flex-direction: column; height: calc(100% - 32px); position: relative; top: 32px } .event-item .content .title { flex-grow: 1; width: 100%; display: flex; position: relative } .event-item .content .title h1 { font-family: Teko, Oswald; font-weight: 600; font-size: 42px; padding-left: 40px; padding-right: 40px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; align-self: flex-end; line-height: 56px } .event-item .content .title h1 a:hover { -webkit-filter: brightness(70%); } .event-item .content .bottom { padding-left: 40px; padding-right: 40px; padding-top: 24px; width: 100%; width: 100%; height: 160px; position: relative; margin-bottom: 32px } .event-item .content .bottom .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; padding-bottom: 24px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; text-opacity: 0.5 } .event-item .content .bottom .tags a:hover { -webkit-filter: brightness(70%); } .event-item .content .bottom .when-where { display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 16px; padding-top: 16px; padding-bottom: 16px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; justify-content: space-between; } .event-item .content .bottom .when-where:hover { -webkit-filter: brightness(70%); cursor: pointer; } .event-item .content .bottom .when-where .arrow .icon { height: 16px; } .event-item .content .bottom .when-where { border-top: 2px dotted; border-bottom: 4px solid; } .event-item img { position: absolute; top: 32px; right: 0; width: 100%; height: calc(100% - 32px); -o-object-fit: cover; object-fit: cover; } .event-item .glue-bg { z-index: 2; } .event-item .cover { z-index: 1; } html[dir="rtl"] .event-item .arrow-chevron-icon { transform: rotate(180deg) !important; } html[dir="rtl"] .event-item .date-container { right: 32px; }#events-list { font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; font-weight: 400; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); width: 100vw; --scrollbar-width: calc(100vw - 100%); padding-top: 180px; background-image: url('/wp-content/themes/regionals/assets/images/new/events-list/bg-texture.png'), url('/wp-content/themes/regionals/assets/images/new/events-list/droplets.png'); background-repeat: repeat, no-repeat } @media (max-width: 767.98px) { #events-list { padding-top: 130px } } #events-list .hero { position: relative; z-index: 2 } #events-list .hero .noise { position: absolute; top: 0; inset-inline-end: 0; right: 0; } #events-list .hero .hero-grid { display: grid; margin-left: auto; margin-right: auto; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px } @media (max-width: 767.98px) { #events-list .hero .hero-grid { padding: 16px } } #events-list .hero .hero-grid .droplets { position: absolute; width: 100%; top: 0; inset-inline-start: 0; left: 0; inset-inline-end: 0; right: 0; height: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/events-list/droplets.png'); background-size: 100%; background-repeat: no-repeat; } #events-list .hero .hero-grid .halftone { height: 100%; position: absolute; inset-inline-end: calc(100% - 180px); right: calc(100% - 180px); z-index: 2; width: auto; max-width: none } @media (max-width: 767.98px) { #events-list .hero .hero-grid .halftone { display: none } } #events-list .hero .hero-grid .halftone-mobile { position: absolute; height: 300px; top: 50px; inset-inline-start: -16px; left: -16px; z-index: 2; width: auto; max-width: none } @media (min-width: 768px) { #events-list .hero .hero-grid .halftone-mobile { display: none } } #events-list .hero .hero-grid .title { font-family: Teko, Oswald; font-weight: 600; font-size: 96px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 3 / span 3; grid-column-start: 2; line-height: 96px; grid-row: 1; z-index: 3 } @media (max-width: 767.98px) { #events-list .hero .hero-grid .title { grid-row: auto; font-size: 72px; padding-left: 16px; padding-right: 16px; grid-column: span 12 / span 12; grid-column-start: 1 } } #events-list .hero .hero-grid .featured-event { grid-column: span 10 / span 10; grid-column-start: 2; position: relative; margin-top: 150px; grid-row: 1; z-index: 1 } @media (max-width: 767.98px) { #events-list .hero .hero-grid .featured-event { grid-row: auto; font-size: 72px; margin-top: -48px; grid-column: span 12 / span 12; grid-column-start: 1 } } #events-list .hero .hero-grid .featured-event .cover { width: 100% } @media (max-width: 767.98px) { #events-list .hero .hero-grid .featured-event .cover { height: 400px; -o-object-fit: cover; object-fit: cover; width: auto } } #events-list .hero .hero-grid .featured-event .ripped-overlay { position: absolute; inset-inline-start: 0; left: 0; bottom: 10%; width: 10%; height: 10%; background-image: url('/wp-content/themes/regionals/assets/images/new/events-list/ripped-texture.png') } @media (max-width: 767.98px) { #events-list .hero .hero-grid .featured-event .ripped-overlay { display: none } } #events-list .hero .hero-grid .featured-event .glue-overlay { position: absolute; width: 100%; height: 100%; top: 0; inset-inline-start: 0; left: 0; background-image: url('/wp-content/themes/regionals/assets/images/new/events-list/glue-texture.png'); } #events-list .hero .hero-grid .featured-details { padding: 64px; position: relative; grid-column: span 4 / span 4; grid-column-start: 8; grid-row: 1; z-index: 2; margin-top: 150px; background-image: url('/wp-content/themes/regionals/assets/images/new/events-list/featured-bg.png'); background-size: contain; background-position: top center; background-repeat: no-repeat } @media (max-width: 767.98px) { #events-list .hero .hero-grid .featured-details { margin-top: -90px; grid-row: auto; background-image: url('/wp-content/themes/regionals/assets/images/new/events-list/featured-bg-mobile.png'); background-size: cover; margin-left: 16px; margin-right: 16px; margin-top: -88px; padding-left: 16px; padding-right: 16px; padding-top: 56px; padding-bottom: 56px; grid-column: span 12 / span 12; grid-column-start: 1 } } #events-list .hero .hero-grid .featured-details .date-container { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; text-transform: uppercase; width: 54px; height: 64px; background-color: black; position: absolute; top: -32px; inset-inline-start: 64px; left: 64px; z-index: 4; text-align: center; letter-spacing: 0.05em } @media (max-width: 767.98px) { #events-list .hero .hero-grid .featured-details .date-container { inset-inline-start: 16px; left: 16px } } #events-list .hero .hero-grid .featured-details .date-container .day { font-size: 24px; line-height: 36px; } #events-list .hero .hero-grid .featured-details .date-container .month { font-size: 14px; line-height: 28px; } #events-list .hero .hero-grid .featured-details .featured-title { font-family: Teko, Oswald; font-weight: 600; font-size: 48px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 80%; line-height: 120%; letter-spacing: 0.05em } @media (max-width: 767.98px) { #events-list .hero .hero-grid .featured-details .featured-title { font-size: 32px; width: 100% } } #events-list .hero .hero-grid .featured-details .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; padding-top: 16px; padding-bottom: 16px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; width: 80%; border-bottom: 2px dotted } @media (max-width: 767.98px) { #events-list .hero .hero-grid .featured-details .tags { width: 100% } } #events-list .hero .hero-grid .featured-details .tags a:hover { --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); } #events-list .hero .hero-grid .featured-details .metadata { display: flex; justify-content: space-between; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; padding-top: 8px; padding-bottom: 8px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; width: 80%; letter-spacing: 0.05em; line-height: 200%; border-bottom: 4px solid } #events-list .hero .hero-grid .featured-details .metadata .icon { height: 16px; width: 16px; margin-top: 6px; } @media (max-width: 767.98px) { #events-list .hero .hero-grid .featured-details .metadata { width: 100% } } #events-list .hero .hero-grid .featured-details .metadata:hover { cursor: pointer; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); } #events-list .events-section { position: relative; width: 100% } #events-list .events-section .events-bg { display: flex; margin-left: auto; margin-right: auto; position: absolute; width: 100%; max-width: 1296px; inset-inline-start: 0; inset-inline-end: 0; left: 0; right: 0; margin-top: -20px; margin-bottom: 150px; height: calc(100% - 130px); z-index: 1 } #events-list .events-section .events-bg .paper-bottom, #events-list .events-section .events-bg .paper-top { z-index: 1; position: absolute; inset-inline-start: 0; left: 0; inset-inline-end: 0; right: 0 } #events-list .events-section .events-bg .paper-bottom img, #events-list .events-section .events-bg .paper-top img { width: 100%; max-width: 1296px; height: 46px; } #events-list .events-section .events-bg .paper-top { margin-left: auto; margin-right: auto; z-index: 1; bottom: 100%; } #events-list .events-section .events-bg .paper-bottom { z-index: 1; top: 100% } #events-list .events-section .events-bg .paper-bottom img { max-width: 1296px; transform: rotate(180deg); } #events-list .events-section .events-bg .outer-container { height: 100%; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; width: 100%; position: absolute; inset-inline-start: 0; left: 0; inset-inline-end: 0; right: 0; background-image: url('/wp-content/themes/regionals/assets/images/new/latest-news/rectangle.png'); max-width: 1296px; } #events-list .events-section .events-content { padding-top: 64px; width: 100%; z-index: 2; position: relative } #events-list .events-section .events-content .month-grid { display: grid; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px } @media (max-width: 767.98px) { #events-list .events-section .events-content .month-grid { padding-left: 32px; padding-right: 32px } } #events-list .events-section .events-content .month-grid .month-title { font-family: Teko, Oswald; font-weight: 600; font-size: 48px; padding-bottom: 48px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 9 / span 9; grid-column-start: 2; display: flex; flex-direction: row } #events-list .events-section .events-content .month-grid .month-title .year { position: relative; top: 4px; inset-inline-start: 4px; } #events-list .events-section .events-content .month-grid .month-title .filler { --tw-bg-opacity: 1; background-color: rgba(191, 191, 191, var(--tw-bg-opacity)); margin-top: auto; margin-bottom: auto; -webkit-margin-start: 24px; margin-inline-start: 24px; flex-grow: 1; height: 2px; } @media (max-width: 767.98px) { #events-list .events-section .events-content .month-grid .month-title { grid-column: span 12 / span 12; grid-column-start: 1 } } #events-list .events-section .events-content .month-grid .column { grid-column: span 3 / span 3 } #events-list .events-section .events-content .month-grid .column .event-item { margin-bottom: 56px; width: 100%; height: 500px; } @media (max-width: 767.98px) { #events-list .events-section .events-content .month-grid .column { padding-left: 0; padding-right: 0; grid-column: span 12 / span 12 } } #events-list .events-section .events-content .month-grid .first-column { grid-column-start: 2; -webkit-padding-end: 32px; padding-inline-end: 32px } @media (max-width: 767.98px) { #events-list .events-section .events-content .month-grid .first-column { padding-left: 0; padding-right: 0; grid-column-start: 1 } } #events-list .events-section .events-content .month-grid .second-column { padding-left: 16px; padding-right: 16px; padding-top: 48px } @media (max-width: 767.98px) { #events-list .events-section .events-content .month-grid .second-column { padding-left: 0; padding-right: 0; padding-top: 0; grid-column-start: 1 } } #events-list .events-section .events-content .month-grid .third-column { -webkit-padding-start: 32px; padding-inline-start: 32px } @media (max-width: 767.98px) { #events-list .events-section .events-content .month-grid .third-column { padding-left: 0; padding-right: 0; grid-column-start: 1 } } html[dir="rtl"] #events-list .hero .featured-details .metadata i { transform: scaleX(1); } html[dir="rtl"] #events-list .hero .hero-grid .featured-details .date-container { left: auto; right: 64px; } html[dir="rtl"] #events-list .hero .noise { left: 0; right: auto; } html[dir="rtl"] #events-list .hero .hero-grid .halftone { right: auto; left: calc(100% - 180px); } html[dir="rtl"] #events-list .hero .hero-grid .halftone-mobile { right: -16px; left: auto; } /*@media (min-width: 768px)*/ @font-face { font-family: 'Bender'; font-weight: 400; src: url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.otf') format('opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.svg') format('svg'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.woff') format('woff'); Modern: url(/wp-content/themes/regionals/assets/fonts/Bender/Bender.woff2) format('woff2'); } @font-face { font-family: 'Bender'; font-weight: 700; src: url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.otf') format('opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.svg') format('svg'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.woff') format('woff'); Modern: url(/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.woff2) format('woff2'); } @font-face { font-family: 'Bender'; font-weight: 900; src: url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.otf') format('opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.svg') format('svg'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.woff') format('woff'); Modern: url(/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.woff2) format('woff2'); } @font-face { font-family: 'Headliner'; font-weight: normal; text-transform: uppercase; src: url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.otf') format('opentype'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.svg') format('svg'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.woff') format('woff'); Modern: url(/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.otf) format('otf'); } @font-face { font-family: 'Teko'; font-style: normal; font-weight: 400; src: url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.eot'); src: local(''), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.woff') format('woff'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.svg#Teko') format('svg'); } @font-face { font-family: 'Teko'; font-style: normal; font-weight: 600; src: url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.eot'); src: local(''), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.woff') format('woff'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.svg#Teko') format('svg'); } @font-face { font-family: 'Impact'; font-style: normal; font-weight: 400; src: local(''), url('/wp-content/themes/regionals/assets/fonts/Impact/impact-2.ttf') format('truetype'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local(''), url('/wp-content/themes/regionals/assets/fonts/Oswald/Oswald-Medium.ttf') format('truetype'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; src: local(''), url('/wp-content/themes/regionals/assets/fonts/Oswald/Oswald-Regular.ttf') format('truetype'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local(''), url('/wp-content/themes/regionals/assets/fonts/Oswald/Oswald-SemiBold.ttf') format('truetype'); }#footer { background-image: url('/wp-content/themes/regionals/assets/images/footer/componente-tv.png'); } #footer { background-position: top; padding-top: 48px; padding-bottom: 64px; width: 100% } @media (max-width: 767.98px) { #footer { padding-top: 24px; padding-bottom: 32px } } #footer .main-links { display: flex; align-items: center; justify-content: space-between; margin-bottom: 64px; grid-column: span 9 / span 9; grid-column-start: 3 } @media (max-width: 575.98px) { #footer .main-links { flex-direction: column-reverse; align-items: stretch } } @media (max-width: 991.98px) { #footer .main-links { margin-bottom: 32px; grid-column: span 12 / span 12 } } @media (max-width: 767.98px) { #footer .main-links .links-wrapper, #footer .main-links .social-media-wrapper { justify-content: space-between } } #footer .main-links .social-media-wrapper { justify-content: center; flex-wrap: wrap; } #footer .main-links .links-wrapper { display: flex; align-items: center } @media (max-width: 575.98px) { #footer .main-links .links-wrapper { margin-top: 40px } } #footer .main-links .links-wrapper .external-link { display: flex; align-items: center; font-weight: 700; font-size: 12px; position: relative; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase } @media (min-width: 576px) { #footer .main-links .links-wrapper .external-link { font-size: 14px; -webkit-margin-end: 24px; margin-inline-end: 24px } } @media (min-width: 768px) { #footer .main-links .links-wrapper .external-link { -webkit-margin-end: 40px; margin-inline-end: 40px } } #footer .main-links .links-wrapper .external-link:hover .hover-border { opacity: 1; } #footer .main-links .links-wrapper .external-link .hover-border { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); opacity: 0; position: absolute; left: 0; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; height: 4px; bottom: -4px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #footer .main-links .links-wrapper .external-link .icon { opacity: 0.25; -webkit-margin-start: 8px; margin-inline-start: 8px; } #footer .main-links .social-media-wrapper .social-media { -webkit-margin-end: 16px; margin-inline-end: 16px } #footer .main-links .social-media-wrapper .social-media:last-child { -webkit-margin-end: 0; margin-inline-end: 0; } @media (max-width: 767.98px) { #footer .main-links .social-media-wrapper .social-media .icon { height: 16px; width: 16px } } #footer .logo { grid-column: span 2 / span 2; grid-row-start: 2 } @media (max-width: 991.98px) { #footer .logo { grid-column: span 3 / span 3 } } #footer .logo img { height: 80px } @media (max-width: 575.98px) { #footer .logo img { height: 40px } } #footer .korean-esrb { flex-direction: column; align-items: flex-start } #footer .korean-esrb .rating img { height: 80px; margin-top: 24px; max-height: 80px; } #footer .disclaimer { display: flex; justify-content: space-between; font-weight: 700; font-size: 8px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 9 / span 9; grid-column-start: 3; line-height: 20px } @media (max-width: 991.98px) { #footer .disclaimer { grid-column-start: 4 } } @media (min-width: 576px) { #footer .disclaimer { font-size: 10px } } #footer .disclaimer .text-wrapper { display: flex; flex-direction: column; justify-content: center } @media (min-width: 768px) { #footer .disclaimer .text-wrapper { -webkit-padding-end: 24px; padding-inline-end: 24px } } #footer .disclaimer .text-wrapper p:first-child { margin-bottom: 8px } @media (min-width: 768px) { #footer .disclaimer .text-wrapper p:first-child { margin-bottom: 24px } } @media (min-width: 768px) { #footer .disclaimer .text-wrapper p span { display: block } } #footer .legal-links { display: flex; flex-wrap: wrap; align-items: center; margin-top: 40px; grid-column: span 9 / span 9; grid-column-start: 3 } @media (max-width: 767.98px) { #footer .legal-links { margin-top: 32px; grid-column: span 12 / span 12 } } #footer .legal-links .legal-link { display: flex; align-items: center; font-weight: 700; font-size: 12px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase } @media (max-width: 575.98px) { #footer .legal-links .legal-link { height: 32px; font-size: 8px } } #footer .legal-links .legal-link:last-child .icon { display: none; } #footer .legal-links .legal-link:hover, #footer .legal-links .legal-link:focus { --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); } #footer .legal-links .legal-link:active { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } #footer .legal-links .legal-link .icon { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); height: 16px; margin-left: 8px; margin-right: 8px; width: 4px } @media (max-width: 767.98px) { #footer .legal-links .legal-link .icon { margin-left: 8px; margin-right: 8px } } #footer .rating { display: flex; align-items: center } @media (max-width: 767.98px) { #footer .rating { margin-top: 16px } } @media (min-width: 768px) { #footer .rating { justify-content: flex-end } } #footer .rating img { max-height: 64px; -o-object-fit: contain; object-fit: contain; } html[dir="rtl"] #footer .arrow-top-right-icon { transform: rotate(0); } html[lang="ko-KR"] #footer .legal-links .legal-link:first-child { color: #fff; font-size: 13px; } @media (max-width: 1299.98px) { #header.scrolled { transform: translateY(-100%) } } @media (min-width: 1300px) { #header.scrolled { transform: translateY(-100%) } } #header.scrolling-up .header-bg { transform: translateY(0%); } @media (max-width: 1299.98px) { #header.open .header-bg { transform: translateY(0%) } } #header { display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; height: 96px; position: fixed; top: 0; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100vw; z-index: 30; will-change: transform; transition: transform 0.7s linear } @media (max-width: 1299.98px) { #header { will-change: transform; transition: transform 0.7s linear; height: 72px } } #header #patch-notes-notification { font-size: 14px; margin-left: 16px; margin-right: 16px; margin-top: 16px; display: flex; align-items: center; position: fixed; height: 50px; width: calc(100% - 36px); background: #F39720; top: 72px; border-radius: 4px } #header #patch-notes-notification .notification { flex-grow: 1; display: flex; align-items: center; -webkit-margin-start: 16px; margin-inline-start: 16px; } #header #patch-notes-notification .arrow-down-icon { -webkit-margin-end: 8px; margin-inline-end: 8px; } #header #patch-notes-notification .dismiss-button { margin-left: 16px; margin-right: 16px; height: 100%; } #header #patch-notes-notification.dismissed { display: none; } @media (min-width: 1300px) { #header #patch-notes-notification { display: none } } @media (max-width: 1299.98px) { #header .desktop { display: none !important } } #header .header-bg .header-bg-texture { position: absolute; height: 100%; width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/header/header-bg.png'); } #header .header-bg { background-position: center; background-size: cover; height: 100%; width: 100%; /* background-color: black; */ /* opacity: 0.75; */ will-change: transform; transition: transform 0.7s linear; } #header .spray-bg, #header .header-bg { position: absolute; top: 0; z-index: -1; } @media (max-width: 1299.98px) { #header .spray-bg, #header .header-bg { z-index: 2; } } #header .logo-wrapper, #header .buttons-wrapper, #header .login-button, #header .hamburger-button { display: flex; align-items: center; } #header .logo-wrapper { grid-column: span 1 / span 1 } @media (max-width: 1299.98px) { #header .logo-wrapper { grid-column: span 8 / span 8 } } #header .logo-wrapper img { -o-object-fit: contain; object-fit: contain; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); transition-duration: 500ms; height: 50px } @media (max-width: 1299.98px) { #header .logo-wrapper img { height: 40px } } #header .main-nav { display: flex; align-items: stretch; justify-content: flex-start; padding-left: 40px; grid-column: span 7 / span 7; z-index: 2 } #header .main-nav .nav-item { display: flex; align-items: center; font-size: 14px; padding-left: 8px; padding-right: 8px; position: relative } @media (min-width: 992px) and (max-width: 1140px) { #header .main-nav .nav-item { padding: 0 4px; font-size: 12px } } #header .main-nav .nav-item:hover .hover-border, #header .main-nav .nav-item.active .hover-border { opacity: 1; } #header .main-nav .nav-item .icon { opacity: 0.25; -webkit-margin-start: 16px; margin-inline-start: 16px } @media (min-width: 992px) and (max-width: 1040px) { #header .main-nav .nav-item .icon { -webkit-margin-end: 8px; margin-inline-end: 8px } } #header .main-nav .nav-item .hover-border { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); opacity: 0; position: absolute; bottom: 16px; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; inset-inline-start: 0; height: 4px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #header .main-nav .dropdown { position: relative; } #header .main-nav .dropdown-content { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); padding-top: 8px; padding-bottom: 8px; position: absolute; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; inset-inline-start: 0; display: none; position: absolute; top: 80px; min-width: 100%; white-space: nowrap; -webkit-animation: rotateMenu 300ms ease-in-out forwards; animation: rotateMenu 300ms ease-in-out forwards; transform-origin: top center } #header .main-nav .dropdown-content li { padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px } #header .main-nav .dropdown-content li .nav-item { display: inline-block; } #header .main-nav .dropdown-content li:hover .hover-border-dropdown { opacity: 1; } #header .main-nav .dropdown-content li .hover-border-dropdown { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); opacity: 0; position: absolute; bottom: -0.5rem; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; inset-inline-start: 0; height: 4px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; } #header .main-nav .dropdown-content .ripped-paper-dropdown { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); position: absolute; width: 100%; top: 100%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/header/ripped-paper-texture.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/header/ripped-paper-texture.svg'); height: 30px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: contain; mask-size: contain; } #header .main-nav .dropdown:hover .dropdown-content, #header .main-nav .dropdown:focus .dropdown-content, #header .main-nav .dropdown:active .dropdown-content { display: block; } #header .main-nav .dropdown:hover > i, #header .main-nav .dropdown:focus > i, #header .main-nav .dropdown:active > i { transform: rotate(-180deg); } #header .buttons-wrapper { justify-content: flex-end; grid-column: span 4 / span 4; z-index: 1 } #header .buttons-wrapper .login-link { -webkit-margin-end: 16px; margin-inline-end: 16px; -webkit-mask-size: cover; mask-size: cover; width: auto; white-space: nowrap; padding: 0 12px; font-size: 12px; border-radius: 4px; } #header .buttons-wrapper .logout-button { -webkit-margin-end: 16px; margin-inline-end: 16px; -webkit-mask-size: cover; mask-size: cover; width: auto; white-space: nowrap; font-size: 12px; border-radius: 4px } #header .buttons-wrapper .logout-button .logout-link { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; height: 100%; padding: 0 12px; display: flex; align-items: center } #header .buttons-wrapper .logout-button .logout-link:hover, #header .buttons-wrapper .logout-button .logout-link:focus { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); } #header .buttons-wrapper .logout-button .config-wrapper { border-left: solid 1px rgba(255,255,255,.2); -webkit-padding-start: 12px; padding-inline-start: 12px; -webkit-padding-end: 12px; padding-inline-end: 12px; height: 100%; display: flex; align-items: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms } #header .buttons-wrapper .logout-button .config-wrapper .secondary-icon { -webkit-margin-start: 0px; margin-inline-start: 0px; } #header .buttons-wrapper .logout-button .config-wrapper:hover, #header .buttons-wrapper .logout-button .config-wrapper:focus { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); } #header .buttons-wrapper .logout-button:hover { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); } #header .buttons-wrapper .play-now-button .main-button { font-size: 12px; padding: 0 12px; white-space: nowrap; width: auto; border-radius: 4px; -webkit-mask-size: cover; mask-size: cover; } #header .buttons-wrapper .play-now-button { -webkit-margin-end: 8px; margin-inline-end: 8px; } @media (min-width: 1300px) { #header .header-bg, #header .main-nav, #header .buttons-wrapper { will-change: transform; transition: transform 0.7s linear; transform: translateY(0%) } } #header .mobile-buttons { display: flex; align-items: center; justify-content: flex-end; grid-column: span 4 / span 4 } @media (min-width: 1300px) { #header .mobile-buttons { display: none } } #header .mobile-buttons .icon { height: 16px; width: 16px; } #header .mobile-buttons .login-button { justify-content: center; } #header .mobile-buttons .hamburger-button { justify-content: flex-end; -webkit-margin-start: 16px; margin-inline-start: 16px; } #header .mobile-buttons .mobile-logout-button, #header .mobile-buttons .mobile-login-button { display: none } #header .mobile-buttons .mobile-logout-button span, #header .mobile-buttons .mobile-login-button span { margin-left: 8px; } html[dir="rtl"] #header .arrow-top-right-icon { transform: scaleX(1); } @-webkit-keyframes rotateMenu { 0% { transform: scaleY(0) } 80% { transform: scaleY(1.1) } 100% { transform: scaleY(1) } } @keyframes rotateMenu { 0% { transform: scaleY(0) } 80% { transform: scaleY(1.1) } 100% { transform: scaleY(1) } }#hero .bg-texture { background-image: url('/wp-content/themes/regionals/assets/images/new/home/hero/bw-texture.png'); } #hero .bg-map { background-image: url('/wp-content/themes/regionals/assets/images/new/home/hero/line-map.png'); background-repeat: no-repeat; background-position: center bottom } @media (max-width: 767.98px) { #hero .bg-map { top: 0; height: calc(70% - 72px); background-image: url('/wp-content/themes/regionals/assets/images/new/home/hero/map-mobile.png'); background-position: center top } } #hero { font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; font-weight: 400; height: 100vh; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; overflow: hidden } @media (max-width: 767.98px) { #hero .desktop { display: none } } @media (min-width: 768px) { #hero .mobile { display: none } } #hero .bg-image, #hero .bg-texture, #hero .bg-map, #hero .bg-logo, #hero .hero-content { height: 100%; position: absolute; top: 0; width: 100%; } #hero .bg-image { justify-content: center; align-items: center; overflow: hidden } @media (max-width: 767.98px) { #hero .bg-image { padding-top: 72px; height: 70% } } @media (max-width: 991.98px) { #hero .bg-image { padding-top: 72px; height: calc(100% - 180px) } } #hero .bg-image img { min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; } #hero .video { height: 100%; position: absolute; top: 0; width: 100%; } #hero .bg-logo { background-repeat: no-repeat; background-image: url('/wp-content/themes/regionals/assets/images/new/home/hero/pubg-spray.png') } @media (max-width: 767.98px) { #hero .bg-logo { display: none } } #hero .bg-map, #hero .bg-texture { background-position: bottom; background-size: cover; } #hero .bg-map, #hero .bg-texture { z-index: 1; } #hero .bg-bottom-mobile { position: absolute; bottom: 0; width: 100%; height: 30%; background-image: url('/wp-content/themes/regionals/assets/images/new/home/hero/body-bg-texture.png'); background-repeat: repeat } @media (min-width: 992px) { #hero .bg-bottom-mobile { display: none } } @media (max-width: 991.98px) { #hero .bg-bottom-mobile { height: 180px } } #hero .bg-shadow { position: absolute; bottom: 0; width: 100%; height: 70%; } @media (max-width: 991.98px) { #hero .bg-shadow { height: calc(100% - 180px); top: 0; } } @media (max-width: 767.98px) { #hero .bg-shadow { top: 0; } } #hero .bg-shadow { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); } #hero .hero-content { display: flex; padding-top: 96px; z-index: 2 } @media (max-width: 991.98px) { #hero .hero-content { padding-top: 88px } } #hero .hero-content .hero-container { max-width: 1296px; display: grid; height: 100%; margin: auto; padding-left: 32px; padding-right: 32px; position: relative; width: 100%; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(24, minmax(0, 1fr)) } @media (max-width: 767.98px) { #hero .hero-content .hero-container { grid-template-rows: auto 166px } } #hero .hero-content .hero-container { /* @screen sm-down { @apply pb-2; grid-template-rows: auto 160px 40px; } */ } #hero .hero-content .date-wrapper { display: flex; justify-content: center; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 12px; opacity: 0.5; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)) } @media (min-width: 768px) { #hero .hero-content .date-wrapper { padding-top: 40px } } #hero .hero-content .first-wrapper { display: flex; align-items: center; padding-bottom: 72px; grid-column: span 2 / span 2 } @media (max-width: 991.98px) { #hero .hero-content .first-wrapper { display: none } } #hero .hero-content .first-wrapper .rec-social-media { display: flex; align-items: center; height: 100%; justify-content: space-evenly } @media (max-width: 991.98px) { #hero .hero-content .first-wrapper .rec-social-media { display: none } } @media (min-width: 992px) { #hero .hero-content .first-wrapper .rec-social-media { flex-direction: column } } #hero .hero-content .first-wrapper .rec-social-media .rec { display: flex; justify-content: center; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 12px; position: relative; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); color: #ff0a00; opacity: 0.7; line-height: 40px } @media (max-width: 991.98px) { #hero .hero-content .first-wrapper .rec-social-media .rec { display: none } } @media (min-width: 992px) { #hero .hero-content .first-wrapper .rec-social-media .social-media-wrapper { flex-direction: column } } @media (max-width: 991.98px) { #hero .hero-content .first-wrapper .rec-social-media .social-media-wrapper { margin-top: 60px } } #hero .hero-content .first-wrapper .rec-social-media .social-media-wrapper .social-media { margin-bottom: 8px } @media (max-width: 991.98px) { #hero .hero-content .first-wrapper .rec-social-media .social-media-wrapper .social-media { margin-bottom: 0; -webkit-margin-end: 8px; margin-inline-end: 8px } } @media (max-width: 575.98px) { #hero .hero-content .first-wrapper .rec-social-media .social-media-wrapper .social-media { min-height: 32px; min-width: 32px } } #hero .hero-content .first-wrapper .rec-social-media .social-media-wrapper .social-media:last-child { margin-bottom: 0 } @media (max-width: 991.98px) { #hero .hero-content .first-wrapper .rec-social-media .social-media-wrapper .social-media:last-child { -webkit-margin-end: 0; margin-inline-end: 0 } } #hero .hero-content .first-wrapper .rec-social-media .cam { display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 12px; position: relative; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); line-height: 40px } @media (max-width: 991.98px) { #hero .hero-content .first-wrapper .rec-social-media .cam { display: none } } #hero .hero-content .second-wrapper { display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 72px; grid-column: span 14/ span 14; grid-column-start: 4; grid-row: 1; z-index: 1 } @media (max-width: 991.98px) { #hero .hero-content .second-wrapper { grid-column: span 15/ span 15; grid-column-start: 1 } } @media (max-width: 767.98px) { #hero .hero-content .second-wrapper { padding-bottom: 0; grid-column: span 24/ span 24 } } #hero .hero-content .second-wrapper .tags-date { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2 } @media (min-width: 576px) { #hero .hero-content .second-wrapper .tags-date { padding-top: 40px } } #hero .hero-content .second-wrapper .tags-date .tags-wrapper { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 12px; opacity: 0.5; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); } @media (min-width: 768px) { #hero .hero-content .second-wrapper .tags-date .date-wrapper { display: none } } #hero .hero-content .second-wrapper .title-description { position: relative } #hero .hero-content .second-wrapper .title-description .dark-bg { position: absolute; width: 140%; -webkit-margin-start: -42px; margin-inline-start: -42px; margin-top: -16px; z-index: 1; opacity: 0.8 } @media (max-width: 991.98px) { #hero .hero-content .second-wrapper .title-description .dark-bg { display: none } } #hero .hero-content .second-wrapper .title-description .title-wrapper { font-family: Teko, Oswald; font-weight: 700; position: relative; z-index: 2 } #hero .hero-content .second-wrapper .title-description .title-wrapper h1 { font-size: 56px } @media (max-width: 575.98px) { #hero .hero-content .second-wrapper .title-description .title-wrapper h1 { line-height: 100%; font-size: 32px } } #hero .hero-content .second-wrapper .title-description .title-wrapper h1 .tilted-text-title { display: flex; flex-direction: row } #hero .hero-content .second-wrapper .title-description .title-wrapper h1 .tilted-text-title .tilted-text { position: relative; top: 4px; inset-inline-start: 4px; } #hero .hero-content .second-wrapper .title-description .title-wrapper h1 .tilted-text-title .filler { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); flex-grow: 1; margin-top: auto; margin-bottom: auto; -webkit-margin-start: 24px; margin-inline-start: 24px; height: 2px; transform: matrix(1, 0, 0, -1, 0, 0); } #hero .hero-content .second-wrapper .title-description .description-wrapper { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 16px; font-size: 16px; position: relative; text-transform: none; font-family: 'Roboto', sans-serif; line-height: 200%; z-index: 2 } @media (max-width: 575.98px) { #hero .hero-content .second-wrapper .title-description .description-wrapper { font-size: 12px; margin-top: 16px } } #hero .hero-content .third-wrapper { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; padding-bottom: 72px; position: relative; grid-column: span 5 / span 5; z-index: 2; grid-row: 1 } @media (max-width: 991.98px) { #hero .hero-content .third-wrapper { font-size: 18px; grid-column: span 8 / span 8 } } @media (max-width: 767.98px) { #hero .hero-content .third-wrapper { grid-row: 2; font-size: 18px; padding-bottom: 0; grid-column: span 24/ span 24 } } @media (max-width: 767.98px) { #hero .hero-content .third-wrapper .date-wrapper { display: none } } #hero .hero-content .third-wrapper .luck-wrapper { display: flex; justify-content: flex-end } #hero .hero-content .third-wrapper .luck-wrapper .round-button-scribble { font-weight: 600; } #hero .hero-content .fourth-wrapper { display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 72px; grid-column: span 2 / span 2; grid-row: 1 } @media (max-width: 991.98px) { #hero .hero-content .fourth-wrapper { display: none } } #hero .hero-content .fourth-wrapper .time-wrapper { display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 12px; position: relative; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); } [lang="vi-VN"] #hero .hero-content .second-wrapper .title-description .title-wrapper h1, [lang="pl-PL"] #hero .hero-content .second-wrapper .title-description .title-wrapper h1, [lang="tr-TR"] #hero .hero-content .second-wrapper .title-description .title-wrapper h1 { font-family: 'Oswald'; } html[dir="rtl"] #hero .cam, html[dir="rtl"] #hero .rec { transform: rotate(0) !important; } html[dir="rtl"] #hero .dark-bg { transform: scaleX(-1); }.icon { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); display: inline-block; height: 8px; width: 8px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 250ms; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .arrow-bottom-left-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); transform: scaleY(-1); } .arrow-top-icon { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-rotate: 180deg; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/chevron-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/chevron-arrow.svg'); } .arrow-top-left-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); } .arrow-top-right-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); transform: scaleX(-1); } .arrow-down-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/chevron-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/chevron-arrow.svg'); } .arrow-chevron-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow-chevron.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow-chevron.svg'); } .arrow-left-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow.svg'); } .arrow-right-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow.svg'); transform: scaleX(-1); } .close-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/close.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/close.svg'); } .draw-arrow-left-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/draw-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/draw-arrow.svg'); } .discord-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/discord.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/discord.svg'); } .facebook-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/facebook.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/facebook.svg'); } .instagram-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/instagram.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/instagram.svg'); } .kwai-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/kwai.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/kwai.svg'); } .line-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/line.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/line.svg'); } .menu-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/menu.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/menu.svg'); } .naver-cafe-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/naver.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/naver.svg'); } .reddit-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/reddit.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/reddit.svg'); } .separator-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/separator.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/separator.svg'); } .sound-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/sound.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/sound.svg'); } .spotify-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/spotify.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/spotify.svg'); } .tiktok-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/tiktok.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/tiktok.svg'); } .twitch-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/twitch.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/twitch.svg'); } .twitter-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/twitter.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/twitter.svg'); } .user-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/user.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/user.svg'); } .vk-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/vk.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/vk.svg'); } .weibo-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/weibo.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/weibo.svg'); } .world-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/world.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/world.svg'); } .youtube-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/youtube.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/youtube.svg'); } .share-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/share.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/share.svg'); } .mobile-share-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/mobile-share.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/mobile-share.svg'); } .next-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/next.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/next.svg'); } .prev-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/prev.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/prev.svg'); } .search-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/search.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/search.svg'); } .filter-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/filter.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/filter.svg'); } .config-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/config.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/config.svg'); }#inner-event { font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; font-weight: 400; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); width: 100vw; z-index: 1; background-image: url('/wp-content/themes/regionals/assets/images/new/inner-event/middle-texture-tiny.png') } #inner-event .glitched-text-title { display: flex; flex-wrap: wrap; align-items: center; line-height: 72px !important; margin: 16px 0 !important; font-size: 72px !important; font-weight: 600 !important; font-family: Teko, Oswald !important; position: relative; z-index: 1 } #inner-event .glitched-text-title span { -webkit-margin-end: 16px; margin-inline-end: 16px; } #inner-event .glitched-text-title .filler { flex-grow: 1; height: 2px; --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); } #inner-event .glitched-text-title .tilted-text { position: relative; top: -8px; } #inner-event hr { margin-top: 8px; margin-bottom: 8px; height: 4px; -webkit-mask: url('/wp-content/themes/regionals/assets/images/new/article/divider.png'); mask: url('/wp-content/themes/regionals/assets/images/new/article/divider.png'); background-color: #e3dfd9; transform: matrix(-1, 0, 0, 1, 0, 0); } #inner-event strong { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; } #inner-event .hero { background-repeat: no-repeat; display: flex; position: relative; align-items: center; background-image: url('/wp-content/themes/regionals/assets/images/new/inner-event/hero-bg.png'); background-size: 100% 100% } @media (min-width: 768px) { #inner-event .hero { height: 100vh } } #inner-event .hero .mask { height: 100%; position: absolute; width: 100%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/inner-event/map-mask.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/inner-event/map-mask.svg'); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } #inner-event .hero .hero-grid { display: grid; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; padding-top: 144px; position: relative; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px } @media (min-width: 768px) { #inner-event .hero .hero-grid { -moz-column-gap: 32px; column-gap: 32px } } @media (max-width: 767.98px) { #inner-event .hero .hero-grid { padding-top: 64px; z-index: 30 } } #inner-event .hero .hero-grid .social-media-column { align-self: center; justify-self: center; grid-column: span 1 / span 1 } @media (max-width: 991.98px) { #inner-event .hero .hero-grid .social-media-column { display: none } } #inner-event .hero .hero-grid .social-media-column .social-media-wrapper { flex-direction: column; align-items: flex-start; justify-content: center; } #inner-event .hero .hero-grid .social-media-column .share-button { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 12px; margin-top: 32px; margin-bottom: 32px; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; line-height: 40px; transform: rotate(180deg); display: flex; align-items: center } #inner-event .hero .hero-grid .social-media-column .share-button .tooltip { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-top: 0; padding-bottom: 0; padding-left: 16px; padding-right: 16px; position: absolute; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; border-radius: 8px; top: calc(100% + 4px); transform: rotate(180deg); display: none } #inner-event .hero .hero-grid .social-media-column .share-button .tooltip.active { display: initial; } #inner-event .hero .hero-grid .event-data { grid-column: span 5 / span 5; display: flex; flex-direction: column } @media (max-width: 991.98px) { #inner-event .hero .hero-grid .event-data { grid-column: span 6 / span 6 } } @media (max-width: 767.98px) { #inner-event .hero .hero-grid .event-data { margin-top: -24px; z-index: 0; grid-column: span 12 / span 12 } } #inner-event .hero .hero-grid .event-data .date { background-repeat: no-repeat; display: inline-block; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 24px; padding: 16px; text-transform: uppercase; align-self: flex-start; background-image: url('/wp-content/themes/regionals/assets/images/new/inner-event/date-label.png'); background-size: 100% 100% } @media (max-width: 991.98px) { #inner-event .hero .hero-grid .event-data .date { padding: 8px 12px; font-size: 18px } } #inner-event .hero .hero-grid .event-data .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; padding-top: 24px; padding-bottom: 24px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200%; letter-spacing: 0.05em } #inner-event .hero .hero-grid .event-data .tags a:hover { -webkit-filter: brightness(70%); } #inner-event .hero .hero-grid .event-data .event-title { font-family: Teko, Oswald; font-weight: 600; font-size: 72px; margin-bottom: 32px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; line-height: 100%; letter-spacing: 0.05em; flex-grow: 1 } @media (max-width: 991.98px) { #inner-event .hero .hero-grid .event-data .event-title { font-size: 56px; margin-bottom: 8px } } #inner-event .hero .hero-grid .event-data .time { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 16px; padding-top: 16px; padding-bottom: 16px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; } #inner-event .hero .hero-grid .event-data .actions { margin-top: 32px } #inner-event .hero .hero-grid .event-data .actions .ticket { display: flex; position: relative; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; z-index: 1 } #inner-event .hero .hero-grid .event-data .actions .ticket:hover { -webkit-filter: brightness(70%); } #inner-event .hero .hero-grid .event-data .actions .ticket .get { flex-grow: 1; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; height: 64px; font-size: 18px; padding: 16px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; line-height: 32px } #inner-event .hero .hero-grid .event-data .actions .ticket .get::before { height: 100%; position: absolute; top: 0; width: 100%; content: ""; z-index: -1; inset-inline-start: 0px; left: 0; background-image: url('/wp-content/themes/regionals/assets/images/new/inner-event/ticket-button.png'); background-size: 100% 100%; } #inner-event .hero .hero-grid .event-data .actions .ticket .arrow { height: 64px; padding: 16px; position: relative; width: 64px } #inner-event .hero .hero-grid .event-data .actions .ticket .arrow .icon { height: 16px; width: 16px; } #inner-event .hero .hero-grid .event-data .actions .ticket .arrow::before { height: 100%; position: absolute; top: 0; width: 100%; content: ""; z-index: -1; inset-inline-start: 0px; left: 0; background-image: url('/wp-content/themes/regionals/assets/images/new/inner-event/ticket-arrow.png'); background-size: 100% 100%; } #inner-event .hero .hero-grid .event-data .actions .second-row { display: flex; margin-top: 16px } #inner-event .hero .hero-grid .event-data .actions .second-row .calendar, #inner-event .hero .hero-grid .event-data .actions .second-row .ical { flex-grow: 1; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 18px; padding-top: 16px; padding-bottom: 16px; padding-left: 24px; padding-right: 24px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; } #inner-event .hero .hero-grid .event-data .actions .second-row .calendar, #inner-event .hero .hero-grid .event-data .actions .second-row .ical { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/inner-event/calendar-button.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/inner-event/calendar-button.svg'); background-color: #26292D; mask-size: 100%; -webkit-mask-size: 100%; } @media (max-width: 991.98px) { #inner-event .hero .hero-grid .event-data .actions .second-row .calendar, #inner-event .hero .hero-grid .event-data .actions .second-row .ical { padding-top: 8px; padding-bottom: 8px; padding-left: 16px; padding-right: 16px; -webkit-margin-end: 24px; margin-inline-end: 24px; } } #inner-event .hero .hero-grid .event-data .actions .second-row .calendar:hover, #inner-event .hero .hero-grid .event-data .actions .second-row .ical:hover { background: #18191c; } #inner-event .hero .hero-grid .event-data .actions .second-row .ical { -webkit-margin-start: 8px; margin-inline-start: 8px } @media (max-width: 991.98px) { #inner-event .hero .hero-grid .event-data .actions .second-row .ical { display: none } } #inner-event .hero .hero-grid .event-data .actions .second-row .share { background-size: cover; display: flex; align-items: center; justify-content: center; height: 48px; width: 48px; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/dark-round-contour.svg') } @media (min-width: 992px) { #inner-event .hero .hero-grid .event-data .actions .second-row .share { display: none } } #inner-event .hero .hero-grid .event-data .actions .second-row .share .icon { height: 16px; width: 16px; } #inner-event .hero .hero-grid .poster { grid-column: span 5 / span 5 } @media (max-width: 1299.98px) { #inner-event .hero .hero-grid .poster { grid-column: span 6 / span 6 } } @media (max-width: 767.98px) { #inner-event .hero .hero-grid .poster { margin-left: -16px; margin-right: -16px; grid-column: span 12 / span 12; grid-row-start: 1 } } #inner-event .hero .hero-grid .poster img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; min-height: 650px; border-radius: 4px } @media (max-width: 767.98px) { #inner-event .hero .hero-grid .poster img { height: 312px } } #inner-event .event-content { position: relative; width: 100%; padding-bottom: 100px } #inner-event .event-content .event-grid { max-width: 1296px; display: grid; margin: auto; padding-left: 32px; padding-right: 32px; padding-top: 32px; position: relative; grid-template-columns: repeat(12, minmax(0, 1fr)) } @media (max-width: 991.98px) { #inner-event .event-content .event-grid { overflow: hidden } } #inner-event .event-content .event-grid .title-divider { margin-bottom: 64px; } #inner-event .event-content .event-grid h2 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; margin-bottom: 12px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid h2 { font-size: 18px } } #inner-event .event-content .event-grid h1 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 36px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; } #inner-event .event-content .event-grid .wp-block-columns, #inner-event .event-content .event-grid .wp-block-embed__wrapper, #inner-event .event-content .event-grid figure.wp-block-image img, #inner-event .event-content .event-grid figure.wp-block-video video, #inner-event .event-content .event-grid p img, #inner-event .event-content .event-grid span img, #inner-event .event-content .event-grid p video, #inner-event .event-content .event-grid span video, #inner-event .event-content .event-grid p iframe, #inner-event .event-content .event-grid div.wp-block-image, #inner-event .event-content .event-grid div.wp-block-video, #inner-event .event-content .event-grid .confluence-embedded-file-wrapper, #inner-event .event-content .event-grid .tags, #inner-event .event-content .event-grid .title, #inner-event .event-content .event-grid .excerpt, #inner-event .event-content .event-grid .metadata-wrapper, #inner-event .event-content .event-grid hr { grid-column: span 8 / span 8; grid-column-start: 3; } @media (max-width: 767.98px) { #inner-event .event-content .event-grid .wp-block-columns, #inner-event .event-content .event-grid .wp-block-embed__wrapper, #inner-event .event-content .event-grid figure.wp-block-image img, #inner-event .event-content .event-grid figure.wp-block-video video, #inner-event .event-content .event-grid p img, #inner-event .event-content .event-grid span img, #inner-event .event-content .event-grid p video, #inner-event .event-content .event-grid span video, #inner-event .event-content .event-grid p iframe, #inner-event .event-content .event-grid div.wp-block-image, #inner-event .event-content .event-grid div.wp-block-video, #inner-event .event-content .event-grid .confluence-embedded-file-wrapper, #inner-event .event-content .event-grid .tags, #inner-event .event-content .event-grid .title, #inner-event .event-content .event-grid .excerpt, #inner-event .event-content .event-grid .metadata-wrapper, #inner-event .event-content .event-grid hr { grid-column: span 12 / span 12; grid-column-start: 1; } } #inner-event .event-content .event-grid .content-divider { grid-column: span 10 / span 10; grid-column-start: 2; margin-bottom: 50px; } #inner-event .event-content .event-grid p, #inner-event .event-content .event-grid span, #inner-event .event-content .event-grid div, #inner-event .event-content .event-grid h1, #inner-event .event-content .event-grid h2, #inner-event .event-content .event-grid h3, #inner-event .event-content .event-grid h4, #inner-event .event-content .event-grid h5, #inner-event .event-content .event-grid h6, #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid strong, #inner-event .event-content .event-grid figure.wp-block-table, #inner-event .event-content .event-grid figure.wp-block-pullquote, #inner-event .event-content .event-grid blockquote, #inner-event .event-content .event-grid blockquote.wp-block-quote { grid-column: span 6 / span 6; grid-column-start: 4; } @media (max-width: 991.98px) { #inner-event .event-content .event-grid p, #inner-event .event-content .event-grid span, #inner-event .event-content .event-grid div, #inner-event .event-content .event-grid h1, #inner-event .event-content .event-grid h2, #inner-event .event-content .event-grid h3, #inner-event .event-content .event-grid h4, #inner-event .event-content .event-grid h5, #inner-event .event-content .event-grid h6, #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid strong, #inner-event .event-content .event-grid figure.wp-block-table, #inner-event .event-content .event-grid figure.wp-block-pullquote, #inner-event .event-content .event-grid blockquote, #inner-event .event-content .event-grid blockquote.wp-block-quote { grid-column: span 8 / span 8; grid-column-start: 3; } } @media (max-width: 767.98px) { #inner-event .event-content .event-grid p, #inner-event .event-content .event-grid span, #inner-event .event-content .event-grid div, #inner-event .event-content .event-grid h1, #inner-event .event-content .event-grid h2, #inner-event .event-content .event-grid h3, #inner-event .event-content .event-grid h4, #inner-event .event-content .event-grid h5, #inner-event .event-content .event-grid h6, #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid strong, #inner-event .event-content .event-grid figure.wp-block-table, #inner-event .event-content .event-grid figure.wp-block-pullquote, #inner-event .event-content .event-grid blockquote, #inner-event .event-content .event-grid blockquote.wp-block-quote { grid-column: span 10 / span 10; grid-column-start: 2; } } @media (max-width: 575.98px) { #inner-event .event-content .event-grid p, #inner-event .event-content .event-grid span, #inner-event .event-content .event-grid div, #inner-event .event-content .event-grid h1, #inner-event .event-content .event-grid h2, #inner-event .event-content .event-grid h3, #inner-event .event-content .event-grid h4, #inner-event .event-content .event-grid h5, #inner-event .event-content .event-grid h6, #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid strong, #inner-event .event-content .event-grid figure.wp-block-table, #inner-event .event-content .event-grid figure.wp-block-pullquote, #inner-event .event-content .event-grid blockquote, #inner-event .event-content .event-grid blockquote.wp-block-quote { grid-column: span 12 / span 12; grid-column-start: 1; } } #inner-event .event-content .event-grid figure.wp-block-image figcaption, #inner-event .event-content .event-grid figure.wp-block-video figcaption, #inner-event .event-content .event-grid .wp-block-video figure figcaption, #inner-event .event-content .event-grid .wp-block-image figure figcaption { grid-column: span 5 / span 5; grid-column-start: 4; } @media (max-width: 991.98px) { #inner-event .event-content .event-grid figure.wp-block-image figcaption, #inner-event .event-content .event-grid figure.wp-block-video figcaption, #inner-event .event-content .event-grid .wp-block-video figure figcaption, #inner-event .event-content .event-grid .wp-block-image figure figcaption { grid-column: span 8 / span 8; grid-column-start: 3; } } @media (max-width: 767.98px) { #inner-event .event-content .event-grid figure.wp-block-image figcaption, #inner-event .event-content .event-grid figure.wp-block-video figcaption, #inner-event .event-content .event-grid .wp-block-video figure figcaption, #inner-event .event-content .event-grid .wp-block-image figure figcaption { grid-column: span 12 / span 12; grid-column-start: 1; } } #inner-event .event-content .event-grid.simple { padding-top: 216px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid.simple .title { font-size: 56px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)) } } @media (max-width: 991.98px) { #inner-event .event-content .event-grid.simple .excerpt { font-size: 16px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)) } } #inner-event .event-content .event-grid .cover { margin-top: 40px; margin-bottom: 40px; position: relative; grid-column: span 10 / span 10; grid-column-start: 2 } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .cover { margin-left: -16px; margin-right: -16px; grid-column: span 12 / span 12; grid-column-start: 1 } } #inner-event .event-content .event-grid .cover .cover-container { position: relative; width: 100%; padding-top: 56.25% } #inner-event .event-content .event-grid .cover .cover-container img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; bottom: 0; width: 100%; height: 100%; border-radius: 4px; } #inner-event .event-content .event-grid .cover .cover-container iframe { height: 100%; position: absolute; top: 0; width: 100%; border-radius: 4px; } #inner-event .event-content .event-grid .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .tags { font-size: 12px } } #inner-event .event-content .event-grid .tags a:hover { -webkit-filter: brightness(70%); } #inner-event .event-content .event-grid .title { font-family: Teko, Oswald; font-weight: 600; font-size: 72px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .title { font-size: 56px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } } #inner-event .event-content .event-grid .excerpt { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 18px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200% } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .excerpt { font-size: 16px; margin-bottom: 32px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } } #inner-event .event-content .event-grid .metadata-wrapper { display: flex; align-items: center; justify-content: space-between } #inner-event .event-content .event-grid .metadata-wrapper .metadata { display: flex; align-items: center; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200%; margin-top: 48px; margin-bottom: 36px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .metadata-wrapper .metadata { font-size: 12px } } #inner-event .event-content .event-grid .metadata-wrapper .metadata .metadata-divider { margin-left: 16px; margin-right: 16px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .metadata-wrapper .metadata .metadata-divider { margin-left: 8px; margin-right: 8px } } #inner-event .event-content .event-grid .metadata-wrapper .share { background-size: cover; display: flex; align-items: center; justify-content: center; height: 48px; width: 48px; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/dark-round-contour.svg') } @media (min-width: 992px) { #inner-event .event-content .event-grid .metadata-wrapper .share { display: none } } #inner-event .event-content .event-grid .metadata-wrapper .share .icon { height: 16px; width: 16px; } #inner-event .event-content .event-grid .social-media-column { position: absolute; grid-column: span 1 / span 1; grid-column-start: 3; -webkit-margin-start: -60px; margin-inline-start: -60px; grid-row-start: 7; z-index: 1 } #inner-event .event-content .event-grid .social-media-column.simple { grid-row-start: 6; } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .social-media-column { display: none } } #inner-event .event-content .event-grid .social-media-column .social-media-wrapper { flex-direction: column; align-items: flex-start; justify-content: center } #inner-event .event-content .event-grid .social-media-column .social-media-wrapper .icon { background-color: #727478; } #inner-event .event-content .event-grid .social-media-column .share-button { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 12px; margin-top: 32px; margin-bottom: 32px; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; line-height: 40px; transform: rotate(180deg); display: flex; align-items: center } #inner-event .event-content .event-grid .social-media-column .share-button .tooltip { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-top: 0; padding-bottom: 0; padding-left: 16px; padding-right: 16px; position: absolute; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; border-radius: 8px; top: calc(100% + 4px); transform: rotate(180deg); display: none } #inner-event .event-content .event-grid .social-media-column .share-button .tooltip.active { display: initial; } #inner-event .event-content .event-grid p { font-weight: 400; font-size: 18px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); margin-bottom: 48px; line-height: 36px; font-family: 'Roboto', sans-serif } @media (max-width: 991.98px) { #inner-event .event-content .event-grid p { font-size: 16px } } #inner-event .event-content .event-grid p a { font-weight: 600 } #inner-event .event-content .event-grid p a:hover { -webkit-filter: brightness(70%); } #inner-event .event-content .event-grid h1 .tilted-text-content, #inner-event .event-content .event-grid h2 .tilted-text-content, #inner-event .event-content .event-grid h3 .tilted-text-content { position: relative; -webkit-margin-end: 4px; margin-inline-end: 4px; top: -4px; } #inner-event .event-content .event-grid h3 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 18px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; margin-bottom: 16px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid h3 { font-size: 16px } } #inner-event .event-content .event-grid h4 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; position: relative; --tw-text-opacity: 1; color: rgba(213, 85, 17, var(--tw-text-opacity)); text-transform: uppercase; margin-bottom: 16px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid h4 { font-size: 16px } } #inner-event .event-content .event-grid p img, #inner-event .event-content .event-grid p iframe { position: relative; width: 100%; } #inner-event .event-content .event-grid p img, #inner-event .event-content .event-grid p iframe { border-radius: 4px; margin-bottom: 24px; } #inner-event .event-content .event-grid figure.wp-block-image, #inner-event .event-content .event-grid figure.wp-block-video, #inner-event .event-content .event-grid .wp-block-image figure, #inner-event .event-content .event-grid .wp-block-video figure { display: contents } #inner-event .event-content .event-grid figure.wp-block-image > a, #inner-event .event-content .event-grid figure.wp-block-video > a, #inner-event .event-content .event-grid .wp-block-image figure > a, #inner-event .event-content .event-grid .wp-block-video figure > a { border: none !important } #inner-event .event-content .event-grid figure.wp-block-image > a:hover, #inner-event .event-content .event-grid figure.wp-block-video > a:hover, #inner-event .event-content .event-grid .wp-block-image figure > a:hover, #inner-event .event-content .event-grid .wp-block-video figure > a:hover { cursor: auto; } #inner-event .event-content .event-grid figure.wp-block-image > a, #inner-event .event-content .event-grid figure.wp-block-video > a, #inner-event .event-content .event-grid .wp-block-image figure > a, #inner-event .event-content .event-grid .wp-block-video figure > a { grid-column: span 8 / span 8; grid-column-start: 3 } @media (max-width: 767.98px) { #inner-event .event-content .event-grid figure.wp-block-image > a, #inner-event .event-content .event-grid figure.wp-block-video > a, #inner-event .event-content .event-grid .wp-block-image figure > a, #inner-event .event-content .event-grid .wp-block-video figure > a { grid-column: span 12 / span 12; grid-column-start: 1 } } #inner-event .event-content .event-grid figure.wp-block-image > a img:hover, #inner-event .event-content .event-grid figure.wp-block-video > a img:hover, #inner-event .event-content .event-grid .wp-block-image figure > a img:hover, #inner-event .event-content .event-grid .wp-block-video figure > a img:hover { cursor: pointer; -webkit-filter: brightness(70%); } #inner-event .event-content .event-grid figure.wp-block-image img, #inner-event .event-content .event-grid figure.wp-block-image video, #inner-event .event-content .event-grid figure.wp-block-video img, #inner-event .event-content .event-grid figure.wp-block-video video, #inner-event .event-content .event-grid .wp-block-image figure img, #inner-event .event-content .event-grid .wp-block-image figure video, #inner-event .event-content .event-grid .wp-block-video figure img, #inner-event .event-content .event-grid .wp-block-video figure video { position: relative; width: 100%; } #inner-event .event-content .event-grid figure.wp-block-image img, #inner-event .event-content .event-grid figure.wp-block-image video, #inner-event .event-content .event-grid figure.wp-block-video img, #inner-event .event-content .event-grid figure.wp-block-video video, #inner-event .event-content .event-grid .wp-block-image figure img, #inner-event .event-content .event-grid .wp-block-image figure video, #inner-event .event-content .event-grid .wp-block-video figure img, #inner-event .event-content .event-grid .wp-block-video figure video { border-radius: 4px; margin-bottom: 24px; height: auto; } @media (max-width: 991.98px) { #inner-event .event-content .event-grid figure.wp-block-image img, #inner-event .event-content .event-grid figure.wp-block-image video, #inner-event .event-content .event-grid figure.wp-block-video img, #inner-event .event-content .event-grid figure.wp-block-video video, #inner-event .event-content .event-grid .wp-block-image figure img, #inner-event .event-content .event-grid .wp-block-image figure video, #inner-event .event-content .event-grid .wp-block-video figure img, #inner-event .event-content .event-grid .wp-block-video figure video { width: 100vw !important; max-width: none; left: -32px; } } #inner-event .event-content .event-grid figure.wp-block-image figcaption, #inner-event .event-content .event-grid figure.wp-block-video figcaption, #inner-event .event-content .event-grid .wp-block-image figure figcaption, #inner-event .event-content .event-grid .wp-block-video figure figcaption { font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); margin-bottom: 80px; line-height: 28px; font-family: 'Roboto', sans-serif; } #inner-event .event-content .event-grid figure.wp-block-pullquote p, #inner-event .event-content .event-grid blockquote.wp-block-quote p { font-family: Teko, Oswald; font-weight: 600; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; line-height: 120%; letter-spacing: 0.05em; } #inner-event .event-content .event-grid figure.wp-block-pullquote cite, #inner-event .event-content .event-grid blockquote.wp-block-quote cite { font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); font-family: 'Roboto', sans-serif; font-style: normal; text-transform: none; } #inner-event .event-content .event-grid figure.wp-block-pullquote p { font-size: 48px; margin-bottom: 16px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid figure.wp-block-pullquote p { font-size: 32px } } #inner-event .event-content .event-grid figure.wp-block-pullquote::after, #inner-event .event-content .event-grid figure.wp-block-pullquote::before { display: block; height: 16px; margin-left: 8px; margin-right: 8px; } #inner-event .event-content .event-grid figure.wp-block-pullquote::after, #inner-event .event-content .event-grid figure.wp-block-pullquote::before { content: ""; background: url('/wp-content/themes/regionals/assets/images/new/article/quote-border.png') no-repeat; } #inner-event .event-content .event-grid figure.wp-block-pullquote::before { margin-bottom: 44px; } #inner-event .event-content .event-grid figure.wp-block-pullquote::after { margin-top: 44px; margin-bottom: 44px; } #inner-event .event-content .event-grid blockquote.wp-block-quote { position: relative; -webkit-padding-start: 32px; padding-inline-start: 32px; } #inner-event .event-content .event-grid blockquote.wp-block-quote p { font-size: 32px; margin-bottom: 8px; } #inner-event .event-content .event-grid blockquote.wp-block-quote { margin-bottom: 48px; } #inner-event .event-content .event-grid blockquote.wp-block-quote:before { display: block; height: 80px; position: absolute; width: 16px; inset-inline-start: 0px; left: 0; content: ""; background: url('/wp-content/themes/regionals/assets/images/new/article/quote-left.png') no-repeat; } #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid ul { font-size: 18px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: none; } #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid ul { font-family: 'Roboto', sans-serif; list-style: none; counter-reset: item; margin-bottom: 48px; } @media (max-width: 991.98px) { #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid ul { font-size: 16px; } } #inner-event .event-content .event-grid ol ul, #inner-event .event-content .event-grid ul ul { -webkit-margin-start: 40px; margin-inline-start: 40px; } #inner-event .event-content .event-grid ol li, #inner-event .event-content .event-grid ul li { font-weight: 400; margin-top: 16px; margin-bottom: 16px; counter-increment: item; position: relative; } #inner-event .event-content .event-grid ol a:hover, #inner-event .event-content .event-grid ul a:hover { -webkit-filter: brightness(70%); } #inner-event .event-content .event-grid ol li { font-weight: 700; } #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid ul { grid-column: span 6 / span 6; grid-column-start: 4; } @media (max-width: 991.98px) { #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid ul { grid-column: span 8 / span 8; grid-column-start: 3; } } @media (max-width: 767.98px) { #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid ul { grid-column: span 10 / span 10; grid-column-start: 2; } } @media (max-width: 575.98px) { #inner-event .event-content .event-grid ol, #inner-event .event-content .event-grid ul { grid-column: span 12 / span 12; grid-column-start: 1; } } #inner-event .event-content .event-grid ol li, #inner-event .event-content .event-grid ul li { font-weight: 400; } #inner-event .event-content .event-grid .wp-block-embed__wrapper { position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 24px } #inner-event .event-content .event-grid .wp-block-embed__wrapper iframe { height: 100%; position: absolute; top: 0; width: 100%; border-radius: 4px; z-index: 1 } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-embed__wrapper iframe { max-width: none; left: -32px; width: 100vw } } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; height: 100%; font-size: 16px; padding-left: 32px; padding-right: 32px; position: absolute; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; top: 0; align-items: center; justify-content: space-between; border-radius: 4px; z-index: 2; transition: 0.7s } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover { max-width: none; left: -32px; width: 100vw } } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover span { z-index: 2; } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover .controls-cover { display: flex; height: 100%; position: absolute; width: 100%; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 2; z-index: 2 } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover .controls-cover:after { content: ''; z-index: 2; transition: 0.7s; width: 100%; height: 6%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); background-color: white; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover .controls-cover:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; width: 10%; transition: 0.7s; height: 15%; content: ''; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button-bg-7.png'); background-size: contain; background-repeat: no-repeat; opacity: 0.8; } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover img { position: absolute; top: 0; left: 0; right: 0; z-index: 1; max-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 !important; transition: 0.7s; } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover:hover img { transition: 0.7s; -webkit-filter: brightness(50%); } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover:hover { cursor: pointer } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover:hover .controls-cover:after { transition: 0.7s; } #inner-event .event-content .event-grid .wp-block-embed__wrapper .video-cover:hover .controls-cover:before { transition: 0.7s; opacity: 1; } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-embed__wrapper { width: 100vw; grid-column: span 12 / span 12; grid-column-start: 1 } } #inner-event .event-content .event-grid .wp-block-embed { display: contents } #inner-event .event-content .event-grid .wp-block-embed figcaption { font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); grid-column: span 5 / span 5; grid-column-start: 4; line-height: 28px; font-family: 'Roboto', sans-serif; margin-bottom: 80px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-embed figcaption { grid-column: span 12 / span 12; grid-column-start: 1 } } #inner-event .event-content .event-grid .wp-block-columns { display: flex; align-items: center; margin-bottom: 56px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-columns { flex-direction: column } } #inner-event .event-content .event-grid .wp-block-columns .wp-block-column { flex-grow: 1; flex-basis: 0 } @media (min-width: 992px) { #inner-event .event-content .event-grid .wp-block-columns .wp-block-column { margin: 24px } } #inner-event .event-content .event-grid .wp-block-columns .wp-block-column h2 { margin-top: 8px; } #inner-event .event-content .event-grid .wp-block-columns .wp-block-column p { margin-bottom: 0; } #inner-event .event-content .event-grid .wp-block-columns .wp-block-column img { left: 0; right: 0; } #inner-event .event-content .event-grid .wp-block-gallery { grid-column: span 9 / span 9; grid-column-start: 2 } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-gallery { -webkit-margin-start: -61px; margin-inline-start: -61px; margin-bottom: 32px; width: 100vw } } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid * { outline: none; } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid { --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); width: 100% } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list { margin-bottom: 24px; overflow: initial } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .slick-slide { padding-left: 16px; padding-right: 16px } } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item { margin-top: 0; margin-bottom: 0 } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item::before { content: none !important; } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure { grid-template-columns: repeat(9, minmax(0, 1fr)); display: grid !important } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure img { width: 100%; grid-column: span 8 / span 8; grid-column-start: 2; grid-row-start: 1; border-radius: 4px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure img { grid-column: span 9 / span 9; grid-column-start: 1 } } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure .ripped-texture-gallery { height: 100%; width: 100%; grid-column: span 8 / span 8; grid-column-start: 2; grid-row-start: 1; background: url('/wp-content/themes/regionals/assets/images/new/article/ripped-texture.png') no-repeat; background-position: bottom; background-size: contain } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure .ripped-texture-gallery { grid-column: span 9 / span 9; grid-column-start: 1 } } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure figcaption { font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); grid-column: span 5 / span 5; grid-column-start: 3; margin-top: 36px; font-family: 'Roboto', sans-serif; min-height: 21px } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure figcaption { margin-top: 16px; grid-column: span 8 / span 8; grid-column-start: 1; -webkit-margin-start: 16px; margin-inline-start: 16px } } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-arrow { z-index: 1; width: 24px; height: 24px; position: absolute; bottom: 0 } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .slick-arrow { bottom: -30px } } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .prev { inset-inline-end: 56px; right: 56px } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .prev:hover { cursor: pointer; -webkit-filter: brightness(70%); } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .next { inset-inline-end: 24px; right: 24px } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .next:hover { cursor: pointer; -webkit-filter: brightness(70%); } #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .gallery-counter { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 16px; position: absolute; -webkit-margin-start: 16px; margin-inline-start: 16px; bottom: 0; font-weight: 600 } @media (max-width: 991.98px) { #inner-event .event-content .event-grid .wp-block-gallery .blocks-gallery-grid .gallery-counter { bottom: -30px; inset-inline-start: 0 !important; left: 0 !important; -webkit-margin-start: 32px; margin-inline-start: 32px } } #inner-event .event-content .event-grid figure.wp-block-table { margin-bottom: 48px } #inner-event .event-content .event-grid figure.wp-block-table table { width: 100%; border-collapse: collapse } #inner-event .event-content .event-grid figure.wp-block-table table tr { border-bottom: 2px solid #BFBFBF } #inner-event .event-content .event-grid figure.wp-block-table table tr td { font-size: 16px; padding-top: 24px; padding-bottom: 24px; padding-right: 16px; --tw-text-opacity: 1; color: rgba(114, 116, 120, var(--tw-text-opacity)); font-family: 'Roboto', sans-serif; max-width: 188px; } #inner-event .event-content .event-grid figure.wp-block-table table tr:first-child td { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); text-transform: uppercase; } #inner-event .bottom-paper { width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/article/middle-texture-tiny.png') } #inner-event .bottom-paper img { width: 100%; } #inner-event .bottom-content { position: relative; width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/body-bg-texture.png') } #inner-event .bottom-content .suggestions-grid { display: grid; margin: auto; padding-left: 32px; padding-right: 32px; padding-top: 96px; position: relative; -moz-column-gap: 48px; column-gap: 48px; row-gap: 16px; grid-template-columns: repeat(12, minmax(0, 1fr)); padding-bottom: 200px; max-width: 1296px } @media (max-width: 991.98px) { #inner-event .bottom-content .suggestions-grid { -moz-column-gap: 0; column-gap: 0 } } #inner-event .bottom-content .suggestions-grid .suggestions-title, #inner-event .bottom-content .suggestions-grid .suggestions-first, #inner-event .bottom-content .suggestions-grid .suggestions-second { grid-column: span 4 / span 4; } @media (max-width: 1299.98px) { #inner-event .bottom-content .suggestions-grid .suggestions-title, #inner-event .bottom-content .suggestions-grid .suggestions-first, #inner-event .bottom-content .suggestions-grid .suggestions-second { grid-column: span 5 / span 5; } } @media (max-width: 991.98px) { #inner-event .bottom-content .suggestions-grid .suggestions-title, #inner-event .bottom-content .suggestions-grid .suggestions-first, #inner-event .bottom-content .suggestions-grid .suggestions-second { grid-column: span 6 / span 6; } } @media (max-width: 767.98px) { #inner-event .bottom-content .suggestions-grid .suggestions-title, #inner-event .bottom-content .suggestions-grid .suggestions-first, #inner-event .bottom-content .suggestions-grid .suggestions-second { grid-column: span 12 / span 12; } } #inner-event .bottom-content .suggestions-grid .suggestions-title, #inner-event .bottom-content .suggestions-grid .suggestions-first { grid-column-start: 3; } @media (max-width: 1299.98px) { #inner-event .bottom-content .suggestions-grid .suggestions-title, #inner-event .bottom-content .suggestions-grid .suggestions-first { grid-column-start: 2; } } @media (max-width: 991.98px) { #inner-event .bottom-content .suggestions-grid .suggestions-title, #inner-event .bottom-content .suggestions-grid .suggestions-first { grid-column-start: 1; } } #inner-event .bottom-content .suggestions-grid .suggestions-title { display: flex; flex-direction: row; font-family: Teko, Oswald; font-weight: 600; font-size: 56px; margin-bottom: 48px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; line-height: 56px } @media (min-width: 768px) { #inner-event .bottom-content .suggestions-grid .suggestions-title { max-width: 400px } } #inner-event .bottom-content .suggestions-grid .suggestions-title .filler { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); flex-grow: 1; margin-top: 80px; -webkit-margin-start: 24px; margin-inline-start: 24px; height: 2px; } #inner-event .bottom-content .suggestions-grid .event-item { margin-bottom: 56px; width: 100%; -webkit-margin-start: auto; margin-inline-start: auto; height: 580px; } @media (min-width: 768px) { #inner-event .bottom-content .suggestions-grid .suggestions-second { margin-top: -128px } } #inner-event .bottom-content .suggestions-grid .suggestions-second .keep-reading { display: flex; justify-content: flex-end; padding-top: 24px; position: relative } @media (min-width: 768px) { #inner-event .bottom-content .suggestions-grid .suggestions-second .keep-reading { padding-top: 40px; -webkit-padding-end: 104px; padding-inline-end: 104px } } #inner-event .bottom-content .suggestions-grid .suggestions-second .keep-reading .decoration { position: absolute; top: 0; grid-column: span 2 / span 2; grid-column-start: 9 } @media (min-width: 768px) { #inner-event .bottom-content .suggestions-grid .suggestions-second .keep-reading .decoration { inset-inline-end: 0; right: 0 } } @media (max-width: 767.98px) { #inner-event .bottom-content .suggestions-grid .suggestions-second .keep-reading .decoration { inset-inline-start: 88px; left: 88px; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-rotate: 90deg } } #inner-event .bottom-content .suggestions-grid .suggestions-second .keep-reading .round-button { font-family: Teko, Oswald; font-weight: 600; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); letter-spacing: 0.05em; line-height: 120% } #inner-event .bottom-content .suggestions-grid .suggestions-second .keep-reading .round-button .icon { height: 16px; width: 16px; } html[dir="rtl"] #inner-event .prev { /*inset-inline-end: 24px !important;*/ transform: scaleX(-1); left: 56px; right: auto !important; } html[dir="rtl"] #inner-event .next { /*inset-inline-end: 56px !important;*/ left: 24px; right: auto !important; transform: scaleX(-1); } html[dir="rtl"] #inner-event .share-button { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } html[dir="rtl"] #inner-event .arrow-right-icon { transform: scaleX(1); } html[dir="rtl"] #inner-event figure.wp-block-pullquote::after, html[dir="rtl"] #inner-event figure.wp-block-pullquote::before { transform: scaleX(-1); } html[dir="rtl"] #inner-event blockquote.wp-block-quote:before { right: 0; } html[dir="rtl"] #inner-event .get::before, html[dir="rtl"] #inner-event .arrow::before { transform: scaleX(-1); right: 0; } @media (max-width: 767.98px) { html[dir="rtl"] #inner-event .bottom-content .suggestions-grid .suggestions-second .keep-reading .decoration { right: 88px; } } @media (max-width: 991.98px) { html[dir="rtl"] #inner-event .event-grid .wp-block-gallery .blocks-gallery-grid .gallery-counter { right: 0 !important; } html[dir="rtl"] #inner-event .event-grid .wp-block-embed .wp-block-embed__wrapper iframe, html[dir="rtl"] #inner-event .event-grid figure.wp-block-image img { right: -32px; } } #languageMenu { height: 100vh; position: fixed; top: 0; width: 100vw; z-index: 2; inset-inline-end: 0; transform: translateY(-100%); transition-delay: 0.7s } #languageMenu .overlay { background-image: url('/wp-content/themes/regionals/assets/images/shared/noisy-overlay.png'); } #languageMenu .menu-wrapper { background-image: url('/wp-content/themes/regionals/assets/images/header/language-menu-bg.png') } @media (max-width: 991.98px) { #languageMenu .menu-wrapper { background-image: url('/wp-content/themes/regionals/assets/images/header/mobile-bg.png') } } #languageMenu.open { transition-duration: 0s; transition-delay: 0s; transform: translateY(0%) } @media (min-width: 992px) { #languageMenu.open { margin-top: 0 } } @media (max-width: 991.98px) { #languageMenu.open { -webkit-margin-end: 0; margin-inline-end: 0 } } #languageMenu.open .content-wrapper .overlay { -webkit-animation: fade_in 0.7s; animation: fade_in 0.7s; } #languageMenu.open .content-wrapper .menu-wrapper { margin: 0; } #languageMenu .content-wrapper { height: 100%; overflow-y: auto; position: relative } #languageMenu .content-wrapper .overlay { cursor: pointer; height: 100%; position: absolute; top: 0; width: 100%; z-index: 0; inset-inline-start: 0; -webkit-animation: fade_out 0.7s; animation: fade_out 0.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #languageMenu .content-wrapper .close-mobile { cursor: pointer; position: absolute; top: 104px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); z-index: 20; inset-inline-end: 32px; right: 32px } @media (min-width: 992px) { #languageMenu .content-wrapper .close-mobile { display: none } } #languageMenu .content-wrapper .close-mobile .icon { --tw-bg-opacity: 1; background-color: rgba(191, 191, 191, var(--tw-bg-opacity)); } #languageMenu .content-wrapper .menu-wrapper { background-position: bottom; background-repeat: no-repeat; background-size: cover; padding-bottom: 104px; padding-top: 160px; position: absolute; top: 0; width: 100%; z-index: 10; transition: all 0.7s 0s ease-in-out; inset-inline-start: 0; min-height: 678px } @media (min-width: 992px) { #languageMenu .content-wrapper .menu-wrapper { margin-top: -100% } } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper { -webkit-margin-end: -100%; margin-inline-end: -100% } } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper { padding-top: 104px; padding-bottom: 160px } } #languageMenu .content-wrapper .menu-wrapper .content-grid { display: grid; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px } #languageMenu .content-wrapper .menu-wrapper .content-grid .close-button-wrapper { z-index: 2 } #languageMenu .content-wrapper .menu-wrapper .content-grid .close-button-wrapper .close-button { position: absolute; top: 0; right: 136px; } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .close-button-wrapper { display: none } } #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content { position: relative; grid-column: span 11 / span 11; grid-column-start: 2; z-index: 1 } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content { grid-column: span 12 / span 12 } } #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper { display: flex; align-items: flex-start; font-family: Teko, Oswald; position: relative; letter-spacing: -0.025em } #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper .text-wrapper { display: flex } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper .text-wrapper { flex-direction: column } } #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper h3 { font-size: 56px } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper h3 { font-size: 42px; width: 50%; -webkit-margin-start: 24px; margin-inline-start: 24px } } @media (max-width: 350px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper h3 { -webkit-margin-start: 0; margin-inline-start: 0 } } #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper h2 { font-size: 42px; white-space: nowrap; -webkit-margin-end: 8px; margin-inline-end: 8px; margin-top: 4px } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper h2 { font-size: 36px; margin-top: 0; width: 50%; -webkit-margin-end: 0; margin-inline-end: 0 } } #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper .horizontal-line { background-repeat: no-repeat; background-size: cover; align-self: center; flex-grow: 1; z-index: 10; -webkit-margin-start: 16px; margin-inline-start: 16px; -webkit-margin-end: 96px; margin-inline-end: 96px; height: 2px; background-image: url('/wp-content/themes/regionals/assets/images/header/horizontal-line.svg') } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper .horizontal-line { margin-top: 40px; -webkit-margin-end: 0; margin-inline-end: 0 } } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; margin-top: 8px } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper .list-title { font-weight: 400; font-size: 14px; margin-bottom: 16px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li { cursor: pointer; font-weight: 600; font-size: 18px; margin-bottom: 24px; position: relative; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; display: table } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li { min-width: 25%; width: 25%; margin-bottom: 40px } } @media (max-width: 767.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li { min-width: 50%; width: 50% } } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li:hover .hover-border { opacity: 1; } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li.selected { cursor: default; --tw-text-opacity: 1; color: rgba(243, 151, 32, var(--tw-text-opacity)) } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li.selected span { --tw-text-opacity: 1; color: rgba(243, 151, 32, var(--tw-text-opacity)); } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li.selected:hover .hover-border { opacity: 0; } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li span { font-weight: 400; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li .region-description { font-weight: 400; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); } #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li .hover-border { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); opacity: 0; position: absolute; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; inset-inline-start: 0; height: 4px; bottom: -8px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li .hover-border { display: none } } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .wrapper li:last-child { margin-bottom: 0 } } #languageMenu .content-wrapper .menu-wrapper .content-grid .language-wrapper { grid-column: span 5 / span 5; grid-column-start: 2 } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .language-wrapper { margin-top: 24px; grid-column: span 12 / span 12 } } #languageMenu .content-wrapper .menu-wrapper .content-grid .region-wrapper { grid-column: span 5 / span 5; grid-column-start: 7 } @media (max-width: 991.98px) { #languageMenu .content-wrapper .menu-wrapper .content-grid .region-wrapper { margin-top: 24px; grid-column: span 12 / span 12 } } [lang="vi-VN"] #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper, [lang="pl-PL"] #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper, [lang="tr-TR"] #languageMenu .content-wrapper .menu-wrapper .content-grid .top-content .title-wrapper { font-family: Oswald; } html[dir="rtl"] #languageMenu .arrow-left-icon { transform: scaleX(-1); } html[dir="rtl"] #languageMenu .close-mobile { left: 32px; right: auto; } html[dir="rtl"] #languageMenu .content-wrapper .menu-wrapper .content-grid .close-button-wrapper .close-button { left: 136px; right: auto; } @-webkit-keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } }#latestNews { font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; font-weight: 400; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; background: url('/wp-content/themes/regionals/assets/images/new/shared/body-bg-texture.png') repeat } @media (max-width: 991.98px) { #latestNews { z-index: 1 } } #latestNews .news-bg { display: flex; height: 100%; padding-bottom: 192px; position: absolute; top: 0; width: 100% } @media (max-width: 991.98px) { #latestNews .news-bg { padding-bottom: 80px } } #latestNews .news-bg .paper-bottom, #latestNews .news-bg .paper-top { position: absolute } #latestNews .news-bg .paper-bottom img, #latestNews .news-bg .paper-top img { width: 1392px; height: 46px; } #latestNews .news-bg .paper-top { z-index: 1; -webkit-margin-start: calc((100vw - 1296px - var(--scrollbar-width)) / 2); margin-inline-start: calc((100vw - 1296px - var(--scrollbar-width)) / 2); bottom: 100%; } #latestNews .news-bg .paper-bottom { z-index: 1; -webkit-margin-start: calc((100vw - 1296px - var(--scrollbar-width)) / 2); margin-inline-start: calc((100vw - 1296px - var(--scrollbar-width)) / 2); top: calc(100% - 192px) } @media (max-width: 991.98px) { #latestNews .news-bg .paper-bottom { top: calc(100% - 80px) } } #latestNews .news-bg .paper-bottom img { width: 1392px; transform: rotate(180deg); } #latestNews .news-bg .outer-container { height: 100%; padding-left: 32px; padding-right: 32px; width: 100%; -moz-column-gap: 0; column-gap: 0; -webkit-margin-start: calc((100vw - 1296px - var(--scrollbar-width)) / 2); margin-inline-start: calc((100vw - 1296px - var(--scrollbar-width)) / 2); background-image: url('/wp-content/themes/regionals/assets/images/new/latest-news/rectangle.png'); max-width: 1392px } @media (max-width: 991.98px) { #latestNews .news-bg .outer-container { padding-left: 0; padding-right: 0 } } #latestNews .social-media-mobile { grid-column: span 12 / span 12; z-index: 3; justify-content: space-around } @media (min-width: 992px) { #latestNews .social-media-mobile { display: none } } #latestNews .news-content .news-container { display: grid; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; padding-top: 40px; padding-bottom: 192px; position: relative; width: 100%; -moz-column-gap: 24px; column-gap: 24px; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px } @media (max-width: 991.98px) { #latestNews .news-content .news-container { padding-left: 0; padding-right: 0; padding-bottom: 80px } } #latestNews .news-content .news-container .latest-news-title.mobile { position: relative; grid-column: span 12 / span 12; margin-bottom: -70px } #latestNews .news-content .news-container .latest-news-title.mobile .pan { width: 100%; } #latestNews .news-content .news-container .latest-news-title.mobile .graffiti { position: absolute; z-index: 2; width: 65%; top: 170px; -webkit-margin-start: 30%; margin-inline-start: 30%; } #latestNews .news-content .news-container .latest-news-title.mobile h2 { font-family: Teko, Oswald; font-weight: 600; font-size: 56px; position: absolute; z-index: 3; top: 150px; -webkit-margin-start: 50px; margin-inline-start: 50px; line-height: 100%; word-spacing: 2000px; color: #3d3f42; -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */ -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #3d3f42; } @media (min-width: 576px) { #latestNews .news-content .news-container .latest-news-title.mobile { display: none } } #latestNews .news-content .news-container .latest-news-title.desktop { display: flex; align-items: center; justify-content: center; position: absolute; height: 450px; width: 500px; top: -120px; inset-inline-start: -100px; left: -100px; z-index: 2 } #latestNews .news-content .news-container .latest-news-title.desktop .bg-spray { height: 100%; position: absolute; width: 100%; z-index: 1; background: url('/wp-content/themes/regionals/assets/images/new/latest-news/stencil.png') no-repeat; background-size: contain } @media (min-width: 992px) { #latestNews .news-content .news-container .latest-news-title.desktop .bg-spray { background-position: -32px 24px } } #latestNews .news-content .news-container .latest-news-title.desktop .graffiti { position: absolute; bottom: 90px; z-index: 3; -webkit-margin-start: -80px; margin-inline-start: -80px; } @media (max-width: 575.98px) { #latestNews .news-content .news-container .latest-news-title.desktop { display: none } } #latestNews .news-content .news-container .latest-news-title.desktop h2 { display: none; font-family: Teko, Oswald; font-weight: 600; font-size: 72px; position: relative; z-index: 2; } @media (max-width: 991.98px) { #latestNews .news-content .news-container .latest-news-title.desktop h2 { font-size: 56px; } } #latestNews .news-content .news-container .latest-news-title.desktop h2 { max-width: 264px; line-height: 100%; color: #3d3f42; -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */ -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #3d3f42; } #latestNews .news-content .news-container .categories-list { position: relative; display: flex; align-items: center; grid-column: span 12 / span 12 } #latestNews .news-content .news-container .categories-list.desktop { flex-wrap: wrap; justify-content: flex-end; margin-top: 16px; margin-bottom: 40px; grid-column: span 12 / span 12; z-index: 3 } @media (max-width: 575.98px) { #latestNews .news-content .news-container .categories-list.desktop { display: none } } #latestNews .news-content .news-container .categories-list.mobile { height: 64px; overflow-x: auto; margin-top: 0; margin-bottom: 24px; -webkit-padding-start: 32px; padding-inline-start: 32px; } @media (min-width: 576px) { #latestNews .news-content .news-container .categories-list.mobile { display: none; } } #latestNews .news-content .news-container .categories-list.mobile::-webkit-scrollbar { display: none; } #latestNews .news-content .news-container .categories-list.mobile { -ms-overflow-style: none; scrollbar-width: none; } #latestNews .news-content .news-container .categories-list .arrow { height: 100% } #latestNews .news-content .news-container .categories-list .arrow .icon { height: 12px; -webkit-margin-start: 4px; margin-inline-start: 4px; } #latestNews .news-content .news-container .categories-list .arrow .item-featured { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); } #latestNews .news-content .news-container .categories-list .arrow .item-pc { --tw-bg-opacity: 1; background-color: rgba(173, 153, 139, var(--tw-bg-opacity)); } #latestNews .news-content .news-container .categories-list .arrow .item-console { --tw-bg-opacity: 1; background-color: rgba(231, 107, 70, var(--tw-bg-opacity)); } #latestNews .news-content .news-container .categories-list .arrow .item-esports { --tw-bg-opacity: 1; background-color: rgba(182, 8, 46, var(--tw-bg-opacity)); } #latestNews .news-content .news-container .categories-list .arrow .item-mobile { --tw-bg-opacity: 1; background-color: rgba(45, 170, 197, var(--tw-bg-opacity)); } #latestNews .news-content .news-container .categories-list .arrow .item-new-stage { --tw-bg-opacity: 1; background-color: rgba(121, 169, 60, var(--tw-bg-opacity)); } #latestNews .news-content .news-container .categories-list a { display: flex; align-items: center; font-family: Teko, Oswald; font-weight: 600; font-size: 18px; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); white-space: nowrap; -webkit-margin-end: 16px; margin-inline-end: 16px; list-style-type: none; line-height: 120% } #latestNews .news-content .news-container .categories-list a:hover { --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); } #latestNews .news-content .news-container .main-news { display: grid; position: relative; -moz-column-gap: 32px; column-gap: 32px; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-column: span 8 / span 8; grid-column-start: 2; z-index: 2 } @media (max-width: 1299.98px) { #latestNews .news-content .news-container .main-news { grid-column-start: 1 } } @media (max-width: 991.98px) { #latestNews .news-content .news-container .main-news { padding-left: 32px; padding-right: 32px; grid-column: span 12 / span 12 } } @media (max-width: 575.98px) { #latestNews .news-content .news-container .main-news { -moz-column-gap: 0; column-gap: 0 } } #latestNews .news-content .news-container .main-news .news-list { display: flex; flex-direction: column; align-items: center; grid-column: span 6 / span 6; z-index: 1 } @media (max-width: 575.98px) { #latestNews .news-content .news-container .main-news .news-list { grid-column: span 12 / span 12 } } @media (min-width: 576px) { #latestNews .news-content .news-container .main-news .news-list.first-column { padding-top: 180px } } #latestNews .news-content .news-container .main-news .news-list .card { margin-bottom: 32px; } #latestNews .news-content .news-container .main-news .decoration { position: absolute; z-index: 2; inset-inline-end: -144px; right: -144px; bottom: -144px } @media (max-width: 991.98px) { #latestNews .news-content .news-container .main-news .decoration { inset-inline-start: 0; inset-inline-end: 0; left: 0; right: 0; bottom: -30px; padding-left: 32px; padding-right: 32px; z-index: 0 } } @media (min-width: 992px) { #latestNews .news-content .news-container .main-news .decoration .mobile { display: none } } @media (max-width: 991.98px) { #latestNews .news-content .news-container .main-news .decoration .desktop { display: none } } #latestNews .news-content .news-container .main-news .keep-reading { z-index: 3 } @media (min-width: 992px) { #latestNews .news-content .news-container .main-news .keep-reading { inset-inline-end: -48px; right: -48px; bottom: -48px; position: absolute } } @media (max-width: 991.98px) { #latestNews .news-content .news-container .main-news .keep-reading { margin-bottom: 48px; padding-left: 32px; padding-right: 32px; grid-column: span 12 / span 12; -webkit-margin-start: auto; margin-inline-start: auto } } #latestNews .news-content .news-container .main-news .keep-reading .round-button { font-family: Teko, Oswald; font-weight: 600; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); letter-spacing: 0.05em; line-height: 120%; text-align: start } #latestNews .news-content .news-container .main-news .keep-reading .round-button .icon { height: 14px; width: 14px; } #latestNews .news-content .news-container .patch-notes { position: relative; grid-column: span 3 / span 3; z-index: 1 } @media (max-width: 1299.98px) { #latestNews .news-content .news-container .patch-notes { grid-column: span 4 / span 4 } } @media (max-width: 991.98px) { #latestNews .news-content .news-container .patch-notes { margin-left: 32px; margin-right: 32px; margin-bottom: 48px; grid-column: span 12 / span 12 } } #latestNews .news-content .news-container .patch-notes .patch-notes-container { padding: 24px; background: #e3dfd9; border-radius: 4px } #latestNews .news-content .news-container .patch-notes .patch-notes-container .title { font-family: Teko, Oswald; font-weight: 600; font-size: 18px; letter-spacing: 0.1em; color: #3d3f42; border-bottom: 2px solid #3d3f42; } #latestNews .news-content .news-container .patch-notes .patch-notes-container .patch-notes-thumbnail { margin-top: 16px; overflow: hidden; border-radius: 4px } #latestNews .news-content .news-container .patch-notes .patch-notes-container .patch-notes-thumbnail img { width: 100%; } #latestNews .news-content .news-container .patch-notes .patch-notes-container .update { padding-top: 32px; border-bottom: 1px solid #bfbfbf } #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .metadata { display: flex; justify-content: space-between; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 12px; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); width: 100% } #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .metadata .tags span:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .metadata .date { flex-shrink: 0; -webkit-margin-start: 12px; margin-inline-start: 12px; } #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .title-container { display: flex; justify-content: space-between; margin-top: 8px; margin-bottom: 8px; width: 100%; align-items: center } #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .title-container .update-title { font-family: Teko, Oswald; font-weight: 600; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); font-size: 20px; flex-grow: 1; } #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .title-container .arrow .icon { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); width: 8px; height: 36px; } #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .title-container:hover .update-title { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .title-container:hover .arrow .icon { --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } #latestNews .news-content .news-container .patch-notes .patch-notes-container .see-all-patch { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 14px; padding-top: 24px; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); text-align: end } #latestNews .news-content .news-container .patch-notes .patch-notes-container .see-all-patch .icon { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); -webkit-margin-start: 8px; margin-inline-start: 8px; height: 12px; width: 12px; } #latestNews .news-content .news-container .patch-notes .patch-notes-container .see-all-patch:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)) } #latestNews .news-content .news-container .patch-notes .patch-notes-container .see-all-patch:hover .icon { --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } [lang="vi-VN"] #latestNews .news-content .news-container .categories-list a , [lang="vi-VN"] #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .title-container .update-title, [lang="pl-PL"] #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .title-container .update-title, [lang="tr-TR"] #latestNews .news-content .news-container .patch-notes .patch-notes-container .update .title-container .update-title { font-family: Oswald; } html[dir="rtl"] #latestNews .icon { transform: rotate(0deg); } html[dir="rtl"] #latestNews .arrow-chevron-icon { transform: rotate(180deg); } html[dir="rtl"] #latestNews .bg-spray { transform: scaleX(-1); } @media (min-width: 992px) { html[dir="rtl"] #latestNews .news-content .news-container .main-news .latest-news-title { right: -100px; left: auto; } html[dir="rtl"] #latestNews .news-content .news-container .main-news .keep-reading { left: -48px; right: auto; } html[dir="rtl"] #latestNews .news-content .news-container .main-news .decoration { left: -144px; right: auto; } } @media (max-width: 991.98px) { html[dir="rtl"] #latestNews .news-content .news-container .main-news .decoration { right: 0; left: 0; } }@font-face { font-family: 'Bender'; font-weight: 400; src: url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.otf') format('opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.svg') format('svg'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Bender/Bender.woff') format('woff'); Modern: url(/wp-content/themes/regionals/assets/fonts/Bender/Bender.woff2) format('woff2'); } @font-face { font-family: 'Bender'; font-weight: 700; src: url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.otf') format('opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.svg') format('svg'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.woff') format('woff'); Modern: url(/wp-content/themes/regionals/assets/fonts/Bender-Bold/Bender-Bold.woff2) format('woff2'); } @font-face { font-family: 'Bender'; font-weight: 900; src: url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.otf') format('opentype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.svg') format('svg'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.woff') format('woff'); Modern: url(/wp-content/themes/regionals/assets/fonts/Bender-Black/Bender-Black.woff2) format('woff2'); } @font-face { font-family: 'Headliner'; font-weight: normal; text-transform: uppercase; src: url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.otf') format('opentype'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.svg') format('svg'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.woff') format('woff'); Modern: url(/wp-content/themes/regionals/assets/fonts/Headliner-No-45/HeadlinerNo45.otf) format('otf'); } @font-face { font-family: 'Teko'; font-style: normal; font-weight: 400; src: url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.eot'); src: local(''), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.woff') format('woff'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-regular.svg#Teko') format('svg'); } @font-face { font-family: 'Teko'; font-style: normal; font-weight: 600; src: url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.eot'); src: local(''), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.woff2') format('woff2'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.woff') format('woff'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.ttf') format('truetype'), url('/wp-content/themes/regionals/assets/fonts/Teko/teko-v10-latin-600.svg#Teko') format('svg'); } @font-face { font-family: 'Impact'; font-style: normal; font-weight: 400; src: local(''), url('/wp-content/themes/regionals/assets/fonts/Impact/impact-2.ttf') format('truetype'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local(''), url('/wp-content/themes/regionals/assets/fonts/Oswald/Oswald-Medium.ttf') format('truetype'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; src: local(''), url('/wp-content/themes/regionals/assets/fonts/Oswald/Oswald-Regular.ttf') format('truetype'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local(''), url('/wp-content/themes/regionals/assets/fonts/Oswald/Oswald-SemiBold.ttf') format('truetype'); } .icon { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); display: inline-block; height: 8px; width: 8px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 250ms; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .arrow-bottom-left-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); transform: scaleY(-1); } .arrow-top-icon { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-rotate: 180deg; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/chevron-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/chevron-arrow.svg'); } .arrow-top-left-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); } .arrow-top-right-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/diagonal-arrow.svg'); transform: scaleX(-1); } .arrow-down-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/chevron-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/chevron-arrow.svg'); } .arrow-chevron-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow-chevron.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow-chevron.svg'); } .arrow-left-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow.svg'); } .arrow-right-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/arrow.svg'); transform: scaleX(-1); } .close-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/close.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/close.svg'); } .draw-arrow-left-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/draw-arrow.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/draw-arrow.svg'); } .discord-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/discord.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/discord.svg'); } .facebook-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/facebook.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/facebook.svg'); } .instagram-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/instagram.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/instagram.svg'); } .kwai-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/kwai.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/kwai.svg'); } .line-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/line.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/line.svg'); } .menu-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/menu.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/menu.svg'); } .naver-cafe-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/naver.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/naver.svg'); } .reddit-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/reddit.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/reddit.svg'); } .separator-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/separator.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/separator.svg'); } .sound-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/sound.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/sound.svg'); } .spotify-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/spotify.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/spotify.svg'); } .tiktok-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/tiktok.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/tiktok.svg'); } .twitch-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/twitch.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/twitch.svg'); } .twitter-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/twitter.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/twitter.svg'); } .user-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/user.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/user.svg'); } .vk-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/vk.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/vk.svg'); } .weibo-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/weibo.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/weibo.svg'); } .world-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/world.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/world.svg'); } .youtube-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/youtube.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/youtube.svg'); } .share-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/share.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/share.svg'); } .mobile-share-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/mobile-share.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/mobile-share.svg'); } .next-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/next.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/next.svg'); } .prev-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/prev.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/prev.svg'); } .search-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/search.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/search.svg'); } .filter-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/filter.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/filter.svg'); } .config-icon { -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/config.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/config.svg'); } html[dir="rtl"] #header .arrow-top-right-icon { transform: scaleX(1); } @-webkit-keyframes rotateMenu { 0% { transform: scaleY(0) } 80% { transform: scaleY(1.1) } 100% { transform: scaleY(1) } } @keyframes rotateMenu { 0% { transform: scaleY(0) } 80% { transform: scaleY(1.1) } 100% { transform: scaleY(1) } } /* ! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */ /*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /* Document ======== */ /** Use a better box model (opinionated). */ *, *::before, *::after { box-sizing: border-box; } /** Use a more readable tab size (opinionated). */ :root { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } /** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ======== */ /** Remove the margin in all browsers. */ body { margin: 0; } /** Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ body { font-family: system-ui, -apple-system, /* Firefox supports this but not yet `system-ui` */ 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; } /* Grouping content ================ */ /** 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ } /* Text-level semantics ==================== */ /** Add the correct text decoration in Chrome, Edge, and Safari. */ /** Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /** 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2. Correct the odd 'em' font sizing in all browsers. */ code { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** Add the correct font size in all browsers. */ /** Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } /* Tabular data ============ */ /** 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ } /* Forms ===== */ /** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */ button, input, select { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Remove the inheritance of text transform in Edge and Firefox. 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'] { -webkit-appearance: button; } /** Remove the inner border and padding in Firefox. */ /** Restore the focus styles unset by the previous rule. */ /** Remove the additional ':invalid' styles in Firefox. See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 */ /** Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */ /** Add the correct vertical alignment in Chrome and Firefox. */ /** Correct the cursor style of increment and decrement buttons in Safari. */ /** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** Remove the inner padding in Chrome and Safari on macOS. */ /** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to 'inherit' in Safari. */ /* Interactive =========== */ /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /** * Manually forked from SUIT CSS Base: https://github.com/suitcss/base * A thin layer on top of normalize.css that provides a starting point more * suitable for web applications. */ /** * Removes the default spacing and border for appropriate elements. */ blockquote, dl, h1, h2, h3, h4, h5, h6, hr, figure, p { margin: 0; } button { background-color: transparent; background-image: none; } /** * Work around a Firefox/IE bug where the transparent `button` background * results in a loss of the default `button` focus styles. */ button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } ol, ul { list-style: none; margin: 0; padding: 0; } /** * Tailwind custom reset styles */ /** * 1. Use the user's configured `sans` font-family (with Tailwind's default * sans-serif font stack as a fallback) as a sane default. * 2. Use Tailwind's default "normal" line-height so the user isn't forced * to override it to ensure consistency even when using the default theme. */ html { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; /* 1 */ line-height: 1.5; /* 2 */ } /** * Inherit font-family and line-height from `html` so users can set them as * a class directly on the `html` element. */ body { font-family: inherit; line-height: inherit; } /** * 1. Prevent padding and border from affecting element width. * * We used to set this in the html element and inherit from * the parent element for everything else. This caused issues * in shadow-dom-enhanced elements like
where the content * is wrapped by a div with box-sizing set to `content-box`. * * https://github.com/mozdevs/cssremedy/issues/4 * * * 2. Allow adding a border to an element by just adding a border-width. * * By default, the way the browser specifies that an element should have no * border is by setting it's border-style to `none` in the user-agent * stylesheet. * * In order to easily add borders to elements by just setting the `border-width` * property, we change the default border-style for all elements to `solid`, and * use border-width to hide them instead. This way our `border` utilities only * need to set the `border-width` property instead of the entire `border` * shorthand, making our border utilities much more straightforward to compose. * * https://github.com/tailwindcss/tailwindcss/pull/116 */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } /* * Ensure horizontal rules are visible by default */ hr { border-top-width: 1px; } /** * Undo the `border-style: none` reset that Normalize applies to images so that * our `border-{width}` utilities have the expected effect. * * The Normalize reset is unnecessary for us since we default the border-width * to 0 on all elements. * * https://github.com/tailwindcss/tailwindcss/issues/362 */ img { border-style: solid; } input::-moz-placeholder { opacity: 1; color: #a1a1aa; } input:-ms-input-placeholder { opacity: 1; color: #a1a1aa; } input::placeholder { opacity: 1; color: #a1a1aa; } button { cursor: pointer; } table { border-collapse: collapse; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /** * Reset links to optimize for opt-in styling instead of * opt-out. */ a { color: inherit; text-decoration: inherit; } /** * Reset form element properties that are easy to forget to * style explicitly so you don't inadvertently introduce * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ button, input, select { padding: 0; line-height: inherit; color: inherit; } /** * Use the configured 'mono' font family for elements that * are expected to be rendered with a monospace font, falling * back to the system monospace stack if there is no configured * 'mono' font family. */ code { font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } /** * Make replaced elements `display: block` by default as that's * the behavior you want almost all of the time. Inspired by * CSS Remedy, with `svg` added as well. * * https://github.com/mozdevs/cssremedy/issues/14 */ img, svg, video, iframe, embed, object { display: block; vertical-align: middle; } /** * Constrain images and videos to the parent width and preserve * their instrinsic aspect ratio. * * https://github.com/mozdevs/cssremedy/issues/14 */ img, video { max-width: 100%; height: auto; } html { width: 100%; overflow-x: hidden; } body { position: relative; scroll-behavior: smooth; overflow: hidden } body * { scrollbar-width: thin; scrollbar-color: #3d3f42 #26292d; } body *::-webkit-scrollbar-corner { --tw-bg-opacity: 1; background-color: rgba(14, 15, 17, var(--tw-bg-opacity)); } body *::-webkit-scrollbar { height: 11px; width: 11px; } body *::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.5); } body *::-webkit-scrollbar-thumb { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); border-radius: 6px; border: 2px solid rgba(0, 0, 0, 0.9); } body * { letter-spacing: 0.05em; } body video { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; } body input:focus, body input:active, body button:focus, body button:active { outline: 2px solid transparent; outline-offset: 2px; } body .offset { grid-column: span 1 / span 1 } @media (max-width: 991.98px) { body .offset { display: none } } body .container-fluid { display: grid; height: 100%; margin: auto; padding-left: 32px; padding-right: 32px; position: relative; width: 100%; -moz-column-gap: 0; column-gap: 0; max-width: 1296px; grid-template-columns: repeat(12, minmax(0, 1fr)) } @media (max-width: 1299.98px) { body .container-fluid { -moz-column-gap: 8px; column-gap: 8px; grid-template-columns: repeat(12, minmax(0, 1fr)) } } body .has-pale-pink-background-color { background-color: #f78da7 !important; } body .has-vivid-red-background-color { background-color: #cf2e2e !important; } body .has-luminous-vivid-orange-background-color { background-color: #ff6900 !important; } body .has-luminous-vivid-amber-background-color { background-color: #fcb900 !important; } body .has-light-green-cyan-background-color { background-color: #7bdcb5 !important; } body .has-vivid-green-cyan-background-color { background-color: #00d084 !important; } body .has-pale-cyan-blue-background-color { background-color: #8ed1fc !important; } body .has-vivid-cyan-blue-background-color { background-color: #0693e3 !important; } body .has-very-light-gray-background-color { background-color: #eee !important; } body .has-cyan-bluish-gray-background-color { background-color: #abb8c3 !important; } body .has-very-dark-gray-background-color { background-color: #313131 !important; } body .has-black-background-color { background-color: #000; } body .has-pale-pink-color { color: #f78da7 !important } body .has-pale-pink-color strong { color: #f78da7 !important; } body .has-vivid-red-color { color: #cf2e2e !important } body .has-vivid-red-color strong { color: #cf2e2e !important; } body .has-luminous-vivid-orange-color { color: #ff6900 !important } body .has-luminous-vivid-orange-color strong { color: #ff6900 !important; } body .has-luminous-vivid-amber-color { color: #fcb900 !important } body .has-luminous-vivid-amber-color strong { color: #fcb900 !important; } body .has-light-green-cyan-color { color: #7bdcb5 !important } body .has-light-green-cyan-color strong { color: #7bdcb5 !important; } body .has-vivid-green-cyan-color { color: #00d084 !important } body .has-vivid-green-cyan-color strong { color: #00d084 !important; } body .has-pale-cyan-blue-color { color: #8ed1fc !important } body .has-pale-cyan-blue-color strong { color: #8ed1fc !important; } body .has-vivid-cyan-blue-color { color: #0693e3 !important } body .has-vivid-cyan-blue-color strong { color: #0693e3 !important; } body .has-black-color { color: #000 !important } body .has-black-color strong { color: #000 !important; } body .has-white-color { color: #fff !important } body .has-white-color strong { color: #fff !important; } body .has-very-light-gray-color { color: #eee !important } body .has-very-light-gray-color strong { color: #eee !important; } body .has-cyan-bluish-gray-color { color: #abb8c3 !important } body .has-cyan-bluish-gray-color strong { color: #abb8c3 !important; } body .has-very-dark-gray-color { color: #313131 !important } body .has-very-dark-gray-color strong { color: #313131 !important; } .wp-block-cover,.wp-block-cover-image { align-items: center; background-position: 50%; background-size: cover; box-sizing: border-box; display: flex; justify-content: center; min-height: 430px; padding: 1em; position: relative; width: 100% } .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax { background-attachment: fixed } @supports (-webkit-overflow-scrolling:touch) { .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax { background-attachment: scroll } } @media (prefers-reduced-motion:reduce) { .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax { background-attachment: scroll } } .wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated { background-repeat: repeat; background-size: auto } .wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]) { background-color: #000 } .wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before { background-color: inherit; content: "" } .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background { bottom: 0; left: 0; opacity: .5; position: absolute; right: 0; top: 0; z-index: 1 } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before { opacity: .1 } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before { opacity: .2 } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before { opacity: .3 } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before { opacity: .4 } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before { opacity: .5 } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before { opacity: .6 } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before { opacity: .7 } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before { opacity: .8 } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before { opacity: .9 } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__image-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before { opacity: 1 } .wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright { max-width: 420px; width: 100% } .wp-block-cover-image:after,.wp-block-cover:after { content: ""; display: block; font-size: 0; min-height: inherit } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-cover-image:after,.wp-block-cover:after { content:none } } .wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright { display: flex } .wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container { color: #fff; width: 100%; z-index: 1 } .wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color) { color: inherit } .wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start } .wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center } .wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end } .wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start } .wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center { align-items: center; justify-content: center } .wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end } .wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start } .wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center } .wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; width: auto } .wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background { border: none; bottom: 0; box-shadow: none; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; -o-object-fit: cover; object-fit: cover; outline: none; padding: 0; position: absolute; right: 0; top: 0; width: 100% } .wp-block-cover__image-background,.wp-block-cover__video-background { z-index: 0 } .wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover { color: #fff } .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start } .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end } .wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2 { margin-left: 0; text-align: left } .wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2 { margin-right: 0; text-align: right } .wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2 { font-size: 2em; line-height: 1.25; margin-bottom: 0; max-width: 840px; padding: .44em; text-align: center; z-index: 1 } .wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"] { max-width: 360px; width: 100% } .wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper { min-width: 280px } .wp-block-cover .wp-block-embed { min-height: 240px; min-width: 320px } @media (max-width: 1299.98px) { #header.scrolled { transform: translateY(-100%) } } @media (min-width: 1300px) { #header.scrolled { transform: translateY(-100%) } } #header.scrolling-up .header-bg { transform: translateY(0%); } @media (max-width: 1299.98px) { #header.open .header-bg { transform: translateY(0%) } } #header { display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; height: 96px; position: fixed; top: 0; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100vw; z-index: 30; will-change: transform; transition: transform 0.7s linear } @media (max-width: 1299.98px) { #header { will-change: transform; transition: transform 0.7s linear; height: 72px } } #header #patch-notes-notification { font-size: 14px; margin-left: 16px; margin-right: 16px; margin-top: 16px; display: flex; align-items: center; position: fixed; height: 50px; width: calc(100% - 36px); background: #F39720; top: 72px; border-radius: 4px } #header #patch-notes-notification .notification { flex-grow: 1; display: flex; align-items: center; -webkit-margin-start: 16px; margin-inline-start: 16px; } #header #patch-notes-notification .arrow-down-icon { -webkit-margin-end: 8px; margin-inline-end: 8px; } #header #patch-notes-notification .dismiss-button { margin-left: 16px; margin-right: 16px; height: 100%; } #header #patch-notes-notification.dismissed { display: none; } @media (min-width: 1300px) { #header #patch-notes-notification { display: none } } @media (max-width: 1299.98px) { #header .desktop { display: none !important } } #header .header-bg .header-bg-texture { position: absolute; height: 100%; width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/header/header-bg.png'); } #header .header-bg { background-position: center; background-size: cover; height: 100%; width: 100%; /* background-color: black; */ /* opacity: 0.75; */ will-change: transform; transition: transform 0.7s linear; } #header .spray-bg, #header .header-bg { position: absolute; top: 0; z-index: -1; } @media (max-width: 1299.98px) { #header .spray-bg, #header .header-bg { z-index: 2; } } #header .logo-wrapper, #header .buttons-wrapper, #header .login-button, #header .hamburger-button { display: flex; align-items: center; } #header .logo-wrapper { grid-column: span 1 / span 1 } @media (max-width: 1299.98px) { #header .logo-wrapper { grid-column: span 8 / span 8 } } #header .logo-wrapper img { -o-object-fit: contain; object-fit: contain; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); transition-duration: 500ms; height: 50px } @media (max-width: 1299.98px) { #header .logo-wrapper img { height: 40px } } #header .main-nav { display: flex; align-items: stretch; justify-content: flex-start; padding-left: 40px; grid-column: span 7 / span 7; z-index: 2 } #header .main-nav .nav-item { display: flex; align-items: center; font-size: 14px; padding-left: 8px; padding-right: 8px; position: relative } @media (min-width: 992px) and (max-width: 1140px) { #header .main-nav .nav-item { padding: 0 4px; font-size: 12px } } #header .main-nav .nav-item:hover .hover-border, #header .main-nav .nav-item.active .hover-border { opacity: 1; } #header .main-nav .nav-item .icon { opacity: 0.25; -webkit-margin-start: 16px; margin-inline-start: 16px } @media (min-width: 992px) and (max-width: 1040px) { #header .main-nav .nav-item .icon { -webkit-margin-end: 8px; margin-inline-end: 8px } } #header .main-nav .nav-item .hover-border { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); opacity: 0; position: absolute; bottom: 16px; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; inset-inline-start: 0; height: 4px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #header .main-nav .dropdown { position: relative; } #header .main-nav .dropdown-content { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); padding-top: 8px; padding-bottom: 8px; position: absolute; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; inset-inline-start: 0; display: none; position: absolute; top: 80px; min-width: 100%; white-space: nowrap; -webkit-animation: rotateMenu 300ms ease-in-out forwards; animation: rotateMenu 300ms ease-in-out forwards; transform-origin: top center } #header .main-nav .dropdown-content li { padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px } #header .main-nav .dropdown-content li .nav-item { display: inline-block; } #header .main-nav .dropdown-content li:hover .hover-border-dropdown { opacity: 1; } #header .main-nav .dropdown-content li .hover-border-dropdown { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); opacity: 0; position: absolute; bottom: -0.5rem; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; inset-inline-start: 0; height: 4px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/hover-border.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; } #header .main-nav .dropdown-content .ripped-paper-dropdown { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); position: absolute; width: 100%; top: 100%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/header/ripped-paper-texture.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/header/ripped-paper-texture.svg'); height: 30px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: contain; mask-size: contain; } #header .main-nav .dropdown:hover .dropdown-content, #header .main-nav .dropdown:focus .dropdown-content, #header .main-nav .dropdown:active .dropdown-content { display: block; } #header .main-nav .dropdown:hover > i, #header .main-nav .dropdown:focus > i, #header .main-nav .dropdown:active > i { transform: rotate(-180deg); } #header .buttons-wrapper { justify-content: flex-end; grid-column: span 4 / span 4; z-index: 1 } #header .buttons-wrapper .login-link { -webkit-margin-end: 16px; margin-inline-end: 16px; -webkit-mask-size: cover; mask-size: cover; width: auto; white-space: nowrap; padding: 0 12px; font-size: 12px; border-radius: 4px; } #header .buttons-wrapper .logout-button { -webkit-margin-end: 16px; margin-inline-end: 16px; -webkit-mask-size: cover; mask-size: cover; width: auto; white-space: nowrap; font-size: 12px; border-radius: 4px } #header .buttons-wrapper .logout-button .logout-link { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; height: 100%; padding: 0 12px; display: flex; align-items: center } #header .buttons-wrapper .logout-button .logout-link:hover, #header .buttons-wrapper .logout-button .logout-link:focus { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); } #header .buttons-wrapper .logout-button .config-wrapper { border-left: solid 1px rgba(255,255,255,.2); -webkit-padding-start: 12px; padding-inline-start: 12px; -webkit-padding-end: 12px; padding-inline-end: 12px; height: 100%; display: flex; align-items: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms } #header .buttons-wrapper .logout-button .config-wrapper .secondary-icon { -webkit-margin-start: 0px; margin-inline-start: 0px; } #header .buttons-wrapper .logout-button .config-wrapper:hover, #header .buttons-wrapper .logout-button .config-wrapper:focus { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); } #header .buttons-wrapper .logout-button:hover { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); } #header .buttons-wrapper .play-now-button .main-button { font-size: 12px; padding: 0 12px; white-space: nowrap; width: auto; border-radius: 4px; -webkit-mask-size: cover; mask-size: cover; } #header .buttons-wrapper .play-now-button { -webkit-margin-end: 8px; margin-inline-end: 8px; } @media (min-width: 1300px) { #header .header-bg, #header .main-nav, #header .buttons-wrapper { will-change: transform; transition: transform 0.7s linear; transform: translateY(0%) } } #header .mobile-buttons { display: flex; align-items: center; justify-content: flex-end; grid-column: span 4 / span 4 } @media (min-width: 1300px) { #header .mobile-buttons { display: none } } #header .mobile-buttons .icon { height: 16px; width: 16px; } #header .mobile-buttons .login-button { justify-content: center; } #header .mobile-buttons .hamburger-button { justify-content: flex-end; -webkit-margin-start: 16px; margin-inline-start: 16px; } #header .mobile-buttons .mobile-logout-button, #header .mobile-buttons .mobile-login-button { display: none } #header .mobile-buttons .mobile-logout-button span, #header .mobile-buttons .mobile-login-button span { margin-left: 8px; } .appearance-none { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .bg-transparent { background-color: transparent !important; } .bg-black { --tw-bg-opacity: 1 !important; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)) !important; } .bg-white { --tw-bg-opacity: 1 !important; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important; } .bg-gray { --tw-bg-opacity: 1 !important; background-color: rgba(191, 191, 191, var(--tw-bg-opacity)) !important; } .bg-yellow { --tw-bg-opacity: 1 !important; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)) !important; } .bg-off-white { --tw-bg-opacity: 1 !important; background-color: rgba(242, 240, 237, var(--tw-bg-opacity)) !important; } .bg-dark-gray { --tw-bg-opacity: 1 !important; background-color: rgba(114, 114, 114, var(--tw-bg-opacity)) !important; } .bg-darker-gray { --tw-bg-opacity: 1 !important; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)) !important; } .bg-light-yellow { --tw-bg-opacity: 1 !important; background-color: rgba(255, 164, 47, var(--tw-bg-opacity)) !important; } .bg-dark-yellow { --tw-bg-opacity: 1 !important; background-color: rgba(235, 134, 3, var(--tw-bg-opacity)) !important; } .bg-true-black { --tw-bg-opacity: 1 !important; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important; } .bg-jet-black { --tw-bg-opacity: 1 !important; background-color: rgba(14, 15, 17, var(--tw-bg-opacity)) !important; } .bg-category-esports { --tw-bg-opacity: 1 !important; background-color: rgba(182, 8, 46, var(--tw-bg-opacity)) !important; } .bg-category-pc { --tw-bg-opacity: 1 !important; background-color: rgba(173, 153, 139, var(--tw-bg-opacity)) !important; } .bg-category-console { --tw-bg-opacity: 1 !important; background-color: rgba(231, 107, 70, var(--tw-bg-opacity)) !important; } .bg-category-mobile { --tw-bg-opacity: 1 !important; background-color: rgba(45, 170, 197, var(--tw-bg-opacity)) !important; } .bg-category-new-stage { --tw-bg-opacity: 1 !important; background-color: rgba(121, 169, 60, var(--tw-bg-opacity)) !important; } .bg-category-featured { --tw-bg-opacity: 1 !important; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)) !important; } .bg-none { background-image: none !important; } .bg-bottom { background-position: bottom !important; } .bg-center { background-position: center !important; } .bg-right-bottom { background-position: right bottom !important; } .bg-top { background-position: top !important; } .bg-no-repeat { background-repeat: no-repeat !important; } .bg-repeat-x { background-repeat: repeat-x !important; } .bg-cover { background-size: cover !important; } .bg-contain { background-size: contain !important; } .border-collapse { border-collapse: collapse !important; } .border-darker-gray { --tw-border-opacity: 1 !important; border-color: rgba(61, 63, 66, var(--tw-border-opacity)) !important; } .border { border-width: 1px !important; } .cursor-default { cursor: default !important; } .cursor-pointer { cursor: pointer !important; } .block { display: block !important; } .inline-block { display: inline-block !important; } .flex { display: flex !important; } .table { display: table !important; } .grid { display: grid !important; } .contents { display: contents !important; } .hidden { display: none !important; } .flex-row { flex-direction: row !important; } .flex-col { flex-direction: column !important; } .flex-col-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .items-start { align-items: flex-start !important; } .items-end { align-items: flex-end !important; } .items-center { align-items: center !important; } .items-stretch { align-items: stretch !important; } .content-center { align-content: center !important; } .self-center { align-self: center !important; } .justify-start { justify-content: flex-start !important; } .justify-end { justify-content: flex-end !important; } .justify-center { justify-content: center !important; } .justify-between { justify-content: space-between !important; } .justify-self-center { justify-self: center !important; } .flex-grow { flex-grow: 1 !important; } .flex-shrink { flex-shrink: 1 !important; } .order-1 { order: 1 !important; } .font-sans { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important; } .font-serif { font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif !important; } .font-teko { font-family: Teko, Oswald !important; } .font-normal { font-weight: 400 !important; } .font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700 !important; } .h-1 { height: 8px !important; } .h-2 { height: 16px !important; } .h-5 { height: 40px !important; } .h-6 { height: 48px !important; } .h-8 { height: 64px !important; } .h-9 { height: 72px !important; } .h-10 { height: 80px !important; } .h-11 { height: 88px !important; } .h-12 { height: 96px !important; } .h-20 { height: 160px !important; } .h-full { height: 100% !important; } .h-screen { height: 100vh !important; } .text-xs { font-size: 12px !important; } .text-sm { font-size: 14px !important; } .text-base { font-size: 16px !important; } .text-lg { font-size: 24px !important; } .text-xl { font-size: 36px !important; } .text-2xl { font-size: 42px !important; } .text-3xl { font-size: 56px !important; } .text-4xl { font-size: 80px !important; } .text-5xl { font-size: 96px !important; } .text-3xs { font-size: 8px !important; } .text-2xs { font-size: 10px !important; } .text-base-lg { font-size: 18px !important; } .text-blockquote-small { font-size: 32px !important; } .text-blockquote { font-size: 48px !important; } .text-events-title { font-size: 120px !important; } .text-article-title { font-size: 72px !important; } .m-0 { margin: 0 !important; } .m-3 { margin: 24px !important; } .m-auto { margin: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .my-1 { margin-top: 8px !important; margin-bottom: 8px !important; } .mx-1 { margin-left: 8px !important; margin-right: 8px !important; } .my-2 { margin-top: 16px !important; margin-bottom: 16px !important; } .mx-2 { margin-left: 16px !important; margin-right: 16px !important; } .my-3 { margin-top: 24px !important; margin-bottom: 24px !important; } .mx-3 { margin-left: 24px !important; margin-right: 24px !important; } .my-4 { margin-top: 32px !important; margin-bottom: 32px !important; } .mx-4 { margin-left: 32px !important; margin-right: 32px !important; } .my-5 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .-mx-2 { margin-left: -16px !important; margin-right: -16px !important; } .-mx-4 { margin-left: -32px !important; margin-right: -32px !important; } .mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mt-1 { margin-top: 8px !important; } .mr-1 { margin-right: 8px !important; } .mb-1 { margin-bottom: 8px !important; } .ml-1 { margin-left: 8px !important; } .mt-2 { margin-top: 16px !important; } .mb-2 { margin-bottom: 16px !important; } .mt-3 { margin-top: 24px !important; } .mb-3 { margin-bottom: 24px !important; } .mt-4 { margin-top: 32px !important; } .mb-4 { margin-bottom: 32px !important; } .mt-5 { margin-top: 40px !important; } .mb-5 { margin-bottom: 40px !important; } .mb-6 { margin-bottom: 48px !important; } .mt-7 { margin-top: 56px !important; } .mb-7 { margin-bottom: 56px !important; } .mt-8 { margin-top: 64px !important; } .mb-8 { margin-bottom: 64px !important; } .mt-10 { margin-top: 80px !important; } .mb-10 { margin-bottom: 80px !important; } .mt-12 { margin-top: 96px !important; } .mt-15 { margin-top: 120px !important; } .mt-auto { margin-top: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .-mt-3 { margin-top: -24px !important; } .-mt-6 { margin-top: -48px !important; } .-mt-9 { margin-top: -72px !important; } .-mt-11 { margin-top: -88px !important; } .-mt-16 { margin-top: -128px !important; } .max-h-8 { max-height: 64px !important; } .max-h-10 { max-height: 80px !important; } .max-w-9 { max-width: 72px !important; } .min-h-5 { min-height: 40px !important; } .min-w-5 { min-width: 40px !important; } .min-w-half { min-width: 50% !important; } .object-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-center { -o-object-position: center !important; object-position: center !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-70 { opacity: 0.7 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .outline-none { outline: 2px solid transparent !important; outline-offset: 2px !important; } .overflow-hidden { overflow: hidden !important; } .overflow-y-auto { overflow-y: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 8px !important; } .p-2 { padding: 16px !important; } .p-3 { padding: 24px !important; } .p-4 { padding: 32px !important; } .p-8 { padding: 64px !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .py-1 { padding-top: 8px !important; padding-bottom: 8px !important; } .px-1 { padding-left: 8px !important; padding-right: 8px !important; } .py-2 { padding-top: 16px !important; padding-bottom: 16px !important; } .px-2 { padding-left: 16px !important; padding-right: 16px !important; } .py-3 { padding-top: 24px !important; padding-bottom: 24px !important; } .px-3 { padding-left: 24px !important; padding-right: 24px !important; } .py-4 { padding-top: 32px !important; padding-bottom: 32px !important; } .px-4 { padding-left: 32px !important; padding-right: 32px !important; } .px-5 { padding-left: 40px !important; padding-right: 40px !important; } .py-6 { padding-top: 48px !important; padding-bottom: 48px !important; } .py-7 { padding-top: 56px !important; padding-bottom: 56px !important; } .px-7 { padding-left: 56px !important; padding-right: 56px !important; } .pt-0 { padding-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 8px !important; } .pt-2 { padding-top: 16px !important; } .pr-2 { padding-right: 16px !important; } .pb-2 { padding-bottom: 16px !important; } .pt-3 { padding-top: 24px !important; } .pb-3 { padding-bottom: 24px !important; } .pt-4 { padding-top: 32px !important; } .pb-4 { padding-bottom: 32px !important; } .pt-5 { padding-top: 40px !important; } .pl-5 { padding-left: 40px !important; } .pt-6 { padding-top: 48px !important; } .pb-6 { padding-bottom: 48px !important; } .pt-8 { padding-top: 64px !important; } .pb-8 { padding-bottom: 64px !important; } .pb-9 { padding-bottom: 72px !important; } .pt-10 { padding-top: 80px !important; } .pb-10 { padding-bottom: 80px !important; } .pt-11 { padding-top: 88px !important; } .pt-12 { padding-top: 96px !important; } .pb-12 { padding-bottom: 96px !important; } .pt-13 { padding-top: 104px !important; } .pb-13 { padding-bottom: 104px !important; } .pt-16 { padding-top: 128px !important; } .pt-17 { padding-top: 136px !important; } .pt-18 { padding-top: 144px !important; } .pt-20 { padding-top: 160px !important; } .pb-20 { padding-bottom: 160px !important; } .pb-23 { padding-bottom: 184px !important; } .pb-24 { padding-bottom: 192px !important; } .fixed { position: fixed !important; } .absolute { position: absolute !important; } .relative { position: relative !important; } .sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .right-0 { right: 0 !important; } .bottom-0 { bottom: 0 !important; } .left-0 { left: 0 !important; } .bottom-2 { bottom: 16px !important; } .top-13 { top: 104px !important; } .top-17 { top: 136px !important; } .-bottom-2 { bottom: -0.5rem !important; } * { --tw-shadow: 0 0 #0000; } * { --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-black { --tw-text-opacity: 1 !important; color: rgba(38, 41, 45, var(--tw-text-opacity)) !important; } .text-white { --tw-text-opacity: 1 !important; color: rgba(255, 255, 255, var(--tw-text-opacity)) !important; } .text-gray { --tw-text-opacity: 1 !important; color: rgba(191, 191, 191, var(--tw-text-opacity)) !important; } .text-yellow { --tw-text-opacity: 1 !important; color: rgba(243, 151, 32, var(--tw-text-opacity)) !important; } .text-light-gray { --tw-text-opacity: 1 !important; color: rgba(236, 233, 228, var(--tw-text-opacity)) !important; } .text-dark-gray { --tw-text-opacity: 1 !important; color: rgba(114, 114, 114, var(--tw-text-opacity)) !important; } .text-darker-gray { --tw-text-opacity: 1 !important; color: rgba(61, 63, 66, var(--tw-text-opacity)) !important; } .text-true-black { --tw-text-opacity: 1 !important; color: rgba(0, 0, 0, var(--tw-text-opacity)) !important; } .text-strong-orange { --tw-text-opacity: 1 !important; color: rgba(213, 85, 17, var(--tw-text-opacity)) !important; } .text-table-gray { --tw-text-opacity: 1 !important; color: rgba(114, 116, 120, var(--tw-text-opacity)) !important; } .uppercase { text-transform: uppercase !important; } .normal-case { text-transform: none !important; } .underline { text-decoration: underline !important; } .tracking-tight { letter-spacing: -0.025em !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .whitespace-nowrap { white-space: nowrap !important; } .w-1 { width: 8px !important; } .w-2 { width: 16px !important; } .w-6 { width: 48px !important; } .w-8 { width: 64px !important; } .w-15 { width: 120px !important; } .w-20 { width: 160px !important; } .w-21 { width: 168px !important; } .w-22 { width: 176px !important; } .w-auto { width: auto !important; } .w-full { width: 100% !important; } .w-screen { width: 100vw !important; } .w-half { width: 50% !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: -1 !important; } .z-10 { z-index: 10 !important; } .z-20 { z-index: 20 !important; } .z-30 { z-index: 30 !important; } .z-40 { z-index: 40 !important; } .gap-x-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .gap-x-1 { -moz-column-gap: 8px !important; column-gap: 8px !important; } .gap-x-3 { -moz-column-gap: 24px !important; column-gap: 24px !important; } .gap-x-4 { -moz-column-gap: 32px !important; column-gap: 32px !important; } .gap-x-6 { -moz-column-gap: 48px !important; column-gap: 48px !important; } .gap-y-2 { row-gap: 16px !important; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .grid-cols-24 { grid-template-columns: repeat(24, minmax(0, 1fr)) !important; } .col-span-1 { grid-column: span 1 / span 1 !important; } .col-span-2 { grid-column: span 2 / span 2 !important; } .col-span-3 { grid-column: span 3 / span 3 !important; } .col-span-4 { grid-column: span 4 / span 4 !important; } .col-span-5 { grid-column: span 5 / span 5 !important; } .col-span-6 { grid-column: span 6 / span 6 !important; } .col-span-7 { grid-column: span 7 / span 7 !important; } .col-span-8 { grid-column: span 8 / span 8 !important; } .col-span-9 { grid-column: span 9 / span 9 !important; } .col-span-10 { grid-column: span 10 / span 10 !important; } .col-span-11 { grid-column: span 11 / span 11 !important; } .col-span-12 { grid-column: span 12 / span 12 !important; } .col-span-14 { grid-column: span 14/ span 14 !important; } .col-span-15 { grid-column: span 15/ span 15 !important; } .col-span-24 { grid-column: span 24/ span 24 !important; } .col-start-1 { grid-column-start: 1 !important; } .col-start-2 { grid-column-start: 2 !important; } .col-start-3 { grid-column-start: 3 !important; } .col-start-4 { grid-column-start: 4 !important; } .col-start-5 { grid-column-start: 5 !important; } .col-start-6 { grid-column-start: 6 !important; } .col-start-7 { grid-column-start: 7 !important; } .col-start-8 { grid-column-start: 8 !important; } .col-start-9 { grid-column-start: 9 !important; } .col-start-10 { grid-column-start: 10 !important; } .row-start-1 { grid-row-start: 1 !important; } .row-start-2 { grid-row-start: 2 !important; } .transform { --tw-translate-x: 0 !important; --tw-translate-y: 0 !important; --tw-rotate: 0 !important; --tw-skew-x: 0 !important; --tw-skew-y: 0 !important; --tw-scale-x: 1 !important; --tw-scale-y: 1 !important; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .rotate-0 { --tw-rotate: 0deg !important; } .rotate-90 { --tw-rotate: 90deg !important; } .rotate-180 { --tw-rotate: 180deg !important; } .-rotate-90 { --tw-rotate: -90deg !important; } .transition-all { transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition { transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-opacity { transition-property: opacity !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-transform { transition-property: transform !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .duration-250 { transition-duration: 250ms !important; } .duration-500 { transition-duration: 500ms !important; } .delay-0 { transition-delay: 0ms !important; } .delay-1000 { transition-delay: 1000ms !important; } @-webkit-keyframes spin { to { transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } @-webkit-keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @-webkit-keyframes pulse { 50% { opacity: .5; } } @keyframes pulse { 50% { opacity: .5; } } @-webkit-keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); animation-timing-function: cubic-bezier(0,0,0.2,1); } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); animation-timing-function: cubic-bezier(0,0,0.2,1); } } .ps-1 { -webkit-padding-start: 8px !important; padding-inline-start: 8px !important; } .ps-2 { -webkit-padding-start: 16px !important; padding-inline-start: 16px !important; } .pe-3 { -webkit-padding-end: 24px !important; padding-inline-end: 24px !important; } .ps-4 { -webkit-padding-start: 32px !important; padding-inline-start: 32px !important; } .pe-4 { -webkit-padding-end: 32px !important; padding-inline-end: 32px !important; } .ps-6 { -webkit-padding-start: 48px !important; padding-inline-start: 48px !important; } .pe-13 { -webkit-padding-end: 104px !important; padding-inline-end: 104px !important; } .ms-0 { -webkit-margin-start: 0 !important; margin-inline-start: 0 !important; } .me-0 { -webkit-margin-end: 0 !important; margin-inline-end: 0 !important; } .ms-1 { -webkit-margin-start: 8px !important; margin-inline-start: 8px !important; } .me-1 { -webkit-margin-end: 8px !important; margin-inline-end: 8px !important; } .ms-2 { -webkit-margin-start: 16px !important; margin-inline-start: 16px !important; } .me-2 { -webkit-margin-end: 16px !important; margin-inline-end: 16px !important; } .ms-3 { -webkit-margin-start: 24px !important; margin-inline-start: 24px !important; } .me-3 { -webkit-margin-end: 24px !important; margin-inline-end: 24px !important; } .ms-4 { -webkit-margin-start: 32px !important; margin-inline-start: 32px !important; } .me-4 { -webkit-margin-end: 32px !important; margin-inline-end: 32px !important; } .ms-5 { -webkit-margin-start: 40px !important; margin-inline-start: 40px !important; } .me-5 { -webkit-margin-end: 40px !important; margin-inline-end: 40px !important; } .me-6 { -webkit-margin-end: 48px !important; margin-inline-end: 48px !important; } .ms-8 { -webkit-margin-start: 64px !important; margin-inline-start: 64px !important; } .ms-12 { -webkit-margin-start: 96px !important; margin-inline-start: 96px !important; } .me-12 { -webkit-margin-end: 96px !important; margin-inline-end: 96px !important; } .ms-auto { -webkit-margin-start: auto !important; margin-inline-start: auto !important; } .-ms-3 { -webkit-margin-start: -24px !important; margin-inline-start: -24px !important; } .-me-5 { -webkit-margin-end: -40px !important; margin-inline-end: -40px !important; } @media (min-width: 768px) { .md-up\:hidden { display: none !important; } } @media (max-width: 767.98px) { .sm-down\:hidden { display: none !important; } } @media (max-width: 991.98px) { .md-down\:block { display: block !important; } .md-down\:hidden { display: none !important; } }#merch { font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; font-weight: 400; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); width: 100vw; background-image: url('/wp-content/themes/regionals/assets/images/new/merch/middle-texture-tiny.png') } #merch .hero { position: relative; height: 100vh; background-image: url('/wp-content/themes/regionals/assets/images/new/merch/hero-bg.png'); background-size: 100% 100%; background-repeat: no-repeat } @media (max-width: 991.98px) { #merch .hero { background-size: cover; background-position: bottom; height: 110vh } } #merch .hero .mask { position: absolute; width: 100%; height: 100%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/merch/map-mask.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/merch/map-mask.svg'); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media (max-width: 991.98px) { #merch .hero .merch-hero-spray-desktop { display: none } } #merch .hero .merch-hero-spray-desktop { padding-top: 96px; position: absolute; width: 100%; height: 100% } #merch .hero .merch-hero-spray-desktop img { width: auto; height: 100%; margin: auto; -o-object-fit: contain; object-fit: contain; } @media (min-width: 992px) { #merch .hero .merch-hero-spray-mobile { display: none } } #merch .hero .merch-hero-spray-mobile { padding-top: 72px; position: absolute; width: 100%; height: 100% } #merch .hero .merch-hero-spray-mobile img { width: auto; height: 80%; -o-object-fit: cover; object-fit: cover; } #merch .hero .hero-grid { display: grid; margin-left: auto; margin-right: auto; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px; top: 40% } @media (max-width: 991.98px) { #merch .hero .hero-grid { top: 50%; padding-left: 32px; padding-right: 32px } } #merch .hero .hero-grid .title { font-family: Teko, Oswald; font-weight: 600; font-size: 96px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 4 / span 4; grid-column-start: 2; line-height: 100% } @media (max-width: 991.98px) { #merch .hero .hero-grid .title { font-size: 72px; grid-column: span 12 / span 12; grid-column-start: 1 } } #merch .hero .hero-grid .content { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 18px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 4 / span 4; grid-column-start: 2; line-height: 200%; letter-spacing: 0.05em } @media (max-width: 991.98px) { #merch .hero .hero-grid .content { font-size: 16px; grid-column: span 12 / span 12; grid-column-start: 1 } } #merch .merch-content { position: relative; width: 100%; padding-bottom: 100px } @media (max-width: 991.98px) { #merch .merch-content { padding-bottom: 32px } } #merch .merch-content .merch-grid { display: grid; margin: auto; padding-left: 0; padding-right: 0; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px; margin-top: -144px } @media (max-width: 991.98px) { #merch .merch-content .merch-grid { margin-top: 0 } } #merch .merch-content .merch-grid .content-column { grid-column: span 5 / span 5 } @media (max-width: 991.98px) { #merch .merch-content .merch-grid .content-column { margin-left: auto; margin-right: auto; grid-column: span 12 / span 12 } } #merch .merch-content .merch-grid .content-column .merch-card { height: 630px; margin-bottom: 36px; width: 100% } @media (max-width: 991.98px) { #merch .merch-content .merch-grid .content-column .merch-card { height: 470px } } #merch .merch-content .merch-grid .first-column { margin-top: 96px; grid-column-start: 2; -webkit-margin-end: 16px; margin-inline-end: 16px } @media (max-width: 991.98px) { #merch .merch-content .merch-grid .first-column { margin-top: 0; margin-bottom: 0; margin-left: 16px; margin-right: 16px; grid-column-start: 1 } } #merch .merch-content .merch-grid .second-column { grid-column-start: 7; -webkit-margin-start: 16px; margin-inline-start: 16px } @media (max-width: 991.98px) { #merch .merch-content .merch-grid .second-column { margin-top: 0; margin-bottom: 0; margin-left: 16px; margin-right: 16px; grid-column-start: 1 } }.merch-card { border-radius: 4px; position: relative; border: 1px solid #E3DFD9; background: #F2F0ED; display: flex; flex-direction: column } .merch-card .image-container { width: 100%; padding-top: 56.25%; position: relative } .merch-card .image-container .thumbnail { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; bottom: 0; width: 100%; height: 100%; border-radius: 4px; } .merch-card .image-container .mask { position: absolute; bottom: 0; width: 100%; height: auto; } .merch-card .content { padding: 16px; width: 100%; flex-grow: 1; display: flex; flex-direction: column } .merch-card .content .title { margin-bottom: 16px; position: relative; width: 100% } .merch-card .content .title h1 { font-family: Teko, Oswald; font-weight: 600; font-size: 48px; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); text-transform: uppercase; line-height: 36px; } .merch-card .content .description { font-weight: 400; font-size: 16px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); font-family: 'Roboto', sans-serif; text-transform: none; flex-grow: 1; } .merch-card .content .delivery { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 12px; margin-bottom: 16px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; } .merch-card .content .bottom { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 14px; padding: 0; text-transform: uppercase; width: 100%; height: 64px; text-align: end } .merch-card .content .bottom .label { padding: 20px 0; border-bottom: 4px solid; border-top: 2px dotted; height: 100% } .merch-card .content .bottom .label i { height: 12px; width: 12px; } .merch-card .content .bottom .label a:hover { -webkit-filter: brightness(70%); } html[dir="rtl"] .merch-card .icon { transform: scaleX(1); } .webp #header #mobileMenu { background-image: url('/wp-content/themes/regionals/assets/images/header/mobile-bg.webp'); } .no-webp #header #mobileMenu { background-image: url('/wp-content/themes/regionals/assets/images/header/mobile-bg.png'); } #header.open #mobileMenu { margin-top: 0; opacity: 1; visibility: visible; } #header #mobileMenu { background-position: center; background-size: cover; display: flex; flex-direction: column; height: 100vh; opacity: 0; overflow-y: auto; padding-left: 32px; padding-right: 32px; padding-top: 104px; padding-bottom: 160px; position: absolute; top: 0; visibility: hidden; width: 100vw; margin-top: -100%; transition: all 0.5s ease-in-out } @media (min-width: 1300px) { #header #mobileMenu { display: none } } #header #mobileMenu .title-wrapper { display: flex; align-items: center; font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif } #header #mobileMenu .title-wrapper h2 { font-size: 42px; line-height: 100%; } #header #mobileMenu .title-wrapper .horizontal-line { background-repeat: no-repeat; background-size: cover; flex-grow: 1; z-index: 0; height: 2px; -webkit-margin-end: 12px; margin-inline-end: 12px; background-image: url('/wp-content/themes/regionals/assets/images/header/horizontal-line.svg'); } #header #mobileMenu .main-nav, #header #mobileMenu .buttons-wrapper { flex-direction: column; grid-column: span 12 / span 12; } #header #mobileMenu .main-nav { padding-top: 24px; -webkit-padding-start: 32px; padding-inline-start: 32px } #header #mobileMenu .main-nav .nav-item { margin-bottom: 40px; padding: 0 } @media (min-width: 992px) { #header #mobileMenu .main-nav .nav-item { font-size: 24px } } @media (min-width: 992px) { #header #mobileMenu .main-nav .nav-item .icon { height: 16px; width: 16px } } #header #mobileMenu .main-nav .dropdown-mobile { margin-bottom: 32px; display: inline-block; } #header #mobileMenu .main-nav .dropdown-content-mobile { -webkit-padding-start: 16px; padding-inline-start: 16px; display: none; transform-origin: top center } #header #mobileMenu .main-nav .dropdown-content-mobile li .nav-item { margin-bottom: 0; margin-top: 24px; } #header #mobileMenu .main-nav .dropdown-mobile.active .dropdown-content-mobile { display: inline-block; -webkit-animation: rotateMenu 300ms ease-in-out forwards; animation: rotateMenu 300ms ease-in-out forwards; } #header #mobileMenu .main-nav .dropdown-mobile.active > span > i { transform: rotate(-180deg); } #header #mobileMenu .buttons-wrapper > div, #header #mobileMenu .buttons-wrapper .main-button { width: 100%; } #header #mobileMenu .buttons-wrapper .main-button .icon, #header #mobileMenu .buttons-wrapper .main-dropdown .icon { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-rotate: -90deg; } #header #mobileMenu .buttons-wrapper .main-button { height: 40px; -webkit-margin-end: 0; margin-inline-end: 0; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-yellow-lg.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/btn-yellow-lg.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } #header #mobileMenu .buttons-wrapper .main-dropdown { font-weight: 400; font-size: 16px; margin-left: auto; margin-right: auto; margin-top: 32px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)) } #header #mobileMenu .buttons-wrapper .main-dropdown .icon { --tw-bg-opacity: 1; background-color: rgba(191, 191, 191, var(--tw-bg-opacity)); } @-webkit-keyframes rotateMenu { 0% { transform: scaleY(0) } 80% { transform: scaleY(1.1) } 100% { transform: scaleY(1) } } @keyframes rotateMenu { 0% { transform: scaleY(0) } 80% { transform: scaleY(1.1) } 100% { transform: scaleY(1) } } #news-list { font-weight: 400; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); width: 100vw; background-image: url('/wp-content/themes/regionals/assets/images/new/article/middle-texture-tiny.png'); background-repeat: repeat; background-position: bottom center; background-size: contain } #news-list .search-input { position: relative } #news-list .search-input button { display: block } #news-list .search-input button i { margin: 12px; position: absolute; inset-inline-end: 0; right: 0; top: 2px; width: 16px; height: 16px } #news-list .search-input button i:hover { -webkit-filter: brightness(70%); } #news-list .search-input input { font-weight: 400; font-size: 16px; padding: 8px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); width: 100%; font-family: 'Roboto', sans-serif; background-color: black; } #news-list .categories li { position: relative } #news-list .categories li a { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 14px; margin-bottom: 16px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; letter-spacing: 0.05em } #news-list .categories li a i { -webkit-margin-start: 8px; margin-inline-start: 8px; width: 10px; height: 10px; } #news-list .categories li a:hover { --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); } #news-list .topics li { position: relative } #news-list .topics li a { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 14px; margin-bottom: 16px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; letter-spacing: 0.05em } #news-list .topics li a .counter { --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); } #news-list .topics li a:hover { --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); } #news-list .glitched-text-title { display: flex; flex-direction: column; line-height: 96px } #news-list .glitched-text-title .second-row { display: flex; flex-direction: row; text-align: right; } #news-list .glitched-text-title .filler { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); margin-top: auto; margin-bottom: auto; -webkit-margin-end: 24px; margin-inline-end: 24px; flex-grow: 1; height: 2px; } #news-list .hero-bg { position: absolute; width: 100%; height: 100vh; background-image: url('/wp-content/themes/regionals/assets/images/new/merch/hero-bg.png'); background-size: 100% 100%; background-repeat: no-repeat } @media (max-width: 991.98px) { #news-list .hero-bg { background-size: cover; background-position: bottom; height: 110vh } } #news-list .hero-bg .mask { position: absolute; width: 100%; height: 100%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/news-list/map-mask.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/news-list/map-mask.svg'); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } #news-list .hero-bg .texture { position: absolute; width: 100%; height: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/news-list/hero-texture.png'); background-repeat: no-repeat; background-position: 70% 50%; } #news-list .hero { position: relative; top: 0; inset-inline-start: 0; z-index: 2; height: 800px; width: 100% } #news-list .hero .hero-grid { display: grid; margin-left: auto; margin-right: auto; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)) } @media (max-width: 991.98px) { #news-list .hero .hero-grid { padding-left: 32px; padding-right: 32px } } #news-list .hero .hero-grid { max-width: 1296px; top: 40% } #news-list .hero .hero-grid .hero-title { font-family: Teko, Oswald; font-weight: 600; font-size: 96px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 6 / span 6; grid-column-start: 2; } @media (max-width: 991.98px) { #news-list .hero .hero-grid .hero-title { font-size: 56px; grid-column: span 12 / span 12; grid-column-start: 1; } } #news-list .hero .hero-grid .hero-title { grid-row: 1; z-index: 2; letter-spacing: 0.05em; position: relative; } #news-list .hero .hero-grid .hero-spray { z-index: 1; grid-column: span 3 / span 3; grid-column-start: 1; width: 370px; height: 400px; position: absolute; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/news-list/spray.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/news-list/spray.svg'); top: 0; inset-inline-start: -70px; grid-row: 1 } @media (max-width: 991.98px) { #news-list .hero .hero-grid .hero-spray { inset-inline-start: -180px } } #news-list .top-section { display: grid; margin-left: auto; margin-right: auto; position: relative; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); z-index: 3; margin-top: -300px; max-width: 1296px; min-height: 900px } @media (max-width: 991.98px) { #news-list .top-section { margin-top: -280px } } @media (max-width: 991.98px) { #news-list .top-section { min-height: 0; padding-left: 32px; padding-right: 32px } } #news-list .top-section .news-list-first-column { grid-column: span 4 / span 4; grid-column-start: 1; grid-row: 1; padding-top: 100px } @media (max-width: 991.98px) { #news-list .top-section .news-list-first-column { grid-row: auto; padding-top: 0; grid-column: span 12 / span 12; grid-column-start: 1 } } #news-list .top-section .news-list-first-column .card { margin-bottom: 36px; } #news-list .top-section .news-list-second-column { grid-column: span 4 / span 4; grid-column-start: 5; grid-row: 1; padding-top: 132px } #news-list .top-section .news-list-second-column .card { margin-left: auto; margin-right: auto; margin-bottom: 36px; } @media (max-width: 991.98px) { #news-list .top-section .news-list-second-column { grid-row: auto; padding-top: 0; grid-column: span 12 / span 12; grid-column-start: 1 } } #news-list .top-section .mobile-buttons-wrapper { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; margin-bottom: 48px; padding: 16px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 12 / span 12; grid-column-start: 1; justify-content: space-between; text-align: center; line-height: 200%; flex-direction: row; border: 1px solid #3D3F42; border-radius: 4px } @media (min-width: 992px) { #news-list .top-section .mobile-buttons-wrapper { display: none } } #news-list .top-section .mobile-buttons-wrapper .divider { height: 100%; width: 2px; background-color: #3D3F42; } #news-list .top-section .mobile-buttons-wrapper .half { flex-grow: 1; display: flex; flex-direction: row; justify-content: center; align-items: center } #news-list .top-section .mobile-buttons-wrapper .half i { -webkit-margin-end: 8px; margin-inline-end: 8px; width: 16px; height: 16px; } #news-list .top-section .side-menu { grid-column: span 4 / span 4; grid-column-start: 9; padding-top: 100px } #news-list .top-section .side-menu .title { font-family: Teko, Oswald; font-weight: 400; font-size: 18px; margin-bottom: 16px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; letter-spacing: 0.1em; } #news-list .top-section .side-menu .search { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); padding-left: 32px; padding-right: 32px; padding-top: 32px; -webkit-margin-start: auto; margin-inline-start: auto; width: 400px; border-radius: 4px 4px 0px 0px; } #news-list .top-section .side-menu .browse { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); padding: 32px; -webkit-margin-start: auto; margin-inline-start: auto; width: 400px; border-radius: 0px 0px 4px 4px } #news-list .top-section .side-menu .browse .title { margin-top: 8px; } @media (max-width: 991.98px) { #news-list .top-section .side-menu { display: none } } #news-list .mid-section { width: 100%; margin-top: -80px; position: relative; z-index: 1; background: url('/wp-content/themes/regionals/assets/images/new/news-list/play-now-bg.png'); padding-bottom: 200px; background-size: 100% 100% } @media (max-width: 991.98px) { #news-list .mid-section { background-size: cover; margin-top: -100px; margin-bottom: -50px; background-position: bottom; padding-bottom: 0px } } #news-list .mid-section .mid-section-content { display: grid; margin-left: auto; margin-right: auto; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)) } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content { padding-left: 8px; padding-right: 8px; padding-top: 48px; padding-bottom: 48px } } #news-list .mid-section .mid-section-content { max-width: 1296px } #news-list .mid-section .mid-section-content .composition-desktop { grid-column: span 9 / span 9; grid-column-start: 1; grid-row: 1; padding-top: 100px; -webkit-margin-start: -50px; margin-inline-start: -50px; -webkit-padding-end: 36px; padding-inline-end: 36px } #news-list .mid-section .mid-section-content .composition-desktop img { width: 100%; } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content .composition-desktop { display: none } } #news-list .mid-section .mid-section-content .composition-mobile { grid-column: span 12 / span 12; grid-column-start: 1; grid-row: 1 } #news-list .mid-section .mid-section-content .composition-mobile img { width: 100%; } @media (min-width: 992px) { #news-list .mid-section .mid-section-content .composition-mobile { display: none } } #news-list .mid-section .mid-section-content .ripped-photo { grid-column: span 4 / span 4; grid-column-start: 9; margin-top: -36px; grid-row: 1 } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content .ripped-photo { display: none } } #news-list .mid-section .mid-section-content .follow { grid-column: span 8 / span 8; grid-column-start: 1; padding-top: 200px; grid-row: 1 } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content .follow { padding-top: 100px; grid-column: span 12 / span 12; grid-column-start: 1 } } #news-list .mid-section .mid-section-content .follow h1 { font-family: Teko, Oswald; font-weight: 600; font-size: 56px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; display: flex } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content .follow h1 { flex-direction: column } } #news-list .mid-section .mid-section-content .follow h1 .large { font-size: 72px } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content .follow h1 .large { margin-left: 16px; margin-right: 16px } } #news-list .mid-section .mid-section-content .follow h1 .medium { margin-top: auto; margin-bottom: auto; -webkit-margin-start: 16px; margin-inline-start: 16px } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content .follow h1 .medium { margin-left: 24px; margin-right: 24px } } #news-list .mid-section .mid-section-content .follow h1 .filler { margin-left: 16px; margin-right: 16px; margin-top: auto; margin-bottom: auto; flex-grow: 1; background-color: white; height: 2px } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content .follow h1 .filler { display: none } } #news-list .mid-section .mid-section-content .social-media-row { grid-column: span 8 / span 8; grid-column-start: 1; justify-self: center; grid-row: 1; padding-top: 350px } #news-list .mid-section .mid-section-content .social-media-row .social-media-wrapper .social-media { margin-left: 8px; margin-right: 8px; } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content .social-media-row { width: 30% } #news-list .mid-section .mid-section-content .social-media-row .social-media-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) } #news-list .mid-section .mid-section-content .social-media-row .social-media-wrapper .social-media { grid-column: span 2 / span 2; } #news-list .mid-section .mid-section-content .social-media-row .social-media-wrapper .social-media:nth-child(even) { justify-self: end; } #news-list .mid-section .mid-section-content .social-media-row .social-media-wrapper .social-media:nth-child(odd) { justify-self: start; } #news-list .mid-section .mid-section-content .social-media-row { grid-column: span 12 / span 12; grid-column-start: 1 } } #news-list .mid-section .mid-section-content .pubg-tag { grid-column: span 3 / span 3; grid-column-start: 10; grid-row: 1; padding-top: 290px } @media (max-width: 991.98px) { #news-list .mid-section .mid-section-content .pubg-tag { display: none } } #news-list .bottom-section { display: grid; margin-left: auto; margin-right: auto; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); z-index: 2; margin-top: -100px; max-width: 1296px } @media (max-width: 991.98px) { #news-list .bottom-section { margin-top: 0; padding-left: 32px; padding-right: 32px } } #news-list .bottom-section .bottom-first-column { grid-column: span 4 / span 4; grid-column-start: 1 } #news-list .bottom-section .bottom-first-column .card { margin-bottom: 36px; } @media (max-width: 991.98px) { #news-list .bottom-section .bottom-first-column { padding-top: 0; grid-column: span 12 / span 12; grid-column-start: 1 } } #news-list .bottom-section .bottom-second-column { grid-column: span 4 / span 4; grid-column-start: 5; padding-top: 32px } #news-list .bottom-section .bottom-second-column .card { margin-left: auto; margin-right: auto; margin-bottom: 36px; } @media (max-width: 991.98px) { #news-list .bottom-section .bottom-second-column { padding-top: 0; grid-column: span 12 / span 12; grid-column-start: 1 } } #news-list .bottom-section .bottom-third-column { grid-column: span 4 / span 4; grid-column-start: 9 } #news-list .bottom-section .bottom-third-column .card { margin-bottom: 36px; margin-left: auto; } @media (max-width: 991.98px) { #news-list .bottom-section .bottom-third-column { padding-top: 0; grid-column: span 12 / span 12; grid-column-start: 1 } } #news-list .mobile-menu { height: 100%; position: fixed; top: 0; width: 100%; z-index: 4; transition-duration: 0s; transition-delay: 0.7s; transform: translateY(100%) } #news-list .mobile-menu .overlay { cursor: pointer; height: 100%; position: absolute; top: 0; width: 100%; background: white; background-color: rgba(61, 64, 69, 0.5); -webkit-animation: fade_out 0.7s; animation: fade_out 0.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-image: url('/wp-content/themes/regionals/assets/images/new/news-list/mobile-noisy-overlay.png'); } #news-list .mobile-menu .mobile-menu-content { padding: 32px; position: absolute; bottom: 0; width: 100%; transform: translateY(100%); transition: transform 0.7s linear; background-image: url('/wp-content/themes/regionals/assets/images/new/news-list/mobile-menu-bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover } #news-list .mobile-menu .mobile-menu-content .content-top { display: flex; padding-bottom: 24px; flex-direction: row } #news-list .mobile-menu .mobile-menu-content .content-top .mobile-title { font-family: Teko, Oswald; font-weight: 600; font-size: 36px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; flex-grow: 1; } #news-list .mobile-menu .mobile-menu-content .content-top .hide-button { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-align: center; transform: rotate(180deg); flex-grow: 1; } #news-list .mobile-menu.active { transition-duration: 0s; transition-delay: 0s; transform: translateY(0%) } #news-list .mobile-menu.active .overlay { -webkit-animation: fade_in 0.7s; animation: fade_in 0.7s; } #news-list .mobile-menu.active .mobile-menu-content.active { transition: transform 0.7s linear; transform: translateY(0%); } [lang="vi-VN"] #news-list .top-section .side-menu .title, [lang="pl-PL"] #news-list .top-section .side-menu .title, [lang="tr-TR"] #news-list .top-section .side-menu .title { font-family: Oswald; } html[dir="rtl"] #news-list .arrow-chevron-icon { transform: scaleX(-1); } html[dir="rtl"] #news-list .search-input button i { left: 0; right: auto; } @-webkit-keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } }#nextEvents { display: flex; text-transform: uppercase; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/body-bg-texture.png') } @media (max-width: 991.98px) { #nextEvents { padding-top: 0 } } #nextEvents .events-content { width: 100% } #nextEvents .events-content .bg-mobile img { position: absolute; top: 0; } #nextEvents .events-content .bg-mobile .end { inset-inline-end: 0; right: 0; } @media (min-width: 992px) { #nextEvents .events-content .bg-mobile { display: none } } #nextEvents .events-content .next-events-title.mobile { font-family: Teko, Oswald; font-weight: 600; font-size: 56px; padding-left: 32px; padding-right: 32px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); -webkit-margin-start: 0; margin-inline-start: 0; line-height: initial; word-spacing: 100vw; top: 0px; -webkit-text-stroke: initial; -webkit-text-fill-color: initial; text-align: end; padding-top: 94px; position: relative } #nextEvents .events-content .next-events-title.mobile .filler { position: absolute; height: 2px; width: 40%; bottom: 44px; background: white; left: 10%; inset-inline-start: 10%; } @media (min-width: 992px) { #nextEvents .events-content .next-events-title.mobile { display: none } } #nextEvents .events-content .next-events-title.desktop { font-family: Teko, Oswald; font-weight: 600; font-size: 120px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); -webkit-margin-start: 32px; margin-inline-start: 32px; width: 1296px; margin: auto; padding-left: 0; padding-right: 0; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template: repeat(1, [row] minmax(0, 1fr)) / repeat(12, [col] minmax(0, 1fr)); display: grid; word-spacing: 100vw; line-height: 144px; -webkit-text-stroke: 2px #e7e4df; -webkit-text-fill-color: transparent; margin-bottom: -75px } #nextEvents .events-content .next-events-title.desktop h1 { grid-column-start: 2; } @media (max-width: 991.98px) { #nextEvents .events-content .next-events-title.desktop { display: none } } #nextEvents .events-content .events-container { width: 1296px; margin: auto; padding-left: 0; padding-right: 0; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template: repeat(1, [row] minmax(0, 1fr)) / repeat(12, [col] minmax(0, 1fr)); display: grid } @media (max-width: 991.98px) { #nextEvents .events-content .events-container { display: flex; width: 100%; overflow-x: scroll; display: flex; padding-left: 32px; padding-right: 32px; padding-bottom: 8px; width: 100% } } #nextEvents .events-content .events-container .next-events-side-label { display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 16px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); grid-column-start: 1; justify-self: center; height: calc(100% - 32px); position: relative; top: 32px; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg) } #nextEvents .events-content .events-container .next-events-side-label .text { flex-shrink: 0; } #nextEvents .events-content .events-container .next-events-side-label .filler-wrapper { display: flex; align-items: center; width: 24px; flex-grow: 1 } #nextEvents .events-content .events-container .next-events-side-label .filler-wrapper .filler { margin-top: 24px; margin-bottom: 24px; flex-grow: 1; border: 1px solid #f2f0ed; } @media (max-width: 991.98px) { #nextEvents .events-content .events-container .next-events-side-label { display: none } } #nextEvents .events-content .events-container .events-cards-container { grid-column: span 11 / span 11; display: flex } @media (max-width: 991.98px) { #nextEvents .events-content .events-container .events-cards-container { display: contents } } #nextEvents .events-content .events-container .first-item { grid-column-start: 2; } #nextEvents .events-content .events-container .second-item { grid-column-start: 6; } #nextEvents .events-content .events-container .third-item { grid-column-start: 10 } @media (max-width: 991.98px) { #nextEvents .events-content .events-container .third-item { -webkit-border-end: 32px solid transparent; border-inline-end: 32px solid transparent; box-sizing: content-box } } #nextEvents .events-content .events-container .event-item { flex-shrink: 0; width: 400px; height: 600px; margin-right: 40px } @media (max-width: 991.98px) { #nextEvents .events-content .events-container .event-item { flex-grow: 1; width: auto; flex: 0 0 100%; height: 512px; -webkit-margin-end: 32px; margin-inline-end: 32px } } #nextEvents .events-content .events-container .button-wrapper-desktop { grid-column-start: 10 } #nextEvents .events-content .events-container .button-wrapper-desktop .round-button-scribble { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 14px } #nextEvents .events-content .events-container .button-wrapper-desktop .round-button-scribble .text { display: flex; justify-content: center } #nextEvents .events-content .events-container .button-wrapper-desktop .round-button-scribble .text .icon { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); -webkit-margin-start: 8px; margin-inline-start: 8px; width: 16px; height: 16px; } @media (max-width: 991.98px) { #nextEvents .events-content .events-container .button-wrapper-desktop { display: none } } #nextEvents .events-content .button-wrapper-mobile { display: flex; -webkit-margin-end: 16px; margin-inline-end: 16px; justify-content: flex-end } #nextEvents .events-content .button-wrapper-mobile .round-button-scribble { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 14px } #nextEvents .events-content .button-wrapper-mobile .round-button-scribble .text { display: flex; justify-content: center } #nextEvents .events-content .button-wrapper-mobile .round-button-scribble .text .icon { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); -webkit-margin-start: 8px; margin-inline-start: 8px; width: 16px; height: 16px; } @media (min-width: 992px) { #nextEvents .events-content .button-wrapper-mobile { display: none } } html[dir="rtl"] #nextEvents .arrow-right-icon { transform: rotate(0); } html[dir="rtl"] #nextEvents .button-wrapper-mobile .button-border { transform: scaleX(-1); } html[dir="rtl"] #nextEvents .events-content .bg-mobile .end { left: 0; } html[dir="rtl"] #nextEvents .next-events-title.mobile .filler { right: 10%; }#not-found { width: 100%; min-height: calc(100vh - 354px); background: url('/wp-content/themes/regionals/assets/images/new/shared/body-bg-texture.png') } #not-found .not-found-container { margin-left: auto; margin-right: auto; padding-bottom: 160px; width: 100%; max-width: 820px } #not-found .not-found-container .sprite { width: 100%; } @media (max-width: 767.98px) { #not-found .not-found-container { padding-bottom: 80px } } #not-found .not-found-container .content { display: flex; margin-top: -88px } @media (max-width: 767.98px) { #not-found .not-found-container .content { display: inline-block; margin-top: 0; margin-bottom: 0; margin-left: 32px; margin-right: 32px } } #not-found .not-found-container .content .text { position: relative; -webkit-margin-end: 48px; margin-inline-end: 48px; -webkit-margin-start: 96px; margin-inline-start: 96px; flex-grow: 1 } @media (max-width: 767.98px) { #not-found .not-found-container .content .text { margin: 0 } } #not-found .not-found-container .content .text .title { display: flex; font-family: Teko, Oswald; font-weight: 600; font-size: 56px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase } #not-found .not-found-container .content .text .title .tilted { position: relative; top: 4px; inset-inline-start: 4px; } #not-found .not-found-container .content .text .title .filler { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); flex-grow: 1; margin-top: auto; margin-bottom: auto; -webkit-margin-start: 24px; margin-inline-start: 24px; height: 2px; } #not-found .not-found-container .content .text .description { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 16px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; -webkit-margin-start: 64px; margin-inline-start: 64px } @media (max-width: 767.98px) { #not-found .not-found-container .content .text .description { margin: 0 } } #not-found .not-found-container .content .round-button { font-family: Teko, Oswald; font-weight: 600; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); flex-shrink: 0; letter-spacing: 0.05em; line-height: 120%; text-align: start } @media (max-width: 767.98px) { #not-found .not-found-container .content .round-button { margin-top: 16px; -webkit-margin-start: auto; margin-inline-start: auto } } #not-found .not-found-container .content .round-button .icon { height: 14px; width: 14px; }#patch-notes-content { font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; font-weight: 400; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); width: 100vw } #patch-notes-content .glitched-text-title { display: flex; flex-wrap: wrap; align-items: center; line-height: 72px !important; margin: 16px 0 !important; font-size: 72px !important; font-weight: 600 !important; font-family: Teko, Oswald !important; position: relative; z-index: 1 } @media (max-width: 991.98px) { #patch-notes-content .glitched-text-title { font-size: 56px !important } } #patch-notes-content .glitched-text-title span { -webkit-margin-end: 16px; margin-inline-end: 16px; } #patch-notes-content .glitched-text-title .filler { flex-grow: 1; height: 2px; --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); } #patch-notes-content .glitched-text-title .tilted-text { position: relative; top: -8px; } #patch-notes-content hr { margin-top: 8px; margin-bottom: 8px; margin-bottom: 80px; height: 4px; -webkit-mask: url('/wp-content/themes/regionals/assets/images/new/article/divider.png'); mask: url('/wp-content/themes/regionals/assets/images/new/article/divider.png'); background-color: #e3dfd9; transform: matrix(-1, 0, 0, 1, 0, 0); } #patch-notes-content strong { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; } @media (max-width: 991.98px) { #patch-notes-content .desktop { display: none } } @media (min-width: 992px) { #patch-notes-content .mobile { display: none } } #patch-notes-content .hero-container-mobile { width: 100%; background: url('/wp-content/themes/regionals/assets/images/new/shared/hero-bg.png') } @media (min-width: 992px) { #patch-notes-content .hero-container-mobile { display: none } } #patch-notes-content .hero-container-mobile img { width: 100%; margin-top: -5px; background-image: url('/wp-content/themes/regionals/assets/images/new/article/middle-texture-tiny.png'); } #patch-notes-content .hero-container-mobile .hero-grid { max-width: 1296px; display: grid; margin: auto; padding-left: 32px; padding-right: 32px; padding-top: 128px; position: relative; grid-template-columns: repeat(12, minmax(0, 1fr)); overflow: hidden } #patch-notes-content .hero-container-mobile .hero-grid .tags, #patch-notes-content .hero-container-mobile .hero-grid .title, #patch-notes-content .hero-container-mobile .hero-grid .excerpt, #patch-notes-content .hero-container-mobile .hero-grid hr, #patch-notes-content .hero-container-mobile .hero-grid .metadata-wrapper { grid-column: span 12 / span 12; grid-column-start: 1; } #patch-notes-content .hero-container-mobile .hero-grid .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 12px; text-transform: uppercase } #patch-notes-content .hero-container-mobile .hero-grid .tags a:hover { -webkit-filter: brightness(70%); } #patch-notes-content .hero-container-mobile .hero-grid .cover { margin-top: 40px; margin-bottom: 40px; position: relative; grid-column: span 10 / span 10; grid-column-start: 2 } @media (max-width: 991.98px) { #patch-notes-content .hero-container-mobile .hero-grid .cover { margin-left: -16px; margin-right: -16px; grid-column: span 12 / span 12; grid-column-start: 1 } } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container { position: relative; width: 100%; padding-top: 56.25% } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; bottom: 0; width: 100%; height: 100%; border-radius: 4px; } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container iframe { height: 100%; position: absolute; top: 0; width: 100%; border-radius: 4px; } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; height: 100%; font-size: 16px; padding-left: 32px; padding-right: 32px; position: absolute; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; top: 0; align-items: center; justify-content: space-between; border-radius: 4px; z-index: 2; transition: 0.7s } @media (max-width: 991.98px) { #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover { max-width: none; width: 100% } } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover span { z-index: 2; } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover .controls-cover { display: flex; height: 100%; position: absolute; width: 100%; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 2; z-index: 2 } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover .controls-cover:after { content: ''; z-index: 2; transition: 0.7s; width: 100%; height: 6%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); background-color: white; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover .controls-cover:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; width: 10%; transition: 0.7s; height: 15%; content: ''; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button-bg-7.png'); background-size: contain; background-repeat: no-repeat; opacity: 0.8; } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover img { position: absolute; top: 0; left: 0; right: 0; z-index: 1; max-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 !important; transition: 0.7s; } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover:hover img { transition: 0.7s; -webkit-filter: brightness(50%); } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover:hover { cursor: pointer } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover:hover .controls-cover:after { transition: 0.7s; } #patch-notes-content .hero-container-mobile .hero-grid .cover .cover-container .video-cover:hover .controls-cover:before { transition: 0.7s; opacity: 1; } #patch-notes-content .hero-container-mobile .hero-grid hr { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); margin-bottom: 0; } #patch-notes-content .hero-container-mobile .hero-grid .title { font-family: Teko, Oswald; font-weight: 600; font-size: 56px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; } #patch-notes-content .hero-container-mobile .hero-grid .filler { flex-grow: 1; height: 2px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } #patch-notes-content .hero-container-mobile .hero-grid .excerpt { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 16px; margin-bottom: 32px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200%; } #patch-notes-content .hero-container-mobile .hero-grid .metadata-wrapper { display: flex; align-items: center; justify-content: space-between } #patch-notes-content .hero-container-mobile .hero-grid .metadata-wrapper .metadata { display: flex; align-items: center; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 12px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200%; margin-top: 48px; margin-bottom: 36px } #patch-notes-content .hero-container-mobile .hero-grid .metadata-wrapper .metadata .metadata-divider { margin-left: 8px; margin-right: 8px; } #patch-notes-content .hero-container-mobile .hero-grid .metadata-wrapper .share { background-size: cover; display: flex; align-items: center; justify-content: center; height: 48px; width: 48px; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/dark-round-contour.svg') } @media (min-width: 992px) { #patch-notes-content .hero-container-mobile .hero-grid .metadata-wrapper .share { display: none } } #patch-notes-content .hero-container-mobile .hero-grid .metadata-wrapper .share .icon { height: 16px; width: 16px; } #patch-notes-content .hero-container-mobile .hero-grid .social-media-column { position: absolute; grid-column: span 1 / span 1; grid-column-start: 3; -webkit-margin-start: -60px; margin-inline-start: -60px; grid-row-start: 7; z-index: 1 } #patch-notes-content .hero-container-mobile .hero-grid .social-media-column.simple { grid-row-start: 6; } @media (max-width: 991.98px) { #patch-notes-content .hero-container-mobile .hero-grid .social-media-column { display: none } } #patch-notes-content .hero-container-mobile .hero-grid .social-media-column .social-media-wrapper { flex-direction: column; align-items: flex-start; justify-content: center } #patch-notes-content .hero-container-mobile .hero-grid .social-media-column .social-media-wrapper .icon { background-color: #727478; } #patch-notes-content .hero-container-mobile .hero-grid .social-media-column .share-button { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 12px; margin-top: 32px; margin-bottom: 32px; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; line-height: 40px; transform: rotate(180deg); display: flex; align-items: center } #patch-notes-content .hero-container-mobile .hero-grid .social-media-column .share-button .tooltip { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-top: 0; padding-bottom: 0; padding-left: 16px; padding-right: 16px; position: absolute; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; border-radius: 8px; top: calc(100% + 4px); transform: rotate(180deg); display: none } #patch-notes-content .hero-container-mobile .hero-grid .social-media-column .share-button .tooltip.active { display: initial; } #patch-notes-content .patch-notes-container { width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/patch-notes/middle-texture-tiny.png'); background-size: contain } #patch-notes-content .patch-notes-container .hero-bg { position: absolute; width: 100%; height: 100vh; max-height: 800px; background-image: url('/wp-content/themes/regionals/assets/images/new/patch-notes/hero-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: bottom } #patch-notes-content .patch-notes-container .hero-bg.simple { height: 236px; } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .hero-bg { display: none } } #patch-notes-content .patch-notes-container .patch-notes-grid { max-width: 1296px; display: grid; margin: auto; padding-left: 32px; padding-right: 32px; padding-top: 128px; position: relative; grid-template-columns: repeat(12, minmax(0, 1fr)) } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid { overflow: hidden; padding-top: 0 } } #patch-notes-content .patch-notes-container .patch-notes-grid .hero-container-desktop { display: contents } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .hero-container-desktop { display: none } } #patch-notes-content .patch-notes-container .patch-notes-grid .title-divider { grid-column: span 10 / span 10; grid-column-start: 2; margin-bottom: 64px; } #patch-notes-content .patch-notes-container .patch-notes-grid h2 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; margin-bottom: 12px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid h2 { font-size: 18px } } #patch-notes-content .patch-notes-container .patch-notes-grid h1 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 36px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; } #patch-notes-content .patch-notes-container .patch-notes-grid .title, #patch-notes-content .patch-notes-container .patch-notes-grid .excerpt, #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper, #patch-notes-content .patch-notes-container .patch-notes-grid .tags { grid-column: span 10 / span 10; grid-column-start: 2; } @media (max-width: 767.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .title, #patch-notes-content .patch-notes-container .patch-notes-grid .excerpt, #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper, #patch-notes-content .patch-notes-container .patch-notes-grid .tags { grid-column: span 12 / span 12; grid-column-start: 1; } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-columns, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image img, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video video, #patch-notes-content .patch-notes-container .patch-notes-grid p video, #patch-notes-content .patch-notes-container .patch-notes-grid span video, #patch-notes-content .patch-notes-container .patch-notes-grid p img, #patch-notes-content .patch-notes-container .patch-notes-grid span img, #patch-notes-content .patch-notes-container .patch-notes-grid p iframe, #patch-notes-content .patch-notes-container .patch-notes-grid div.wp-block-image, #patch-notes-content .patch-notes-container .patch-notes-grid div.wp-block-video, #patch-notes-content .patch-notes-container .patch-notes-grid .confluence-embedded-file-wrapper, #patch-notes-content .patch-notes-container .patch-notes-grid hr { grid-column: span 10 / span 10; grid-column-start: 2; } @media (max-width: 767.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-columns, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image img, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video video, #patch-notes-content .patch-notes-container .patch-notes-grid p video, #patch-notes-content .patch-notes-container .patch-notes-grid span video, #patch-notes-content .patch-notes-container .patch-notes-grid p img, #patch-notes-content .patch-notes-container .patch-notes-grid span img, #patch-notes-content .patch-notes-container .patch-notes-grid p iframe, #patch-notes-content .patch-notes-container .patch-notes-grid div.wp-block-image, #patch-notes-content .patch-notes-container .patch-notes-grid div.wp-block-video, #patch-notes-content .patch-notes-container .patch-notes-grid .confluence-embedded-file-wrapper, #patch-notes-content .patch-notes-container .patch-notes-grid hr { grid-column: span 12 / span 12; grid-column-start: 1; } } #patch-notes-content .patch-notes-container .patch-notes-grid p, #patch-notes-content .patch-notes-container .patch-notes-grid span, #patch-notes-content .patch-notes-container .patch-notes-grid div, #patch-notes-content .patch-notes-container .patch-notes-grid h1, #patch-notes-content .patch-notes-container .patch-notes-grid h2, #patch-notes-content .patch-notes-container .patch-notes-grid h3, #patch-notes-content .patch-notes-container .patch-notes-grid h4, #patch-notes-content .patch-notes-container .patch-notes-grid h5, #patch-notes-content .patch-notes-container .patch-notes-grid h6, #patch-notes-content .patch-notes-container .patch-notes-grid ol, #patch-notes-content .patch-notes-container .patch-notes-grid strong, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-table, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote, #patch-notes-content .patch-notes-container .patch-notes-grid blockquote, #patch-notes-content .patch-notes-container .patch-notes-grid blockquote.wp-block-quote { grid-column: span 10 / span 10; grid-column-start: 2; } @media (max-width: 767.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid p, #patch-notes-content .patch-notes-container .patch-notes-grid span, #patch-notes-content .patch-notes-container .patch-notes-grid div, #patch-notes-content .patch-notes-container .patch-notes-grid h1, #patch-notes-content .patch-notes-container .patch-notes-grid h2, #patch-notes-content .patch-notes-container .patch-notes-grid h3, #patch-notes-content .patch-notes-container .patch-notes-grid h4, #patch-notes-content .patch-notes-container .patch-notes-grid h5, #patch-notes-content .patch-notes-container .patch-notes-grid h6, #patch-notes-content .patch-notes-container .patch-notes-grid ol, #patch-notes-content .patch-notes-container .patch-notes-grid strong, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-table, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote, #patch-notes-content .patch-notes-container .patch-notes-grid blockquote, #patch-notes-content .patch-notes-container .patch-notes-grid blockquote.wp-block-quote { grid-column: span 10 / span 10; grid-column-start: 2; } } @media (max-width: 575.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid p, #patch-notes-content .patch-notes-container .patch-notes-grid span, #patch-notes-content .patch-notes-container .patch-notes-grid div, #patch-notes-content .patch-notes-container .patch-notes-grid h1, #patch-notes-content .patch-notes-container .patch-notes-grid h2, #patch-notes-content .patch-notes-container .patch-notes-grid h3, #patch-notes-content .patch-notes-container .patch-notes-grid h4, #patch-notes-content .patch-notes-container .patch-notes-grid h5, #patch-notes-content .patch-notes-container .patch-notes-grid h6, #patch-notes-content .patch-notes-container .patch-notes-grid ol, #patch-notes-content .patch-notes-container .patch-notes-grid strong, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-table, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote, #patch-notes-content .patch-notes-container .patch-notes-grid blockquote, #patch-notes-content .patch-notes-container .patch-notes-grid blockquote.wp-block-quote { grid-column: span 12 / span 12; grid-column-start: 1; } } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure figcaption { grid-column: span 5 / span 5; grid-column-start: 3; } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure figcaption { grid-column: span 8 / span 8; grid-column-start: 3; } } @media (max-width: 767.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure figcaption { grid-column: span 12 / span 12; grid-column-start: 1; } } #patch-notes-content .patch-notes-container .patch-notes-grid.simple { padding-top: 216px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid.simple { padding-top: 0 } } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid.simple .title { font-size: 56px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)) } } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid.simple .excerpt { font-size: 16px; margin-bottom: 32px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)) } } #patch-notes-content .patch-notes-container .patch-notes-grid .cover { margin-top: 40px; margin-bottom: 40px; position: relative; grid-column: span 10 / span 10; grid-column-start: 2 } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .cover { margin-left: -16px; margin-right: -16px; grid-column: span 12 / span 12; grid-column-start: 1 } } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container { position: relative; width: 100%; padding-top: 56.25% } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; bottom: 0; width: 100%; height: 100%; border-radius: 4px; } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container iframe { height: 100%; position: absolute; top: 0; width: 100%; } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; height: 100%; font-size: 16px; padding-left: 32px; padding-right: 32px; position: absolute; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; top: 0; align-items: center; justify-content: space-between; border-radius: 4px; z-index: 2; transition: 0.7s } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover { max-width: none; width: 100% } } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover span { z-index: 2; } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover .controls-cover { display: flex; height: 100%; position: absolute; width: 100%; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 2; z-index: 2 } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover .controls-cover:after { content: ''; z-index: 2; transition: 0.7s; width: 100%; height: 6%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); background-color: white; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover .controls-cover:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; width: 10%; transition: 0.7s; height: 15%; content: ''; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button-bg-7.png'); background-size: contain; background-repeat: no-repeat; opacity: 0.8; } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover img { position: absolute; top: 0; left: 0; right: 0; z-index: 1; max-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 !important; transition: 0.7s; } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover:hover img { transition: 0.7s; -webkit-filter: brightness(50%); } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover:hover { cursor: pointer } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover:hover .controls-cover:after { transition: 0.7s; } #patch-notes-content .patch-notes-container .patch-notes-grid .cover .cover-container .video-cover:hover .controls-cover:before { transition: 0.7s; opacity: 1; } #patch-notes-content .patch-notes-container .patch-notes-grid .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .tags { font-size: 12px } } #patch-notes-content .patch-notes-container .patch-notes-grid .tags a:hover { -webkit-filter: brightness(70%); } #patch-notes-content .patch-notes-container .patch-notes-grid .title { font-family: Teko, Oswald; font-weight: 600; font-size: 72px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .title { font-size: 56px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } } #patch-notes-content .patch-notes-container .patch-notes-grid .excerpt { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 18px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200% } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .excerpt { font-size: 16px; margin-bottom: 32px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } } #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper { display: flex; align-items: center; justify-content: space-between } #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper .metadata { display: flex; align-items: center; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 14px; margin-top: 40px; margin-bottom: 40px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; line-height: 200%; margin-top: 48px; margin-bottom: 36px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper .metadata { font-size: 12px } } #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper .metadata .metadata-divider { margin-left: 16px; margin-right: 16px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper .metadata .metadata-divider { margin-left: 8px; margin-right: 8px } } #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper .share { background-size: cover; display: flex; align-items: center; justify-content: center; height: 48px; width: 48px; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/dark-round-contour.svg') } @media (min-width: 992px) { #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper .share { display: none } } #patch-notes-content .patch-notes-container .patch-notes-grid .metadata-wrapper .share .icon { height: 16px; width: 16px; } #patch-notes-content .patch-notes-container .patch-notes-grid .social-media-column { position: absolute; grid-column: span 1 / span 1; grid-column-start: 2; -webkit-margin-start: -60px; margin-inline-start: -60px; grid-row-start: 7; z-index: 1 } #patch-notes-content .patch-notes-container .patch-notes-grid .social-media-column.simple { grid-row-start: 6; } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .social-media-column { display: none } } #patch-notes-content .patch-notes-container .patch-notes-grid .social-media-column .social-media-wrapper { flex-direction: column; align-items: flex-start; justify-content: center } #patch-notes-content .patch-notes-container .patch-notes-grid .social-media-column .social-media-wrapper .icon { background-color: #727478; } #patch-notes-content .patch-notes-container .patch-notes-grid .social-media-column .share-button { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 400; font-size: 12px; margin-top: 32px; margin-bottom: 32px; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; line-height: 40px; transform: rotate(180deg); display: flex; align-items: center } #patch-notes-content .patch-notes-container .patch-notes-grid .social-media-column .share-button .tooltip { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-top: 0; padding-bottom: 0; padding-left: 16px; padding-right: 16px; position: absolute; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; border-radius: 8px; top: calc(100% + 4px); transform: rotate(180deg); display: none } #patch-notes-content .patch-notes-container .patch-notes-grid .social-media-column .share-button .tooltip.active { display: initial; } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents[open] .icon { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-rotate: 0deg; } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents { position: fixed; bottom: 0; width: 100%; z-index: 10; padding: 16px 32px; inset-inline-start: 0; left: 0; max-width: 424px; background: #e5e1dd; border-radius: 5px; max-height: 80vh; overflow-y: auto } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents.simple { grid-row-start: 6; } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .table-of-contents-title { font-family: Teko, Oswald; font-weight: 600; font-size: 18px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; display: flex; flex-direction: row; display: flex; justify-content: space-between; letter-spacing: 0.1em; align-items: center; cursor: pointer } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .table-of-contents-title:focus { outline: none; } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .table-of-contents-title::-webkit-details-marker { display: none; } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .table-of-contents-title .icon { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .content-wrapper { --tw-border-opacity: 1; border-color: rgba(61, 63, 66, var(--tw-border-opacity)); font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 14px; margin-top: 8px; padding-top: 16px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; border-top: 2px solid; letter-spacing: 0.05em; line-height: 200% } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .content-wrapper .contents-anchor:hover { cursor: pointer; } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .content-wrapper .content { letter-spacing: 0.05em; margin-bottom: 16px; line-height: 200%; border-bottom: 1px solid #BFBFBF; padding-bottom: 8px } #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .content-wrapper .content:hover { -webkit-filter: brightness(70%); } #patch-notes-content .patch-notes-container .patch-notes-grid p { font-weight: 400; font-size: 18px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); margin-bottom: 18px; line-height: 36px; font-family: 'Roboto', sans-serif } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid p { font-size: 16px } } #patch-notes-content .patch-notes-container .patch-notes-grid h1 .tilted-text,#patch-notes-content .patch-notes-container .patch-notes-grid h2 .tilted-text,#patch-notes-content .patch-notes-container .patch-notes-grid h3 .tilted-text{ position: relative; -webkit-margin-end: 4px; margin-inline-end: 4px; top: -4px; } #patch-notes-content .patch-notes-container .patch-notes-grid h3 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 18px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; margin-bottom: 16px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid h3 { font-size: 16px } } #patch-notes-content .patch-notes-container .patch-notes-grid h4 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 14px; position: relative; --tw-text-opacity: 1; color: rgba(213, 85, 17, var(--tw-text-opacity)); text-transform: uppercase; margin-bottom: 16px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid h4 { font-size: 16px } } #patch-notes-content .patch-notes-container .patch-notes-grid p iframe { position: relative; width: 100%; border-radius: 4px; margin-bottom: 24px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid p iframe { width: 100vw !important; max-width: none; right: -32px } } #patch-notes-content .patch-notes-container .patch-notes-grid p img { position: relative; width: 100%; border-radius: 4px; margin-bottom: 24px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid p img { width: 100vw !important; max-width: none; margin-left: -50vw; margin-right: -50vw; left: 50%; right: 50% } } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure { display: contents } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image > a, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video > a, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure > a, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure > a { border: none !important } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image > a:hover, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video > a:hover, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure > a:hover, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure > a:hover { cursor: auto; } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image > a, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video > a, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure > a, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure > a { grid-column: span 8 / span 8; grid-column-start: 2 } @media (max-width: 767.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image > a, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video > a, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure > a, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure > a { grid-column: span 12 / span 12; grid-column-start: 1 } } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image > a img:hover, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video > a img:hover, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure > a img:hover, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure > a img:hover { cursor: pointer; -webkit-filter: brightness(70%); } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image img, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image video, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video img, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video video, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure img, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure video, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure img, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure video { position: relative; width: 100%; } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image img, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image video, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video img, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video video, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure img, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure video, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure img, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure video { border-radius: 4px; margin-bottom: 24px; height: auto; } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image img, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image video, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video img, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video video, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure img, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure video, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure img, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure video { width: 100vw !important; max-width: none; margin-left: -50vw; margin-right: -50vw; left: 50%; right: 50%; } } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-image figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-video figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-image figure figcaption, #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-video figure figcaption { font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); margin-bottom: 80px; line-height: 28px; font-family: 'Roboto', sans-serif; } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote p, #patch-notes-content .patch-notes-container .patch-notes-grid blockquote.wp-block-quote p { font-family: Teko, Oswald; font-weight: 600; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; line-height: 120%; letter-spacing: 0.05em; } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote cite, #patch-notes-content .patch-notes-container .patch-notes-grid blockquote.wp-block-quote cite { font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); font-family: 'Roboto', sans-serif; font-style: normal; text-transform: none; } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote p { font-size: 48px; margin-bottom: 16px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote p { font-size: 32px } } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote::after, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote::before { display: block; height: 16px; margin-left: 8px; margin-right: 8px; } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote::after, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote::before { content: ""; background: url('/wp-content/themes/regionals/assets/images/new/article/quote-border.png') no-repeat; } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote::before { margin-bottom: 44px; } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-pullquote::after { margin-top: 44px; margin-bottom: 44px; } #patch-notes-content .patch-notes-container .patch-notes-grid blockquote.wp-block-quote { margin-top: 32px; margin-bottom: 32px; position: relative; -webkit-padding-start: 32px; padding-inline-start: 32px } #patch-notes-content .patch-notes-container .patch-notes-grid blockquote.wp-block-quote p { font-size: 32px; margin-bottom: 8px; } #patch-notes-content .patch-notes-container .patch-notes-grid blockquote.wp-block-quote:before { display: block; height: 80px; position: absolute; width: 16px; inset-inline-start: 0px; left: 0; content: ""; background: url('/wp-content/themes/regionals/assets/images/new/article/quote-left.png') no-repeat; } #patch-notes-content .patch-notes-container .patch-notes-grid ol, #patch-notes-content .patch-notes-container .patch-notes-grid ul { font-size: 18px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: none; } #patch-notes-content .patch-notes-container .patch-notes-grid ol, #patch-notes-content .patch-notes-container .patch-notes-grid ul { font-family: 'Roboto', sans-serif; list-style: none; counter-reset: item; margin-bottom: 18px; } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid ol, #patch-notes-content .patch-notes-container .patch-notes-grid ul { font-size: 16px; } } #patch-notes-content .patch-notes-container .patch-notes-grid ol ul, #patch-notes-content .patch-notes-container .patch-notes-grid ul ul { -webkit-margin-start: 40px; margin-inline-start: 40px; margin-top: 10px; } #patch-notes-content .patch-notes-container .patch-notes-grid ol li, #patch-notes-content .patch-notes-container .patch-notes-grid ul li { font-weight: 400; margin-top: 0; margin-bottom: 16px; counter-increment: item; position: relative; } #patch-notes-content .patch-notes-container .patch-notes-grid ol li:last-child, #patch-notes-content .patch-notes-container .patch-notes-grid ul li:last-child { margin-bottom: 0; } #patch-notes-content .patch-notes-container .patch-notes-grid ol a:hover, #patch-notes-content .patch-notes-container .patch-notes-grid ul a:hover { -webkit-filter: brightness(70%); } #patch-notes-content .patch-notes-container .patch-notes-grid ol, #patch-notes-content .patch-notes-container .patch-notes-grid ul { grid-column: span 10 / span 10; grid-column-start: 2; } @media (max-width: 575.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid ol, #patch-notes-content .patch-notes-container .patch-notes-grid ul { grid-column: span 12 / span 12; grid-column-start: 1; } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper { position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 24px } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper iframe { height: 100%; position: absolute; top: 0; width: 100%; border-radius: 4px; z-index: 1 } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper iframe { max-width: none; left: -32px; width: 100vw } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); display: flex; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; height: 100%; font-size: 16px; padding-left: 32px; padding-right: 32px; position: absolute; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; top: 0; align-items: center; justify-content: space-between; border-radius: 4px; z-index: 2; transition: 0.7s } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover { max-width: none; left: -32px; width: 100vw } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover span { z-index: 2; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover .controls-cover { display: flex; height: 100%; position: absolute; width: 100%; align-items: center; justify-content: center; top: 0; left: 0; right: 0; z-index: 2; z-index: 2 } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover .controls-cover:after { content: ''; z-index: 2; transition: 0.7s; width: 100%; height: 6%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button.svg'); background-color: white; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover .controls-cover:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; width: 10%; transition: 0.7s; height: 15%; content: ''; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/play-button-bg-7.png'); background-size: contain; background-repeat: no-repeat; opacity: 0.8; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover img { position: absolute; top: 0; left: 0; right: 0; z-index: 1; max-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 !important; transition: 0.7s; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover:hover img { transition: 0.7s; -webkit-filter: brightness(50%); } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover:hover { cursor: pointer } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover:hover .controls-cover:after { transition: 0.7s; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover:hover .controls-cover:before { transition: 0.7s; opacity: 1; } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper { width: 100vw; grid-column: span 12 / span 12; grid-column-start: 1 } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed { display: contents } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed figcaption { font-weight: 400; font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); grid-column: span 5 / span 5; grid-column-start: 3; line-height: 28px; font-family: 'Roboto', sans-serif; margin-bottom: 80px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed figcaption { grid-column: span 12 / span 12; grid-column-start: 1 } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-columns { display: flex; align-items: center; margin-bottom: 56px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-columns { flex-direction: column } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-columns .wp-block-column { flex-grow: 1; flex-basis: 0 } @media (min-width: 992px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-columns .wp-block-column { margin: 24px } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-columns .wp-block-column h2 { margin-top: 8px; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-columns .wp-block-column p { margin-bottom: 0; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-columns .wp-block-column img { left: 0; right: 0; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery { grid-column: span 9 / span 9; grid-column-start: 1 } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery { -webkit-margin-start: -32px; margin-inline-start: -32px; margin-bottom: 32px; width: 100vw } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid * { outline: none; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid { --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); width: 100% } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list { margin-bottom: 24px; overflow: initial } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .slick-slide { padding-left: 16px; padding-right: 16px } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item { margin-top: 0; margin-bottom: 0 } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item::before { content: none !important; } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure { grid-template-columns: repeat(9, minmax(0, 1fr)); display: grid !important } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure img { width: 100%; grid-column: span 8 / span 8; grid-column-start: 2; grid-row-start: 1; border-radius: 4px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure img { grid-column: span 9 / span 9; grid-column-start: 1 } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure .ripped-texture-gallery { height: 100%; width: 100%; grid-column: span 8 / span 8; grid-column-start: 2; grid-row-start: 1; background: url('/wp-content/themes/regionals/assets/images/new/article/ripped-texture.png') no-repeat; background-position: bottom; background-size: contain } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure .ripped-texture-gallery { grid-column: span 9 / span 9; grid-column-start: 1 } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure figcaption { font-size: 14px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); grid-column: span 5 / span 5; grid-column-start: 3; margin-top: 36px; font-family: 'Roboto', sans-serif; min-height: 21px } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-list .blocks-gallery-item figure figcaption { margin-top: 16px; grid-column: span 8 / span 8; grid-column-start: 1; -webkit-margin-start: 16px; margin-inline-start: 16px } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-arrow { z-index: 1; width: 24px; height: 24px; position: absolute; bottom: 0 } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .slick-arrow { bottom: -30px } } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .prev { inset-inline-end: 56px; right: 56px } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .prev:hover { cursor: pointer; -webkit-filter: brightness(70%); } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .next { inset-inline-end: 24px; right: 24px } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .next:hover { cursor: pointer; -webkit-filter: brightness(70%); } #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .gallery-counter { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 16px; position: absolute; -webkit-margin-start: 16px; margin-inline-start: 16px; bottom: 0; font-weight: 600 } @media (max-width: 991.98px) { #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .gallery-counter { bottom: -30px; inset-inline-start: 0 !important; left: 0 !important; -webkit-margin-start: 32px; margin-inline-start: 32px } } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-table { margin-bottom: 48px } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-table table { width: 100%; border-collapse: collapse } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-table table tr { border-bottom: 2px solid #BFBFBF } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-table table tr td, #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-table table tr th { font-size: 16px; padding-top: 24px; padding-bottom: 24px; padding-right: 16px; --tw-text-opacity: 1; color: rgba(114, 116, 120, var(--tw-text-opacity)); font-family: 'Roboto', sans-serif; max-width: 188px; } #patch-notes-content .patch-notes-container .patch-notes-grid figure.wp-block-table table tr th { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); text-transform: uppercase; } #patch-notes-content .end-tags-container { padding-bottom: 96px; position: relative; width: 100%; background: url('/wp-content/themes/regionals/assets/images/new/article/middle-texture-tiny.png') repeat } #patch-notes-content .end-tags-container .tags-grid { display: grid; margin: auto; padding-left: 32px; padding-right: 32px; position: relative; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px } #patch-notes-content .end-tags-container .tags-grid .x-spray { display: flex; align-items: center; position: relative; grid-column: span 8 / span 8; grid-column-start: 2 } @media (max-width: 991.98px) { #patch-notes-content .end-tags-container .tags-grid .x-spray { grid-column: span 12 / span 12; -webkit-margin-end: -40px; margin-inline-end: -40px } } #patch-notes-content .end-tags-container .tags-grid .x-spray hr { margin: auto } @media (min-width: 992px) { #patch-notes-content .end-tags-container .tags-grid .x-spray hr { flex-grow: 1 } } @media (max-width: 991.98px) { #patch-notes-content .end-tags-container .tags-grid .x-spray hr { width: 90% } } #patch-notes-content .end-tags-container .tags-grid .x-spray .x-spray-img { width: 160px; height: 120px; background-color: #dc7138; -webkit-margin-start: -70px; margin-inline-start: -70px; -webkit-mask: url('/wp-content/themes/regionals/assets/images/new/article/x-spray.svg'); mask: url('/wp-content/themes/regionals/assets/images/new/article/x-spray.svg'); } #patch-notes-content .end-tags-container .tags-grid .x-spray img { max-width: 160px } @media (max-width: 991.98px) { #patch-notes-content .end-tags-container .tags-grid .x-spray img { inset-inline-end: 0; top: -48px; position: absolute } } #patch-notes-content .end-tags-container .tags-grid h2 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; font-size: 24px; margin-top: -10px; margin-bottom: 8px } @media (max-width: 991.98px) { #patch-notes-content .end-tags-container .tags-grid h2 { font-size: 18px } } #patch-notes-content .end-tags-container .tags-grid h2 { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 36px; position: relative; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 6 / span 6; grid-column-start: 3 } @media (max-width: 991.98px) { #patch-notes-content .end-tags-container .tags-grid h2 { grid-column: span 8 / span 8; grid-column-start: 2 } } @media (max-width: 767.98px) { #patch-notes-content .end-tags-container .tags-grid h2 { grid-column: span 10 / span 10; grid-column-start: 2 } } @media (max-width: 575.98px) { #patch-notes-content .end-tags-container .tags-grid h2 { grid-column: span 12 / span 12; grid-column-start: 1 } } #patch-notes-content .end-tags-container .tags-grid .tags { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 16px; --tw-text-opacity: 1; color: rgba(114, 114, 114, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 6 / span 6; grid-column-start: 3 } #patch-notes-content .end-tags-container .tags-grid .tags a, #patch-notes-content .end-tags-container .tags-grid .tags span { -webkit-margin-end: 16px; margin-inline-end: 16px; } #patch-notes-content .end-tags-container .tags-grid .tags a:hover { --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); } @media (max-width: 991.98px) { #patch-notes-content .end-tags-container .tags-grid .tags { grid-column: span 12 / span 12 } } #patch-notes-content .bottom-paper { width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/patch-notes/middle-texture-tiny.png') } #patch-notes-content .bottom-paper img { width: 100%; } #patch-notes-content .up-next-container { position: relative; width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/shared/body-bg-texture.png') } #patch-notes-content .up-next-container .up-next-grid { display: grid; margin: auto; padding-left: 32px; padding-right: 32px; padding-top: 96px; position: relative; -moz-column-gap: 48px; column-gap: 48px; row-gap: 16px; grid-template-columns: repeat(12, minmax(0, 1fr)); padding-bottom: 200px; max-width: 1296px } @media (max-width: 991.98px) { #patch-notes-content .up-next-container .up-next-grid { -moz-column-gap: 0; column-gap: 0 } } #patch-notes-content .up-next-container .up-next-grid .up-next-title, #patch-notes-content .up-next-container .up-next-grid .up-next-first, #patch-notes-content .up-next-container .up-next-grid .up-next-second { grid-column: span 5 / span 5; } @media (max-width: 991.98px) { #patch-notes-content .up-next-container .up-next-grid .up-next-title, #patch-notes-content .up-next-container .up-next-grid .up-next-first, #patch-notes-content .up-next-container .up-next-grid .up-next-second { grid-column: span 6 / span 6; } } @media (max-width: 767.98px) { #patch-notes-content .up-next-container .up-next-grid .up-next-title, #patch-notes-content .up-next-container .up-next-grid .up-next-first, #patch-notes-content .up-next-container .up-next-grid .up-next-second { grid-column: span 12 / span 12; } } #patch-notes-content .up-next-container .up-next-grid .up-next-title, #patch-notes-content .up-next-container .up-next-grid .up-next-first { grid-column-start: 2; } @media (max-width: 991.98px) { #patch-notes-content .up-next-container .up-next-grid .up-next-title, #patch-notes-content .up-next-container .up-next-grid .up-next-first { grid-column-start: 1; } } #patch-notes-content .up-next-container .up-next-grid .up-next-title { display: flex; font-family: Teko, Oswald; font-weight: 600; font-size: 56px; margin-bottom: 48px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; line-height: 56px } @media (min-width: 768px) { #patch-notes-content .up-next-container .up-next-grid .up-next-title { max-width: 400px } } #patch-notes-content .up-next-container .up-next-grid .up-next-title .filler { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); flex-grow: 1; -webkit-margin-start: 24px; margin-inline-start: 24px; margin-top: 78px; height: 2px; } #patch-notes-content .up-next-container .up-next-grid .card { max-width: unset; } @media (min-width: 768px) { #patch-notes-content .up-next-container .up-next-grid .up-next-second { margin-top: -48px } } #patch-notes-content .up-next-container .up-next-grid .up-next-second .keep-reading { display: flex; justify-content: flex-end; padding-top: 24px; position: relative } @media (min-width: 768px) { #patch-notes-content .up-next-container .up-next-grid .up-next-second .keep-reading { padding-top: 40px; -webkit-padding-end: 104px; padding-inline-end: 104px } } #patch-notes-content .up-next-container .up-next-grid .up-next-second .keep-reading .decoration { position: absolute; top: 0; grid-column: span 2 / span 2; grid-column-start: 9 } @media (min-width: 768px) { #patch-notes-content .up-next-container .up-next-grid .up-next-second .keep-reading .decoration { inset-inline-end: 0; right: 0 } } @media (max-width: 767.98px) { #patch-notes-content .up-next-container .up-next-grid .up-next-second .keep-reading .decoration { inset-inline-start: 88px; left: 88px; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-rotate: 90deg } } #patch-notes-content .up-next-container .up-next-grid .up-next-second .keep-reading .round-button { font-family: Teko, Oswald; font-weight: 600; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); letter-spacing: 0.05em; line-height: 120%; text-align: start } #patch-notes-content .up-next-container .up-next-grid .up-next-second .keep-reading .round-button .icon { height: 14px; width: 14px; } [lang="vi-VN"] #patch-notes-content .up-next-container .up-next-grid .up-next-title, [lang="vi-VN"] #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .table-of-contents-title, [lang="pl-PL"] #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .table-of-contents-title, [lang="tr-TR"] #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents .table-of-contents-title { font-family: Oswald; } html[dir="rtl"] #patch-notes-content .prev { /*inset-inline-end: 24px !important;*/ left: 56px; right: auto !important; transform: scaleX(-1); } html[dir="rtl"] #patch-notes-content .next { /*inset-inline-end: 56px !important;*/ left: 24px; right: auto !important; transform: scaleX(-1); } html[dir="rtl"] #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents { transform: translateX(-30px); } html[dir="rtl"] #patch-notes-content .share-button { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } html[dir="rtl"] #patch-notes-content .arrow-right-icon { transform: scaleX(1); } html[dir="rtl"] #patch-notes-content figure.wp-block-pullquote::after, html[dir="rtl"] #patch-notes-content figure.wp-block-pullquote::before { transform: scaleX(-1); } html[dir="rtl"] #patch-notes-content blockquote.wp-block-quote:before { right: 0; } @media (max-width: 767.98px) { html[dir="rtl"] #patch-notes-content .up-next-container .up-next-grid .decoration { right: 88px; } } @media (max-width: 991.98px) { html[dir="rtl"] #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-gallery .blocks-gallery-grid .gallery-counter { right: 0 !important; } html[dir="rtl"] #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed__wrapper .video-cover, html[dir="rtl"] #patch-notes-content .patch-notes-container .patch-notes-grid .wp-block-embed .wp-block-embed__wrapper iframe { right: -32px; } html[dir="rtl"] #patch-notes-content .patch-notes-container .patch-notes-grid p iframe { right: -32px; } html[dir="rtl"] #patch-notes-content .patch-notes-container .patch-notes-grid .table-of-contents { right: 0; } } .webp .play-now { background-image: url('/wp-content/themes/regionals/assets/images/play-now/bg.webp') } @media (max-width: 767.98px) { .webp .play-now { background-image: url('/wp-content/themes/regionals/assets/images/play-now/bg-mobile.webp') } } .no-webp .play-now { background-image: url('/wp-content/themes/regionals/assets/images/play-now/bg.png') } @media (max-width: 767.98px) { .no-webp .play-now { background-image: url('/wp-content/themes/regionals/assets/images/play-now/bg-mobile.png') } } .play-now { background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; position: relative; min-height: 678px; margin-top: -50px } @media (max-width: 767.98px) { .play-now { margin-top: -72px } } .play-now .composition { display: flex; align-items: center; justify-content: center; height: 100%; position: absolute; top: 0; width: 100%; inset-inline-start: 0; } @media (max-width: 991.98px) { .play-now .offset { display: none } } @media (max-width: 991.98px) { .play-now .close-button-wrapper { display: none } } .play-now .close-button-wrapper .close-button { position: absolute; top: 48px; inset-inline-end: 168px; } .play-now .main-content { display: flex; flex-direction: column; padding-top: 80px; grid-column: span 8 / span 8 } @media (min-width: 576px) { .play-now .main-content { min-height: 400px; justify-content: space-between } } @media (max-width: 991.98px) { .play-now .main-content { grid-column: span 11 / span 11 } } @media (max-width: 767.98px) { .play-now .main-content { padding-top: 136px; padding-bottom: 184px; grid-column: span 12 / span 12 } } .play-now .main-content .title-wrapper { display: flex; font-family: Teko, Oswald; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)) } .play-now .main-content .title-wrapper .text-wrapper { display: flex } @media (max-width: 575.98px) { .play-now .main-content .title-wrapper .text-wrapper { flex-direction: column } } .play-now .main-content .title-wrapper h3 { font-size: 96px; line-height: 100% } @media (max-width: 575.98px) { .play-now .main-content .title-wrapper h3 { font-size: 56px } } @media (min-width: 576px) { .play-now .main-content .title-wrapper h3 { -webkit-margin-end: 16px; margin-inline-end: 16px } } .play-now .main-content .title-wrapper h3 span { position: relative; top: -8px } @media (max-width: 575.98px) { .play-now .main-content .title-wrapper h3 span { top: -4px } } .play-now .main-content .title-wrapper h2 { font-size: 80px; line-height: 100% } @media (max-width: 575.98px) { .play-now .main-content .title-wrapper h2 { font-size: 42px } } .play-now .main-content .title-wrapper .horizontal-line { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); flex-grow: 1; margin-top: 40px; height: 2px } @media (max-width: 575.98px) { .play-now .main-content .title-wrapper .horizontal-line { display: none } } .play-now .main-content .consoles-wrapper { display: flex; flex-wrap: wrap; margin-top: 8px; margin-bottom: 56px; -webkit-margin-end: -12px; margin-inline-end: -12px; -webkit-margin-start: -12px; margin-inline-start: -12px; max-width: 848px } @media (max-width: 767.98px) { .play-now .main-content .consoles-wrapper { height: 288px; align-content: center; justify-content: center; margin-left: 0; margin-right: 0; margin-top: 32px; margin-bottom: 56px; flex-direction: column; flex-wrap: wrap-reverse } } .play-now .main-content .consoles-wrapper .console { display: flex; align-items: center; justify-content: center; height: 40px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 250ms; min-width: 152px; margin: 12px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/play-now/button-bg.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/play-now/button-bg.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center } @media (max-width: 590px) { .play-now .main-content .consoles-wrapper .console { margin-left: 8px; margin-right: 8px; margin-top: 16px; margin-bottom: 16px } } .play-now .main-content .consoles-wrapper .console.blue { background-color: #003489 } .play-now .main-content .consoles-wrapper .console.blue:hover, .play-now .main-content .consoles-wrapper .console.blue:focus { background-color: #002766; } .play-now .main-content .consoles-wrapper .console.blue:active { background-color: #00235c; } .play-now .main-content .consoles-wrapper .console.gray { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)) } .play-now .main-content .consoles-wrapper .console.gray:hover, .play-now .main-content .consoles-wrapper .console.gray:focus { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); } .play-now .main-content .consoles-wrapper .console.gray:active { --tw-bg-opacity: 1; background-color: rgba(14, 15, 17, var(--tw-bg-opacity)); } .play-now .main-content .consoles-wrapper .console.green { background-color: #016A00 } .play-now .main-content .consoles-wrapper .console.green:hover, .play-now .main-content .consoles-wrapper .console.green:focus { background-color: #014700; } .play-now .main-content .consoles-wrapper .console.green:active { background-color: #0b510a; } .play-now .main-content .consoles-wrapper .console.light-blue { background-color: #007DD7 } .play-now .main-content .consoles-wrapper .console.light-blue:hover, .play-now .main-content .consoles-wrapper .console.light-blue:focus { background-color: #0068B2; } .play-now .main-content .consoles-wrapper .console.light-blue:active { background-color: #1271b5; } .play-now .main-content .consoles-wrapper .console.light-gray { background-color: #DFDFDF } .play-now .main-content .consoles-wrapper .console.light-gray:hover, .play-now .main-content .consoles-wrapper .console.light-gray:focus { background-color: #CFCFCF; } .play-now .main-content .consoles-wrapper .console.light-gray:active { background-color: #cccccc; } .play-now .main-content .consoles-wrapper .console.black { background-color: #2F3237 } .play-now .main-content .consoles-wrapper .console.black:hover, .play-now .main-content .consoles-wrapper .console.black:focus { background-color: #0E0F11; } .play-now .main-content .consoles-wrapper .console.black:active { background-color: #0E0F11; } .play-now .main-content .consoles-wrapper .console.blue-whale { background-color: #063649 } .play-now .main-content .consoles-wrapper .console.blue-whale:hover, .play-now .main-content .consoles-wrapper .console.blue-whale:focus { background-color: #031C26; } .play-now .main-content .consoles-wrapper .console.blue-whale:active { background-color: #063649; } .play-now .main-content .consoles-wrapper .console.yellow { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)) } .play-now .main-content .consoles-wrapper .console.yellow:hover, .play-now .main-content .consoles-wrapper .console.yellow:focus { background-color: #E3860C; } .play-now .main-content .consoles-wrapper .console.yellow:active { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); } .play-now .main-content .dont-miss-button { display: flex; font-weight: 700; font-size: 14px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase } @media (max-width: 575.98px) { .play-now .main-content .dont-miss-button { flex-direction: column-reverse; max-width: 72px; text-align: left } } @media (min-width: 576px) { .play-now .main-content .dont-miss-button { align-items: center; margin-left: auto } } .play-now .main-content .dont-miss-button .icon { --tw-bg-opacity: 1; background-color: rgba(243, 151, 32, var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; -webkit-margin-end: 8px; margin-inline-end: 8px } @media (max-width: 575.98px) { .play-now .main-content .dont-miss-button .icon { margin-top: 8px; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-rotate: 180deg } } @media (min-width: 768px) { .play-now .main-content .dont-miss-button .icon { -webkit-margin-end: 8px; margin-inline-end: 8px } } [lang="vi-VN"] .play-now .main-content .title-wrapper h3 { font-family: 'Oswald'; } #playNowMenu { height: 100vh; position: fixed; top: 0; width: 100vw; z-index: 2; inset-inline-end: 0; transform: translateY(-100%); transition-delay: 0.7s } #playNowMenu .overlay { background-image: url('/wp-content/themes/regionals/assets/images/shared/noisy-overlay.png'); } #playNowMenu .menu-wrapper { background-image: url('/wp-content/themes/regionals/assets/images/play-now/menu-bg.png') } @media (max-width: 991.98px) { #playNowMenu .menu-wrapper { background-image: url('/wp-content/themes/regionals/assets/images/header/mobile-bg.png') } } #playNowMenu.open { transition-duration: 0s; transition-delay: 0s; transform: translateY(0%) } @media (min-width: 992px) { #playNowMenu.open { margin-top: 0 } } @media (max-width: 991.98px) { #playNowMenu.open { -webkit-margin-end: 0; margin-inline-end: 0 } } #playNowMenu.open .content-wrapper { height: 100% } #playNowMenu.open .content-wrapper .overlay { -webkit-animation: fade_in 0.7s; animation: fade_in 0.7s; } #playNowMenu.open .content-wrapper .menu-wrapper { margin: 0; } #playNowMenu .content-wrapper { overflow-y: auto; position: relative; height: 100% } #playNowMenu .content-wrapper .overlay { cursor: pointer; height: 100%; position: absolute; top: 0; width: 100%; z-index: 0; inset-inline-start: 0; -webkit-animation: fade_out 0.7s; animation: fade_out 0.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #playNowMenu .content-wrapper .close-mobile { cursor: pointer; position: absolute; top: 104px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); z-index: 20; inset-inline-end: 32px; right: 32px } @media (min-width: 992px) { #playNowMenu .content-wrapper .close-mobile { display: none } } #playNowMenu .content-wrapper .close-mobile .icon { --tw-bg-opacity: 1; background-color: rgba(191, 191, 191, var(--tw-bg-opacity)); } #playNowMenu .content-wrapper .menu-wrapper { background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; width: 100%; z-index: 10; transition: all 0.7s 0s ease-in-out; inset-inline-start: 0; min-height: 678px } @media (min-width: 992px) { #playNowMenu .content-wrapper .menu-wrapper { margin-top: -100% } } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper { -webkit-margin-end: -100%; margin-inline-end: -100% } } #playNowMenu .content-wrapper .menu-wrapper .play-now { background-image: none } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now { height: 100vh; margin-top: 0 } } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .composition { display: none } } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content { padding-bottom: 32px; padding-top: 104px } } #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .title-wrapper { position: relative } #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .title-wrapper .text-wrapper { font-weight: 600 } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .title-wrapper .text-wrapper { flex-direction: column; align-items: center } } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .title-wrapper h1 { font-size: 42px; -webkit-margin-end: 0; margin-inline-end: 0 } } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .title-wrapper h1 span { top: 0 } } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .title-wrapper h2 { font-size: 36px; white-space: nowrap } } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .title-wrapper .horizontal-line { display: block; margin-top: 56px; -webkit-margin-start: -24px; margin-inline-start: -24px } } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .consoles-wrapper { justify-content: center; margin-top: 120px } } @media (max-width: 767.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .consoles-wrapper { height: auto; flex-direction: row; flex-wrap: wrap; margin-top: 8px } } @media (max-width: 767.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .consoles-wrapper .console { width: 90%; margin: 12px 0; -webkit-mask-size: cover; mask-size: cover; height: 48px } } @media (max-width: 991.98px) { #playNowMenu .content-wrapper .menu-wrapper .play-now .main-content .dont-miss-button { display: none } } #playNowMenu .content-wrapper .menu-wrapper .play-now .arrow { display: none; } @-webkit-keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } html[dir="rtl"] #playNowMenu .close-mobile { left: 32px; }#results { font-weight: 400; font-size: 24px; position: relative; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); width: 100vw; background-image: url('/wp-content/themes/regionals/assets/images/new/results/bg-texture.png'); background-repeat: repeat; background-size: contain } #results .hero-bg { position: relative; z-index: 2; height: 100vh; background-image: url('/wp-content/themes/regionals/assets/images/new/results/hero-bg.png'); background-size: 100% 100%; background-repeat: no-repeat } #results .hero-bg .mask { position: absolute; width: 100%; height: 100%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/results/map-mask.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/results/map-mask.svg'); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media (max-width: 991.98px) { #results .hero-bg { background-size: cover; background-position: bottom; height: 110vh } } #results .hero { position: absolute; top: 0; z-index: 3; height: 100vh; width: 100% } #results .hero .hero-grid { display: grid; margin-left: auto; margin-right: auto; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); max-width: 1296px; top: 30% } #results .hero .hero-grid .results-counter { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 18px; padding: 8px; text-transform: uppercase; grid-column: span 4 / span 4; grid-column-start: 2 } @media (max-width: 991.98px) { #results .hero .hero-grid .results-counter { font-size: 16px; padding-top: 0; padding-bottom: 0; padding-left: 32px; padding-right: 32px; grid-column: span 12 / span 12 } } #results .hero .hero-grid .search-input { grid-column: span 10 / span 10; grid-column-start: 2; position: relative; display: inline-block } #results .hero .hero-grid .search-input button { display: block; position: absolute; top: 0; inset-inline-end: 0; right: 0 } #results .hero .hero-grid .search-input button i { margin: 54px 12px; width: 20px; height: 20px; } #results .hero .hero-grid .search-input input { background-color: transparent; font-family: Teko, Oswald; font-weight: 600; font-size: 72px; padding: 8px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); text-transform: uppercase; width: 100%; border-bottom: 2px solid gray } @media (max-width: 991.98px) { #results .hero .hero-grid .search-input input { font-size: 32px } } @media (max-width: 991.98px) { #results .hero .hero-grid .search-input { margin-left: 32px; margin-right: 32px; padding-top: 32px; padding-bottom: 32px; grid-column: span 12 / span 12 } } #results .hero .hero-grid .no-results { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; font-size: 16px; padding-top: 32px; --tw-text-opacity: 1; color: rgba(191, 191, 191, var(--tw-text-opacity)); text-transform: uppercase; grid-column: span 4 / span 4; grid-column-start: 2; -webkit-padding-start: 8px; padding-inline-start: 8px } @media (max-width: 991.98px) { #results .hero .hero-grid .no-results { font-size: 14px; margin-left: 32px; margin-right: 32px; padding-top: 32px; padding-bottom: 32px; grid-column: span 12 / span 12; grid-column-start: 1 } } #results .results-section { position: relative; width: 100%; background-image: url('/wp-content/themes/regionals/assets/images/new/article/middle-texture-tiny.png') } #results .results-section .results-grid { display: grid; margin-left: auto; margin-right: auto; position: relative; -moz-column-gap: 0; column-gap: 0; grid-template-columns: repeat(12, minmax(0, 1fr)); z-index: 2; margin-top: -300px; max-width: 1296px } @media (max-width: 991.98px) { #results .results-section .results-grid { padding-left: 32px; padding-right: 32px } } #results .results-section .results-grid .column { grid-column: span 4 / span 4 } #results .results-section .results-grid .column .card { margin-bottom: 36px; } #results .results-section .results-grid .first-column { grid-column-start: 1 } @media (max-width: 991.98px) { #results .results-section .results-grid .first-column { grid-row: auto; padding-top: 0; grid-column: span 12 / span 12; grid-column-start: 1 } } #results .results-section .results-grid .second-column { grid-column-start: 5; padding-top: 40px } #results .results-section .results-grid .second-column .card { margin-left: auto; margin-right: auto; } @media (max-width: 991.98px) { #results .results-section .results-grid .second-column { grid-row: auto; padding-top: 0; grid-column: span 12 / span 12; grid-column-start: 1 } } #results .results-section .results-grid .third-column { grid-column-start: 9 } #results .results-section .results-grid .third-column .card { -webkit-margin-start: auto; margin-inline-start: auto; } @media (max-width: 991.98px) { #results .results-section .results-grid .third-column { grid-row: auto; padding-top: 0; grid-column: span 12 / span 12; grid-column-start: 1 } } [lang="vi-VN"] #results .hero .hero-grid .search-input input, [lang="pl-PL"] #results .hero .hero-grid .search-input input, [lang="tr-TR"] #results .hero .hero-grid .search-input input { font-family: 'Oswald' } @media (min-width: 992px) { [lang="vi-VN"] #results .hero .hero-grid .search-input input, [lang="pl-PL"] #results .hero .hero-grid .search-input input, [lang="tr-TR"] #results .hero .hero-grid .search-input input { font-size: 56px } } html[dir="rtl"] #results .hero .hero-grid .search-input button { left: 0; right: auto !important; } .webp #signUpMenu .content-wrapper .overlay { background-image: url('/wp-content/themes/regionals/assets/images/shared/noisy-overlay.webp'); } .webp #signUpMenu .content-wrapper .menu-wrapper .bg-image { background-image: url('/wp-content/themes/regionals/assets/images/hero/sign-up-bg-mobile.webp') } @media (min-width: 768px) { .webp #signUpMenu .content-wrapper .menu-wrapper .bg-image { background-image: url('/wp-content/themes/regionals/assets/images/hero/sign-up-bg.svg') } } .no-webp #signUpMenu .content-wrapper .overlay { background-image: url('/wp-content/themes/regionals/assets/images/shared/noisy-overlay.png'); } .no-webp #signUpMenu .content-wrapper .menu-wrapper .bg-image { background-image: url('/wp-content/themes/regionals/assets/images/hero/sign-up-bg-mobile.png') } @media (min-width: 768px) { .no-webp #signUpMenu .content-wrapper .menu-wrapper .bg-image { background-image: url('/wp-content/themes/regionals/assets/images/hero/sign-up-bg.svg') } } #signUpMenu { height: 100vh; opacity: 0; position: fixed; bottom: 0; visibility: hidden; width: 100vw; z-index: 40; transition: all 1s 0s ease-in-out } @media (min-width: 768px) { #signUpMenu { margin-bottom: -100%; right: 0 } } @media (max-width: 991.98px) { #signUpMenu { margin-left: -100%; left: 0 } } #signUpMenu.open { opacity: 1; visibility: visible } @media (min-width: 768px) { #signUpMenu.open { margin-bottom: 0 } } @media (max-width: 991.98px) { #signUpMenu.open { margin-left: 0 } } #signUpMenu .content-wrapper { display: flex; align-items: flex-end; height: 100%; overflow-y: auto; position: relative } #signUpMenu .content-wrapper .overlay { cursor: pointer; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; transition-delay: 0ms } #signUpMenu .content-wrapper .overlay.show { opacity: 1; transition-delay: 1000ms; } #signUpMenu .content-wrapper .menu-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; min-height: 400px } @media (max-width: 991.98px) { #signUpMenu .content-wrapper .menu-wrapper { min-height: 680px } } @media (max-width: 767.98px) and (max-height: 680px) { #signUpMenu .content-wrapper .menu-wrapper { top: 0 } } @media (min-width: 768px) and (max-height: 400px) { #signUpMenu .content-wrapper .menu-wrapper { top: 0 } } #signUpMenu .content-wrapper .menu-wrapper .bg-image { background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; right: 0; bottom: 0; width: 100% } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .bg-image { background-position: right bottom } } @media (min-width: 768px) { #signUpMenu .content-wrapper .menu-wrapper .bg-image { background-size: cover } } @media (min-width: 1300px) { #signUpMenu .content-wrapper .menu-wrapper .bg-image { left: unset; width: 90%; background-position: right bottom; background-repeat: repeat-x; right: 0 } } @media (min-width: 1450px) { #signUpMenu .content-wrapper .menu-wrapper .bg-image { background-repeat: no-repeat; background-size: contain } } #signUpMenu .content-wrapper .menu-wrapper .main-content { height: 100%; position: absolute; top: 0; left: 0; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); width: 100%; z-index: 10 } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content { padding-top: 40px } } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .container-fluid { padding-left: 56px; padding-right: 56px } } #signUpMenu .content-wrapper .menu-wrapper .main-content .offset { grid-column: span 2 / span 2; } #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description { margin-top: 16px; grid-column: span 9 / span 9 } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description { grid-column: span 11 / span 11 } } #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title { display: flex; flex-wrap: wrap; font-family: Headliner, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; max-width: 528px } #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title h3, #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title h2 { line-height: 100%; } #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title h3 { font-size: 96px } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title h3 { font-size: 56px } } #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title h2 { font-size: 80px; margin-left: 12px } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title h2 { font-size: 42px; margin-left: 8px } } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title h2.full-h2 { display: flex; align-items: center; margin-left: 0; width: 100% } } #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title h2 span { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); flex-grow: 1; margin-bottom: 8px; height: 2px; margin: 0 12px } @media (min-width: 768px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .title h2 span { display: none } } #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .description { max-width: 528px; line-height: 200% } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .title-description .description { font-size: 14px; margin-top: 16px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: none } } #signUpMenu .content-wrapper .menu-wrapper .main-content .description, #signUpMenu .content-wrapper .menu-wrapper .main-content .hide-button, #signUpMenu .content-wrapper .menu-wrapper .main-content .label-input label, #signUpMenu .content-wrapper .menu-wrapper .main-content .submit-button { font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 14px; } #signUpMenu .content-wrapper .menu-wrapper .main-content .button-wrapper { display: flex; align-items: flex-start; margin-top: 16px; grid-column: span 1 / span 1 } @media (min-width: 768px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .button-wrapper { justify-content: flex-end; margin-top: 64px } } #signUpMenu .content-wrapper .menu-wrapper .main-content .button-wrapper .hide-button { display: flex; align-items: center; opacity: 0.5; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); text-transform: uppercase; transform: rotate(270deg) } #signUpMenu .content-wrapper .menu-wrapper .main-content .button-wrapper .hide-button:hover, #signUpMenu .content-wrapper .menu-wrapper .main-content .button-wrapper .hide-button:focus { opacity: 0.75; } #signUpMenu .content-wrapper .menu-wrapper .main-content .button-wrapper .hide-button:active { opacity: 1; } #signUpMenu .content-wrapper .menu-wrapper .main-content .button-wrapper .hide-button .icon { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); margin-right: 8px; } #signUpMenu .content-wrapper .menu-wrapper .main-content .button-wrapper .hide-button .secondary-icon { display: none; } #signUpMenu .content-wrapper .menu-wrapper .main-content .label-input { display: flex; flex-direction: column; padding-top: 16px; --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); grid-column: span 3 / span 3 } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .label-input { grid-column: span 11 / span 11 } } #signUpMenu .content-wrapper .menu-wrapper .main-content .label-input .input-wrapper { position: relative; max-width: 528px } #signUpMenu .content-wrapper .menu-wrapper .main-content .label-input .input-wrapper input { background-color: transparent; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 16px; padding-bottom: 8px; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); width: 100% } #signUpMenu .content-wrapper .menu-wrapper .main-content .label-input .input-wrapper input:hover ~ .input-border, #signUpMenu .content-wrapper .menu-wrapper .main-content .label-input .input-wrapper input:focus ~ .input-border, #signUpMenu .content-wrapper .menu-wrapper .main-content .label-input .input-wrapper input:active ~ .input-border { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } #signUpMenu .content-wrapper .menu-wrapper .main-content .label-input .input-wrapper .input-border { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); position: absolute; bottom: 0; left: 0; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; height: 4px; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/input-border.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/input-border.svg'); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; } #signUpMenu .content-wrapper .menu-wrapper .main-content .submit-wrapper { grid-column: span 4 / span 4 } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .submit-wrapper { max-width: 528px; display: flex; justify-content: flex-end; order: 1; grid-column: span 11 / span 11 } } #signUpMenu .content-wrapper .menu-wrapper .main-content .submit-wrapper .submit-button { height: 88px; font-size: 24px; position: relative; text-transform: uppercase; width: 168px } #signUpMenu .content-wrapper .menu-wrapper .main-content .submit-wrapper .submit-button .button-border { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); height: 100%; opacity: 0.25; position: absolute; top: 0; left: 0; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; content: ''; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/hero/contour.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/hero/contour.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #signUpMenu .content-wrapper .menu-wrapper .main-content .submit-wrapper .submit-button:hover .button-border, #signUpMenu .content-wrapper .menu-wrapper .main-content .submit-wrapper .submit-button:focus .button-border { opacity: 0.75; } #signUpMenu .content-wrapper .menu-wrapper .main-content .submit-wrapper .submit-button:active .button-border { opacity: 1; } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper { display: flex; align-items: center; font-family: Bender, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 700; font-size: 12px; margin-top: 24px; margin-bottom: 24px; --tw-text-opacity: 1; color: rgba(61, 63, 66, var(--tw-text-opacity)); text-transform: none; grid-column: span 10 / span 10 } @media (max-width: 767.98px) { #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper { max-width: 528px; grid-column: span 11 / span 11 } } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input { margin-right: 8px; position: relative; height: 12px; width: 12px; min-width: 12px } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input input { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: 2px solid transparent; outline-offset: 2px; z-index: 10 } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input input:after { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 250ms; content: ""; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/icons/check.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/icons/check.svg'); -webkit-mask-position: center; mask-position: center; } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input input:hover ~ .checkbox-bg, #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input input:hover:after { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input input:checked:after { opacity: 1; } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input .checkbox-bg, #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input input, #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input input:after { height: 100%; position: absolute; top: 0; left: 0; width: 100%; } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .checkbox-input .checkbox-bg { --tw-bg-opacity: 1; background-color: rgba(61, 63, 66, var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 250ms; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/shared/checkbox-bg.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/shared/checkbox-bg.svg'); -webkit-mask-size: cover; mask-size: cover; } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper p { line-height: 150%; } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .terms-link { text-decoration: underline } #signUpMenu .content-wrapper .menu-wrapper .main-content .terms-wrapper .terms-link:hover { --tw-text-opacity: 1; color: rgba(38, 41, 45, var(--tw-text-opacity)); } .social-media-wrapper { display: flex } @media (max-width: 991.98px) { .social-media-wrapper { justify-content: center } } .social-media-wrapper .social-media { display: flex; align-items: center; justify-content: center; min-height: 40px; min-width: 40px; position: relative } .social-media-wrapper .social-media:hover { -webkit-filter: brightness(70%); } .social-media-wrapper .social-media .button-bg { height: 100%; position: absolute; top: 0; left: 0; width: 100%; -webkit-mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/icon-circle-light.svg'); mask-image: url('/wp-content/themes/regionals/assets/images/new/shared/icon-circle-light.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center } .social-media-wrapper .social-media .button-bg .icon { height: 40%; width: 40%; margin: 30%; background-color: #727478; } .social-media-wrapper .social-media .default { background-color: #e3dfd9 } .social-media-wrapper .social-media .default .icon { background-color: #bfbfbf; } .social-media-wrapper .social-media .icon { height: 16px; width: 16px; background-color: #727478 } @media (max-width: 767.98px) { .social-media-wrapper .social-media .icon { height: 12px; width: 12px } } .social-media-wrapper .social-media .icon.dark { --tw-bg-opacity: 1; background-color: rgba(191, 191, 191, var(--tw-bg-opacity)); } .social-media-wrapper .social-media .icon.yellow { --tw-bg-opacity: 1; background-color: rgba(38, 41, 45, var(--tw-bg-opacity)); }