:root {
	--primary-dark: #070952;
	--primary: #242667;
	--primary-light: #4448b1;
	--accent-dark: #0075ff;
	--accent: #0075ff;
	--accent-light: #fac172;
	--cta: #0075ff;
	--cta-dark: #0c5cb9;
	--soon: #ff511c;
	--soon-dark: #e46139;
	--light-grey: #707070;
	--very-light-grey: #eaf2fc;
	--very-light-orange: #fff3e2;
}

html {
	scroll-behavior: smooth;
}

body {
	font-size: 16px;
	overflow-x: hidden;
}

/* *****************************************************
Typography
***************************************************** */
h1,
h2,
h3,
h3,
h4,
h5,
h6 {
	font-family: var(--ff-bold);
	margin-bottom: 18px;
}
.ff-bold {
	font-weight: bold;
}
.hero-home a {
	font-weight: bold;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.hero-home a:hover {
	color: var(--primary-light);
	text-decoration: none;
}
.fz-18 {
	font-size: 18px;
}

.casinoreview h1,
.casinoreview h2,
.casinoreview h3,
.casinoreview h4,
.casinoreview h5,
.casinoreview h6 {
	font-weight: bold;
}

/* *****************************************************
General classes
***************************************************** */
.fixed-top {
	position: relative;
	height: 60px;
}

.zindex99 {
	z-index: 99;
}

.mt-nav {
	margin-top: 0;
}

.fontintro {
	font-size: 20px;
	font-weight: bold;
}

.fade-hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.relative {
	position: relative;
}
.icon {
	display: inline-block;
	line-height: 1;
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 16px;
}
.lh {
	line-height: 1.8;
}
.bb {
	border-bottom: 10px solid var(--primary-light);
}
.bt {
	border-top: 10px solid var(--primary-light);
}
.btn-round {
	border-radius: 30px;
}
@media (min-width: 1024px) {
	.mt-nav {
		margin-top: 80px;
	}
	.fixed-top {
		position: fixed;
	}
}

.brandlogo {
	width: 150px;
	height: 30px;
}

.alertdisplay {
	background: var(--very-light-orange);
	border-bottom: 3px solid #ddd;
	border-radius: 1rem;
	text-align: center;
}

/* *****************************************************
Colors
***************************************************** */
.primary {
	color: var(--primary) !important;
}
.accent {
	color: var(--accent);
}
.accent-dark {
	color: var(--accent-dark);
}
.cta {
	color: var(--cta);
}
.bg-primary {
	background-color: var(--primary) !important;
}
.bg-primary-light {
	background-color: var(--primary-light);
}
.bg-accent {
	background-color: var(--accent);
}
.bg-accent-light {
	background-color: var(--accent-light);
}
.bg-cta {
	background-color: #0075ff;
}
.bg-cta:hover {
	background-color: #0a5ebe;
}

.bg-soon {
	background-color: var(--soon);
}
.bg-soon:hover {
	background-color: var(--soon-dark);
}

.bg-very-light-grey {
	background-color: var(--very-light-grey);
}

.bg-very-light-orange {
	background-color: var(--very-light-orange);
}

.bg-gradient-orange {
	background: #000000;
}

.bg-gradient-orange h2,
.bg-gradient-orange p,
.bg-gradient-orange h3 {
	color: white;
}

.bg-pattern10 {
	background: url(../images/pattern10.png) repeat;
}

.fill-accent {
	fill: var(--accent);
}
.fill-yellow {
	fill: #fbba00;
}
.fill-grey {
	fill: var(--light-grey);
}
.fill-white {
	fill: #fff;
}
.fill-green {
	fill: #23c468;
}
.fill-red {
	fill: #ee2737;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--accent-dark);
}

.btn-wit {
	font-size: 14px;
	color: #fff;
	background: none;
	text-transform: uppercase;
	border: 2px solid white;
}

.btn-wit:hover {
	background: white;
	color: #000;
}

/* *****************************************************
To top icon
***************************************************** */
#toTop {
	display: none;
	position: fixed;
	bottom: 25px;
	right: 25px;
	cursor: pointer;
	z-index: 999;
	border-radius: 50%;
	padding: 0.3rem;
	background-color: var(--accent-dark);
	width: 45px;
	height: 45px;

	justify-content: center;
	align-items: center;
}

#toTop:hover {
	background-color: var(--accent);
}

.to-top {
	border-radius: 50%;
	width: 25px;
	height: auto;
}

.default_stickycta #toTop {
	bottom: 85px;
}

