/* Variables for purple (GamingToday) version */ :root { /* Font-Family */ --cc-primary-font: "DM Sans", sans-serif; /* ===== Color tokens ===== */ /* Surfaces */ --surfaces-background: #FFFFFF; --surfaces-background-light: #FFFFFF; --surfaces-background-dark: #141210; --surfaces-navigation: #0C0B0A; --surfaces-primary: #F14902; --surfaces-secondary: #AB3401; --surfaces-tertiary: #651F01; --surfaces-footer: #0C0B0A; --surfaces-inactive: #E8E8E8; /* Border */ --border-stroke: #0C0B0A; --border-stroke-inverted: #E8E8E8; /* TEXT STYLES */ --text-primary: #0F0E0D; --text-secondary: #494745; --text-inactive: #979594; --text-inverted: #FFFFFF; --text-inverted-secondary: #FFFFFF; --text-link: #3568D4; --text-link-hover: #2A4EB8; --text-brand: #DB4202; --cta-text-dark: #000000; --cta-text-light: #FFFFFF; /* CTA */ --cta-primary: #1BB56E; --cta-primary-hover: #024126; --cta-secondary: #0C0B0A; --cta-secondary-hover: #1C1917; --cta-ghost: #ffffff; --cta-ghost-hover: #0C0B0A; --cta-navigation: #F14902; --cta-navigation-hover: #ab3401; --cta-navigation-ghost: #FFFFFF; --cta-navigation-ghost-hover: #F14902; --cta-navigation-text: var(--cta-text-dark); --cta-navigation-text-hover: var(--cta-text-dark); /* Category */ --surfaces-category: #3568D4; /*================== Block Component Vars ==================*/ /* Header v1 (white) color vars start */ --cc-header-bg-v1: #fff; --cc-logo-aside-color-v1: var(--cc-color-brand); --cc-header-toggle-color-v1: #000; --cc-header-main-links-color-v1: #000; /* Header v1 (white) color vars end */ /* Header v2 (black) color vars start */ --cc-header-bg-v2: #121212; --cc-logo-aside-color-v2: #fff; --cc-header-toggle-color-v2: #fff; --cc-header-main-links-color-v2: #fff; --cc-sign-up-button-hover-color: var(--white); /* Header v2 (black) color vars end */ /* Mega nav color vars start */ --cc-header-bg-mega: var(--surfaces-navigation); --cc-logo-aside-color-mega: var(--cc-color-brand); --cc-header-toggle-color-mega: #fff; --cc-header-main-links-color-mega: #000; --cc-header-top-links-desktop-color-mega: #fff; --cc-meganav-border: #d3d3e6; /* Mega nav color vars end */ /* CTA banner block color vars start */ --cc-cta-banner-bg: rgba(61, 60, 111, .88); /* CTA banner block color vars end */ /* Nexus popup color vars start */ --cta-accent--color: #F14902; /* Nexus popup color vars end */ --cc-color-text-footer: var(--white); --cc-homepage-banner-v2-arrow-icon-color: var(--cc-color-brand); /* Breacking news block color vars start */ --cc-breacking-news-bg: var(--white); --cc-breacking-news-link-arrow-color: var(--cc-color-brand); /* Breacking news block color vars end */ --cc-cs-popup-send-button-color: #fff; --cc-cs-popup-send-button-bg: var(--cc-color-brand); --cc-color-background-footer-bottom: var(--black); --cc-casino-review-btn-color: var(--white); --cc-casino-review-btn-bg: var(--cta-primary); --cc-casino-review-btn-hover-color: var(--cta-primary); /* Tips color vars start */ --tips-background-color: #FEEDE6; /* Tips color vars end */ /* Headings */ --cc-body-heading-color: var(--text-primary); } /** GamingToday Custom Skin overrides (instead of child theme) **/ .site-gamingtoday { /* --bonus-harvester-card-base also declared in unicorn-global.css :root, so this must stay body-scoped, not :root, to win regardless of load order. */ --bonus-harvester-card-base: #141210; h5, h6 { color: var(--text-primary); font-weight: var(--cc-font-weight-regular); } /* Links */ a { color: var(--text-link); font-weight: var(--cc-font-weight-bold); } .crt-hero--v4 .crt-hero-basic { --cc-casino-review-btn-bg: var(--white); --cc-casino-review-btn-color: var(--black); } .homepage-banner.is-design-4 .banner-block-right .banner-item { background-color: var(--white); } .homepage-banner.is-design-4 .banner-block-left p { color: var(--white); } /* MegaNav Desktop*/ .mega-nav .mega-nav__dropdown, &:has(.site-header--mega):has(#mobile-menu-toggle-checkbox[type=checkbox]:checked) .mega-nav { background-color: var(--border-stroke); } &:has(.site-header--mega) .site-header .mega-nav li:not(.first-level-item)>a, &:has(.site-header--mega) .site-header .mega-nav li:not(.first-level-item)>span, &:has(.site-header--mega) .site-header .mega-nav li>a, .mega-nav ul.third-level-list>.mega-nav__column>.third-level-item>a, .mega-nav li.third-level-item>a { color: var(--text-inverted) !important; } .mega-nav ul.third-level-list>.mega-nav__column>.third-level-item>a, .mega-nav li.third-level-item>a { font-weight: 500; } @media (max-width: 1199.98px) { .mega-nav ul.third-level-list>.mega-nav__column>.third-level-item { background: var(--surfaces-tertiary); } } .mega-nav .mega-nav__submenu-opener svg path { fill: var(--text-inverted); } @media (max-width: 1199.98px) { .mega-nav ul.third-level-list>.mega-nav__column>.third-level-item { padding-left: 24px; } } @media (max-width: 1199.98px) { .mega-nav ul.third-level-list { padding-left: 0px; padding-right: 0px; } } /* ACF Step Block */ .content-block.steps-section .steps_boxes .single_step_box .step_header .step_v1_index, .content-block.steps-section .steps_boxes .single_step_box .step_header .step_v2_index { border-radius: 100%; margin-left: 10px; background: var(--surfaces-primary); border: 1px solid var(--surfaces-primary); color: var(--white); } /* Steps block: override --cc-steps-background here (on .site-gamingtoday) not in :root, so it wins over the unicorn-global.css :root default via inheritance, not cascade order. */ --cc-steps-background: var(--surfaces-navigation); --cc-steps-background-base: var(--surfaces-navigation); .content-block.steps-section .steps_boxes .single_step_box .step_header { background: var(--surfaces-navigation); } .content-block.steps-section .step_header h1, .content-block.steps-section .step_header h2, .content-block.steps-section .step_header h3, .content-block.steps-section .step_header h4, .content-block.steps-section .step_header h5, .content-block.steps-section .step_header h6 { color: var(--text-inverted); } .content-block.steps-section .steps_boxes .single_step_box { border: 2px solid var(--border-stroke); border-radius: 16px; box-shadow: none; } .content-block.steps-section .steps_boxes .single_step_box .step_header svg { display: none; } /* SignUp Button CustomerIO */ .cc-signup-btn { color: var(--cta-text-light); } .cc-signup-btn:hover { color: var(--white); } .cc-signup-btn svg path { fill: var(--cta-text-light); } /*Customer.io Email Popup*/ .cs-wrapper .cs-btn { background-color: var(--surfaces-primary); color: var(--text-inverted); border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .cs-wrapper .cs-btn::before { content: ""; width: 18px; height: 18px; flex-shrink: 0; display: inline-block; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.71425 12.714C8.91265 12.5156 9.01185 12.2775 9.01185 11.9998C9.01185 11.722 8.91265 11.4839 8.71425 11.2855C8.51585 11.0871 8.27777 10.9879 8.00001 10.9879C7.72225 10.9879 7.48417 11.0871 7.28576 11.2855C7.08736 11.4839 6.98816 11.722 6.98816 11.9998C6.98816 12.2775 7.08736 12.5156 7.28576 12.714C7.48417 12.9124 7.72225 13.0116 8.00001 13.0116C8.27777 13.0116 8.51585 12.9124 8.71425 12.714ZM4.71449 8.71424C4.91289 8.51584 5.01209 8.27776 5.01209 8C5.01209 7.72224 4.91289 7.48416 4.71449 7.28576C4.51609 7.08736 4.27801 6.98816 4.00025 6.98816C3.72249 6.98816 3.48441 7.08736 3.28601 7.28576C3.0876 7.48416 2.9884 7.72224 2.9884 8C2.9884 8.27776 3.0876 8.51584 3.28601 8.71424C3.48441 8.91264 3.72249 9.01184 4.00025 9.01184C4.27801 9.01184 4.51609 8.91264 4.71449 8.71424ZM8.71425 8.71424C8.91265 8.51584 9.01185 8.27776 9.01185 8C9.01185 7.72224 8.91265 7.48416 8.71425 7.28576C8.51585 7.08736 8.27777 6.98816 8.00001 6.98816C7.72225 6.98816 7.48417 7.08736 7.28576 7.28576C7.08736 7.48416 6.98816 7.72224 6.98816 8C6.98816 8.27776 7.08736 8.51584 7.28576 8.71424C7.48417 8.91264 7.72225 9.01184 8.00001 9.01184C8.27777 9.01184 8.51585 8.91264 8.71425 8.71424ZM12.714 8.71424C12.9124 8.51584 13.0116 8.27776 13.0116 8C13.0116 7.72224 12.9124 7.48416 12.714 7.28576C12.5156 7.08736 12.2775 6.98816 11.9998 6.98816C11.722 6.98816 11.4839 7.08736 11.2855 7.28576C11.0871 7.48416 10.9879 7.72224 10.9879 8C10.9879 8.27776 11.0871 8.51584 11.2855 8.71424C11.4839 8.91264 11.722 9.01184 11.9998 9.01184C12.2775 9.01184 12.5156 8.91264 12.714 8.71424ZM8.71425 4.71448C8.91265 4.51608 9.01185 4.278 9.01185 4.00024C9.01185 3.72248 8.91265 3.4844 8.71425 3.286C8.51585 3.0876 8.27777 2.9884 8.00001 2.9884C7.72225 2.9884 7.48417 3.0876 7.28576 3.286C7.08736 3.4844 6.98816 3.72248 6.98816 4.00024C6.98816 4.278 7.08736 4.51608 7.28576 4.71448C7.48417 4.91288 7.72225 5.01208 8.00001 5.01208C8.27777 5.01208 8.51585 4.91288 8.71425 4.71448ZM8.8571 15.1424C8.6214 15.3781 8.3357 15.496 8.00001 15.496C7.66431 15.496 7.37862 15.3781 7.14292 15.1424L0.85758 8.85709C0.62188 8.62139 0.50403 8.33569 0.50403 8C0.50403 7.66431 0.62188 7.37861 0.85758 7.14291L7.14292 0.857572C7.37862 0.621872 7.66431 0.504022 8.00001 0.504022C8.3357 0.504022 8.6214 0.621872 8.8571 0.857572L15.1424 7.14291C15.3781 7.37861 15.496 7.66431 15.496 8C15.496 8.33569 15.3781 8.62139 15.1424 8.85709L8.8571 15.1424ZM8.00001 14.2853L14.2853 8L8.00001 1.71466L1.71467 8L8.00001 14.2853Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.71425 12.714C8.91265 12.5156 9.01185 12.2775 9.01185 11.9998C9.01185 11.722 8.91265 11.4839 8.71425 11.2855C8.51585 11.0871 8.27777 10.9879 8.00001 10.9879C7.72225 10.9879 7.48417 11.0871 7.28576 11.2855C7.08736 11.4839 6.98816 11.722 6.98816 11.9998C6.98816 12.2775 7.08736 12.5156 7.28576 12.714C7.48417 12.9124 7.72225 13.0116 8.00001 13.0116C8.27777 13.0116 8.51585 12.9124 8.71425 12.714ZM4.71449 8.71424C4.91289 8.51584 5.01209 8.27776 5.01209 8C5.01209 7.72224 4.91289 7.48416 4.71449 7.28576C4.51609 7.08736 4.27801 6.98816 4.00025 6.98816C3.72249 6.98816 3.48441 7.08736 3.28601 7.28576C3.0876 7.48416 2.9884 7.72224 2.9884 8C2.9884 8.27776 3.0876 8.51584 3.28601 8.71424C3.48441 8.91264 3.72249 9.01184 4.00025 9.01184C4.27801 9.01184 4.51609 8.91264 4.71449 8.71424ZM8.71425 8.71424C8.91265 8.51584 9.01185 8.27776 9.01185 8C9.01185 7.72224 8.91265 7.48416 8.71425 7.28576C8.51585 7.08736 8.27777 6.98816 8.00001 6.98816C7.72225 6.98816 7.48417 7.08736 7.28576 7.28576C7.08736 7.48416 6.98816 7.72224 6.98816 8C6.98816 8.27776 7.08736 8.51584 7.28576 8.71424C7.48417 8.91264 7.72225 9.01184 8.00001 9.01184C8.27777 9.01184 8.51585 8.91264 8.71425 8.71424ZM12.714 8.71424C12.9124 8.51584 13.0116 8.27776 13.0116 8C13.0116 7.72224 12.9124 7.48416 12.714 7.28576C12.5156 7.08736 12.2775 6.98816 11.9998 6.98816C11.722 6.98816 11.4839 7.08736 11.2855 7.28576C11.0871 7.48416 10.9879 7.72224 10.9879 8C10.9879 8.27776 11.0871 8.51584 11.2855 8.71424C11.4839 8.91264 11.722 9.01184 11.9998 9.01184C12.2775 9.01184 12.5156 8.91264 12.714 8.71424ZM8.71425 4.71448C8.91265 4.51608 9.01185 4.278 9.01185 4.00024C9.01185 3.72248 8.91265 3.4844 8.71425 3.286C8.51585 3.0876 8.27777 2.9884 8.00001 2.9884C7.72225 2.9884 7.48417 3.0876 7.28576 3.286C7.08736 3.4844 6.98816 3.72248 6.98816 4.00024C6.98816 4.278 7.08736 4.51608 7.28576 4.71448C7.48417 4.91288 7.72225 5.01208 8.00001 5.01208C8.27777 5.01208 8.51585 4.91288 8.71425 4.71448ZM8.8571 15.1424C8.6214 15.3781 8.3357 15.496 8.00001 15.496C7.66431 15.496 7.37862 15.3781 7.14292 15.1424L0.85758 8.85709C0.62188 8.62139 0.50403 8.33569 0.50403 8C0.50403 7.66431 0.62188 7.37861 0.85758 7.14291L7.14292 0.857572C7.37862 0.621872 7.66431 0.504022 8.00001 0.504022C8.3357 0.504022 8.6214 0.621872 8.8571 0.857572L15.1424 7.14291C15.3781 7.37861 15.496 7.66431 15.496 8C15.496 8.33569 15.3781 8.62139 15.1424 8.85709L8.8571 15.1424ZM8.00001 14.2853L14.2853 8L8.00001 1.71466L1.71467 8L8.00001 14.2853Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .cs-popup.is-active { border: 2px solid var(--border-stroke); border-radius: 16px; } .cs-popup.is-active:has(.cs-form.is-active) { padding-top: 24px !important; } .cs-popup .js-cs-popup .is-active { padding-top: 24px !important; } /*Email Field*/ .cs-wrapper .cs-form-input{ border: 2px solid var(--border-stroke); border-radius: 16px; font-size: var(--text-sm); } .dynamic-select .dynamic-select-options .dynamic-select-option.dynamic-select-selected { color: var(--surfaces-primary); } /*State Field*/ .cs-wrapper .dynamic-select-header { border: 2px solid var(--border-stroke); border-radius: 16px; } /* Customer.io state icon recolor */ .cs-wrapper .dynamic-select-option img, .cs-wrapper .dynamic-select-header img { filter: brightness(0) saturate(100%) invert(24%) sepia(100) saturate(3100%) hue-rotate(20deg) brightness(100%) contrast(120%); } .dynamic-select .dynamic-select-options { border: 2px solid var(--border-stroke); border-radius: 0px 0px 16px 16px; } .dynamic-select .dynamic-select-search { border: 2px solid var(--border-stroke); border-bottom: none; border-radius: 16px 16px 0px 0px; top: 110%; } .dynamic-select .dynamic-select-header .dynamic-select-option-text { color: var(--text-primary); font-size: var(--text-sm); } /* Customer.io logo img */ .cs-wrapper .cs-logo { margin-bottom: 16px; width: 200px; top: 0px; position: relative; z-index: -1; } .cs-wrapper:has(.cs-form.is-active) .cs-logo img { width: fit-content; height: fit-content; } /* Jump Link Hover */ .jump-nav-list .jump-nav-item:hover .jump-nav-item-link::after, .jump-nav-list .jump-nav-item .jump-nav-item-link::after { background-color: var(--surfaces-navigation); } .cs-popup .cs-popup__close { z-index: 999; } /* Grid Items */ .grid-items { padding: 16px 0; } .content-block.grid-items .grid .grid-item, .content-block.grid-items.grid-cards-image .grid .grid-item { border: 2px solid var(--border-stroke); border-radius: 16px; margin: 8px 0; } .grid-items.grid-simple .grid .grid-item { padding: 12px; } .content-block.grid-items.grid-cards .grid-item .btn { border-radius: 0px 0px 14px 14px; } .content-block.grid-items.grid-cards-image .grid .grid-item a.btn.has_icon{ border-radius: 16px; } .content-block.grid-items.grid-cards-image { /* COS-389: names the colour actually painted here — already light like T2's own default, but the invariant must hold explicitly, not by coincidence. */ --bgColor: var(--white); background-color: var(--bgColor); } /* Casino to Avoid */ .avoid-casino__quote svg path { fill: var(--alert-negative-dark); } .avoid-casino__quote { font-size: var(--text-xxs); padding: 0px 8px 0px 8px; } .avoid-casino__quote p { margin-bottom: 0px !important; } .avoid-casino { max-width: 338px; } /* Image Cards */ .image-text-cards .itc-carousel { border-radius: 24px; } @media (max-width: 1023.98px) { .image-text-cards .itc-carousel { border-radius: 0px !important; } } .image-text-cards .card__title { text-transform: none; color: var(--text-primary); } .image-text-cards .embla.is-description .card { min-height: 140px; } .image-text-cards .card { border: 2px solid var(--border-stroke); border-radius: 16px; box-shadow: 1px 3px var(--border-stroke); } .image-text-cards a.card .card__desk{ font-weight: var(--cc-font-weight-regular); color: var(--text-primary); } .grid-items .grid .grid-item a .title { color: var(--text-primary); font-weight: var(--cc-font-weight-bold); } .grid-items .grid .grid-item a .title:hover { color: var(--text-primary); } .grid-items .grid .grid-item a { color: var(--text-link); text-decoration: underline !important; } .grid-items .grid .grid-item a.grid-item-link-wrapper { text-decoration-color: var(--text-primary) !important; } /* Tips */ .content-block.tips-section .btn-read-more { text-transform: none; } .content-block.tips-section .btn-read-more::after { content: ""; display: inline-block; width: 14px; height: 12px; margin-left: 8px; border: none; transform: none; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M-5.13986e-05 8.07104C-5.13986e-05 7.52431 0.443164 7.0811 0.989898 7.0811L13.5764 7.0811L8.20239 1.70708C7.81186 1.31656 7.81186 0.683395 8.20239 0.29287C8.59291 -0.0976538 9.22608 -0.0976535 9.6166 0.29287L17.3948 8.07104L9.6166 15.8492C9.22608 16.2397 8.59291 16.2397 8.20239 15.8492C7.81186 15.4587 7.81186 14.8255 8.20239 14.435L13.5764 9.06099L0.989898 9.06099C0.443164 9.06099 -5.13986e-05 8.61778 -5.13986e-05 8.07104Z' fill='white'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M-5.13986e-05 8.07104C-5.13986e-05 7.52431 0.443164 7.0811 0.989898 7.0811L13.5764 7.0811L8.20239 1.70708C7.81186 1.31656 7.81186 0.683395 8.20239 0.29287C8.59291 -0.0976538 9.22608 -0.0976535 9.6166 0.29287L17.3948 8.07104L9.6166 15.8492C9.22608 16.2397 8.59291 16.2397 8.20239 15.8492C7.81186 15.4587 7.81186 14.8255 8.20239 14.435L13.5764 9.06099L0.989898 9.06099C0.443164 9.06099 -5.13986e-05 8.61778 -5.13986e-05 8.07104Z' fill='white'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; } .content-block.tips-section .tips-box { --bgColor: var(--tips-background-color); background-color: var(--bgColor); border: 2px dashed var(--border-stroke); border-radius: 16px; } .content-block.tips-section .tips-box .tips-icon{ background-color: var(--surfaces-primary); } /* Bonus Card Block*/ .bonus-card-block .bonus-card { border: 2px solid var(--border-stroke); border-radius: 16px; box-shadow: none; } .bonus-card-block .bonus-card__header { max-width: 150px; @media (max-width: 640px) { max-width: 50%; } } .bonus-card-block .bonus-card__header img, .bonus-card-block .bonus-card__header svg { padding: 16px; max-width: 150px; @media (max-width: 640px) { max-width: 50%; } } .bonus-card-block .bonus-card_promo-code { border-radius: 16px; border: 1px dashed var(--border-stroke); background-image: none; } .bonus-card-block .bonus-card__header { padding: 16px; } .bonus-card-block .bonus-card__header img { max-width: 50%; } @media (min-width: 768px) { .bonus-card-block .bonus-card__header img { max-width: 150px; } } .bonus-card-block .bonus-card__cta { border-radius: 16px; background-color: var(--cta-3d-primary-surface); color: var(--cta-text-light); box-shadow: 0.5px 3px 0px 0px var(--cta-3d-primary-border); border: 2px solid var(--cta-3d-primary-border); transform: translateY(-3px); transition: transform 160ms cubic-bezier(.25, .8, .25, 1), box-shadow 160ms cubic-bezier(.25, .8, .25, 1), background-color 160ms ease; will-change: transform, box-shadow; } .bonus-card-block .bonus-card__cta:hover { background-color: var(--cta-3d-primary-hover); transform: translateY(0px); box-shadow: 0px 0px 0px 0px var(--cta-3d-primary-border); } .bonus-card-block .bonus-card__cta:active { transform: translateY(0); box-shadow: none; } .btn.btn-primary { transform: translateY(-3px); transition: transform 160ms cubic-bezier(.25, .8, .25, 1); } .btn.btn-primary:hover { transform: translateY(-2px); } .btn.btn-primary:active { transform: translateY(0); } .bonus-card-block .bonus-card__cons { background: var(--alert-negative-light); } /* Footer*/ /* Max 4 columns per row */ .footer .footer-top .content-blocks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } /* Neutralize old column/floats so grid can work */ .footer .footer-top .content-blocks>* { width: auto !important; float: none !important; padding-right: 0 !important; margin-bottom: 0; } .footer .footer-top .content-blocks .footer-content-block.search-block { max-width: 100%; } /* Responsive */ @media (max-width: 1024px) { .footer .footer-top .content-blocks { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .footer .footer-top .content-blocks { grid-template-columns: 1fr; } } /* Tab Set */ .catena-tab-title-active { border-width: 1px solid var(--border-stroke); border-radius: 16px 16px 0 0; background-color: var(--surfaces-background-dark) !important; --bgColor: var(--surfaces-background-dark); } .catena-tab-title { border: 1px solid transparent; border-radius: 16px 16px 0 0; background-color: var(--surfaces-background); } .catena-tab-title:hover { background-color: var(--surfaces-background-dark); --bgColor: var(--surfaces-background-dark); color: var(--text-inverted); } .catena-tab-content { padding-top: 8px; } .catena-tab-container, .catena-tab-content-container { padding-left: 0px; } /* Tab Navigation Block */ .tab-navigation-carousel .content-tabs .content-card { border: 2px solid var(--border-stroke); border-radius: 16px; max-width: 270px; box-shadow: none; } .content-block.tab-navigation.full .tab-navigation-carousel { --tab-carousel-bleed: max(0px, 50vw - 50%); position: relative; overflow: visible; } .content-block.tab-navigation.full .tab-navigation-carousel .embla__viewport { width: calc(100% + (var(--tab-carousel-bleed) * 2)); margin-left: calc(-1 * var(--tab-carousel-bleed)); padding-left: var(--tab-carousel-bleed); padding-right: var(--tab-carousel-bleed); } @media (max-width: 1023.98px) { .content-block.tab-navigation.full { width: 100vw !important; /* override inline width:100% — block must span full viewport */ margin-left: calc(50% - 50vw); /* shift left to viewport edge; self-adjusts for any container padding */ overflow-x: clip; /* clip at viewport right edge */ } .content-block.tab-navigation.full .tab-navigation-carousel .embla__viewport { padding-right: 0; /* cards bleed to viewport right edge */ } } /* Tab navigation CTA Style*/ .tabs-navigation { border: 0px; } .tabs-navigation .tabs-navigation__buttons .btn { border-radius: 16px; } .tabs-navigation .tabs-navigation__buttons .btn:hover { background-color: var(--surfaces-background-dark) !important; color: var(--white) !important; border: 0px !important; box-shadow: none !important; } .tabs-navigation .tabs-buttons .tab-item { border-radius: 16px 16px 0px 0px; margin-left: 4px; color: var(--text-primary); &:active{ background: var(--surfaces-background-dark); color: white; } &:hover{ background: var(--surfaces-background-dark); color: white; } } /* Selected tab gets hover styling (JS-owned via aria-selected; radios removed for ARIA) */ .tabs-navigation .tabs-buttons .tab-item[aria-selected="true"] { background: var(--surfaces-background-dark); color: white; } .tabs-navigation .tabs-buttons { border-bottom: 2px solid var(--border-stroke); } /* Tab navigation Internal Style*/ .content-tabs .tabs-buttons .tab-item { background-color: var(--surfaces-background-dark) !important; color: var(--white) !important; border-radius: 16px; } .content-tabs .tabs-buttons .tab-item:active, .content-tabs .tabs-buttons .tab-item:hover { background-color: var(--surfaces-background-dark) !important; color: var(--white) !important; border: 0px !important; box-shadow: none !important; } .tab-navigation .btn.btn-read-more:hover { color: var(--text-primary) !important; } .tab-navigation .btn.btn-read-more::after { border-color: var(--text-primary) !important; } /* Carousel */ .catena-carousel .catena-carousel-list .catena-carousel-item { border-radius: 16px; box-sizing: border-box; margin: 0 8px; padding-top: 8px; max-width: 406px; } .catena-carousel .catena-carousel-list .catena-carousel-item .info-carousel__card { border-radius: 16px; margin: 0 8px; overflow: hidden; } .catena-carousel .catena-carousel-list .catena-carousel-item p img { border: 2px solid var(--border-stroke); border-radius: 16px; margin-top: 8px; box-sizing: border-box; } .catena-carousel .catena-carousel-list .catena-carousel-item .info-carousel__card h1, .catena-carousel .catena-carousel-list .catena-carousel-item .info-carousel__card h2, .catena-carousel .catena-carousel-list .catena-carousel-item .info-carousel__card h3, .catena-carousel .catena-carousel-list .catena-carousel-item .info-carousel__card h4, .catena-carousel .catena-carousel-list .catena-carousel-item .info-carousel__card h5, .catena-carousel .catena-carousel-list .catena-carousel-item .info-carousel__card h6 { margin-top: 8px; } .catena-carousel .catena-carousel-nav-prev, .catena-carousel .catena-carousel-nav-next, .content-block.carousel.info-carousel .catena-carousel-nav-prev, .content-block.carousel.info-carousel .catena-carousel-nav-next { right: auto; position: absolute; top: calc(100% + 25px); border: 1px solid white; border-radius: 100%; background-color: black; height: 34px; width: 34px; opacity: 1 !important; } .catena-carousel-top { overflow: visible; } .catena-carousel .catena-carousel-nav-prev::before, .catena-carousel .catena-carousel-nav-next::before, .content-block.carousel.info-carousel .catena-carousel-nav-prev::before, .content-block.carousel.info-carousel .catena-carousel-nav-next::before { content: ""; width: 19.5px; height: 6px; display: block; margin: 0; background-color: var(--white); background-image: none; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M6.64204 5.71588L10.7147 1.64326C10.8047 1.55396 10.8761 1.44773 10.9249 1.33068C10.9737 1.21363 10.9988 1.08809 10.9988 0.961285C10.9988 0.834485 10.9737 0.708939 10.9249 0.59189C10.8761 0.474841 10.8047 0.368606 10.7147 0.279313C10.5347 0.100415 10.2912 0 10.0375 0C9.78373 0 9.54029 0.100415 9.36032 0.279313L5.96006 3.67957L2.55981 0.279313C2.37984 0.100414 2.1364 0 1.88264 0C1.62888 0 1.38544 0.100414 1.20547 0.279313C1.11645 0.369064 1.04602 0.475506 0.998218 0.592534C0.950417 0.709561 0.926188 0.834873 0.926919 0.961285C0.926188 1.0877 0.950417 1.21301 0.998218 1.33004C1.04602 1.44706 1.11645 1.55351 1.20547 1.64326L5.27809 5.71588C5.36739 5.80591 5.47362 5.87736 5.59067 5.92613C5.70772 5.97489 5.83326 6 5.96006 6C6.08686 6 6.21241 5.97489 6.32946 5.92613C6.44651 5.87736 6.55274 5.80591 6.64204 5.71588Z' fill='black'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M6.64204 5.71588L10.7147 1.64326C10.8047 1.55396 10.8761 1.44773 10.9249 1.33068C10.9737 1.21363 10.9988 1.08809 10.9988 0.961285C10.9988 0.834485 10.9737 0.708939 10.9249 0.59189C10.8761 0.474841 10.8047 0.368606 10.7147 0.279313C10.5347 0.100415 10.2912 0 10.0375 0C9.78373 0 9.54029 0.100415 9.36032 0.279313L5.96006 3.67957L2.55981 0.279313C2.37984 0.100414 2.1364 0 1.88264 0C1.62888 0 1.38544 0.100414 1.20547 0.279313C1.11645 0.369064 1.04602 0.475506 0.998218 0.592534C0.950417 0.709561 0.926188 0.834873 0.926919 0.961285C0.926188 1.0877 0.950417 1.21301 0.998218 1.33004C1.04602 1.44706 1.11645 1.55351 1.20547 1.64326L5.27809 5.71588C5.36739 5.80591 5.47362 5.87736 5.59067 5.92613C5.70772 5.97489 5.83326 6 5.96006 6C6.08686 6 6.21241 5.97489 6.32946 5.92613C6.44651 5.87736 6.55274 5.80591 6.64204 5.71588Z' fill='black'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; transform: rotate(-90deg); } .catena-carousel .catena-carousel-nav-prev::before, .content-block.carousel.info-carousel .catena-carousel-nav-prev::before { transform: rotate(90deg); } /* Re-enable shared carousel dots for v-black without changing block markup. */ .content-block.carousel.info-carousel .carousel-indicator, .content-block.carousel.info-carousel.avoid-casinos-wrapper .carousel-indicator { display: inline-block; } .content-block.carousel.info-carousel .catena-carousel-nav-container { display: flex; justify-content: center; } .content-block.carousel.info-carousel .carousel-indicator-container { display: flex; align-items: center; gap: 10px; } /* Unified indicator styles (was duplicated for .info-carousel / :not(.info-carousel) / desktop MQ) */ .content-block.carousel .carousel-indicator { width: 6px; height: 6px; margin-right: 0; display: inline-block; background: var(--surfaces-inactive); border: 0; border-radius: 50%; color: transparent; font-size: 0; cursor: pointer; transition: width 0.2s, height 0.2s, background 0.2s; } .content-block.carousel .carousel-indicator::before { content: none; } .content-block.carousel .carousel-indicator.is-active { width: 10px; height: 10px; background: #676564; } /* Non-info-carousel grid layout (merged from 3 separate rules) */ .content-block.carousel:not(.info-carousel) .catena-carousel { /*display: grid; grid-template-columns: auto auto auto;*/ grid-template-areas: "list list list" "prev dots next"; justify-content: center; align-items: center; justify-items: center; column-gap: 4px; row-gap: 12px; } .content-block.carousel:not(.info-carousel) .catena-carousel-nav-prev { justify-self: end; } .content-block.carousel:not(.info-carousel) .catena-carousel-nav-next { justify-self: start; } .content-block.carousel:not(.info-carousel) .catena-carousel-list { grid-area: list; width: 100%; } /* Shared nav reset for non-info-carousel (was 2 near-identical rules) */ .content-block.carousel:not(.info-carousel) .catena-carousel-nav-prev, .content-block.carousel:not(.info-carousel) .catena-carousel-nav-next { display: flex; align-items: center; justify-content: center; position: static; top: auto; bottom: auto; left: auto; right: auto; margin: 0; transform: none; } .content-block.carousel:not(.info-carousel) .catena-carousel-nav-prev { grid-area: prev; } .content-block.carousel:not(.info-carousel) .catena-carousel-nav-next { grid-area: next; } .content-block.carousel:not(.info-carousel) .catena-carousel-nav-container { grid-area: dots; display: flex; position: static; top: auto; bottom: auto; left: auto; right: auto; align-items: center; justify-content: center; margin-top: 0; } /* Merged from 2 rules (gap: 8px was overridden to 6px) */ .content-block.carousel:not(.info-carousel) .carousel-indicator-container { position: static; top: auto; display: flex; align-items: center; gap: 6px; } .content-block.carousel.info-carousel .catena-carousel .catena-carousel-list .catena-carousel-item { border: none; padding: 0; } .content-block.carousel.info-carousel .info-carousel__content-container { padding: 0; } .content-block.carousel.info-carousel .info-carousel__button .btn-content{ font-size: 16px; text-transform: uppercase; font-weight: var(--cc-font-weight-bold); } .content-block.carousel.info-carousel .info-carousel__icon-container { background: transparent; height: auto; } .content-block.carousel.info-carousel .info-carousel__icon-container img { border: 2px solid var(--border-stroke); border-radius: 16px; max-width: 362px; } .content-block.carousel.info-carousel .info-carousel__icon-container img[src$=".svg"]{ width: 100%; } .content-block.carousel.info-carousel .js-carousel-card-title-wrapper{ display: flex; justify-content: space-between; align-items: center; } .content-block.carousel.info-carousel .info-carousel__counter{ font-weight: var(--cc-font-weight-bold); font-size: 10px; line-height: 130%; border: 1px solid var(--text-link); border-radius: 16px; color: var(--text-link); padding: 0 4px; } .content-block.carousel.info-carousel .info-carousel__card { box-shadow: none !important; padding: 16px; } .content-block.carousel.info-carousel { padding-top: 16px !important; } .content-block.carousel.info-carousel .catena-carousel-item { padding-bottom: 0 !important; margin: 0 0 16px; } .content-block.carousel.info-carousel .btn { border-radius: 16px; } .content-block.carousel.info-carousel .catena-carousel-nav-prev, .content-block.carousel.info-carousel .catena-carousel-nav-next { position: absolute; display: block; padding: 0; } .content-block.carousel.info-carousel .catena-carousel-nav-prev::before, .content-block.carousel.info-carousel .catena-carousel-nav-next::before { position: absolute; top: 55%; left: 50%; display: block; margin: 0; line-height: 1; } .content-block.carousel.info-carousel .catena-carousel-nav-next::before { transform: translate(-50%, -50%) rotate(-90deg); } .content-block.carousel.info-carousel .catena-carousel-nav-prev::before { transform: translate(-50%, -50%) rotate(90deg); } .content-block.carousel.info-carousel .catena-carousel-nav-prev .screen-reader-text, .content-block.carousel.info-carousel .catena-carousel-nav-next .screen-reader-text { display: none; } .content-block.carousel.info-carousel .btn.has_icon .btn-icon::after { transform: translateY(-50%)rotate(0deg); } @media (max-width: 1023.98px) { .catena-carousel .catena-carousel-nav-prev, .catena-carousel .catena-carousel-nav-next { border-color: #000; } .catena-carousel .catena-carousel-nav-prev { left: 0; } .catena-carousel .catena-carousel-nav-next { left: 40px; } .content-block.carousel.info-carousel .catena-carousel .catena-carousel-nav-prev { left: 85%; right: auto; top: auto; } .content-block.carousel.info-carousel .catena-carousel .catena-carousel-nav-next { left: 0; right: auto; top: auto; } .content-block.carousel.info-carousel .catena-carousel-nav-prev, .content-block.carousel.info-carousel .catena-carousel-nav-next { top: calc(100% + 25px); } .content-block.carousel.info-carousel .catena-carousel-nav-prev::before { transform: translate(-50%, -50%) rotate(90deg); } .content-block.carousel.info-carousel.avoid-casinos-wrapper .catena-carousel-nav-next::before { background: var(--white); } } /* Single merged desktop MQ (was 2 separate @media blocks) */ @media (min-width: 1024px) { .content-block.carousel.info-carousel .catena-carousel { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 4px; row-gap: 12px; width: 100%; margin: 0; } .content-block.carousel.info-carousel .catena-carousel-list { width: 100%; order: 1; grid-area: auto; } .content-block.carousel.info-carousel .catena-carousel-list-wrapper { width: 100%; min-width: 100%; } .content-block.carousel.info-carousel .catena-carousel-nav-prev, .content-block.carousel.info-carousel .catena-carousel-nav-next { position: static; top: auto; bottom: auto; left: auto; right: auto; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; transform: none; } .content-block.carousel.info-carousel .catena-carousel-nav-prev { order: 2; } .content-block.carousel.info-carousel .catena-carousel-nav-container { order: 3; position: static; top: auto; bottom: auto; left: auto; right: auto; display: flex; align-items: center; justify-content: center; margin-top: 0; } .content-block.carousel.info-carousel .catena-carousel-nav-next { order: 4; } .content-block.carousel.info-carousel .carousel-indicator-container { position: static; top: auto; display: flex; align-items: center; gap: 8px; } .content-block.carousel.info-carousel.avoid-casinos-wrapper .catena-carousel { width: 100%; margin: 0; } .content-block.carousel.info-carousel.avoid-casinos-wrapper .catena-carousel-list, .content-block.carousel.info-carousel.avoid-casinos-wrapper .catena-carousel-list-wrapper { width: 100%; min-width: 100%; } .content-block.carousel.info-carousel.avoid-casinos-wrapper .catena-carousel-list-wrapper { justify-content: flex-start; } .content-block.carousel.info-carousel.avoid-casinos-wrapper .catena-carousel-item { margin: 0; } .content-block.carousel:not(.info-carousel) .catena-carousel { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 4px; row-gap: 12px; } .content-block.carousel:not(.info-carousel) .catena-carousel-list { width: 100%; order: 1; } .content-block.carousel:not(.info-carousel) .catena-carousel-nav-prev { order: 2; } .content-block.carousel:not(.info-carousel) .catena-carousel-nav-container { order: 3; } .content-block.carousel:not(.info-carousel) .catena-carousel-nav-next { order: 4; } } @media (max-width: 1023.98px) { .content-block.carousel.info-carousel .catena-carousel { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 4px; row-gap: 12px; width: 100%; margin: 0; } .content-block.carousel.info-carousel .catena-carousel-list { width: 100%; order: 1; } .content-block.carousel.info-carousel .info-carousel__content.content-accordion, .content-block.carousel.info-carousel .info-carousel__featured-list li{ color: var(--text-secondary); } .content-block.carousel.info-carousel .catena-carousel-nav-prev, .content-block.carousel.info-carousel .catena-carousel-nav-next { position: static; top: auto; bottom: auto; left: auto; right: auto; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; transform: none; } .content-block.carousel.info-carousel .catena-carousel-nav-prev { order: 2; } .content-block.carousel.info-carousel .catena-carousel-nav-container { order: 3; position: static; top: auto; bottom: auto; left: auto; right: auto; display: flex; align-items: center; justify-content: center; margin-top: 0; } .content-block.carousel.info-carousel .catena-carousel-nav-next { order: 4; } /* Non-info-carousel mobile: replace item margins with wrapper padding + gap so the first item isn't clipped on the left, the last item is reachable, and scroll-snap keeps alignment. */ .content-block.carousel:not(.info-carousel) .catena-carousel .catena-carousel-list .catena-carousel-item { margin-left: 0; margin-right: 0; } .content-block.carousel:not(.info-carousel) .catena-carousel-list-wrapper { gap: 16px; padding: 0 8px; } } .content-block.carousel.info-carousel .catena-carousel-nav-prev, .content-block.carousel.info-carousel .catena-carousel-nav-next { position: relative; } .content-block.carousel.info-carousel .catena-carousel-nav-prev::before, .content-block.carousel.info-carousel .catena-carousel-nav-next::before { content: ""; display: block; width: 19.5px; height: 6px; top: 50%; left: 50%; margin: 0; background-color: var(--white); background-image: none; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M6.64204 5.71588L10.7147 1.64326C10.8047 1.55396 10.8761 1.44773 10.9249 1.33068C10.9737 1.21363 10.9988 1.08809 10.9988 0.961285C10.9988 0.834485 10.9737 0.708939 10.9249 0.59189C10.8761 0.474841 10.8047 0.368606 10.7147 0.279313C10.5347 0.100415 10.2912 0 10.0375 0C9.78373 0 9.54029 0.100415 9.36032 0.279313L5.96006 3.67957L2.55981 0.279313C2.37984 0.100414 2.1364 0 1.88264 0C1.62888 0 1.38544 0.100414 1.20547 0.279313C1.11645 0.369064 1.04602 0.475506 0.998218 0.592534C0.950417 0.709561 0.926188 0.834873 0.926919 0.961285C0.926188 1.0877 0.950417 1.21301 0.998218 1.33004C1.04602 1.44706 1.11645 1.55351 1.20547 1.64326L5.27809 5.71588C5.36739 5.80591 5.47362 5.87736 5.59067 5.92613C5.70772 5.97489 5.83326 6 5.96006 6C6.08686 6 6.21241 5.97489 6.32946 5.92613C6.44651 5.87736 6.55274 5.80591 6.64204 5.71588Z' fill='black'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M6.64204 5.71588L10.7147 1.64326C10.8047 1.55396 10.8761 1.44773 10.9249 1.33068C10.9737 1.21363 10.9988 1.08809 10.9988 0.961285C10.9988 0.834485 10.9737 0.708939 10.9249 0.59189C10.8761 0.474841 10.8047 0.368606 10.7147 0.279313C10.5347 0.100415 10.2912 0 10.0375 0C9.78373 0 9.54029 0.100415 9.36032 0.279313L5.96006 3.67957L2.55981 0.279313C2.37984 0.100414 2.1364 0 1.88264 0C1.62888 0 1.38544 0.100414 1.20547 0.279313C1.11645 0.369064 1.04602 0.475506 0.998218 0.592534C0.950417 0.709561 0.926188 0.834873 0.926919 0.961285C0.926188 1.0877 0.950417 1.21301 0.998218 1.33004C1.04602 1.44706 1.11645 1.55351 1.20547 1.64326L5.27809 5.71588C5.36739 5.80591 5.47362 5.87736 5.59067 5.92613C5.70772 5.97489 5.83326 6 5.96006 6C6.08686 6 6.21241 5.97489 6.32946 5.92613C6.44651 5.87736 6.55274 5.80591 6.64204 5.71588Z' fill='black'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; } .content-block.carousel.info-carousel .catena-carousel-nav-next::before { transform: translate(-50%, -50%) rotate(-90deg); } .content-block.carousel.info-carousel .catena-carousel-nav-prev::before { transform: translate(-50%, -50%) rotate(90deg); } @media (max-width: 1023.98px) { .content-block.carousel.info-carousel .catena-carousel .catena-carousel-nav-prev, .content-block.carousel.info-carousel .catena-carousel .catena-carousel-nav-next { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; transform: none; } .content-block.carousel.info-carousel .catena-carousel-nav-prev::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); } .content-block.carousel.info-carousel .catena-carousel-nav-next::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); } } /* Fix: reset the negative first-item margin so the first card isn't clipped and the last card is reachable on mobile */ .content-block.carousel.info-carousel .catena-carousel-item:first-of-type { margin-left: 0; } /* Fix: override the transparent background from avoid-casinos so the mask-image SVG prev arrow stays visible on small screens */ .content-block.carousel.info-carousel.avoid-casinos-wrapper .catena-carousel-nav-prev::before, .content-block.carousel.info-carousel.avoid-casinos-wrapper .catena-carousel-nav-next::before { background: none; background-color: var(--white); background-image: none; } /* News Filtered Block */ .filtered-news.filtered-news-big .featured img, .latest-news.featured .post img { border-radius: 16px; } .site-content .featured-heading a { color: var(--text-primary) !important; } .filtered-news.filtered-news-big .date .author-img img { border-radius: 100%; border: 2px solid var(--border-stroke); } .filtered-news.filtered-news-big a.unicorn-button.unicorn-button--ghost { width: fit-content; padding: 8px 16px; min-width: 25%; border-radius: 16px; background: var(--white) !important; color: var(--text-primary) !important; border: 2px solid var(--border-stroke) !important; } .filtered-news.filtered-news-big a.unicorn-button.unicorn-button--ghost:hover { width: fit-content; padding: 8px 16px; min-width: 25%; border-radius: 16px; background: var(--white) !important; color: var(--text-primary) !important; border: 2px solid var(--border-stroke) !important; } @media (max-width: 950px) { .filtered-news.filtered-news-big a.unicorn-button.unicorn-button--ghost { border-radius: 16px; width: 100%; } .filtered-news.filtered-news-big .date .author-img img { border-radius: 100%; border: 2px solid var(--border-stroke); } .filtered-news.filtered-news-big .featured img, .latest-news.featured .post img { border-radius: 16px; } .site-content .featured-heading a { color: var(--text-primary) !important; } } /* Related Articles Carousel */ section.content-block.related-articles-carousel .related-articles-carousel .related-article__image img { border-radius: 16px; border: 2px solid var(--border-stroke); display: block; } section.content-block.related-articles-carousel .related-articles__title { text-transform: none; } @media screen and (min-width: 768px) { .catena-carousel,.catena-carousel-list-wrapper{ padding: 0; } section.content-block.related-articles-carousel .related-articles-carousel .related-article__image img { border-radius: 16px; } section.content-block.related-articles-carousel .related-articles__title { text-transform: none; } } section.content-block.related-articles-carousel .related-articles__title-wrapper button.catena-carousel-nav-prev svg, section.content-block.related-articles-carousel .related-articles__title-wrapper button.catena-carousel-nav-next svg { display: none; } section.content-block.related-articles-carousel .related-articles__title-wrapper button.catena-carousel-nav-prev::before, section.content-block.related-articles-carousel .related-articles__title-wrapper button.catena-carousel-nav-next::before { content: ""; display: block; width: 19.5px; height: 6px; margin: 0; background-color: var(--white); background-image: none; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M6.64204 5.71588L10.7147 1.64326C10.8047 1.55396 10.8761 1.44773 10.9249 1.33068C10.9737 1.21363 10.9988 1.08809 10.9988 0.961285C10.9988 0.834485 10.9737 0.708939 10.9249 0.59189C10.8761 0.474841 10.8047 0.368606 10.7147 0.279313C10.5347 0.100415 10.2912 0 10.0375 0C9.78373 0 9.54029 0.100415 9.36032 0.279313L5.96006 3.67957L2.55981 0.279313C2.37984 0.100414 2.1364 0 1.88264 0C1.62888 0 1.38544 0.100414 1.20547 0.279313C1.11645 0.369064 1.04602 0.475506 0.998218 0.592534C0.950417 0.709561 0.926188 0.834873 0.926919 0.961285C0.926188 1.0877 0.950417 1.21301 0.998218 1.33004C1.04602 1.44706 1.11645 1.55351 1.20547 1.64326L5.27809 5.71588C5.36739 5.80591 5.47362 5.87736 5.59067 5.92613C5.70772 5.97489 5.83326 6 5.96006 6C6.08686 6 6.21241 5.97489 6.32946 5.92613C6.44651 5.87736 6.55274 5.80591 6.64204 5.71588Z' fill='black'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M6.64204 5.71588L10.7147 1.64326C10.8047 1.55396 10.8761 1.44773 10.9249 1.33068C10.9737 1.21363 10.9988 1.08809 10.9988 0.961285C10.9988 0.834485 10.9737 0.708939 10.9249 0.59189C10.8761 0.474841 10.8047 0.368606 10.7147 0.279313C10.5347 0.100415 10.2912 0 10.0375 0C9.78373 0 9.54029 0.100415 9.36032 0.279313L5.96006 3.67957L2.55981 0.279313C2.37984 0.100414 2.1364 0 1.88264 0C1.62888 0 1.38544 0.100414 1.20547 0.279313C1.11645 0.369064 1.04602 0.475506 0.998218 0.592534C0.950417 0.709561 0.926188 0.834873 0.926919 0.961285C0.926188 1.0877 0.950417 1.21301 0.998218 1.33004C1.04602 1.44706 1.11645 1.55351 1.20547 1.64326L5.27809 5.71588C5.36739 5.80591 5.47362 5.87736 5.59067 5.92613C5.70772 5.97489 5.83326 6 5.96006 6C6.08686 6 6.21241 5.97489 6.32946 5.92613C6.44651 5.87736 6.55274 5.80591 6.64204 5.71588Z' fill='black'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; transform: rotate(-90deg); top: 8px; left: 2px; position: relative; } .content-block.carousel.info-carousel .carousel-indicator-container { display: flex; align-items: center; gap: 8px; } .content-block.carousel.info-carousel .carousel-indicator { width: 6px; height: 6px; margin-right: 0; display: inline-block; background: var(--surfaces-inactive); border: 0; border-radius: 50%; color: transparent; font-size: 0; cursor: pointer; transition: width 0.2s, height 0.2s, background 0.2s; } .content-block.carousel.info-carousel .carousel-indicator::before { content: none; } .content-block.carousel.info-carousel .carousel-indicator.is-active { width: 10px; height: 10px; background: #676564; } section.content-block.related-articles-carousel .related-articles__title-wrapper button.catena-carousel-nav-prev::before { transform: rotate(90deg); } /* CTA Button Block */ .content-blocks a.content-block-cta-button { border-radius: 16px; background-color: var(--cta-primary); color: var(--cta-text-light); } /* Our Team Block */ .content-block.our-team-block .our-team .author-avatar img { border: 2px solid var(--border-stroke); } .content-block.our-team-block .our-team-cta-btn { transition: background-color 0.2s ease, color 0.2s ease; } .content-block.our-team-block .our-team-cta-btn svg { transition: fill 0.2s ease; } /* TablePress tables */ .tablepress-scroll-wrap { border: 2px solid var(--border-stroke); border-radius: 18px; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; margin-top: 16px; margin-bottom: 16px; } .tablepress { display: table !important; overflow: visible !important; width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; padding-bottom: 0px; margin-bottom: 0px; } .tablepress thead th { --bgColor: var(--surfaces-background-dark); background: var(--bgColor); color: var(--text-inverted); border-bottom-color: var(--surfaces-background-dark); padding-top: 16px; padding-bottom: 16px; border-bottom: 0px; font-size: var(--text-md); white-space: nowrap; } @supports (color: contrast-color(red)) { .tablepress thead th { color: contrast-color(var(--bgColor)); } } .content-block.our-team-block .our-team-cta-btn:hover { background-color: var(--surfaces-background-dark); color: var(--text-inverted); } .content-block.our-team-block .our-team-cta-btn:hover svg { fill: var(--text-inverted); } .content-block.our-team-block .our-team .author-arrow-btn { transition: background-color 0.2s ease; } .content-block.our-team-block .our-team .author-arrow-btn svg { transition: fill 0.2s ease; } .content-block.our-team-block .our-team .author-arrow-btn:hover { background-color: var(--surfaces-background-dark); } .content-block.our-team-block-grid .teams .author-hub-card .author-hub-description .author-hub-link:hover { color: var(--text-primary); } .content-block.our-team-block-grid .teams .author-hub-card .author-hub-description .author-hub-link:hover svg, .content-block.our-team-block-grid .teams .author-hub-card .author-hub-description .author-hub-link svg:hover { fill: var(--text-primary); } .tablepress tbody .row-hover { min-width: 100%; } .tablepress tbody td { color: var(--text-primary); } .tablepress tbody tr.odd td { --bgColor: var(--surfaces-inactive); background-color: var(--bgColor); } /* even rows use the default white background from the base .tablepress rule; no override needed */ /*.tablepress tbody tr.even td { background-color: var(--surfaces-background-light); }*/ .tablepress tbody td a { color: var(--text-link); } .tablepress.dataTable { border-collapse: separate; border-spacing: 0; } .tablepress thead th:first-child { border-top-left-radius: 16px; } .tablepress thead th:last-child { border-top-right-radius: 16px; } .tablepress tbody tr:last-child td:first-child { border-bottom-left-radius: 16px; } .tablepress tbody tr:last-child td:last-child { border-bottom-right-radius: 16px; } /*Unicorn Standard Review Card*/ .crt-hero.crt-hero--unicorn-standard .crt-hero__bonus-text { color: var(--surfaces-primary); } .content-block.our-team-block .our-team .author-arrow-btn:hover svg { fill: var(--text-inverted); } .author-byline-avatar img, .author-byline-factchecker-avatar img { border: 2px solid var(--border-stroke); } .content-block.our-team-block .container{ padding-left: 0; padding-right: 0; } @media (max-width: 957px) { .site-gamingtoday .tablepress { min-width: unset; } .site-gamingtoday .tablepress thead th { white-space: normal; } .site-gamingtoday .tablepress td, .site-gamingtoday .tablepress th { overflow-wrap: break-word; max-height: calc(3 * 1.5em); overflow: hidden; min-width: 100px; } } /* Manual Carousel */ .content-block.manual-carousel { --manual-carousel-radius: 16px; --border-stroke: #0C0B0A; &.dark-mode { --border-stroke: #E8E8E8; --cc-body-heading-color: #FFFFFF; background: var(--surfaces-background-dark); width: calc(100vw - var(--scrollbar-width, 0px)) !important; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 32px 16px; box-sizing: border-box; @media (min-width: 744px) { padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); } @media (min-width: 1024px) and (max-width: 1039.98px) { padding-left: calc(50vw - 50% + 48px); padding-right: calc(50vw - 50% + 48px); } @media (min-width: 1040px) { padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); } .manual-carousel__card, .catena-carousel-nav-prev, .catena-carousel-nav-next { background: var(--transparent); } .manual-carousel__date { color: var(--cc-body-heading-color); } .catena-carousel-nav-prev, .catena-carousel-nav-next { border: 1px solid var(--cc-body-heading-color); } } .manual-carousel__header { width: 100%; .catena-carousel-nav-prev, .catena-carousel-nav-next { border-radius: 100%; } } .manual-carousel__image-link { border: 2px solid var(--border-stroke); border-radius: var(--manual-carousel-radius); overflow: hidden; img { border-radius: 0; } } .manual-carousel__heading { z-index: 2; border-radius: unset; backdrop-filter: unset; -webkit-backdrop-filter: unset; &::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 0 0 var(--manual-carousel-radius) var(--manual-carousel-radius); backdrop-filter: blur(6.4px); -webkit-backdrop-filter: blur(6.4px); } } .manual-carousel__meta--with-rating { margin-top: 8px; } .catena-child-rating { width: fit-content; padding: 8px; border-radius: var(--manual-carousel-radius); background: var(--rating-container); } .catena-carousel-nav-next::before { transform: none; } .carousel-indicator-container{ height: 10px; } } } @media (hover: hover) and (max-width: 1199.98px), (pointer: coarse) { body:has(.site-header--mega) .site-header .mega-nav li>a, body:has(.site-header--mega) .site-header .mega-nav li>span { color: #FFFFFF!important; } } @media (hover: hover) and (pointer: fine) and (min-width: 1200px) { .mega-nav li.third-level-item { margin-bottom: 8px; border-bottom: 1px solid #fff; } .mega-nav .mega-nav__dropdown ul .mega-nav__column:not(:last-child) { border-right: 1px solid #ffffff; } } .mega-nav .mega-nav__submenu-opener { color: var(--white); }