/* eslint-disable */

@property --rotate {
	syntax: "<angle>";
	initial-value: 132deg;
	inherits: false;
}

.bonus-listing {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	max-width: 100%;
	overflow: hidden;
}

h1 + .bonus-listing,
.single-post__thumb + .bonus-listing {
	padding-top: 0;
}

.no-filter-spacing {
	display: block;
	height: 24px;
}

h1 + .bonus-listing .no-filter-spacing,
.single-post__thumb + .bonus-listing .no-filter-spacing {
	display: none;
}

.bonus-listing .age_gate_warning {
	display: flex;
	align-items: center;
	gap: 5px;
	opacity: 0.45;
}

.bonus-listing .age_gate_warning span {
	font-weight: 900;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: -0.01em;
	color: #FFFFFF;
}

.bl-card-grid {
	display: grid;
	grid-template-columns: 100px 5fr 2.4fr 2.4fr 2.4fr 2.7fr 24px;
	align-items: center;
	padding: 0 16px;
	gap: 16px;
}

.bl-card-grid>div {
	padding: 8px 0;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 22px;
	color: #1D2129;
}

.blna {
	color: #BEBEC7;
}

.bonus-card.hidden {
	display: none;
}

a.bonus-cta {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8.5px 6px 8.5px 8px;
	gap: 4px;
	border-radius: 4px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	color: #FFF;
	height: 36px;
	background: #1D4346;
	letter-spacing: -0.2px;
}

a.bonus-cta::after {
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(cta-helper.svg);
	background-size: initial;
	background-repeat: no-repeat;
}

.rollover-desktop-label {
	display: block;
}

.rollover-mobile-label {
	display: none;
}

.bonus-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}

.bl-labels {
	display: flex;
	gap: 4px;
}

.bl-labels .bl-category, .bl-labels .bl-promo {
	border-radius: 4px;
	padding: 1px 4px;
	font-family: 'Roboto Condensed',sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
}

.bl-card-expand {
	display: none;
	background-color: #F7F7F7;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #1D2129;
}

.bonus-card.in .bl-card-expand {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 16px;
	gap: 16px;
}

.bl-general_info, .bl-how_to_use {
	display: flex;
	flex-direction: column;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #1D2129;
}

.bl-general_info {
	display: block;
}

.bl-general_info a {
	color: #2878f0;
}

.bl-htu-step {
	display: grid;
	grid-template-columns: 20px auto;
	gap: 12px;
	margin-bottom: 4px;
	position: relative;
	line-height: 24px;
}

.htu-counter {
	width: 24px;
	height: 24px;
	border: 1px solid #12A96A;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #12A96A;
	font-size: 12px;
	line-height: 23px;
}

