:root {
     /* BUTTONS (From Spela) */
    --color-btn-cta: #003466;
    --color-btn-bg: linear-gradient(90deg, #7a4aff 0%, #3538e9 100%);
    --color-cta: #FF4A60;
    --color-cta-dark: #c13545;

    /* IMAGES */
    --top-images: none;
    --stars-rated: url(/wp-content/themes/casinotheme/assets/icons/stars-rated.svg);
    --stars-empty: url(/wp-content/themes/casinotheme/assets/icons/stars-empty.svg);
    --review-list-star: url(/wp-content/themes/casinotheme/assets/icons/star-single.svg) no-repeat center center;

    /* GENERAL COLORS */
    --color-primary-lightest: white;
    --color-primary-light: #FEFAFB;
    --color-primary: hsl(0, 0%, 92%);
    --color-primary-dark: hsl(0, 0%, 70%);
    --color-primary-darker: hsl(0, 0%, 30%);
    --color-secondary-lightest: #96B8D9;
    --color-secondary-lighter: #5C52CC;
    --color-secondary-light: #156B13;
    --color-secondary: #D9E4F0;
    --color-secondary-dark: #003466;
    --color-secondary-darker: #EEF6FF;
    --color-cta-lighter: hsl(130, 45%, 91%);
    --color-cta: #156B13;
    --color-cta-dark: #359732;
    --color-cta-darker: #0F500E;
    --color-tooltip: #FACF06;

    /* BG COLOR */
    --bg-color: var(--color-secondary);
    --bg-color-alternate: var(--color-secondary-darker);
    --bg-color-frontpage: var(--color-primary-lightest);
    --bg-color-readmore: var(--bg-color);
    --bg-color-readmore-alternate: var(--color-secondary-darker);
    --bg-color-transparent: rgb(224 237 250 / 0%);
    --bg-color-blue-transparent: hsla(219, 38%, 45%, 0);

    /* MOBILE NAV COLOR */
    --mobile-nav-bg-color: var(--color-primary-lightest);
    --mobile-nav-border-color: var(--color-primary);
    --mobile-nav-text-color: var(--color-secondary-darker);
    --mobile-nav-link-color: #132a53;
    --mobile-nav-notification-color: var(--color-cta);

    /* NAV COLOR */
    --nav-bg-color: var(--color-secondary-lightest);
    --nav-bg-accent-color: var(--color-cta-dark);
    --nav-border-color: var(--color-primary);
    --nav-text-color: var(--color-primary-lightest);
    --nav-link-color: var(--color-secondary-dark);
    --mobile-nav-link-color: var(--gray-900);
    --nav-icon-color: var(--color-secondary-dark);

    /* MOBILE SEARCH COLOR */
    --mobile-search-bg-color: var(--color-primary);
    --mobile-search-bg-accent-color: var(--color-primary-dark);
    --mobile-search-text-color: var(--text-color-card);
    --mobile-search-placeholder-color: var(--text-color-card);

    /* SEARCH COLOR */
    --search-bg-color: var(--color-primary);
    --search-bg-accent-color: var(--color-primary);
    --search-text-color: var(--color-secondary-dark);
    --search-placeholder-color: var(--color-secondary-dark);

    /* REVIEW COLOR */
    --review-top-color: var(--color-secondary-lightest);
    --review-top-text-color: var(--color-secondary-dark);
    --review-support-text-disabled-color: var(--color-primary-dark);

    --review-scorewheel-color: var(--color-cta-darker);

    /* BONUS STRUCTURES COLOR */
    --bonus-tab-color: var(--color-primary);
    --bonus-accent-color: #f7f7f7;

    /* LIST COLOR */
    --list-circle-color: var(--color-cta);
    --list-pay-n-play-color: var(--color-secondary-dark);
    --list-rank-color: var(--text-color-lightest);

    /* CARD COLOR */
    --card-bg-color: var(--color-primary-lightest);
    --card-bg-color-accent: var(--color-primary-lightest);
    --card-bg-color-accent-dark: var(--color-primary-lightest);
    --card-bg-color-dark: var(--color-secondary);
    --card-bg-color-darker: var(--color-secondary-darker);

    /* DEAL COLOR */
    --deal-bg-color: var(--color-secondary-lighter);
    --deal-bg-accent-color: var(--color-secondary);
    --deal-circle-color: var(--color-primary-lightest);
    --deal-temporary-color: var(--color-secondary-darker);
    --deal-daily-color: var(--color-tooltip);
    --deal-exclusive-color: #63CA93;
    --deal-seasonal-color: var(--color-primary-darker);
    --deal-wave-color: var(--color-secondary);
    --deal-wave-accent-color: var(--color-secondary-lighter);
    --deal-text-color: var(--text-color-dark);
    --deal-text-frontpage-color: var(--color-primary-lightest);

    /* PROS AND CONS */
    --proscons-pros-color: #E4F9F1;
    --proscons-cons-color: #FDEFEE;

    /* INLINE MAIL COLOR */
    --mail-bg-color: var(--color-secondary-lighter);

    /* CAROUSEL COLOR */
    --carousel-circle-color: var(--color-primary-lightest);
    --carousel-arrow-color: var(--color-cta);

    /* HOW TO COLOR */
    --howto-bg-color: var(--color-secondary-lightest);

    /* FOOTER COLOR */
    --footer-bg-color: var(--color-secondary);
    --footer-bg-main: var(--color-cta);
    --footer-text-color: var(--color-primary-lightest);

    /* FOOTER */
    --footer-top-image: url(/wp-content/themes/casinotheme/assets/images/footer-image.png);
    --footer-before-bg-color: transparent;
    --footer-bg-height: 0;
    --footer-before-size: 0;
    --footer-image-padding: 20px;
    --footer-image-padding-desktop: 50px;
    --footer-margin-top: 0;
    --footer-margin-top-xl: 0;
    --illustration-bg-size: contain;
    --footerjoke-margin: 0 auto;

    /* FOOTER JOKE COLOR */
    --footer-joke-bg-color: var(--bg-color-alternate);
    --footer-joke-bg-color-light: var(--bg-color);
    --footer-joke-text-color: var(--color-primary-lightest);

    /* BOX SHADOW COLOR */
    --box-shadow-color-dark: var(--color-primary-dark);
    --box-shadow-color-darker: var(--color-primary-darker);

    /* TEXT COLORS */
    --text-color-lightest: var(--color-primary-lightest);
    --text-color-lighter: var(--color-primary-light);
    --text-color-light: var(--color-secondary-dark);
    --text-color-dark: var(--color-secondary-dark);

    --text-color-tooltip: var(--color-primary-lightest);
    --text-color-cta: var(--color-primary-lightest);
    --text-color-card: var(--color-secondary-dark);
    --text-color-quote: var(--color-cta);

    /* LINK COLORS */
    --link-color: var(--color-secondary-darker);
    --link-color-hover: var(--color-secondary-light);

    /* BOX SHADOWS */
    --box-shadow: 0 1px 2px -1px var(--color-primary-dark);
    --box-shadow-hover: 0 0px 10px 0px var(--color-primary-lightest);
    --box-shadow-list: 0 1px 2px 0px var(--color-primary-dark);
    --box-shadow-button: inset 0 -2px 0 0 var(--color-cta-dark);
    --box-shadow-button-hover: inset 0 -2px 0 0 var(--color-cta-darker), 0px 2px 4px #00000016;
    --box-shadow-carousel: 0 1px 4px -1px var(--color-primary-dark);
    --box-shadow-tabs: 0 1px 4px -1px var(--color-primary-dark);

    /* BORDER RADIUS */
    --border-radius: 0.25rem;
    --border-radius-largest: 50%;
    --border-color-light: var(--color-primary-light);
    --border-color-dark: var(--color-primary-darker);

    /* PADDING */
    --padding-card: 1rem;
    --padding-card-larger: 2rem;
    --padding-button-narrow: 0.5rem 0.75rem;
    --padding-button: 0.5rem 1.25rem;
    --padding-button-tall: .75rem 1.75rem;

    /* SIZES */
    --base-width: 1040px;
    --article-min-height: var(--base-width);

    /* COLORS FOR ICONS */
    --default-icon-color: var(--color-cta);
    --heart-pros-icon-color: var(--color-cta);
    --broken-heart-cons-color: var(--color-cta);
}

/* COTM OVERRIDE */
.content-wrapper .cotm-container {
    background: var(--color-secondary-lightest);
}
.content-wrapper .cotm__featured-img::before {
    background: var(--color-secondary-lightest);
}
.content-wrapper .cotm__column {
    background: var(--color-secondary-lighter);
    border-left-color: var(--color-secondary-dark);
}
.content-wrapper .cotm__column ul li {
    border-left-color: var(--color-secondary-lightest);
}
.content-wrapper .cotm__terms .tc-readmore,
.content-wrapper .cotm__terms .cotm__tc-title {
    color: var(--color-secondary);
}

/* LIST */

table.tablepress-responsive tbody td {
width: auto;
vertical-align: middle;
text-align: left;
padding: 12px 20px 20px;
}

table.tablepress-responsive {
border-collapse: separate;
border-spacing: 0px 20px;
color: #222222;
}

table.tablepress-responsive tr {
display: grid;
margin: 20px 0;
box-shadow: var(--box-shadow);
}

.single table.tablepress-responsive tr,
.single table.tablepress-responsive tr.even,
.single .tablepress .even td,
.single .tablepress .odd td {
background-color: #F3F8FF !important;
}

.single table.tablepress-responsive tr,
.single table.tablepress-responsive tr.even {
border: 2px solid #D9E4F5;
box-shadow: none;
}

table.tablepress-responsive td,
table.tablepress-responsive th {
padding: 20px;
}

table.tablepress-responsive tbody td.column-1 {
padding-top: 20px;
}

table.tablepress-responsive tbody td.column-3 {
padding-top: 0;
}

table.tablepress-responsive td.column-4 br {
display: none;
}

.tablepress .even td,
.tablepress .odd td {
background-color: #fff !important;
}

.tablepress tr td:first-child {
border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.tablepress tr td:last-child {
border-radius: 0 0 var(--border-radius) var(--border-radius);
}

table.tablepress-responsive img {
border-radius: var(--border-radius);
display: block;
margin: 0;
width: 100%;
max-width: 100%;
}

/* @media (min-width: 992px) {
    table.tablepress-responsive .wide-logo img {
        max-width: 100%;
        height: 150px;
        object-fit: cover;
        width: 150px;
    }
} */

table.tablepress-responsive a {
color: var(--color-cta);
font-size: 14px;
text-align: center;
display: block;
margin: auto;
width: 100%;
}

table.tablepress-responsive button {
position: relative;
background: var(--color-btn-bg);
box-shadow: var(--box-shadow-btn);
border: none;
border-radius: var(--border-radius);
color: #fff;
width: 100%;
padding: 10px 30px;
font-size: 16px;
transition: none;
/* transition: 0.3s cubic-bezier(0.4, 0, 1, 1); */
}

/* table.tablepress-responsive a:hover button {
transform: translateY(-1px);
transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
} */

table.tablepress-responsive a:hover button {
background: var(--color-btn-cta);
}

table.tablepress-responsive button::before {
content: "";
position: absolute;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDk2IDk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTY5Ljg0MzcsNDMuMzg3NiwzMy44NDIyLDEzLjM4NjNhNi4wMDM1LDYuMDAzNSwwLDAsMC03LjY4NzgsOS4yMjNsMzAuNDcsMjUuMzktMzAuNDcsMjUuMzlhNi4wMDM1LDYuMDAzNSwwLDAsMCw3LjY4NzgsOS4yMjMxTDY5Ljg0MzcsNTIuNjEwNmE2LjAwOTEsNi4wMDkxLDAsMCwwLDAtOS4yMjNaIi8+PC9zdmc+);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: auto;
right: 20px;
top: 15px;
bottom: 15px;
margin: auto;
}

.tablepress-responsive ul li {
position: relative;
text-align: left;
font-size: 14px;
list-style-type: none;
}

td.column-2 {
font-size: 22px;
line-height: 26px;
}

td.column-3 ul {
display: block;
margin: auto 0px auto 22px;
width: fit-content;
}

.tablepress-responsive .column-3 ul li::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.47406 1.54649C7.16481 0.393766 8.83519 0.393766 9.52594 1.54649V1.54649C9.92878 2.21875 10.7241 2.54818 11.4843 2.35767V2.35767C12.7878 2.03101 13.969 3.21215 13.6423 4.51568V4.51568C13.4518 5.27589 13.7813 6.07122 14.4535 6.47406V6.47406C15.6062 7.16481 15.6062 8.83519 14.4535 9.52594V9.52594C13.7813 9.92878 13.4518 10.7241 13.6423 11.4843V11.4843C13.969 12.7878 12.7878 13.969 11.4843 13.6423V13.6423C10.7241 13.4518 9.92878 13.7813 9.52594 14.4535V14.4535C8.83519 15.6062 7.16481 15.6062 6.47406 14.4535V14.4535C6.07122 13.7813 5.27589 13.4518 4.51568 13.6423V13.6423C3.21215 13.969 2.03101 12.7878 2.35767 11.4843V11.4843C2.54818 10.7241 2.21875 9.92878 1.54649 9.52594V9.52594C0.393766 8.83519 0.393766 7.16481 1.54649 6.47406V6.47406C2.21875 6.07122 2.54818 5.27589 2.35767 4.51568V4.51568C2.03101 3.21215 3.21215 2.03101 4.51568 2.35767V2.35767C5.27589 2.54818 6.07122 2.21875 6.47406 1.54649V1.54649Z' fill='%23FF4A60'/%3E%3Cpath d='M4.45387 7.51728C4.62567 7.34825 4.90196 7.35049 5.07098 7.52228L7.35195 9.84055L11.4496 5.80888C11.6305 5.63084 11.9215 5.6332 12.0996 5.81415C12.2784 5.9959 12.2751 6.28848 12.0923 6.46617L7.34579 11.0787L4.44887 8.13439C4.27984 7.9626 4.28208 7.68631 4.45387 7.51728Z' fill='white'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
margin-right: 4px;
position: absolute;
left: -23px;
top: 1px;
}
  
