/*
Theme Name: Catena Unicorn Twilight
Theme URI: https://github.com/CatenaUS/catena-unicorn-twilight
Description: Child theme for Catena Unicorn
Author: CatenaUS
Template: catena-unicorn
Version: 1.10.1
*/

:root {

    /* BLUE (Brand - Primary)*/
    --blue-50: #e9f0f7;
    --blue-100: #bad1e7;
    --blue-200: #99badc;
    --blue-300: #6b9bcc;
    --blue-400: #4e87c2;
    --blue-500: #2269b3;
    --blue-600: #1f60a3;
    --blue-700: #184b7f;
    --blue-800: #133a62;
    --blue-900: #0e2c4b;

    /* ORANGE (CTA - Primary) */
    --orange-50: #fff3e6;
    --orange-100: #ffddb0;
    --orange-200: #ffc68a;
    --orange-300: #ffab54;
    --orange-400: #ff9b33;
    --orange-500: #ff8200;
    --orange-600: #e87600;
    --orange-700: #b55c00;
    --orange-800: #8c4800;
    --orange-900: #6b3700;

    /* GREY (Neutral) */
    --grey-50: #e8e8e8;
    --grey-100: #b9b8b7;
    --grey-200: #979594;
    --grey-300: #676564;
    --grey-400: #494745;
    --grey-500: #1c1917;
    --grey-600: #191715;
    --grey-700: #141210;
    --grey-800: #0f0e0d;
    --grey-900: #0c0b0a;

    /* ===== Base colors ===== */
    --white: #ffffff;
    --black: #000000;
    --transparent: transparent;
    


    /* ===== Color tokens ===== */
    /* Brand Tokens */
    --surfaces-primary: var(--blue-500);
    --surfaces-secondary: var(--blue-700);
    --surface-cta: var(--orange-500);
    --surfaces-navigation: var(--white);
    --cta-primary: var(--orange-500);

    /* Misc Tokens */
    --surface-background: var(--white);
    --border-stroke: var(--grey-200);
    --positive-light: #f3fcf8;
    --positive-dark: #06c270;
    --negative-light: #fef5f5;
    --negative-dark: #dc2626;

    /* Text Tokens*/
    --text-primary: var(--grey-800);
    --text-secondary: var(--grey-400);
    --text-inactive: var(--grey-200);
    --text-inverted: var(--white);
    --text-link: var(--blue-500);

    /* ======================================================================= */

    /* general color vars start */
    --cc-color-brand: var(--blue-400);
    --cc-color-brand-light: var(--blue-500);
    --cc-color-blue: var(--blue-500);
    --cc-color-blue-darker: var(--blue-700);
    --cc-color-blue-light: var(--blue-200);
    --cc-color-blue-deep: var(--blue-900);
    --cc-color-links: var(--blue-500);

    --cc-color-red-deep: var(--negative-dark);
    --cc-color-red-light: var(--negative-dark);
    --cc-color-green-light: var(--positive-dark);
    --cc-color-green: var(--positive-dark);
    --cc-color-green-medium: var(--positive-dark);

    --cc-color-navy: var(--blue-800);

    --cc-color-white: var(--white);
    --cc-color-black: var(--black);
    --cc-color-black-onyx: var(--grey-400);
    --cc-color-black-chinese: var(--grey-700);
    --cc-color-onyx-light: var(--grey-300);
    --cc-color-onyx: var(--grey-400);
    --cc-color-jet: var(--grey-600);
    --cc-widgets-link-color: var(--grey-500);
    --cc-color-indigo-gray: var(--grey-400);

    --cc-color-metal-saurus: var(--blue-300);
    --cc-color-cool-gray: var(--grey-200);
    --cc-color-gray-medium: var(--grey-200);
    --cc-color-gray-neutral: var(--grey-300);
    --cc-color-gray-dark: var(--grey-400);
    --cc-color-light-periwinkle: var(--grey-200);
    --cc-color-platinum: var(--blue-50);
    --cc-color-bright-gray: var(--grey-50);

    --cc-color-border: var(--blue-50);
    --cc-color-lite-background: var(--blue-50);

    --cc-color-light-1: var(--white);
    --cc-color-light-2: var(--grey-50);
    --cc-color-light-3: var(--grey-50);
    --cc-color-light-4: var(--grey-50);
    --cc-color-light-5: var(--grey-50);
    --cc-color-light-6: var(--blue-50);
    --cc-color-light-7: var(--blue-50);
    --cc-color-light-8: var(--grey-50);

    --cc-table-row-color: var(--blue-50);
    --cc-table-row-color-hover: var(--blue-50);
    --cc-table-color-1: var(--grey-50);
    --cc-table-color-2: var(--positive-light);
    --cc-table-color-3: var(--blue-50);
    --cc-table-color-4: var(--negative-light);
    --cc-table-color-5: var(--grey-50);

    --cc-color-scrollbar-track: var(--grey-50);
    --cc-color-scrollbar-thumb: var(--grey-100);

    --cc-category-label-background: var(--blue-50);
    --cc-category-label-color: var(--cc-color-blue);
    --cc-category-label-color-hover: var(--cc-color-blue);

    --cc-archive-read-more-color-hover: var(--cc-color-blue);
    /* general color vars end */

    /* star color vars start */
    --cc-color-rating-back-star: var(--grey-100);
    --cc-color-rating-front-star: var(--orange-400);

    --cc-color-star-navy: var(--blue-800);
    --cc-color-star-yellow: var(--orange-400);
    --cc-color-star-green: var(--positive-dark);
    --cc-color-star-blue: var(--blue-900);
    /* star color vars end */

    /* Header v1 (white) color vars start */
    --cc-header-bg-v1: var(--white);
    --cc-logo-aside-color-v1: var(--cc-color-brand);
    --cc-header-toggle-color-v1: var(--black);
    --cc-header-main-links-color-v1: var(--black);
    /* Header v1 (white) color vars end */

    /* Header v2 (black) color vars start */
    --cc-header-bg-v2: var(--white);
    --cc-logo-aside-color-v2: var(--white);
    --cc-header-toggle-color-v2: var(--cc-color-brand);
    --cc-header-main-links-color-v2: var(--black);
    /* Header v2 (black) color vars end */

    /* Mega nav color vars start */
    --cc-header-bg-mega: var(--white);
    --cc-logo-aside-color-mega: var(--cc-color-brand);
    --cc-header-toggle-color-mega: var(--cc-color-brand);
    --cc-header-main-links-color-mega: var(--black);
    --cc-header-top-links-desktop-color-mega: var(--black);
    --cc-meganav-border: var(--blue-100);
    /* Mega nav color vars end */

    /* Sign Up button color vars with colorful header (v1) start */
    --cc-sign-up-button-bg-color-v1: var(--cc-color-brand);
    --cc-sign-up-button-bg-color-hover-v1: var(--cc-color-blue-darker);
    --cc-sign-up-button-hover-icon-color-v1: var(--cc-color-blue-darker);
    --cc-sign-up-button-hover-icon-envelope-v1: var(--white);
    --cc-sign-up-button-hover-icon-part-v1: var(--white);
    /* Sign Up button color vars with colorful header (v1) end */

    /* Sign Up button color vars with white header (v2) start */
    --cc-sign-up-button-bg-color-v2: var(--cc-color-brand-light);
    --cc-sign-up-button-bg-color-hover-v2: var(--cc-color-brand);
    --cc-sign-up-button-hover-icon-color-v2: var(--cc-color-brand);
    --cc-sign-up-button-hover-icon-envelope-v2: var(--white);
    --cc-sign-up-button-hover-icon-part-v2: var(--white);
    --cc-sign-up-button-icon-envelope-v2: var(--white);
    /* Sign Up button color vars with white header (v2) end */

    /* Customer popup color vars start */
    --cc-sign-up-button-color: var(--white);
    --cc-sign-up-button-hover-color: var(--white);
    --cc-sign-up-button-hide-bg: var(--cc-color-brand);
    --cc-sign-up-button-hide-hover-bg: var(--cc-color-brand-light);
    --cc-sign-up-button-hide-color: var(--black);
    --cc-sign-up-button-hide-hover-color: var(--white);

    --cc-cs-reloader-primary-color: var(--cc-color-brand);
    --cc-cs-reloader-secondary-color: var(--negative-dark);
    --cc-cs-popup-opener-icon-color: var(--cc-color-brand);
    --cc-cs-popup-opener-icon-envelope: var(--white);
    --cc-cs-popup-opener-icon-part: var(--cc-color-white);

    --cc-cs-popup-boreder-color: var(--grey-100);
    --cc-cs-popup-error-color: var(--negative-light);
    --cc-cs-popup-checkbox-active-color: var(--white);
    --cc-cs-popup-checkbox-active-bg: var(--black);
    --cc-cs-popup-send-button-color: var(--white);
    --cc-cs-popup-send-button-bg: var(--blue-500);
    /* Customer popup color vars end */

    /* Breacking news block color vars start */
    --cc-breacking-news-bg: var(--grey-50);
    --cc-breacking-news-link-arrow-color: var(--cc-color-brand);
    /* Breacking news block color vars end */

    /* Homepage Banner block v2 color vars start */
    --cc-homepage-banner-v2-gradient: linear-gradient(180deg, var(--blue-500) 0%, #002D81 100%);
    --cc-homepage-banner-v2-image-gradient: linear-gradient(180deg, var(--cc-color-brand) 0%, #00000040 100%);
    --cc-homepage-banner-v2-arrow-icon-color: var(--cc-color-navy);
    /* Homepage Banner block v2 color vars end */


    /* Avoid Casino block color vars start */
    --color-avoid-casinos-accent: var(--negative-dark);
    --color-avoid-casinos-border: var(--negative-dark);
    /* Avoid Casino block color vars end */

    /* Jump links block color vars start */
    --cc-jump-links-default-color: var(--cc-color-metal-saurus);
    /* Jump links block color vars end */

    /* Casino Review color vars start */
    --cc-casino-review-btn-color: var(--white);
    --cc-casino-review-btn-bg: var(--orange-500);
    --cc-casino-review-btn-hover-color: var(--white);
    --cc-casino-review-btn--hover-bg: var(--orange-700);
    --cc-casino-review-textbox-bg: var(--negative-dark);
    --cc-crt-hero-copy-btn-color: var(--white);
    /* Casino Review color vars end */

    /* CTA banner block color vars start */
    --cc-cta-banner-bg: #3d3c6fe0;
    /* keep (has opacity) */
    /* CTA banner block color vars end */

    /* Slots popup color vars start */
    --cc-slots-popup-promo-bg: #3d3c6f0d;
    /* keep (has opacity) */
    --cc-slots-popup-bg: linear-gradient(to bottom, var(--negative-dark), var(--negative-dark));
    --cc-slots-popup-logo-wrap-bg: #3d3c6f0d;
    /* keep (has opacity) */
    --cc-slots-popup-rating-bg: #3d3c6f0d;
    /* keep (has opacity) */
    --cc-slots-popup-btn-bg: var(--negative-dark);
    --cc-slots-popup-btn-hover-bg: #b22435f2;
    /* keep (has opacity) */
    --cc-slots-popup-slots-bg: #0000008c;
    /* keep (has opacity) */
    /* Slots popup color vars end */

    /* Image text cards block color vars start */
    --cc-itc-bg: var(--cc-color-brand);
    --cc-itc-card-bg: var(--white);
    /* Image text cards block color vars end */

    /* ======================================================================= */

    /* General Font Variables */
    /* Font-Family */
    --cc-primary-font: "Montserrat", sans-serif;

    /* Font-Weight */
    --cc-font-weight-normal: 400;
    --cc-font-weight-regular: 500;
    --cc-font-weight-bold: 700;
    --cc-line-height-sm: 1.2;
    --cc-line-height-md: 1.25;
    --cc-line-height-lg: 1.3;

    /* ------ Font-Size ------ */
    --text-base: 16px;
    /* Only Update this BASE Font Size*/

    /* Relative base multipliers (targets: 12,14,16,18,20,24px) */
    --scale-xs: 0.75;
    /* 16 * 0.75  = 12px */
    --scale-sm: 0.875;
    /* 16 * 0.875 = 14px */
    --scale-lg: 1.125;
    /* 16 * 1.125 = 18px */
    --scale-xl: 1.25;
    /* 16 * 1.25  = 20px */
    --scale-2xl: 1.5;
    /* 16 * 1.5   = 24px */
    --scale-4xl: 2.25;
    /* 16 * 2.25  = 36px */

    /* Derived font-sizes */
    --text-xs: calc(var(--text-base) * var(--scale-xs));
    --text-sm: calc(var(--text-base) * var(--scale-sm));
    --text-md: var(--text-base);
    --text-lg: calc(var(--text-base) * var(--scale-lg));
    --text-xl: calc(var(--text-base) * var(--scale-xl));
    --text-2xl: calc(var(--text-base) * var(--scale-2xl));
    --text-4xl: calc(var(--text-base) * var(--scale-4xl));
    
    /*Footer vars start */
    --cc-color-background-footer: var(--blue-900);
    --cc-color-background-footer-bottom: var(--black);
    --cc-color-text-footer: var(--cc-color-white);
    --cc-color-footer-divider: var(--surfaces-primary);
    /*Footer vars end*/

    /* Top Nav Caret color var start */
    --menu-arrow-color: var(--grey-400);
    /* Top Nav Caret color var end */

    /* Steps block color vars start */
    --cc-steps-background: linear-gradient(180deg, #2269B3 0%, #002D81 100%);
    /* Steps block color vars end */

    /* Bonus Harvester Frequency Colors */
    --bonus-harvester-weekly-border: #FB9D3B;
    --bonus-harvester-weekly-label-background: #FFE4C9;
    --bonus-harvester-event-border: #5F9DDE;
    --bonus-harvester-event-label-background: #D5EBFF;
    --bonus-harvester-always-on-border: #36D08D;
    --bonus-harvester-always-on-label-background: #E1FFF2;
    --bonus-harvester-one-time-border: #FFDD77;
    --bonus-harvester-daily-border: #FD7C7C;

    --cta-3d-primary-hover: color-mix(in srgb, var(--cta-primary) 55%, black);
}



/* Button Styles */

.cta-button-orange{
    border-radius: 8px; 
    border: none;
    outline: none!important;
    background-color: var(--orange-500);
    color: var(--white);
    font-size: var(--text-md);
    font-weight: var(--cc-font-weight-bold);
    text-transform: uppercase;
    line-height: var(--cc-line-height-lg);
    padding: 16px 32px;
}
.cta-button-orange:hover{
    background-color: var(--orange-700);
}
.cta-button-white-round{
    border-radius: 8px; 
    border: none;
    outline: none!important;
    background-color: var(--white);
    color: var(--black);
    font-size: var(--text-md);
    font-weight: var(--cc-font-weight-bold);
    cursor: pointer;
    border-radius: 50px;
    padding: 16px;
    padding-right: 40px;
    padding-left: 16px;
    box-shadow: 0px 0px 24px 0px #0E304F40;
    position: relative;    
    text-transform: uppercase;
    line-height: var(--cc-line-height-lg);
}

.cta-button-white-round:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z' fill='currentColor'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    right: 16px;
    opacity: 1;
    transform: translateY(-50%);
    width: 16px;
    height: 18px;
}

.wp-child-theme-catena-unicorn-twilight .homepage-banner.is-design-3:has(+.plain-text .nexus-container.cta-template)+.plain-text, .wp-child-theme-catena-unicorn-twilight .homepage-banner.is-design-3:has(+.plain-text .cta)+.plain-text {
    margin-top: -130px;
}

@media (min-width: 1024px) {
    .wp-child-theme-catena-unicorn-twilight .homepage-banner.is-design-3:has(+.plain-text .nexus-container.cta-template)+.plain-text, .wp-child-theme-catena-unicorn-twilight .homepage-banner.is-design-3:has(+.plain-text .cta)+.plain-text {
        margin-top: -100px;
    }
}

@media screen and (max-width: 480px) {
    .cta-button-orange,
    .cta-button-white-round{
        font-size: var(--text-sm);
    }
}

.grid-items .grid .grid-item {
    box-shadow: 0px 0px 24px 0px #0E304F40;
}


/* Header Override */
@media (hover: hover) and (max-width: 1199.98px), (pointer: coarse) {
    body:has(.cc-signup-wrapper) .site-header--mega .cc-signup-wrapper {
        position: absolute !important;
        right: 50px;
    }
}
@media (hover: hover) and (max-width: 1023.98px), (pointer: coarse) {
    body:has(.cc-signup-wrapper) .site-header--mega .cc-signup-wrapper {
        position: absolute !important;
        right: 20px;
    }
}
body:has(.site-header--mega) .site-header .site-branding {
	justify-content: flex-end;
	gap: 20px;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1500px) {
	body:has(.cc-signup-wrapper) .site-header--mega .mega-nav {
        padding-left: 0px;
    }
	.site-header .site-branding>.site-header__actions{
		padding-left: 0;
	}
}
@media (min-width: 1199.98px) {
    .site-branding > .site-header__actions {
        padding-left: 0px!important;
    }
	
}
@media (max-width: 1199.98px) {
	.site-header .site-branding>.site-header__actions{
		position: absolute !important;
	}
	body:has(.site-header--mega) .site-header .site-branding {
		justify-content: start;
		flex-direction: row-reverse;
	}
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) and (max-width: 1499.98px) {
    .mega-nav {
/*         padding-left: 0px; */
    }
}
@media (hover: hover) and (pointer: fine) and (min-width:1200px) {
    .mega-nav li.first-level-item>a::after, .mega-nav li.first-level-item>span::after {
        background-color: var(--cc-color-brand);
        bottom: -24px;
    }
}

/* Customer Popup Override */

/* Sign up btn styles start */
.cc-signup-btn {
    background-color: var(--cc-sign-up-button-bg-color-v2, #fff);
    color: var(--cc-sign-up-button-color);
    border-radius: 100px;
    font-family: var(--cc-primary-font);
    font-weight: var(--cc-font-weight-bold);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    transition: background-color .3s ease-in-out;
    border: none;
    outline: none !important;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 14px;
}

.cc-signup-btn:hover {
    color: var(--cc-sign-up-button-hover-color);
    text-decoration: none;
    background-color: var(--cc-sign-up-button-bg-color-hover-v2);
}

.cc-signup-btn svg {
    flex-shrink: 0;
    margin-right: 4px;
    width: 18px;
    height: 16px;
}

.cc-signup-btn > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;   
}

.cs-wrapper .cs-form-control .cs-form-input {
    font-size: var(--text-xs);
}

/* Start Slot Games Section Override */

.slot-games-section.content-block-filter-games .container, .slot-games-section.content-block-slot-games .container{
    padding: 0;
}

.slot-games-section.content-block-filter-games .container .slot-navigator__title, .slot-games-section.content-block-slot-games .container .slot-navigator__title {
    font-size: var(--text-lg);
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.v1_design .slot-navigator-content-wrap .slot-navigator-content, .v1_design.content-block-slot-games .slot-navigator-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-right: 0;
}
.v1_design.content-block-slot-games .slot-navigator-content {
    margin: 16px 0;
    padding-bottom: 0;
}
@media (min-width: 767px) {
    .v1_design .slot-navigator-content-wrap .slot-navigator-content, .v1_design.content-block-slot-games .slot-navigator-content {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }

    .slot-games-section.content-block-filter-games .container .slot-navigator__title, .slot-games-section.content-block-slot-games .container .slot-navigator__title {
        font-size: var(--text-xl);

    }
}

.v1_design .slot-navigator-content-wrap .slot-navigator-content .game-card,
.v1_design.content-block-slot-games .slot-navigator-content .game-card{
    border-color: var(--grey-200);
}

.v1_design .slot-navigator-content-wrap .slot-navigator-content .game-card .game-card__content,
.v1_design.content-block-slot-games .slot-navigator-content .game-card .game-card__content
{
    height: 124px;
}
.v2_design.content-block-slot-games .slot-navigator-content .game-card .game-card__content picture img
{
    height: 65%;
}
.v2_design.content-block-filter-games .slot-navigator-content .game-card .game-card__content picture img {
    height: 75%;
}

@media (min-width: 1440px) {
    .v1_design .slot-navigator-content-wrap .slot-navigator-content .game-card .game-card__content,
    .v1_design.content-block-slot-games .slot-navigator-content .game-card .game-card__content
    {
        height: 168px;
    }
}

.v1_design .slot-navigator-content-wrap .slot-navigator-content .game-card .game-card__footer,
.v1_design.content-block-slot-games .slot-navigator-content .game-card .game-card__footer 
{
    padding: 10px;
} 

.v1_design .game-card .catena-feed-rating {
    display: none;
}

.v2_design .game-card__footer {
    background: var(--surfaces-secondary) !important;
    filter: unset;
}
    
.v2_design .game-card__buttons a.slot-primary-btn, .v1_design .game-card a.slot-primary-btn {
    background: var(--surface-cta);
    border: none;
}
.v2_design .game-card__buttons a.slot-primary-btn, .v1_design .game-card a.slot-primary-btn:hover:not(:focus){
    box-shadow: none;
}

    
.content-block-filter-games.v2_design .container > div:first-child {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    gap: 8px;
}

.content-block-filter-games.v2_design .container > div:first-child .slot-navigator__title {
    order: 1;
    width: 100%;
    margin-bottom: 8px;
}

.content-block-filter-games.v2_design .container > div:first-child .new-filters-container {
    order: 3;
}

.content-block-filter-games.v2_design .container > div:first-child .slot-navigator-search-bar {
    order: 2;
    width: 100%;
}

.content-block-filter-games.v2_design .container .slot-navigator-content-wrap .slot-navigator-content {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 160px;
}

.content-block-filter-games.v2_design .container .slot-navigator-content-wrap .slot-navigator-content .game-card__footer {
    height: auto;
}
.content-block-slot-games.v2_design .container .slot-navigator-content {
    margin: 16px 0;   
}

@media (min-width: 767px) {
    .content-block-filter-games.v2_design .container > div:first-child {
        gap: 0;
        margin-bottom: 16px;
    }

    .content-block-filter-games.v2_design .container > div:first-child .slot-navigator__title {
        order: 1;
        width: 50%;
        font-size: 20px;
    }
    
    .content-block-filter-games.v2_design .container > div:first-child .new-filters-container {
        order: 2;
    }
    
    .content-block-filter-games.v2_design .container > div:first-child .slot-navigator-search-bar {
        order: 1;
        width: 50%;
    }
    
    .content-block-filter-games.v2_design .container > div:first-child .slot-navigator-search-bar div {
        max-width: unset;
    }

    .content-block-filter-games.v2_design .container .slot-navigator-content-wrap .slot-navigator-content {
        grid-template-columns: repeat(5, 1fr);
        grid-auto-rows: 158px;
    }

    .content-block-filter-games.v2_design .container .slot-navigator-content-wrap .slot-navigator-content .game-card__footer {
        height: 57px;
    }

    .content-block-slot-games.v2_design .container .slot-navigator-content {
        grid-template-columns: repeat(7, 1fr);
        grid-auto-rows: 158px;
    }

    .content-block-slot-games.v2_design .container .slot-navigator-content .game-card{
        width: 130px;
    }
}

@media (min-width: 1023px) {
    .content-block-filter-games.v2_design .container .slot-navigator-content-wrap .slot-navigator-content {
        grid-template-columns: repeat(7, 1fr);
        gap: 8px;
    }

}

@media (min-width: 1440px) {
    .content-block-filter-games.v2_design .container .slot-navigator-content-wrap .slot-navigator-content {
        grid-template-columns: repeat(9, 1fr);
        gap: 8px;
    }

    .content-block-slot-games.v2_design .container .slot-navigator-content {
        grid-template-columns: repeat(9, 1fr);
        grid-auto-rows: 158px;
    }

    .content-block-slot-games.v2_design .container .slot-navigator-content .game-card{
        width: unset;
    }
}

.content-block-filter-games.v2_design .container > div:first-child .slot-navigator-search-bar {
    margin: 0;
}

.content-block-filter-games.v2_design .container > div:first-child .slot-navigator-search-bar form {
    margin: 0;
}

/* End Slot Games Section Override */


.mega-nav li.first-level-item:has(svg)>span::after {
    width: calc(100% + 50px);
    left: -10px;
}
.mega-nav li.first-level-item>a::after, .mega-nav li.first-level-item>span::after{
    left: -10px;
    width: calc(100% + 20px);
}

.mega-nav li.first-level-item:has(svg)>a::after, .mega-nav li.first-level-item:has(svg)>span::after{
    width: calc(100% + 50px);
}

@media (min-width: 782px) and (max-width: 1023.98px) {
    .logged-in.admin-bar .mega-nav {
        top: 86px;
    }
	.logged-in .mega-nav {
        top: 54px;
    }
}

@media (min-width: 1200px) {
    .mega-nav li.first-level-item:hover {       
        background: var(--blue-50);
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 1400px) {
    .mega-nav li.first-level-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .mega-nav li.first-level-item:has(.mega-nav__submenu-opener.has_arrow) {
        padding-left: 10px;
        padding-right: 0px;
    }
    
}

@media (hover: hover) and (max-width: 1199.98px), (pointer: coarse) {
    .mega-nav li.second-level-item>ul {
        background: var(--blue-50);
    }
    .mega-nav ul.second-level-list,.mega-nav ul.second-level-list:has(.mega-nav__column) {
        padding-right: 0px;
        padding-left: 0px;
    }
    .mega-nav li.first-level-item.menu-item-has-children.is-opened {
        border-bottom: 0px solid var(--cc-color-brand);
        padding-bottom: 0px;
    }

    .mega-nav li.is-bold>a, .mega-nav li.is-bold>span,
    .mega-nav li.second-level-item>a, .mega-nav li.second-level-item>span,
    .mega-nav li.first-level-item>a, .mega-nav li.first-level-item>span {
        font-weight: var(--cc-font-weight-regular);
    }
    .mega-nav li.first-level-item.menu-item-has-children.is-opened>span{
        margin-bottom: 0px;
    }
    body:has(.site-header--mega) .site-header .mega-nav li span,
    body:has(.site-header--mega) .site-header .mega-nav li:not(.first-level-item) a,
    body:has(.site-header--mega) .site-header .mega-nav li:not(.first-level-item) span,
    body:has(.site-header--mega) .site-header .mega-nav li a {
        color: var(--grey-400);
    }

    .mega-nav li.first-level-item,
    .mega-nav ul.second-level-list>.mega-nav__column>.second-level-item {
        border-bottom: 0px solid var(--cc-color-platinum);
    }   
    
}

@media (max-width: 1199.98px) {
    .third-level-item > span:not(:has(img.custom-menu-image)), 
    .third-level-item > a:not(:has(img.custom-menu-image)){
        padding-left: 30px !important;
    }
    .third-level-item > span:has(img.custom-menu-image),
    .third-level-item > a:has(img.custom-menu-image) {
        padding-left: 0px !important;
    }
    .mega-nav li.second-level-item > a, .mega-nav li.second-level-item > span{
		padding-left: 30px !important;
	}
}

@media (hover: hover) and (pointer: fine) and (min-width: 1200px) {
    .mega-nav .mega-nav__dropdown ul.third-level-list .mega-nav__column {
        border-right: 0px!important;
    }
}

.site-content .content-area .sidebar-right .news-block h2{
    position: relative;
    font-weight: var(--cc-font-weight-regular);
    text-transform: uppercase;
    padding: 0 0 6px !important;
    margin-bottom: 0 !important;
}
.site-content .content-area .sidebar-right .news-block .news-list .news-list-item {
    padding: 16px 0 13px !important;
}
.site-content .content-area .sidebar-right .news-block .news-list .news-list-item a {
    align-items: start !important;
    border-bottom-color: var(--cc-color-border) !important;
    display: flex;
}
.site-content .content-area .sidebar-right .news-block .news-list .news-list-item a .thumb img{
    width: 85px !important;
    height: 64px !important;
    object-fit: cover;
    filter: none !important;
    border: none !important;
}
.site-content .content-area .sidebar-right .news-block .news-list .news-list-item a .thumb {
	width: 85px;
}
.site-content .content-area .sidebar-right .news-block .news-list .news-list-item a .details {
    padding-left: 12px;
    width: calc(100% - 85px);
}
.site-content .content-area .sidebar-right .news-block .news-list .news-list-item a .details .title {
    font-size: var(--text-md);
	letter-spacing: .14px !important;
    font-weight: var(--cc-font-weight-regular);
    margin-top: 4px;
    margin-bottom: 11px !important;
}
.site-content .content-area .sidebar-right .news-block .news-list .news-list-item a .details .date {
    font-size: var(--text-sm);
}

body.archive{
	padding-top: 74px;
}

@media (max-width: 1023.98px) {
    body:has(.cc-signup-wrapper) .site-header:not(.site-header--mega) .cc-signup-wrapper {
        position: absolute;
        right: 20px;
    }
    .site-header.site-header__news .site-branding {
        justify-content: flex-end;
        flex-direction: row-reverse;
        gap: 20px;
    }
	
	body.search .site-header .site-branding,
	body.archive .site-header .site-branding{
        justify-content: flex-end;
        flex-direction: row-reverse;
        gap: 20px;
    }
}

.site-header--mega {
    border-bottom: 3px solid var(--cc-color-brand);
}

/* Navigation arrow manual carousel color override */
.content-block.manual-carousel .manual-carousel__controls .catena-carousel-nav-prev::before,
.content-block.manual-carousel .manual-carousel__controls .catena-carousel-nav-next::before {
    background-color: var(--text-primary) !important;
}
.content-block.manual-carousel .manual-carousel__controls .catena-carousel-nav-prev,
.content-block.manual-carousel .manual-carousel__controls .catena-carousel-nav-next {
    background-color: var(--surfaces-navigation) !important;
}


/* Author BIO */
.site-content .author-view-all-btn-dt:hover, .site-content .author-view-all-btn-mb:hover {
    background: var(--cc-sign-up-button-bg-color-v2, #fff);
    color: var(--cta-text-light);
    border-color: var(--cc-sign-up-button-bg-color-v2, #fff);
}

.site-content .author-view-all-btn-dt{
	    max-width: 240px;
}