.bl-card-expand .section-heading {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #1D2129;
	background: #E1E3E7;
	padding: 6px 12px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.bl-section-info {
	background-color: #FFF;
	padding: 14px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.bl-section-info p:not(:last-of-type){
	margin-bottom: 8px;
}

.page-template-default .bonus-listing {
	padding-top: 60px;
	padding-bottom: 60px;
}

.page-template-default .bonus-listing.bl-dark-mode {
	padding-top: 120px;
	padding-bottom: 120px;
}

.bonus-listing.bl-with-filters {
	min-height: 420px;
}

.bonus-listing .container {
	position: relative;
}

.bl-main-title {
	display: flex;
	height: 60px;
	align-items: center;
	gap: 8px;
	margin-bottom: 30px;
}

.bl-main-title h2 {
	line-height: 36px;
}

.bonus-listing-wrapper {
	display: grid;
	grid-template-columns: 1fr;
}

.bonus-listing-wrapper .bonus-card {
	background-color: #FFF;
	border-bottom: 1px solid #E1E3E7;
}

.bonus-listing-wrapper .bonus-card:last-child {
	border-radius: 0 0 8px 8px;
	border-bottom: none;
}

.btd-mobile-filter-label {
	display: none;
}

.bl-sortings {
	display: grid;
	grid-template-columns: 100px 5fr 2.4fr 2.4fr 2.4fr 2.7fr 24px;
	background-color: #1D4346;
	border-radius: 8px 8px 0 0;
	border-bottom: 1px solid #E1E3E7;
	padding: 0 18px;
	gap: 16px;
}

.bls-expand-column {
	justify-content: end;
}

.bl-sortings>div {
	padding: 8px 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #ffffff;
	display: flex;
	align-items: center;
}

.bl-sortings .sortable {
	cursor: pointer;
}

.bl-sortings .sortable::after {
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(./sort-arrow.svg);
	background-size: initial;
	background-repeat: no-repeat;
	background-position: 50%;
}

.sort-by-data-betting-site-asc .bl-sortings .bls-brand::after,
.sort-by-data-rollover-asc .bl-sortings .bls-rollover::after,
.sort-by-data-minimum_deposit-asc .bl-sortings .bls-min_deposit::after,
.sort-by-data-minimum_odds-asc .bl-sortings .bls-ods::after,
.sort-by-data-value-asc .bl-sortings .bls-value::after
{
	background-image: url(./sorted-arrow.svg);
	transform: rotate(180deg);
}

.sort-by-data-betting-site-desc .bl-sortings .bls-brand::after,
.sort-by-data-rollover-desc .bl-sortings .bls-rollover::after,
.sort-by-data-minimum_deposit-desc .bl-sortings .bls-min_deposit::after,
.sort-by-data-minimum_odds-desc .bl-sortings .bls-ods::after,
.sort-by-data-value-desc .bl-sortings .bls-value::after
{
	background-image: url(./sorted-arrow.svg);
}

.entry-header + .bonus-listing {
	margin-top: -15.77778rem;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.entry-header + .bonus-listing, .bonus-listing.bl-dark-mode {
	background-color: transparent;
}

.bonus-filters  {
	display: flex;
	justify-content: flex-end;
	padding: 4px 0;
}

.bonus-listing .bl-filters, .bonus-listing .bl-sorters {
	color: #1d2129;
}

.bl-flex-inner {
	display: flex;
	gap: 6px;
}

.expand-card {
	content: '';
	width: 32px;
	height: 32px;
	background-image: url(./caret-2.svg);
	background-size: 10px;
	background-position: 50%;
	background-repeat: no-repeat;
}

.bonus-card.in .expand-card {
	transform: rotate(180deg);
	background-image: url(./caret-2-green.svg);
}

.bl-sort-label, .bl-filters-label {
	font-weight: 400;
}

.bonus-listing .bl-search svg path {
	fill: #1d2129;
}

.entry-header + .bonus-listing .bl-search {
	color: #FFF;
}

.entry-header + .bonus-listing .bl-search svg path {
	fill: #FFF;
}

.bl-filters {
	display: flex;
	gap: 16px;
	width: 50%;
	position: relative;
	justify-content: end;
}

.bl-sorters {
	width: 50%;
	justify-content: end;
}

.bl-search-input {
	padding-left: 12px;
	width: 100%;
	height: 30px;
	font-size: 16px;
	white-space: preserve-spaces;
	cursor: text;
}

.bl-searching .bl-search-input::after {
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(./close-b.svg);
	float: right;
	cursor: pointer;
	padding: 15px 12px;
	background-size: initial;
	background-repeat: no-repeat;
	background-position: center;
}

.entry-header + .bonus-listing .bl-searching .bl-search-input::after,
.bl-dark-mode .bl-searching .bl-search-input::after{
	background-image: url(./close.svg);
}

.bl-search {
	display: flex;
	width: 100%;
	align-items: center;
	border-bottom: 1px solid #1D21293D;
	padding-bottom: 4px;
}

.bl-search-icon {
	cursor: pointer;
	margin-top: 5px;
}

.entry-header + .bonus-listing .bl-search {
	border-bottom: 1px solid rgba(255,255,255,0.25);
}

.bonus-listing .bl-searching .bl-search {
	border-bottom: 1px solid #12A96A;
}

.bonus-type-label {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 18.75px;
	text-align: left;
	display: flex;
	align-items: center;
	padding: 3px 4px;
	border-radius: 4px;
	cursor: pointer;
}

.bonus-type-label span {
	color: #1D2129;
	margin: 4px;
	text-transform: uppercase;
}

.bonus-type-label .carret path {
	fill: #1D2129;
}

.bonus-type-label::before {
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(./gift-dark.svg);
	float: left;
	background-size: initial;
	background-repeat: no-repeat;
	background-position: left center;
}


.entry-header + .bonus-listing .bonus-type-label span,
.bonus-listing.bl-dark-mode .bonus-type-label span {
	color: #FFF;
}

.entry-header + .bonus-listing .bonus-type-label::before,
.bonus-listing.bl-dark-mode .bonus-type-label::before {
	background-image: url(./gift-white.svg);
}

.entry-header + .bonus-listing .bonus-type-label .carret path,
.bonus-listing.bl-dark-mode .bonus-type-label .carret path
{
	fill: #FFF;
}


.bonus-types-tabs.in .bonus-type-label {
	background-color: #12A96A3D;
}

.bonus-types-tabs.in .bonus-type-label::before {
	background-image: url(./gift-green.svg);
}

.bonus-types-tabs.in .bonus-type-label span {
	color: #12A96A;
}

.bonus-types-tabs.in .bonus-type-label svg {
	transform: rotate(180deg);
}

.bonus-types-tabs.in .bonus-type-label svg path {
	fill: #12A96A;
}

.bonus-types-tabs {
	display: flex;
	gap: 16px;
	flex-direction: column;
	position: relative;
	z-index: 4;
}

.bonus-types-dropdown {
	display: none;
	flex-direction: column;
	position: absolute;
	top: 40px;
	background-color: #FFF;
	width: 270px;
	border-radius: 4px;
	padding: 8px 0;
	box-shadow: 0 16px 40px 0 #29292F29;
	right: 0;
}

.btd-divider {
	height: 1px;
	background-color: #EEE;
	margin: 4px auto;
	width: calc(100% - 30px);
}

.bonus-types-tabs.in .bonus-types-dropdown {
	display: flex;
}

.bonus-types-tabs button {
	padding: 10px 16px;
	color: #1D2129;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	text-align: left;
	height: 40px;
	text-transform: uppercase;
}

.bonus-types-tabs button.active {
	color: #12A96A;
}
.bonus-types-tabs button.active::after {
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(./check.svg);
	float: right;
	background-size: initial;
	background-repeat: no-repeat;
	background-position: center;
}

.bl-no-results {
	background: #fff;
	padding: 24px 24px 32px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	margin: 50px auto;
	border-radius: 6px;
	display: none;
	max-width: 100%;
	align-items: center;
	gap: 8px;
	flex-direction: column;
}

.bl-not-found {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 26px;
	text-align: center;
	display: block;
	margin: 16px 0 8px;
}

.bl-no-results.active {
	display: flex;
}

.bl-show-more {
	display: flex;
	padding: 14px 0;
	margin-top: 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	align-self: stretch;
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
	color: #12A96A;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; /* 125% */
	text-transform: uppercase;
	cursor: pointer;
}

.is-filtered .bl-show-more {
	display: none;
}

.bl-search-input br {
	display: none;
}

.fixed-sorters .bnl_heading {
	padding-bottom: 40px;
}

.content-area:not(.single-post) .fixed-sorters .bl-sortings {
	position: fixed;
	top: 0;
	z-index: 4;
	width: 100%;
	max-width: 1164px;
}

header.header.nav-down + main section .bl-sortings {
	top: 68px;
}

.bl-betting_site a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: normal;
}

.no-min-odds .bls-ods,
.no-min-odds .bl-minimum_odds,
.no-min-deposit .bls-min_deposit,
.no-min-deposit .bl-minimum_deposit
{
	display: none;
}

.no-min-odds .bl-sortings,
.no-min-odds .bl-card-grid,
.no-min-deposit .bl-sortings,
.no-min-deposit .bl-card-grid {
	grid-template-columns: 100px 7fr 3.1fr 3.1fr 4.8fr 24px;
}

.bl-card-grid .expand-card {
	margin-left: -5px;
}

.no-min-odds.no-min-deposit .bl-sortings,
.no-min-odds.no-min-deposit .bl-card-grid
{
	grid-template-columns: 100px 7fr 3fr 5fr 24px;
}

.single-post .bl-logo {
	width: 100%;
}

.single-post  a.bonus-cta {
	font-size: 14px;
	line-height: 15px;
	padding: 9px 6px 9px 8px;
}

.single-post  .bonus-title {
	font-size: 14px;
	line-height: 18px;
}

.single-post  a.bonus-cta.bl-secondary {
	font-size: 12px
}

.single-post .bl-card-grid>div {
	min-width: 0;
}

@media (min-width: 768px) {
	.bonus-listing .bnl_heading {
		display: flex;
		margin: 24px 0;
		gap: 16px;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	.bonus-filters {
		width: 270px;
	}

	.bl-show-more:hover {
		color: #FFF;
		background: #0E8C58;
	}

	.bl-show-more:hover svg path {
		fill: #FFF;
	}

	.bl-brand-mobile, .bl-mobile-title {
		display: none;
	}

	.bl-betting_site {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 42px;
		background: #FFFFFF;
		box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
		border-radius: 6px;
	}

	.bl-betting_site .bl-logo img {
		padding: 0 8px;
		object-fit: contain;
		height: 100%;
		object-position: center;
		margin: 0 auto;
		/* filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.15)); */
	}
}

@media (min-width: 1209px) {
	.entry-header + .bonus-listing {
		margin-top: -21rem;
	}

	.bonus-filters  {
		width: 270px;
	}

	.bl-labels .bl-category, .bl-labels .bl-promo {
		background: #12A96A1A;
		color: #12A96A;
	}
}

@media (max-width: 1210px) {
	.bl-card-grid>div {
		font-size: 14px;
		line-height: 20px;
	}

	.bl-title .bonus-title {
		font-size: 14px;
		line-height: 20px;
	}

	.bl-sortings>div {
		font-size: 14px;
		line-height: 18px;
	}
}

@media (min-width: 768px) and (max-width: 1210px) {
	.bonus-card.in .bl-card-expand {
		grid-template-columns: 1fr 1.1fr;
		gap: 12px;
	}

	.bonus-listing .bl-sortings {
		grid-template-columns: 100px 30% 9% 14% 16% 24px;
	}

	.bonus-listing .bl-card-grid {
		grid-template-columns: 100px 31% 8% 10.8% 21% 24px;
	}

	.bl-sortings .bls-value {
		justify-content: center;
	}

	.bl-sortings .bls-ods, .bl-minimum_odds {
		display: none;
	}

	.fixed-sorters .bl-sortings {
		max-width: 720px;
	}
}

@media (max-width: 768px) {
	.bonus-listing .bnl_heading {
		margin: 16px -15px;
		padding: 0 16px;
		gap: 16px;
		display: flex;
		flex-direction: column;
	}

	a.bonus-cta.bl-secondary {
		font-size: 13px;
		line-height: 12px;
	}

	.rollover-desktop-label {
		display: none;
	}

	.rollover-mobile-label {
		display: block;
	}

	.bl-search-input {
		height: 24px;
	}

	.htu-counter {
		width: 14px;
		height: 14px;
		font-size: 10px;
		line-height: 14px;
		margin-top: 3px;
	}

	.bl-htu-step {
		line-height: 20px;
	}

	.bl-htu-step:not(:last-of-type) {
		padding-bottom: 16px;
	}

	.bl-htu-step::after {
		content: '';
		width: 4px;
		background-color: #E1E3E7;
		border-radius: 4px;
		position: absolute;
		left: 4px;
		height: calc(100% - 24px);
		top: 24px;
	}

	.bl-htu-step:last-child::after {
		display: none;
	}

	.single .bonus-listing {
		margin-left: -15px;
		padding-left: 15px;
		margin-right: -15px;
		padding-right: 15px;
	}

	.single-post .bonus-listing {
		max-width: 100vw;
	}

	.bl-list-wrapper-container {
		padding-left: 8px;
		padding-right: 8px;
	}

	.bonus-listing-wrapper {
		margin: 0 -15px;
		border-radius: 0;
	}

	.bl-logo {
		display: none;
	}

	.bl-brand-mobile {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		margin-bottom: -22px;
	}

	.bl-brand-mobile img {
		width: 28px;
		height: 28px;
		border-radius: 4px;
		margin-right: 8px;
	}

	.bl-brand-mobile .brand-name-wrapper {
		overflow: hidden;
		width: 70px;
	}

	.bl-brand-mobile .brand-name-wrapper span {
		font-family: 'Roboto Condensed', sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		line-height: 20px;
		color: #1D2129;
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		-moz-animation: backAndForth 5s linear infinite;
		-webkit-animation: backAndForth 5s linear infinite;
		animation: backAndForth 5s linear infinite;
		word-wrap: nowrap;
		white-space: nowrap;
		overflow: visible !important;
		min-width: 70px;
		display: inline-block;
	}

	.bl-no-brand-squared-logo {
		width: 28px;
		height: 28px;
		background-color: #1D2129;
		border-radius: 4px;
		margin-right: 8px;
	}

	.bl-betting_site a {
		margin-top: -10px;
	}

	.bonus-listing .bl-card-grid {
		grid-template-columns: 81px 40px 72px calc(100% - 254px) 32px;
		padding: 14px 18px;
		gap: 8px;
	}

	.single-post .bonus-listing .bl-card-grid {
		padding: 14px 15px;
		max-width: 100vw;
	}

	.bl-card-grid>div {
		padding: 0;
		line-height: 18px;
	}

	.bl-card-grid .bl-title, .bonus-listing:not(.no-min-deposit) .bl-card-grid .bl-minimum_odds {
		display: none;
	}

	.bl-card-grid .expand-card {
		width: 32px;
		margin-left: 2px;
	}

	.bonus-listing .bl-sortings {
		grid-template-columns: 80px 40px 72px calc(100% - 256px) 32px;
		margin: 0 -8px;
		border-radius: 0;
		gap: 8px;
		background-color: #1D4346;
		padding: 0 12px;
	}

	.bonus-listing.no-min-deposit.no-min-odds .bl-card-grid,
	.bonus-listing.no-min-deposit.no-min-odds .bl-sortings {
		grid-template-columns: 70px 70px calc(100% - 194px) 32px;
	}

	.bl-sortings>div {
		color: #FFF;
		line-height: 23px;
	}

	.bl-sortings .bls-title, .bonus-listing:not(.no-min-deposit) .bl-sortings .bls-ods {
		display: none;
	}

	.bonus-card.in .bl-card-expand {
		grid-template-columns: 1fr;
	}

	.bonus-types-tabs.in::before {
		content: '';
		background-color: rgba(0, 0, 0, 0.6);
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.bonus-types-tabs.in .bonus-types-dropdown {
		position: fixed;
		bottom: 0;
		padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
		top: unset;
		left: 0;
		width: 100vw;
		border-radius: 0;
		z-index: 9999;
	}

	.btd-mobile-filter-label {
		display: block;
		padding-bottom: 4px;
	}

	.btd-mobile-filter-label span {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 28px;
		font-weight: 700;
		line-height: 42px;
		letter-spacing: -0.01em;
		text-align: left;
		padding-left: 16px;
	}

	.btd-mobile-filter-label svg {
		float: right;
		margin: 8px 16px;
	}

	.bl-title .bonus-title {
		margin-bottom: 4px;
	}

	.bl-bonus::after {
		display: none;
	}

	.bl-bonus:hover:after {
		top: 3px;
		height: 32px;
	}

	.bl-mobile-title .bonus-title {
		font-size: 16px;
		line-height: 24px;
		background: rgba(18, 169, 106, 0.1);
		margin: -8px -9px 16px;
		padding: 4px;
		color: #12A96A;
		text-align: center;
	}

	.bl-mobile-title .bl-category {
		background-color: #E3E4E6;
	}

	.bonus-card.in .bl-card-expand {
		padding: 8px 16px 16px;
	}

	@keyframes backAndForth {
		0% {
			transform: translateX(0);
		}
		10% {
			transform: translateX(0);
		}
		45% {
			transform: translateX(calc(70px - 100%));
		}
		55% {
			transform: translateX(calc(70px - 100%));
		}
		90% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(0);
		}
	}
}


.bonus-listing [placeholder]:empty::before {
	content: attr(placeholder);
	color: #bbb;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

.entry-header + .bonus-listing [placeholder]:empty::before,
.bonus-listing.bl-dark-mode [placeholder]:empty::before {
	color: rgba(255, 255, 255, 0.40);
}

.bonus-listing [placeholder].bl-category-find:empty::before,
.bonus-listing [placeholder].bl-provider-find:empty::before {
	color: #bbb;
}


@keyframes makeactive {
	0% {
		z-index: -1;
	}
	100% {
		z-index: 2;
	}
}