@media (min-width: 992px) {

    table.tablepress-responsive tr,
    table.tablepress-responsive tr.even {
        box-shadow: var(--box-shadow);
        display: grid;
        background-color: #fff !important;
        margin: 15px 0;
        grid-template-columns: 20% 30% 30% 20%;
        align-items: center;
        border-radius: var(--border-radius);
    }

    table.tablepress-responsive tbody td {
        width: 100%;
    }

    .entry-content>* {
        max-width: 700px;
        margin: 0 auto 1.5rem auto;
    }

    .single .entry-header,
    .single .entry-content>* {
        max-width: 700px;
        margin: 0 auto 1.5rem auto;
        padding: 0;
    }

    .single footer.entry-meta {
        padding: 0 40px 40px;
    }

    .single .entry-content {
        padding: 0 20px;
    }

    table.tablepress-responsive {
        max-width: 1200px;
    }

    table.tablepress-responsive tbody td {
        width: 100%;
    }

    .entry-content ol,
    .entry-content ul {
        padding-left: 20px;
    }

    table.tablepress-responsive tbody td {
        width: 100%;
    }

    table.tablepress-responsive img {
        margin: 0;
        max-width: 100%;
        height: 150px;
        object-fit: cover;
        width: 150px;
    }

    table.tablepress-responsive td,
    table.tablepress-responsive th {
        padding: 8px;
    }

    .tablepress tr td:first-child {
        border-radius: var(--border-radius) 0 0 var(--border-radius);
    }

    .tablepress tr td:last-child {
        border-radius: 0 var(--border-radius) var(--border-radius) 0;
    }

    table.tablepress-responsive tbody td.column-2 {
        position: relative;
        display: grid;
        max-width: 290px;
        margin: auto;
    }

    /* table.tablepress-responsive tbody td.column-1 {
        width: 15%;
    }


    table.tablepress-responsive tbody td.column-3 {
        width: 25%;
    } */

    td.column-3 ul {
        display: block;
        max-width: max-content;
        margin-left: 50px;
    }

    /* table.tablepress-responsive tbody td.column-4 {
        width: 15%;
        text-align: center;
    } */

    table.tablepress-responsive td.column-2:before {
        content: "";
        margin-right: 4px;
        margin-top: 2px;
        position: absolute;
        left: -16px;
    }

	.content-wrapper>table.tablepress {
        max-width: 1200px;
        margin: auto;
    }
	
	.tablepress{
		--head-bg-color: #FFF;
	}
	
    .tablepress>:where(thead,tfoot)>tr>* {
        background-color: var(--head-bg-color) !important;
        color: var(--head-text-color) !important;
        font-weight: 700 !important;
        vertical-align: middle !important;
        word-break: normal !important;
    }
    
    .tablepress>tbody>*~:where(:not(.child))>*, .tablepress>tfoot>:where(:first-child)>* {
        border-top: 0px solid var(--border-color) !important;
    }
}