/* *****************************************************
Navigation
***************************************************** */
.nav-logo img {
	height: 70px;
}
.dropdown {
	z-index: 1100;
}
.nav-link {
	color: #3b3b3b;
	font-weight: normal;
	border-bottom: 1px solid #eee;
}
.nav-link:hover {
	color: var(--accent);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.quicknav .navbar-light .navbar-nav .nav-link:hover {
	color: var(--accent-dark);
}

.dropdown-menu {
	background-color: var(--accent);
	padding: 0;
}
.dropdown-item {
	text-transform: none;
	font-size: 12px;
	color: #fff;
	padding: 0.5rem 1rem;
}
.dropdown-item: hover {
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler {
	background: #ddd;
	border: 1px solid #ddd;
}

.navbar-collapse {
	margin-left: 20px;
}

.navicon {
	margin-bottom: 2px;
	margin-right: 5px;
}

@media (min-width: 992px) {
	.fixed-top .navbar-nav .nav-link {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		background: #f6f6f6;
		border-radius: 0.25rem;
		margin: 0 5px;
		border: none;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		white-space: nowrap;
	}

	.fixed-top .navbar-nav .nav-link:hover {
		background: #dcdcdc;
	}
}

/* *****************************************************
Breadcrumbs
***************************************************** */

.breadcrumbs {
	background: #f7f7f7;
	border-bottom: solid 1px #e8e8e8;
	font-size: 14px;
}
.breadcrumb {
	background: none;
	margin-bottom: 0;
}
.breadcrumb a {
	color: var(--accent-dark);
}

.newsoverview .breadcrumbs {
	margin-top: 0px !important;
}

.breadcrumbs {
	margin-top: 0px;
}

.default-wrapper-header .breadcrumbs {
	margin-top: 0px;
}
.default_stickycta-header .breadcrumbs {
	margin-top: 0px;
}
.bladeoverview .breadcrumbs {
	margin-top: 0px;
}
.casinoreview .breadcrumbs {
	margin-top: 0px;
}
.gamereview-live .breadcrumbs {
	margin-top: 0px;
}
.gamereview .breadcrumbs {
	margin-top: 0px;
}

@media (min-width: 1024px) {
	.breadcrumbs {
		margin-top: 60px;
	}
}

/* *****************************************************
Home
***************************************************** */
.bg-hero-home {
	/*background: url(/img/cashomatic_clientarea_featured.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;*/
	padding: 50px 0;
	background: #1063fd;
}
.hero-home h1 {
	color: #fff;
}

small {
	font-size: 0.8em !important;
}

.tab-link h2 {
	color: var(--accent);
	font-size: 18px;
}

.navbar {
	padding: 10px 0;
}
.navbar-brand {
	padding: 0;
	font-size: 1px;
}

.nav-tabs .nav-link {
	background-color: #eee;
	border: none;
	margin-right: 5px;
	margin-bottom: 15px;
	border-radius: 0.25rem;
	font-size: 14px;
}

.nav-tabs .nav-link:hover {
	border: none;
}

.nav-tabs .nav-link.active {
	background-color: var(--accent);
	border: none;
	color: #fff;
}

.nav-tabs .nav-link a {
	font-weight: bold;
}

.nav-tabs .nav-link.active h2 {
	color: #fff;
}
.nav-tabs {
	border-bottom: none;
}

.tab-pane {
	border-radius: 0.25rem;
}

.tab-pane a,
ul li a,
.ctalink,
p a,
table a,
ol li a {
	color: var(--accent);
	font-weight: bold;
}
.tab-pane a:hover,
.ctalink:hover,
a:hover {
	color: var(--cta);
	text-decoration: none;
}

.tab-content img {
	display: none;
}

@media (min-width: 768px) {
	.tab-content img {
		display: inline;
	}
}

blockquote {
	background: #fdf1ec;

	padding: 20px;
	padding-left: 50px;
	box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(#000, 0.12);

	position: relative;
	overflow: hidden;
	min-height: 120px;
	font-style: italic;
}

.sportweddenschap {
	background: url(../images/voetbal-bg.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	color: #fff;
	overflow: hidden;
}

.sportweddenschap h2,
.sportweddenschap h3,
.sportweddenschap h4 {
	color: white;
	font-weight: bold;
}

.sportweddenschap {
	position: relative;
}

.sportweddenschap::after {
	content: '';
	background-image: url('../images/top-10-voetbal.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 795px;
	left: 6%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.mobilebottom300 {
	margin-bottom: 300px;
}

@media (min-width: 768px) {
	.sportweddenschap::after {
		content: '';
		background-image: url('../images/top-10-voetbal.png');
		background-repeat: no-repeat;
		position: absolute;
		top: 20px;
		left: 55%;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.mobilebottom300 {
		margin-bottom: 0px;
	}
}

.onlinebingo {
	background: url(../images/bingoballen.png),
		radial-gradient(
			circle,
			rgba(181, 171, 220, 1) -12%,
			rgba(115, 28, 245, 1) 0%,
			rgba(107, 69, 125, 1) 100%
		);
	background-position: bottom left;
	background-repeat: no-repeat;

	color: #fff;
	overflow: hidden;
	padding-bottom: 165px !important;
}

@media (max-width: 767px) {
	.onlinebingo {
		background-position: calc(-200px) bottom, center;
	}
}

.onlinebingo h2,
.onlinebingo h3,
.onlinebingo h4 {
	color: #fff;
	font-weight: bold;
}

.onlinebingo {
	position: relative;
}

.poker {
	background: url(../images/bg-poker.png) repeat;
	color: #fff;
	overflow: hidden;
}

.poker h2,
.poker h3,
.poker h4 {
	color: white;
	font-weight: bold;
}

.poker {
	position: relative;
}

.poker::after {
	content: '';
	background-image: url('../images/pokerkaarten-pokerchips.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 680px;
	left: 6%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.mobilebottom300 {
	margin-bottom: 300px;
}

@media (min-width: 768px) {
	.poker::after {
		content: '';
		background-image: url('../images/pokerkaarten-pokerchips.png');
		background-repeat: no-repeat;
		position: absolute;
		top: 20px;
		left: 55%;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.mobilebottom300 {
		margin-bottom: 0px;
	}
}

.bg-elements {
	background: #ff6c06 url(../images/bg-orange.png);
	border-radius: 0 1rem 1rem 0;
}
.section-block__wrapper {
	background-color: var(--white);
	border-bottom: 3px solid #ddd;
	border-radius: 1rem;
}
.section-block__wrapper > div {
	padding: 25px;
}
.section-block__wrapper > div:first-child {
	flex: 1 0 70%;
}
.section-block__wrapper > div:last-child {
	flex: 1 0 30%;
	gap: 3rem;
}
.section-block__wrapper > div:last-child img {
	width: auto;
	max-width: 100%;
}
@media (max-width: 768px) {
	.bg-elements {
		border-radius: 1rem 1rem 0 0;
	}
	.section-block__wrapper {
		flex-direction: column-reverse;
	}
}

/* *****************************************************
Table
***************************************************** */

.tablelogo {
	padding: 5px;
	text-align: center;
}
.tablelogo img {
	max-height: 25px;
	width: auto;
}

.table-license,
table {
	font-size: 14px;
}

/* *****************************************************
Buttons
***************************************************** */
.btn-primary {
	color: #808080;
	border: #808080 3px solid;
	background: none;
	border-radius: 10px;
}
.btn-primary:hover {
	color: #fff;
	background: var(--accent-dark);
	border: var(--accent-dark) 3px solid;
}

.btn-white {
	color: green;
	border: none;
	background: white;
	border-radius: 10px;
	font-weight: bold;
}
.btn-white:hover {
	color: #fff;
	background: var(--accent-dark);
	border: none;
}

/* *****************************************************
Pros and Cons
***************************************************** */
.voordelen,
.nadelen {
	border: none;

	font-size: 15px;
	font-weight: bold;
}

.voordelen ul,
.nadelen ul {
	list-style: none;
	padding: 0;
}

.voordelen li,
.nadelen li {
	margin-bottom: 5px;
}
.voordelen {
	background: #e0ffe0;
}
.nadelen {
	background: #ffe0e0;
}

.voordelen ul li:before {
	content: '✓';
	color: green;
	margin-right: 10px;
}

.nadelen ul li:before {
	content: '❌';
	color: red;
	margin-right: 10px;
}

/* *****************************************************
Ranking casino
***************************************************** */

.cl-logo {
	position: relative;
	overflow: hidden;
	border-radius: 0.25rem 0rem 0rem 0.25rem !important;
}

.bg-very-light-grey .bg-very-light-grey {
	background: white;
}

.ribbon-black {
	position: absolute;
	top: 55px;
	left: 8px;
	padding: 2px 5px;
	background-color: #c42b2b;
	color: #ffffff;
	font-weight: bold;
	transform-origin: top left;
	z-index: 2;
	font-size: 11px;
}

.ribbon-black {
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
	to {
		visibility: hidden;
	}
}
@-webkit-keyframes blink-animation {
	to {
		visibility: hidden;
	}
}

.ribbon-badge {
	position: absolute;
	top: 53px;
	left: -24px;
	padding: 5px 30px;
	background-color: green;
	color: #ffffff;
	font-weight: bold;
	transform: translateY(-50%) rotate(-45deg);
	transform-origin: top left;
	z-index: 2;
	font-size: 11px;
}

.ribbon-badge-small {
	position: absolute;
	top: 40px;
	left: -24px;
	padding: 5px 27px;
	background-color: green;
	color: #ffffff;
	font-weight: bold;
	transform: translateY(-50%) rotate(-45deg);
	transform-origin: top left;
	z-index: 2;
	font-size: 11px;
}

@-webkit-keyframes flow {
	0% {
		left: -20px;
		opacity: 0;
	}
	50% {
		left: 100px;
		opacity: 0.3;
	}
	100% {
		left: 180px;
		opacity: 0;
	}
}

@keyframes flow {
	0% {
		left: -20px;
		opacity: 0;
	}
	50% {
		left: 100px;
		opacity: 0.3;
	}
	100% {
		left: 180px;
		opacity: 0;
	}
}

.glow {
	background: rgb(255, 255, 255);
	width: 40px;
	height: 100%;
	z-index: 3;
	position: absolute;
	-webkit-animation: flow 1.5s linear infinite;
	-moz-animation: flow 1.5s linear infinite;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 1%,
		rgba(255, 255, 255, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	border-left: 1px solid #fff;
	top: 1px;
}

.topcta {
	background-color: #f03333;
	color: #fff;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 5px;
	white-space: nowrap;
}

.topcta-orange {
	background-color: #ffa03b;
	color: #fff;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 5px;
}

.topcta-vip {
	box-shadow: 0px 0px 3px 0px #3dc21b;
	background-color: #44c767;
	border-radius: 18px;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	padding: 2px 14px;
	text-decoration: none;
}

.wh-100 {
	width: 100%;
	height: 100%;
}
.cl-rank {
	font-size: 1.5rem;
	background: var(--accent);
	color: #fff;
}

.cl-logo {
	min-height: 85px;
}
/** .cl-logo img {max-width: 120px;} **/

.cl-review {
	font-size: 14px;
	color: #fff;
	background: #fa6537;
	text-transform: uppercase;
}

.cl-review:hover {
	background: var(--accent-dark);
}

.cl-reviewlink {
	font-size: 14px;
	color: var(--primary);
}

.cl-name {
	font-size: 15px;
	color: black;
	font-weight: bold;
}

.casinoblocks .bonusspecs {
	min-height: 60px;
}
.casinoblocks .card-footer {
	border-top: 2px solid #e3e3e3;
	background: none;
}
.casinoblocks .card-footer a {
	text-decoration: underline;
	color: var(--accent);
}
.casinoblocks strong,
.casinoblocks p {
	color: black;
}

.casinoblocks .blockcaslogo {
	height: 55px;
}
.casinoblocks .blockcaslogo img {
	max-height: 45px;
	width: auto;
}

/* *****************************************************
Content Block BTN cards
***************************************************** */
.contentblockbtn {
	background-color: var(--very-light-grey);
	border-bottom: 3px solid #ddd;
	border-radius: 1rem;
	padding: 20px 10px;
}

/* *****************************************************
article grids
***************************************************** */

.articles-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.articles-grid .article-card {
	width: calc(50% - 8px);
}
@media (max-width: 500px) {
	.articles-grid .article-card {
		width: 100%;
		display: block;
		padding-bottom: 16px;
		border-bottom: 2px solid #e3e3e3;
	}
	.articles-grid .article-card:last-child {
		border: 0;
		padding-bottom: 0;
	}
	.articles-grid .article-card__title {
		margin-bottom: 0 !important;
	}
	.articles-grid .article-card__thumbnail {
		display: block;
		width: 90px;
		height: 90px;
		float: left;
		margin-right: 10px;
	}
	.articles-grid .article-card__bottom {
		flex-direction: column-reverse;
		gap: 4px;
	}
}
.article-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.article-card__thumbnail {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 2.09 / 1;
	overflow: hidden;
	border-radius: 4px;
	margin: 0;
}
.article-card__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	border-radius: 4px;
	position: absolute;
	transition: transform 0.5s ease 0s;
	transform: scale(1);
}
.article-card:hover img {
	transform: scale(1.05);
}
.article-card__title {
	color: #000;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.02em;
	margin: 0;
}
.articles-grid .article-card__title {
	margin-bottom: -6px;
}
.article-card__description {
	color: var(--gray);
}
.article-card__bottom {
	display: flex;
	gap: 16px;
	align-items: baseline;
	margin-block-start: auto;
}
.article-card__bottom > a {
	color: var(--accent);
	font-weight: 500;
}
.article-card__bottom > a:hover {
	color: #000;
	transition: all 0.5s;
}
.article-card__date {
	color: var(--gray);
	font-size: 14px;
}

/* *****************************************************
Game cards
***************************************************** */
.card {
	border: 0px;
	border-bottom: 3px solid #ddd;
	border-radius: 1rem;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.gamecard {
	position: relative;
	opacity: 0;
	animation: fadeIn 1s ease-in-out forwards;
}

.gamecard a {
	display: block;
	position: relative;
}

.gamecard a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.2);
	opacity: 0;
	transition: opacity 0.3s;
}

.gamecard a:hover::before {
	opacity: 1;
}

.gamecard .softlable {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 11px;
	border-radius: 0.25rem;
	font-weight: bold;
	padding: 5px;
	top: 5px;
	right: 5px;
}

.gamecard .bottom-overlay {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 11px;
	font-weight: bold;
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	padding: 5px 9px;
	left: 0;
	bottom: 0;
	right: 0;
}

.game-card-content {
	position: relative;
	margin: auto;
	overflow: hidden;
	border-radius: 10px;
}
.game-card-content .game-card-content-overlay {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	height: 99%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.game-card-content:hover .game-card-content-overlay {
	opacity: 1;
}
.game-card-content-image {
	width: 100%;
}
.game-card-content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.game-card-content:hover .game-card-content-details {
	top: 50%;
	left: 50%;
	opacity: 1;
}
.game-card-content-details p {
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.game-card-content-title {
	margin-bottom: 0.5em;
	font-size: 18px;
}
.sub-game-card-content-title {
	font-size: 14px;
}
.game-card-fadeIn-bottom {
	top: 80%;
}

.softwareimg {
	padding: 5px;
	background: white;
}

.productdetail img {
	border-radius: 10px;
}
.productdetail .productname {
	font-size: 20px;
}

.gamelistingtop {
}

.ribbonwrapper {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 74px;
	height: 85px;
}

.ribbon {
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 12px;
	left: -8px;
	width: 120px;
	padding: 1px;
	color: #fff;
	text-align: center;
	background-color: var(--cta);
	text-transform: uppercase;
	z-index: 2;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

/* *****************************************************
CasinoSubOrange
***************************************************** */

.casinosuborange {
	background: url(../images/bg-orange.png);
	color: white;
}

.casinosuborange .ratingcontainer {
	display: inline;
	background: white;
	padding: 5xp 8px;
}

.casinosuborange .casinoname {
	font-weight: bold;
	font-size: 38px;
}

.casinosuborange .bonustext {
	font-size: 30px;
	margin: 0;
	padding: 0;
}

.casinosuborange ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.casinosuborange ul li::before {
	content: '✓';
	color: green;
	margin-right: 10px;
}

/* *****************************************************
Promo
***************************************************** */

.promocard .casino {
	background-color: var(--very-light-grey);
	padding: 8px 0px;
	margin: 0 1px;
	border-radius: 10px;
}

.promocard p {
	font-size: 18px;
	font-weight: bold;
}

/* *****************************************************
Cards BG
***************************************************** */

.bgcards {
	background: url(../images/pattern10.png) repeat;
	font-size: 20px;
}

.bgcards .card-title {
	padding: 20px;
}

.bgcards a {
	color: var(--accent-dark);
}

.bgcards .arrowright {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* *****************************************************
Howto Cards
***************************************************** */
.howtocards {
	background: url(../images/pattern10.png) repeat;
	padding: 20px;
	max-width: 850px;
}

.howtocards .howtonr {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #9a9a9a;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	z-index: 999;
}

.howtonrcol:first-child::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 14px;
	height: 14px;
	background-color: #9a9a9a;
	border-radius: 15px;
}

.howtonrcol::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 10px;
	transform: translateX(-50%);
	width: 4px;
	height: calc(100% - 20px);
	background-color: #9a9a9a;
	z-index: 1;
}

.howtonrcol:last-child::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 10px;
	transform: translateX(-50%);
	width: 4px;
	height: calc(100% - 20px);
	background-color: #9a9a9a;
}

/* #
CtaBarMobile
***************************************************** */
.ctabar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	background-color: var(--very-light-grey);
	border-bottom: 3px solid #bbb;
	opacity: 0; /* Begin als onzichtbaar */
	transform: translateY(-100%); /* Begin boven het scherm */
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.ctabar-show {
	opacity: 1;
	transform: translateY(0);
}

@media (min-width: 1015px) {
	.ctabar {
		display: none !important;
	}
}

/* # 
News
***************************************************** */

.newscard .casino {
	background-color: var(--very-light-grey);
	padding: 8px 0px;
	margin: 0 1px;
	border-radius: 10px;
}

.newscard p {
	font-size: 18px;
	font-weight: bold;
}

.newscard a {
	color: var(--accent-dark);
}

.newscats .list-group .list-group-item {
	border-left: none;
	border-right: none;
}

.newscats .list-group .list-group-item:first-child {
	border-top: none;
}
.newscats .list-group .list-group-item:last-child {
	border-bottom: none;
}

.newscats .badge-primary {
	background-color: var(--accent-dark);
}

.badge a {
	color: #fff;
}
.badge a:hover {
	color: var(--accent-dark);
	text-decoration: none;
}

.newscats a {
	color: var(--accent-dark);
}

.pagination .page-link {
	color: var(--accent-dark);
}

.sidebarnews .newsinfo {
	border-top: 1px solid #eee;
	font-size: 10px;
}
.sidebarnews a {
	color: #000;
	font-weight: normal;
}
.sidebarnews a:hover {
	color: var(--accent-dark);
}

.subbg .card {
	background: #fcfcfc;
}

/* *****************************************************
Default page
***************************************************** */
.right-card-casinos {
	border: none;
}
.right-card-title {
	font-size: 24px;
}
.top-casin-card-link a {
	color: var(--primary);
}
.top-casin-card-link a:hover {
	color: var(--accent-dark);
	text-decoration: none;
}
/* *****************************************************
Casino Review Page
***************************************************** */
.cr-casino-title:hover {
	color: var(--accent-dark);
	text-decoration: none;
}
.cr-screenshot-large {
	width: 100%;
}
.fact {
	border-bottom: 1px dotted #c7c7c7;
}
.block-wrapper {
	background: #fff;
	border-left: 8px solid var(--primary);
}

.quicknav .navbar-nav .nav-link {
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}
.quicknav .navbar-brand {
	font-size: 1rem;
	font-weight: bold;
}

.software {
	margin-top: 20px;
}
.software img {
	margin-right: 10px;
	background: white;
	margin-left: 20px;
	margin-top: 10px;
	padding: 10px 20px;
	border-radius: 20px;
}

.payments {
	margin-top: 20px;
}
.payments img {
	margin-right: 10px;
	background: white;
	margin-left: 20px;
	margin-top: 10px;
	padding: 10px 20px;
	border-radius: 20px;
}

.casinoname {
	font-size: 22px;
	font-weight: bold;
}
.ksa {
	background-color: rgba(172, 227, 39, 0.1);
	border: 1px solid rgba(172, 227, 39, 1);
	border-radius: 10px;
	font-style: italic;
}

.progress-bar {
	background-color: rgba(172, 227, 39, 1);
}

.typeblock {
	background: var(--very-light-grey);
	padding: 20px;
	border-radius: 0.75em;
	width: 120px;
	border-bottom: 3px solid #ddd;
}

.typeblock span {
	font-weight: bold;
	margin-top: 5px;
}

@media (min-width: 768px) {
	.typeblock {
		width: 170px;
	}
}

.stickycta {
	display: none;
	font-size: 14px;
	background: white;
	border-radius: 10px;
	max-width: 950px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 10px 24px -5px rgba(89, 89, 89, 1);
	-moz-box-shadow: 0px 10px 24px -5px rgba(89, 89, 89, 1);
	box-shadow: 0px 10px 24px -5px rgba(89, 89, 89, 1);
}

.stickybottom {
	font-size: 14px;
	background-color: var(--very-light-grey);
	border-top: 1px solid #eee;
}

.stickybottom .logo {
	border-radius: 0.25rem 0rem 0rem 0.25rem !important;
}

.stickybottom .mb-0 {
	margin-left: 3px;
	margin-right: 3px;
}

.default-sticky {
	z-index: 888;
}

@media (min-width: 1024px) {
	.sticky-active {
		top: 77px !important;
	}
}

/* *****************************************************
HOW TO
***************************************************** */

.howto img {
	width: 25%;
}

/* *****************************************************
Listing top 10 - Casinos
***************************************************** */

.n1lable {
	position: absolute;
	margin-top: -35px;
	margin-left: 190px;
	animation: float 1s linear infinite;
}

@media (min-width: 768px) {
	.n1lable {
		margin-left: 240px;
	}
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-8px);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes wiggle {
	0%,
	7% {
		transform: rotateZ(0);
	}
	15% {
		transform: rotateZ(-15deg);
	}
	20% {
		transform: rotateZ(10deg);
	}
	25% {
		transform: rotateZ(-10deg);
	}
	30% {
		transform: rotateZ(6deg);
	}
	35% {
		transform: rotateZ(-4deg);
	}
	40%,
	100% {
		transform: rotateZ(0);
	}
}

.ctacatchy {
	font-size: 14px;
	width: 120px;
	height: 30px;
	border: none;
	outline: none;
	color: #000;
	background: #fff;
	position: relative;
	z-index: 0;
	border-radius: 10px;
	margin-top: 5px;
	padding: 3px 5px;
	font-weight: bold;
	text-align: center;
}

.ctacatchy:before {
	content: '';
	background: linear-gradient(
		45deg,
		#ff0000,
		#ff7300,
		#fffb00,
		#48ff00,
		#00ffd5,
		#002bff,
		#7a00ff,
		#ff00c8,
		#ff0000
	);
	position: absolute;
	top: -2px;
	left: -2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing 20s linear infinite;
	transition: opacity 0.3s ease-in-out;
	border-radius: 10px;
}

.ctacatchy:after {
	z-index: -1;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	left: 0;
	top: 0;
	border-radius: 10px;
}

@keyframes glowing {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.ranking-bg-nr {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.border-between {
	border-bottom: 1px solid var(--very-light-grey);
}
.ranking-btn-review {
	color: var(--light-grey);
	font-size: 12px;
	border-bottom: 1px solid var(--light-grey);
}
@media (min-width: 768px) {
	.ranking-row-wrapper {
		height: 310px;
	}
}
@media (min-width: 1024px) {
	.ranking-row-wrapper {
		height: 200px;
	}
}

.row0margin {
	margin: 0;
}

.tnc {
	border: none;
	background: #ddd;
	border-radius: 5px;
	cursor: pointer;
	color: var(--primary) !important;
	padding: 5px 10px;
}

.bladeoverview .container .row.pb-5.pt-5 p,
.bladeoverview .container .row.pt-5.pb-3 p,
.bladeoverview .container .row.py-5 p,
.bladeoverview .container h2 {
	padding-left: 17px;
	padding-right: 17px;
}

/* Tooltip container */
.tooltip-green {
	position: absolute;
	margin-top: -13px;
	margin-left: 180px;
	animation: float 1s linear infinite;
}

/* Responsive margin adjustment */
@media (min-width: 768px) {
	.tooltip-green {
		margin-left: 240px;
	}
}

/* Tooltip text */
.tooltip-green .tooltiptext {
	visibility: visible; /* Altijd zichtbaar */
	width: 228px;
	background: linear-gradient(
		180deg,
		#8be079,
		#54b341
	); /* Gradient background */
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 10px 15px;
	position: absolute;
	z-index: 1;
	bottom: 100%; /* Position above the element */
	left: 50%;
	margin-left: -50px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
	.tooltip-green .tooltiptext {
		width: 190px;
	}
}

/* Tooltip arrow */
.tooltip-green .tooltiptext::after {
	content: '';
	position: absolute;
	top: 98%; /* Adjusted to move the arrow up */
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: #54b341 transparent transparent transparent; /* Match bottom gradient color */
}

/* Float animation */
@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-8px);
	}
	100% {
		transform: translateY(0px);
	}
}

/* Wiggle animation */
@keyframes wiggle {
	0%,
	7% {
		transform: rotateZ(0);
	}
	15% {
		transform: rotateZ(-15deg);
	}
	20% {
		transform: rotateZ(10deg);
	}
	25% {
		transform: rotateZ(-10deg);
	}
	30% {
		transform: rotateZ(6deg);
	}
	35% {
		transform: rotateZ(-4deg);
	}
	40%,
	100% {
		transform: rotateZ(0);
	}
}

/* *****************************************************
Listing top 10 - Games
***************************************************** */
.top10-game-wrapper-img img {
	width: 100%;
}
.top10-game-facts p {
	font-size: 12px;
}
@media (min-width: 768px) {
	.top10-game-wrapper,
	.top10-game-wrapper-img,
	.top-10-game-btn-wrapper {
		height: 90px;
	}
	.top10-game-wrapper-img img,
	.top-10-game-btn {
		height: 100%;
	}
}

/* *****************************************************
Sportspage
***************************************************** */

.sportspage-bg-americanfootball {
	background-color: #1f385c;
	background-image: url(../images/bg-americanfootball.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-darts {
	background-color: #171616;
	background-image: url(../images/bg-darts.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-basketbal {
	background-color: #b5253a;
	background-image: url(../images/bg-basketball.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-formule1 {
	background-color: #0a0b10;
	background-image: url(../images/bg-formule1.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-honkbal {
	background-color: #1c5b21;
	background-image: url(../images/bg-honkbal.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-weddenopsport {
	background-color: #3f8316;
	background-image: url(../images/bg-weddenopsport.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-tennis {
	background-color: #e7641f;
	background-image: url(../images/bg-tennis.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-wielrennen {
	background-color: #e2c22e;
	background-image: url(../images/bg-wielrennen.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-schaatsen {
	background-color: #2f2f2e;
	background-image: url(../images/bg-schaatsen.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-ijshockey {
	background-color: #2f2f2e;
	background-image: url(../images/bg-ijshockey.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-bg-voetbal {
	background-color: #589b00;
	background-image: url(../images/bg-voetbal.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sportspage-header .hero-home p {
	font-size: 20px;
	letter-spacing: 0.02em;
}
.sportspage-header h1 {
	text-transform: uppercase;
	font-size: 38px;
	margin-bottom: 10px;
}
.sportspage-header .navbar {
	margin-top: 50px;
}
.sportspage-header .navbar-nav {
	gap: 10px;
}
.sportspage-header .nav-link {
	background: rgba(254, 250, 250, 0.3);
	border: 0;
	border-radius: 5px;
	padding: 5px 15px;
	color: #fff;
	letter-spacing: 0.02em;
}
.sportspage-header .nav-link:hover {
	background: rgba(254, 250, 250, 0.6);
}

.breadcrumbs-fluid {
	background-color: #eaf2fc;
	font-size: 16px;
	border: 0;
}
.breadcrumbs-fluid a {
	color: #aaa;
}
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.active {
	color: #aaa;
}
.shadow-sm {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.navbar-center {
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}
.navbar-center .nav {
	row-gap: 15px;
}
.navbar-center .nav-item {
	display: flex;
	align-items: center;
}
.navbar-center .nav-item::after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 17px;
	margin: 0 30px;
	background-color: #aaa;
}
.navbar-center .nav-item:last-child::after {
	display: none;
}
@media (max-width: 768px) {
	.navbar-center .nav {
		gap: 20px;
	}
	.navbar-center .nav-item {
		flex-basis: 45%;
	}
	.navbar-center .nav-item::after {
		display: none;
	}
}
.navbar-center .nav-link {
	display: flex;
	align-items: center;
	border: 0;
	padding: 0;
	color: #000;
	font-size: 13px;
	letter-spacing: 0.02em;
}
.navbar-center .nav-link.active,
.navbar-center .nav-link:hover {
	color: var(--accent);
	transition: none;
}
.navbar-center .nav-link img {
	margin-right: 10px;
}
.navbar-center .nav-link.active img,
.navbar-center .nav-link:hover img {
	filter: invert(74%) sepia(57%) saturate(5930%) hue-rotate(337deg)
		brightness(100%) contrast(96%);
}

.author-data .data-item {
	background: rgba(255, 255, 255, 0.22);
	padding: 5px 10px;
	border-radius: 0.25rem !important;
	font-size: 14px;
}

.author-data .data-item a {
	color: white;
}

.author-data .data-item a:hover {
	color: #ff3c00;
}

.authorblock .card {
	background: #f7f7f7;
}

.bg-page-header {
	background-color: #ff3c00;
	background-image: url(../images/ek2024-bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
}

.bg-page-header .hero-home p {
	font-size: 20px;
	letter-spacing: 0.02em;
}
.bg-page-header h1 {
	text-transform: uppercase;
	font-size: 38px;
	margin-bottom: 10px;
}
.bg-page-header .navbar {
	margin-top: 50px;
}
.bg-page-header .navbar-nav {
	gap: 10px;
}
.bg-page-header .nav-link {
	background: rgba(173, 21, 25, 0.3);
	border: 0;
	border-radius: 5px;
	padding: 5px 15px;
	color: #fff;
	letter-spacing: 0.02em;
}
.bg-page-header .nav-link:hover {
	background: rgba(173, 21, 25, 0.6);
}

.py-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}
@media (max-width: 992px) {
	.py-100 {
		padding: 50px 0;
	}
}
.bg-stadium {
	position: relative;
	background-color: #000;
	background-image: url(../images/bg-stadiun.jpg);
	background-position: center 43%;
	background-size: cover;
}
.bg-stadium::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.bg-stadium .container {
	position: relative;
}
.nav-big-buttons {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	margin: 0;
	gap: 30px;
}
.nav-big-buttons li {
	flex: 1 0 30%;
	max-width: 30%;
}
@media (max-width: 992px) {
	.nav-big-buttons li {
		flex: 1 0 100%;
		max-width: 100%;
	}
}
.nav-big-buttons li > a {
	display: flex;
	align-items: center;
	font-size: 20px;
	letter-spacing: 0.02em;
	color: var(--accent);
	background: #fff;
	border-radius: 5px;
	padding: 10px 44px 10px 20px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
	background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12.5H19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M12 5.5L19 12.5L12 19.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
	background-repeat: no-repeat;
	background-position: right 20px center;
}
.nav-big-buttons li > a:hover {
	color: #000;
	transition: all 0.5s;
}
.nav-big-buttons li > a > span {
	margin-left: auto;
	margin-right: auto;
}
.h-black-uppercase {
	color: #000;
	text-transform: uppercase;
}
.bg-dots {
	background: url(../images/bg-dots.png) repeat-x top center;
}
@media (max-width: 992px) {
	.bg-dots {
		background-size: 345px;
	}
}
.fz-20 {
	font-size: 20px;
}
.fz-20 a {
	font-weight: 400;
}
.bg-grey {
	background-color: #e3e3e3;
}
.bg-grey a {
	color: #000;
	text-decoration: underline;
}
.bg-grey a:hover {
	color: var(--accent);
	transition: all 0.5s;
}
.country-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30px 15px;
}
@media (max-width: 992px) {
	.country-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 768px) {
	.country-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
.country-grid__item {
	background-color: #fff;
	letter-spacing: 0.02em;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}
.country-grid__name {
	background: #2a2e3a;
	color: #fff;
	padding: 10px;
	text-align: center;
}
.country-grid__country {
	padding: 10px;
	display: flex;
	align-items: center;
}
.country-grid__country:nth-child(odd) {
	background-color: #eaf2fc;
}
.country-grid__country img {
	margin-right: 10px;
}
/* *****************************************************
FAQ
***************************************************** */
/*.faq-title::first-letter  {
	margin-right: 1em;
}
*/
.btn-link:hover,
.btn-link:active {
	text-decoration: none;
}

.faq-wrapper h3 {
	font-size: 1.3rem;
	color: white !important;
	margin: 0;
}

.faqexpanded h3 {
	font-weight: bold;
}
.faqexpanded .card {
	border: none;
}

/* *****************************************************
Footer
***************************************************** */
footer {
	background: #dee2e6;
}

footer h3 {
	font-size: 1rem;
	font-weight: bold;
}

footer a {
	color: var(--accent-dark);
}

footer a:hover {
	color: var(--accent-dark);
}

footer .age {
	font-size: 10px;
}

.footer-menu {
	list-style-type: none;
}
.footer-menu a {
	color: #000000 !important;
	text-decoration: none;
}
.footer-menu a:hover {
	color: var(--accent-dark);
	text-decoration: underline;
}

.footer-logo p {
	font-size: 16px;
}

.popup-image-container {
	width: 48%;
	position: relative;
	padding-top: 40%;
	margin-bottom: 16px; /* Space between rows */
}

.img-cov {
	width: 100%;
}
.img-cov img {
	width: 100%;
}

.table {
	width: 100%;
	overflow: auto;
}

.popup-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.author-data .img-cov {
	margin: 0 10px 0 0;
	width: 30px;
	height: 30px;
}
.author-data .img-cov img {
	border-radius: 100px;
	width: 100%;
	height: 100%;
}
.authorblock .img-cov {
	width: 145px;
	height: 145px;
}
@media (max-width: 768px) {
	.header-plus {
		display: none;
	}
	.brandlogo {
		padding: 0 15px;
		width: auto;
	}
	.navbar-toggler {
		margin-right: 15px !important;
		background: #eaf2fc;
		border: 1px solid #dddddd;
	}
	.navbar-collapse {
		margin-left: 0;
		position: fixed;
		top: 75px;
		width: 100%;
		background: white;
		left: 0;
		padding: 0 15px;
	}
}