/* CSS for Template 2c - Alternating Row Shading */
.au_template-2c .au_table .au_row.offer_id-0 {
    background-color: #f9f9f9; /* Light gray for even rows */
}

.au_template-2c .au_table .au_row.offer_id-1 {
    background-color: #ffffff; /* White for odd rows */
}


/* Additional Styling (Adjust as Needed) */
.au_template-2c .au_table_title {
    font-size: 28px !important;
    margin-bottom: 15px;
    text-align: center;
}

.au_template-2c .au_row {
    padding: 15px 0;
    display: flex;
    align-items: center;
}

.au_template-2c .au_col_logo img {
    border-radius: 8px;
}

.au_template-2c .button.au_button {
    background-color: #F90303;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.au_template-2c .button.au_button:hover {
    background-color: #005177;
}

/* Css affecting all blocks */

.au_outer_wrap.with_border {
	border: 1px solid #ccc;
}

a.au_text_link {
	color: #F90303;
}

.gtacb1 .button {
	display: inline-block;
	max-width: 100%;
	padding: 10px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 20px;
	letter-spacing: 0.5px;
	font-weight: 700;
	color: #0f74a3;
	text-transform: uppercase;
	cursor: pointer
}

.button.au_button {
	font-weight: 800px;
	text-align: center;
	padding: 0.5em 2em
}


.button.au_button.small {
	font-size: 1.2em;
	padding: 0.25em 0.75em;
	text-transform: none
}


.au_bonus {
	padding: 1rem 0
}

.au_bonus .au_bonus_line {
	text-align: center
}

.au_bonus .au_bonus_line.au_bonus_line_1 {
	font-size: 1.5rem;
	font-weight: 700
}

.au_outer_wrap {
	display: block;
	overflow: hidden
}

.au_outer_wrap.with_border .au_table {
	border: none
}

.au_outer_wrap .au_table_title {
	margin-top: 0;
	text-align: left
}

.au_outer_wrap .au_table {
	padding: 0 !important;
	border: none
}

.au_outer_wrap .au_table .au_row {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	grid-template-rows: auto;
	grid-template-areas: "au_logo au_button""au_bonus au_bonus""au_top_reasons au_top_reasons";
	padding: 0.6em
}

.au_outer_wrap .au_table .au_row:nth-child(2n+1):not(.au_table_title_row) {
	background: #eee
}

.au_outer_wrap .au_table .au_row .au_col {
	border: none;
	width: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	text-align: left;
	padding: 5px 0 0
}

.au_outer_wrap .au_table .au_row .au_col ol {
	margin-bottom: 0
}

.au_outer_wrap .au_table .au_row .au_col ol li::marker {
	font-weight: 700
}

.au_outer_wrap .au_table .au_row .au_col.au_col_logo {
	grid-area: au_logo
}

.au_outer_wrap .au_table .au_row .au_col.au_col_logo img {
	display: block
}

.au_outer_wrap .au_table .au_row .au_col.au_col_button {
	grid-area: au_button
}

.au_outer_wrap .au_table .au_row .au_col.au_col_button .au_button {
	margin: auto !important;
}

.au_outer_wrap .au_table .au_row .au_col.au_col_top-reasons {
	grid-area: au_top_reasons;
	padding: 10px
}

.au_outer_wrap .au_table .au_col_bonus_code {
	border: 2px dashed #999;
	text-align: center
}

.au_outer_wrap a.button {
	margin: 0.5rem 0 0
}

.au_outer_wrap.a_unit {
	padding: 0 !important
}

.au_outer_wrap.a_unit .au_table_title {
	text-align: center;
	font-size: 1rem;
	background: #222222;
	color: #fff;
	text-align: center;
	padding: 0.5em;
	margin: 0
}

.au_outer_wrap.a_unit .au_table {
	border: 2px solid #fff
}

.au_outer_wrap.a_unit .au_table .au_row {
	display: flex !important
}

.au_outer_wrap.a_unit .au_table .au_row:nth-child(2n+1):not(.au_table_title_row) {
	background: #fff
}

.au_outer_wrap.a_unit .au_table .au_row:nth-child(2n) {
	background: #FEF2F2 !important;
}

.au_outer_wrap.a_unit .au_table .au_row .au_col {
	display: flex !important;
	flex-direction: column;
	flex: 3;
	padding: 0 !important;
	justify-content: space-around
}

.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_logo {
	flex: 2;
	max-width: 100px
}

.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_logo a {
	display: block;
	overflow: hidden
}

.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_logo a img {
	float: left
}

.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_logo-title-bonus,
.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_title-bonus {
	align-items: center;
	justify-content: center;
	padding-left: 0.2em !important;
	padding-right: 0.2em !important;
	text-transform: none
}

.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_logo-title-bonus .au_col_title a,
.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_title-bonus .au_col_title a {
	display: block;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 700;
	color: #777
}

.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_logo-title-bonus .au_col_title a {
	text-align: left
}

.au_outer_wrap.a_unit .au_table .au_row .au_col .au_col_bonus .au_bonus {
	padding: 0
}

.au_outer_wrap.a_unit .au_table .au_row .au_col .au_col_bonus .au_bonus .au_bonus_line {
	font-size: 1.1rem;
	line-height: 1.1em;
	text-align: center
}

.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_button a {
	font-size: 0.95rem;
	margin-top: 0;
	white-space: normal;
	background: #F90303;
	border-color: #F90303
}

.au_outer_wrap.a_unit.au_template-3a .au_table {
	border: none
}

.au_outer_wrap.a_unit.au_template-3a .au_table .au_row {
	display: flex;
	border: 1px solid #ccc;
	margin-bottom: 1.5rem;
	padding: 0
}

.au_outer_wrap.a_unit.au_template-3a .au_table .au_row:nth-child(2n+1):not(.au_table_title_row) {
	background: #fff
}

.au_outer_wrap.a_unit.au_template-3a .au_table .au_row .au_col {
	padding: 1rem
}

.au_outer_wrap.a_unit.au_template-3a .au_table .au_row .au_col.au_col_logo {
	padding: 1rem !important;
	background: #FEF2F2;
	max-width: 175px !important
}

.au_outer_wrap.a_unit.au_template-3a .au_table .au_row .au_col_button a {
	font-size: 0.95rem;
	margin-top: 0;
	white-space: normal;
	background: #F90303;
	border-color: #F90303
}

.au_outer_wrap.a_unit.au_template-5 {
	margin-top: 0
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-areas: "au_logo_title""au_top_reasons""au_disclaimer""au_button" !important;
	background: #fff !important;
	border: 1px solid #ccc !important;
        padding: 10px 10px 0px 10px !important;
	margin: 1em 0 0;
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus {
	grid-area: au_logo_title;
	display: grid !important;
	grid-template-areas: "logo title""logo bonus";
	grid-template-columns: 2fr 7fr;
	padding: 0
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus .au_col_title {
	grid-area: title;
	padding: 0 !important
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus .au_col_logo {
	grid-area: logo;
	padding-right: 0.8rem;
	max-width: 80px
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus .au_col_logo a,
.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus .au_col_logo img {
	display: block;
	text-align: center;
	margin: 0 auto
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus .au_col_bonus {
	grid-area: bonus
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus .au_col_bonus .au_bonus .au_bonus_line {
	text-align: left
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_top-reasons {
	0
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_disclaimer {
	display: block !important;
	grid-area: au_disclaimer;
	margin-top: 1em;
	text-align: center;
	font-size: 1rem
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row>div[class*=au_col_button] {
	display: block !important;
	grid-area: au_button;
	margin-top: 0.25rem;
	text-align: center
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row>div[class*=au_col_button] a.button {
	margin-top: 0
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row div[class*=au_col_review-text] {
	grid-area: au_read_review;
	padding-top: 0.5rem !important
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row div[class*=au_col_review-text] .au_text_link {
	font-weight: 600;
	font-size: 0.9rem
}

@media (min-width: 960px) {

	.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_logo {
		max-width: 100px
	}

	.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_title-bonus {
		flex: 10;
		align-items: flex-start
	}

	.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_title-bonus .au_col_bonus .au_bonus .au_bonus_line {
		font-size: 1.2rem;
		text-align: left
	}

}

.au_bonus a {
	color: inherit
}

.au_outer_wrap.mobile_table {
	display: block;
	overflow: hidden
}

@media (min-width: 960px) {
	.au_outer_wrap {
		display: block;
		overflow: hidden
	}

	.au_outer_wrap.au_format_table .au_table {
		display: table;
		table-layout: fixed;
		width: 100%
	}

	.au_outer_wrap.au_format_table .au_table .au_row {
		display: table-row
	}

	.au_outer_wrap.au_format_table .au_table .au_row .au_col {
		display: table-cell;
		vertical-align: middle;
		padding: 1rem
	}
}

@media (max-width: 959px) {
	.tablet-landscape-up-only {
		display: none !important
	}
}

@media (min-width: 960px) {
	.up-to-tablet-landscape-only {
		display: none !important
	}
}

.gt_table .gt_row .gt_col li::marker,
.au_table .au_row .au_col li::marker,
.au_bonus .au_bonus_line.au_bonus_line_2 {
	color: #009EFF;
}

.au_outer_wrap a.button {
	background-color: #F90303;
	border-color: #F90303;
}

.button.au_button {
	background-color: #F90303;
	border-color: #F90303;
}

.button.au_button:hover {
	background-color: #0B1C2C;
	border-color: #0B1C2C;
}

.button.au_button {
	color: #ffffff;
}

.button.au_button:hover {
	color: #ffffff;
}


.au_outer_wrap {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.au_outer_wrap,
.au_outer_wrap.au_format_table .au_table .au_row .au_col {
	padding: 1rem;
}

.au_outer_wrap {
	background-color: #ffffff;
}

.au_row .au_col_bonus {
	font-size: 1.2rem;
}

@media (min-width: 960px) {
	.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_logo img {
		/*max-height: 50px;*/
		width: auto
	}

	.au_outer_wrap .au_table .au_row .au_col.au_col_logo img {
		max-height: 80px;
		width: auto;
		margin: 0 auto
	}
	.au_template-5 .au_col.au_col_top-reasons {
	    float: left !important;
	    justify-content: left !important;
	    text-align: left !important;
	    align-items: start !important;
	}
}

body .gt_table_wrap .gt_table .gt_row .gt_col ol li::marker {
	font-weight: 700
}


.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row {
	grid-template-columns: 4fr 3fr 2fr !important;
	grid-template-areas: "au_logo_title au_top_reasons au_button""au_disclaimer au_top_reasons au_button" !important;
}

.gtacb1  ol li, .gtacb1  ul li {
    font-size: 18px !important;
    line-height: 1.4;
}

/* Hide .tablet-landscape-up-only on smaller screens */
.up-to-tablet-landscape-only {
    display: inline;
}
.tablet-landscape-up-only {
    display: none;
}

@media (min-width: 960px) { /* Adjust breakpoint as needed */
    .up-to-tablet-landscape-only {
        display: none;
    }
    .tablet-landscape-up-only {
        display: inline;
    }
    .au_col.au_col_disclaimer {
    	text-align: left !important;
    }
}

.gtacb1 .button.au_button {
    transition: background-color 0.3s, border-color 0.3s;
}

.au_subfield.au_col_title, 
.au_bonus_line.au_bonus_line_1 a, 
.au_bonus_line.au_bonus_line_2 a {
    line-height: 1.4;
}

@media (max-width: 959px) {
    /* Center-align the entire .gtacb1 container and lists */
    .gtacb1 {
        text-align: center;
    }

    /* Center and adjust list styles */
    .gtacb1 ol, 
    .gtacb1 ul {
        display: inline-block;
        text-align: left;
        padding: 0;
        list-style-position: inside;
        margin: 0 auto;
    }

    /* Adjust button font size */
    .button.au_button.small {
        font-size: 0.95em;
    }

    /* Force vertical stacking for all .au_outer_wrap blocks */
    .gtacb1 .au_outer_wrap {
        display: block !important;
        width: 100%;
        margin-bottom: 1rem;
    }

    /* Ensure each row stacks its columns vertically */
    .gtacb1 .au_outer_wrap .au_table,
    .gtacb1 .au_outer_wrap .au_table .au_row {
        display: block !important;
        padding: 1rem 0;
        width: 100%;
    }

    /* Stack all columns inside each row vertically and center-align content */
    .gtacb1 .au_outer_wrap .au_table .au_row .au_col {
        display: block !important;
        width: 100% !important;
        text-align: center;
        padding: 0.5rem 0;
        margin: 5px auto; /* Adds 5px margin top and bottom */
    }

    /* Center-align images and make them responsive */
    .gtacb1 .au_outer_wrap .au_table .au_row .au_col_logo img {
        max-width: 80%;
        height: auto;
        margin: 0 auto;
    }

    /* Center-align the button column */
    .gtacb1 .au_outer_wrap .au_table .au_row .au_col_button {
        display: flex;
        justify-content: center;
        margin-top: 1rem;
    }

    /* Specific grid layout adjustment for .au_template-5 */
    .au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "au_logo_title"
            "au_top_reasons"
            "au_disclaimer"
            "au_button" !important;
    }

    /* Add 5px margin top and bottom to specific elements */
    .gtacb1 .au_col_logo,
    .gtacb1 .au_subfield.au_col_title,
    .gtacb1 .au_subfield.au_col_bonus,
    .gtacb1 .au_col_title-bonus,
	.au_bonus_line.au_bonus_line_2,
    .gtacb1 .au_col_review-text-operator_name-review,
    .gtacb1 .au_col_bonus_code-button {
        margin-top: 9px;
    }
	
	/* Less padding right of logo: */
	.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus .au_col_logo {
		padding-right: 0;
	}
	
	/* Remove float left from logo for templates 1, 3 */
	.au_outer_wrap.a_unit .au_table .au_row .au_col.au_col_logo a img {
		float: none;
	}
	
	/* Styling grey box with affiliate code */
	.au_subfield.au_col_bonus_code {
		max-width: 190px;
		margin-top: 8px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_top-reasons {
		margin-top: 0px;
	}
	
	a.button.au_button.play_now.small {
		width: 170px;
	}
	
	.au_outer_wrap.a_unit.au_template-3a .au_table .au_row .au_col.au_col_logo {
		padding: 1rem !important;
		background: #FEF2F2;
		max-width: 125px !important;
	}
	.au_template-3 .au_col.au_col_logo {
		margin-top: 15px !important;
	}
	.au_template-3 .au_subfield.au_col_button {
		margin-bottom: 15px;
	}

}

/* Force button text to same size and always uppercase*/
.button.au_button.small {
    font-size: 1em;
    text-transform: uppercase;
	width: 100%;
}

/* Bit of extra padding oin buttons */
a.button.au_button.play_now.small {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Review text slight tfont size increase */
a.read_review.au_text_link {
    font-size: 1em;
    text-align: center;
}


/* Make buttons wider */

.au_outer_wrap .au_table .au_row .au_col.au_col_button .au_button {
    width: 100%;
}

.au_col.au_col_review-text-operator_name-review {
    margin-right: 10px;
}

.gtacb1 a:hover {
	color: #0B1C2C
}


/* Aff code in box is too small. Make it bigger. */
.au_subfield.au_col_bonus_code {
    font-size: 1.2em !important;
}


/* Hide the aff code box if empty */
.au_subfield.au_col_bonus_code:empty {
    display: none;
}


.au_subfield.au_col_title {
    font-size: 0.8em;
    font-weight: 700;
    color: #777;
	text-transform: uppercase;
}

.gtacb1 .content ul li, .gtacb1 .content ol li {
    margin: 3px 0px 0px 25px !important;
}


.au_template-2 .au_table_wrap .au_bonus_line_2 a:hover {
	color: #0B1C2C;
}

.au_template-2 a.button.au_button.play_now.small:hover {
    background: #0B1C2C;
    border-color: #0B1C2C;
}


.au_row.au_table_row_1.offer_id-0 {
    margin-bottom: 0px !important;
	margin-top: 0px !important;
}

.gtacb1 a, .au_template-2 a {
    font-weight: 600;
}

.au_subfield.au_col_bonus_code {
    margin-top: 5px;
    margin-bottom: 5px;
}

}
a.button.au_button.play_now.small {
    margin-top: 8px;
    margin-bottom: 8px;
}

.au_col.au_col_bonus_code-button {
    margin-bottom: 8px;
}


.au_col.au_col_bonus_code-button {
    flex: 4 !important;
}

.click-to-copy {
    font-size: 1em !important;
}

/* Align texts within the bonus code section */
.au_col_bonus_code-button .au_subfield.au_col_bonus_code {
    text-align: left;
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    min-width: 170px;
}

/* Style for "Click to Copy" text */
.au_col_bonus_code-button .au_subfield.au_col_bonus_code .click-to-copy {
    margin-bottom: 5px;
    font-size: 0.9em;
    color: #555;
    cursor: pointer;
    text-decoration: underline;
}

.au_col_bonus_code-button .au_subfield.au_col_bonus_code .promo-code {
    font-size: 1em;
    color: #000;
}

.au_col_bonus_code-button .au_subfield.au_col_bonus_code .click-to-copy:hover {
    color: #0B1C2C;
}

/* Button alignment */
.au_col_bonus_code-button .au_subfield.au_col_button {
    display: flex;
    justify-content: flex-start;
    margin-top: 5px;
}

/* Responsive Adjustments */
@media (max-width: 959px) {
    .au_col_bonus_code-button .au_subfield.au_col_bonus_code {
        align-items: flex-start;
    }
    .au_col_bonus_code-button .au_subfield.au_col_button {
        justify-content: center;
    }
}

/* Text container as a flex container */
.au_subfield.au_col_bonus_code .text-container {
    display: flex;
    align-items: center;
}

/* Stack text elements vertically */
.au_subfield.au_col_bonus_code .text-container .text-elements {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

/* Adjust SVG icon size */
.au_subfield.au_col_bonus_code .text-container svg {
    width: 24px;
    height: 16px;
}

/* Optional font size adjustments */
.au_subfield.au_col_bonus_code .click-to-copy,
.au_subfield.au_col_bonus_code .promo-code {
    font-size: 1em;
}

/* Vertical centering for promo-code text */
.au_subfield.au_col_bonus_code {
    min-height: 35px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 140px;
}

.au_subfield.au_col_bonus_code .promo-code {
    transition: all 0.3s ease;
    min-width: 80px;
    text-align: center;
}

/* Mobile Adjustments */
@media (max-width: 959px) {
    .au_subfield.au_col_bonus_code .text-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
    }
    .au_subfield.au_col_bonus_code .promo-code {
        flex: 0 0 auto;
        min-width: 150px;
        text-align: center;
        white-space: nowrap;
    }
    .au_subfield.au_col_bonus_code .text-container svg {
        flex: 0 0 auto;
        width: 24px;
        height: 16px;
    }
}

a.button.au_button.play_now.small {
    padding-top: 8px;
    padding-bottom: 8px;
}


/* 1. Define the clicked-state styles within .au_template-3a */

/* Change promo-code text color to white */
.clicked-state .promo-code {
    color: #ffffff !important;
}

/* Change the background color of the bonus code container */
.clicked-state.au_subfield.au_col_bonus_code {
    background: #0B1C2C !important;
}

/* Change SVG fill color to white */
.clicked-state .text-container svg path {
    fill: #ffffff !important;
}

/* Optional: Smooth transitions */
.clicked-state .promo-code,
.clicked-state.au_subfield.au_col_bonus_code,
.clicked-state .text-container svg path {
    transition: color 0.3s ease, background 0.3s ease, fill 0.3s ease;
}


/* This bit simply fills the space in template 5b for the missing list of 3 */
@media (min-width: 960px) {
	.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table.au_table_5b .au_row {
    		grid-template-columns: 6.5fr 0.5fr 2fr !important;
	}
}

@media (min-width: 960px) {
	.au_template-1 .au_col.au_col_bonus_code-button {
	    margin-right: 0px;
	}
}


/* Make template 2c stack on mobile as it currently does not look good in rows */

@media (max-width: 959px) {
    /* Place the CSS rules here */
    .au_template-2c .au_row {
        display: flex;
        flex-direction: column;
    }
    .au_template-2c .au_col {
        width: 100%;
        display: block;
        float: none;
    }
    .au_template-2c .au_col_logo,
    .au_template-2c .au_col_title-bonus,
    .au_template-2c .au_col_bonus_code-button {
        margin-bottom: 20px;
    }
    .au_template-2c .au_row > .au_col:last-child {
        margin-bottom: 0;
    }
}


@media (max-width: 959px) {

	.button.au_button.small {
	    font-size: 1.2em;
	    text-transform: uppercase;
	    width: 100%;
	    line-height: 1.1;
	}
}

.cau_disclaimer_text {
	margin-left: 8px;
	padding-left: 1em;
	margin-right: 8px;
	padding-right: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.two_c_row, .template_three_row {
  border: 1px solid #ccc !important;
}

/* kill the top border of any .two_c_row that follows another .two_c_row */
.two_c_row + .two_c_row {
  border-top: none;
}

.border_none_class {
	border: none !important;
}






/* ============================= */
/* CSS for .cau_disclaimer_text */
/* ============================= */

.cau_disclaimer_text {
  /* your existing spacing */
  margin-left:   8px;
  margin-right:  8px;
  padding-top:   10px;
  padding-bottom:10px;
  padding-left:  1em;
  padding-right: 1em;
  box-sizing:    border-box;

  /* DESKTOP: one-line flex + ellipsis */
  display:       flex;
  align-items:   baseline;
}

.cau_disclaimer_text .clamped-text {
  white-space:    nowrap;
  overflow:       hidden;
  text-overflow:  ellipsis;
  color: #726E6D;
  /* max-width set in JS for desktop */
}

.cau_disclaimer_text .read-more {
  flex-shrink:    0;        /* never clipped */
  margin-left:    0.25em;
  text-decoration: underline;
  cursor:         pointer;
  display:        none;     /* shown by JS when needed */
}

/* ─── MOBILE OVERRIDE (<960px) ──────────────────────────────────────── */
@media (max-width: 960px) {
  .cau_disclaimer_text {
    display: block !important; /* disable flex clamp */
  }
  .cau_disclaimer_text .clamped-text {
    /* two-line clamp in CSS—no shift */
    display:            -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow:           hidden;
    white-space:        normal;
    text-overflow:      clip;
  }
  .cau_disclaimer_text .read-more {
    /* reserve line for the link from the start */
    display:    inline-block !important;
    visibility: hidden;
    margin-top: 0.25em;
  }
.cau_disclaimer_text .read-more {
  /* force it onto its own “line” */
  display: block !important;

  /* horizontal centering */
  margin: 0.5em auto 0;

  /* (optional) if you want the text inside it centered too */
  text-align: center !important;
}
span.clamped-text {
    line-height: 1.2;
    text-align: center !important;
}
}

.cau_disclaimer_text .read-more {
  font-weight: 400;
}


.wrap_for_template_5 {
    border: 1px solid #ccc !important;
}

.au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row {
   border: none !important;
}

.au_outer_wrap.a_unit .au_table .two_c_row:nth-child(2n), .au_outer_wrap.a_unit .au_table .au_row.au_table_row_2, .au_outer_wrap.a_unit .au_table .au_row.au_table_row_4, .au_outer_wrap.a_unit .au_table .au_row.au_table_row_6, .au_outer_wrap.a_unit .au_table .au_row.au_table_row_8, .au_outer_wrap.a_unit .au_table .au_row.au_table_row_10, .au_outer_wrap.a_unit .au_table .au_row.au_table_row_12 {
	background: #FFFFFF !important;
}

/* kill the top border of any .two_c_row that follows another .two_c_row */
.two_c_row + .two_c_row {
  border-top: none !important;
}

@media (max-width: 960px) {
  .cau_disclaimer_text .read-more {
    display: inline-block !important;
  }
}

@media (max-width: 960px) {
  .cau_disclaimer_text {
    /* center inline content */
    text-align: center;
    }
  .cau_disclaimer_text .read-more {
    /* make it its own inline‐block and auto‐margin */
    display: inline-block !important;
    margin: 0.5em auto 0;
  }
}





/* Hack to get template 5 stacked vertically and centered on mobile */

@media (max-width: 959px) {
  .au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus {
      display: flex !important;
   }
   .au_outer_wrap.a_unit.au_template-5 .au_table_wrap .au_table .au_row .au_col_logo-title-bonus .au_col_bonus .au_bonus .au_bonus_line {
    text-align: center;
   }
    .gtacb1 .au_outer_wrap.au_template-5 .au_table .au_row .au_col_logo img {
        max-width: 100%;
    }
}


/* Fix to buttons and promo code text not exactly center on mobile */

@media (max-width: 959px) {
    .au_col.au_col_bonus_code-button {
        margin-right: 0px;
    }
}

/* Min-width for every button to try make them uniform */

.au_subfield.au_col_button {
    min-width: 170px;
}


.promo-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.promo-code svg {
  margin-left: 0.4em; /* space between code and icon */
}


.au_subfield.au_col_bonus_code .text-container {
    display: flex;
    align-items: center;
    justify-content: center;  /* center its children */
    width: 100%;               /* fill its parent’s width */
}

/* Realised heading for template 2c had a HUGE ine-height */
.au_template-2 h2.au_table_title {
    line-height: 1.3;
}



/* Gap between log and bonus details for template 5b was too much on large screens*/

@media (min-width: 959px) {
/* 1) Make the logo/title/bonus cell a 3-column grid: logo + title + bonus */
.au_table_5b .au_row .au_col_logo-title-bonus {
  display: grid !important;
  grid-template-columns: max-content max-content 1fr !important;
  column-gap: 8px !important; /* <-- your “max gap” here */
  align-items: center !important;
}

/* 2) Ensure the bonus block can shrink */
.au_table_5b .au_col_logo-title-bonus .au_subfield.au_col_bonus {
  min-width: 0 !important;
}

/* 3) (optional) remove any stray margins from subfields */
.au_table_5b .au_col_logo-title-bonus .au_subfield {
  margin: 0 !important;
}

}

/* Lazy CSS: Important to make all the buttons the same as the theme */

.button.au_button, .au_template-2c .button.au_button, .gtacb1 .button, .au_outer_wrap.a_unit.au_template-3a .au_table .au_row .au_col_button a {
    cursor: pointer !important;
    border-radius: 2px !important;
    border: 1px solid var(--button-color, #f90303) !important;
    background-color: #f90303 !important;
    font-family: var(--font-1, "Clash Grotesk", "Arial", sans-serif) !important;
    font-weight: var(--font-weight-bold, 700) !important;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 1.125em !important;
    color: #fff !important;
    padding: calc(.6em + 2px) calc(1.25em) !important;
}

@media (max-width: 959px) {
.button.au_button, .au_template-2c .button.au_button, .gtacb1 .button, .au_outer_wrap.a_unit.au_template-3a .au_table .au_row .au_col_button a {
	    padding: calc(.5em + 2px) calc(1.333em + 2px) !important;
}
}


.button.au_button:hover,
.au_template-2c .button.au_button:hover,
.gtacb1 .button:hover,
.au_subfield.au_col_button:hover,
.au_outer_wrap.a_unit.au_template-3a .au_table .au_row .au_col_button a:hover {
    border-color: var(--border-color, color-mix(in srgb, #000 10%, transparent)) !important;
    background-color: #fff !important;
    color: var(--button-color, #f90303) !important;
}













/* Promo code override CSS as it was too hard to find */

.au_subfield .btn--regular {
    min-height: var(--button-regular-height, 40px);
}

.au_subfield .btn--white {
   background-color: #ffffff !important;
   border: none !important;
   box-shadow: none !important;
}

.au_subfield .btn--copy svg {
    width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    transform: translateY(-50%) !important;
}

.au_subfield .btn__txt {
    font-family: var(--font-1, "Clash Grotesk", "Arial", sans-serif);
    font-weight: var(--font-weight-bold, 700);
}

.au_subfield .text-container {
margin: 0 !important;
padding: 0 !important;
}

/* 1) Make the link fill the dashed-border container */
.au_subfield.au_col_bonus_code .btn--copy {
  display: flex !important;
  width: 100% !important;
  box-sizing: border-box !important;
  justify-content: center;
}

/* 2) Remove any stray margins on the link itself */
.au_subfield.au_col_bonus_code .btn--copy.btn {
  margin: 0 !important;
}

/* 3) Ensure the text-container isn’t introducing padding/gaps */
.au_subfield.au_col_bonus_code .text-container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}


/* Hover effects for promo code */

.au_col_bonus_code:hover {
  background-color: #F90303 !important;
  cursor: pointer;
}

.au_col_bonus_code:hover .btn--white,
.au_col_bonus_code:hover .au_subfield .btn--white {
  background-color: #F90303 !important;
}

/* Make all text white */
.au_col_bonus_code:hover,
.au_col_bonus_code:hover *,
.au_col_bonus_code:hover .btn__txt,
.au_col_bonus_code:hover .btn__sub-txt,
.au_col_bonus_code:hover .promo-code {
  color: #ffffff !important;
}

/* Only change the SVG stroke (outline), not the fill */
.au_col_bonus_code:hover svg path {
  stroke: #ffffff !important;
  fill: none !important;
}

/* Smooth transition */
.au_col_bonus_code,
.au_col_bonus_code * {
  transition: background-color 0.2s ease, color 0.2s ease, fill 0.2s ease, stroke 0.2s ease;
}

.au_subfield.au_col_bonus_code .btn--copy .btn__sub-txt {
    margin-bottom: 2px;
    text-transform: none;
    font-weight: var(--font-weight-regular, 400);
    line-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.au_subfield .btn--regular.btn--copy {
    padding-right: calc(var(--button-regular-height, 50px) * .5 + 20px);
}

.au_subfield .btn--regular {
   padding-left: calc(var(--button-regular-height, 25px) * .5);
}

.au_template-3 .au_subfield.au_col_bonus_code {
    margin-top: 20px;
}

@media (min-width: 959px) {
.au_template-3 .au_col.au_col_title-bonus {
    transform: translateY(-10px);
}
}


@media (max-width: 959px) {
.au_subfield span.up-to-tablet-landscape-only {
    font-size: 14px;
}
}

.au_subfield .cau_disclaimer_text {
    padding-top: 0px;
    padding-bottom: 0px;
}

#sfaCard .arrow .glyph {
  transform: translateY(-1px);
}

@media (min-width: 959px) {
.au_template-2c .au_col.au_col_bonus_code-button {
    margin-right: 0px;
}
.au_template-3 .au_outer_wrap.a_unit .au_table .au_row .au_col {
    margin-right: 1rem!important;
}
}

.gtacb1 img.attachment-amaff-small.size-amaff-small {
    max-width: 80px;
}



@media (max-width: 959px) {
span.clamped-text {
    font-size: 14px !important;
}
a.read-more {
    font-size: 14px !important;
}
}







.au_col.au_col_top-reasons ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.au_col.au_col_top-reasons ol li {
  position: relative;
  padding-left: 36px;      /* icon width (26px) + desired gap */
  margin: 0 0 0.5em 0;      /* remove any left-margin and add bottom spacing */
}

.au_col.au_col_top-reasons ol li::before {
  content: "";
  position: absolute;
  display: block;           /* allow width/height */
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: url('https://propscom.bigscoots-staging.com/wp-content/themes/props/dist/img/icons/check-white.svg')
              #009eff center/10px no-repeat;
}







/* Margin bottom on lists in template 5 */

.au_col.au_col_top-reasons ol {
    margin-bottom: 1em !important;
}

/* Just tidying up some random spacing issues */
.au_table.au_table_5b .au_col.au_col_logo-title-bonus {
    margin-bottom: 0.6em !important;
}

@media (min-width: 959px) {
/* This adds a small gap around logo when there's no terms for better padding */
	.no-cau-terms {
	    margin-top: 0.6em;
	    margin-bottom: 0.6em;
	}

	.au_table_5b .au_col_logo-title-bonus .au_subfield.no-cau-terms-temp5 {
	    margin-top: 0.6em !important;
	    margin-bottom: 0.6em !important;
	}
}

@media (max-width: 959px) {
	.au_template-2c img.attachment-amaff-small.size-amaff-small {
	    max-width: 80px;
	}
	.au_template-5 .au_subfield.au_col_logo {
    	   margin-top: 0px !important;
	}
        .gtacb1 .au_outer_wrap.au_template-1 .au_table .au_row {
           padding: 0.5rem 0;
    }
}

@media (min-width: 959px) {
	.button-spacing-right .au_col.au_col_bonus_code-button {
    		margin-right: 20px;
	}
}