/* Reset CSS */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}

article{
	display: inline-block;
	max-width: 100%;
}

.hide, .display-none{
	display: none;
}

.align-left-footer-img{
	float: left;
	margin-right:33px;
}

/* Fonts */
@font-face {
	font-family: "Basier Bold"; font-weight: normal; font-display: swap;  src: url("../fonts/BasierCircle-Bold.woff") format("woff"); 
}
/* Fonts */

/* Body style */

*:not(img) {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-size: 14px;
	line-height: 1.7em;
	font-weight: 500;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	-webkit-font-smoothing: antialiased;
}

body.no-scroll{
	overflow: hidden!important;
}

html{
	scroll-behavior: smooth;
}

h2.category-hl2 {
	margin-bottom: 1% !important;
	padding-top: 0.5em !important;
}
h2.under-img {
	padding-top: 0.75em !important;
}
.special-promo-text {
	display: none;
}

.special-promo-review {
	display: block;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	background-color: #b902fe;
	width: fit-content;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	border-radius: 7px;
	margin: 0.75rem 0.25rem 0.25rem 0;
}

#content-page .special-promo img {
	width: 274px;
	height: 148px;
}

.special-promo,
.special-promo-2 {
	position: relative;
	right: -26px;
	top: -33px;
	margin-bottom: -80px;
}

.special-promo-text-2, .mobile-logo {
	display: none;
}

p.has-background {
	margin-bottom: 1em;
	border-radius: 10px;
}

.special-promo-review-2 {
	display: block;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	background-color: #2797e9;
	width: fit-content;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	border-radius: 7px;
	margin: 0.75rem 0.25rem 0.25rem 0;
}

#content-page .special-promo-2 img {
	width: 274px;
	height: 148px;
}

.box img {
	margin-top: .5rem !important;
	margin-bottom: 0 !important;
}

.box .feature img {
	margin-top: 0rem !important;
	margin-bottom: 0 !important;
}

#content-page .feature img {
	margin-top: 0;
	margin-bottom: 0;
	width: 15px;
	height: 24px;
}


/* Main menu */

.twitch .twitch-video {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	margin-bottom: -10%;
	margin-top: 2.70%;
}

.wp-block-columns:where(.has-background) {
	border-radius: 10px;
}

.attachment-full {
	margin-bottom: 30px;
	width: 100%;
	height: auto;
}

.twitch .twitch-video iframe {
	position: absolute;
	width: 80%;
	height: 80%;
	top: 0;
}

a#pull-menu {
	display: none;
	margin-left: 30px;
}

/* #mobile-menu {
	display: none;
	position: absolute;
	top: 80px;
	left: 50px;
	border-top: 3px solid #2ea3f2;
	padding: 3%;
	width: 75%;
	background-color: #0f1132;
	z-index: 900;
} */

#mobile-menu li {
	list-style: none;
}

#mobile-menu ul {
	padding-left: 10px;
}

#mobile-menu a {
	border-bottom: 1px solid rgba(0, 0, 0, .03);
	color: #fff;
	padding: 10px 5%;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	font-weight: 600;
	line-height: 23px;
}

/* Flexbox for menu items with children - prevent icon squishing */
#mobile-menu .menu-item-has-children > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90%;
}

#mobile-menu .menu-item-has-children > a .menu-dropdown-icon {
	flex-shrink: 0;
	margin-left: 8px;
	transform: rotate(-90deg);
}

#main-nav {
	height: 104px;
	background: #0a0a1e;
	z-index: 900;
	position: fixed;
	width: 100%;
	top: 0;
}

body.logged-in #main-nav {
	top: 32px;
}

#menu-container {
	max-width: 1700px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	height: 100%;
	width: 90%
}

#logo {
	align-items: center;
	height: 100%;
	padding-right: 40px;
	padding-right: 40px;
	line-height: 102px;
}

#logo img {
	vertical-align: middle;
}

#menu-right {
	display: flex;
	height: 100%;
	align-items: center;
	flex-grow: 1;
	position: relative;
}

.menu-main-menu-container {
	flex-grow: 1;
	height: 100%;
}

#main-menu li {
	position: relative;
}

#main-menu {
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-weight: 900;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	height: 100%;
	flex-grow: 1;
}

.menu-content .menu-icon img,
#childSubMenu .menu-icon img,
#main-menu .menu-icon img,
#mobile-menu .menu-icon img,
#search-menu .menu-icon img{
	max-width: 20px;
	height: auto;
	max-height: 20px;
	vertical-align: text-top;
	margin-right: 5px;
}

.menu-content .menu-icon img,
#childSubMenu .menu-icon img,
#main-menu .menu-icon img,
#mobile-menu .menu-icon img,
#search-menu .menu-icon img{
	position: absolute;
	top: calc(50% - 10px);
	left: -5px;
}

.menu-content .menu-icon img,
#childSubMenu .menu-icon,
#search-menu .menu-icon,
#mobile-menu .menu-icon{
	display: inline-block;
}

.menu-content .menu-icon img,
#childSubMenu .menu-icon img,
#search-menu .menu-icon img,
#mobile-menu .menu-icon img{
	vertical-align: middle;
}

ul#main-menu ul {
	z-index: 300;
	opacity: 0;
	top: 104px;
	left:0;
	right:0;
	position: fixed;
	overflow-y: visible;
	overflow-x: visible;
	max-height: calc(100vh - 104px);
	width: 100%;
	max-width: 1700px;
	margin: 0 auto;
	transform: scaleY(0);
	transform-origin: 0 0;
	transition: all .4s ease-in-out;
	background: #41418c;
	padding: 20px 30px;
}

ul#main-menu ul ul{
	overflow-y: unset !important;
}

#main-menu > li > .sub-menu:first-of-type::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 33.33%;
	min-height: 100%;
	z-index: -1;
	/* background-color: #41418c; */
}

ul#main-menu ul ul,
ul#main-menu ul ul ul{
	top: 0;
	min-height: 100%;
	overflow: visible;
	transform: scaleX(0);
	transform-origin: 0 0;
	opacity: 0;
	transition: all .4s ease-in-out;
}

ul#main-menu ul ul {
	left: 15px;
	width: calc(33.33% + 15px);
	background-color: #353577;
}

ul#main-menu ul ul ul {
	left: 100%;
	width: 100%;
	background-color: #222259;
}

ul#main-menu ul ul ul ul {
	left: 0px!important;
	width: calc(100% - 50px);
	height: max-content;
	margin: 0;
	position: relative;
	padding: 10px 0 15px 15px;
	transform: scaleY(0);
	transform-origin: 0 0;
	transition: all .4s ease-in-out;
}

ul#main-menu ul ul ul li.menu-item.menu-item-has-children > ul{
	display: none;
}

ul#main-menu ul ul ul li.menu-item.menu-item-has-children:hover, 
ul#main-menu ul ul ul li.menu-item.menu-item-has-children:hover > ul{
	height: fit-content;
	display: block;
}

ul#main-menu li:hover>ul,
ul#main-menu ul ul ul li.menu-item.menu-item-has-children:hover > ul{
	transform: scaleY(1);
	opacity: 1.0;
}
ul#main-menu >li:hover>ul{
	overflow-y: scroll;
	overflow-x: hidden;
}
ul#main-menu ul ul:hover{
	opacity: 1;
	transform: scaleX(1);
}

ul#main-menu .menu-item {
	display: flex;
	align-items: center;
	color: #fff;
}

ul#main-menu .sub-menu .menu-item{
	width: calc(33.33% - 15px);
}

ul#main-menu .sub-menu .menu-item .sub-menu .menu-item {
	width: calc(100% + 25px);
}

ul#main-menu .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item {
	width: 100%;
}

ul#main-menu .sub-menu .menu-item.menu-item-has-children::after{
	content: '';
	width: 0px;
	position: absolute;
	right: 0px;
	z-index: 300;
	height: 0px;
	border-style: solid;
	border-width: 10px;
	border-color: transparent;
	border-left-color: #ffffff;
	transition: all .4s ease-in-out;
}

ul#main-menu .sub-menu .menu-item.menu-item-has-children:hover::after{
	content: '';
	right: -24px;
	border-left-color: #41418c;
}

ul#main-menu .sub-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children::after{
	content: '';
	width: 0px;
	position: absolute;
	right: 0px;
	z-index: 300;
	height: 0px;
	border-style: solid;
	border-width: 10px;
	border-color: transparent;
	border-left-color: #ffffff;
	transition: all .4s ease-in-out;
}

ul#main-menu .sub-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children:hover::after{
	content: '';
	right: -25px;
	border-left-color: #353577;
}

ul#main-menu li li {
	padding-left: 18px;
}

ul#main-menu li a:hover {
	background-color: rgba(0, 0, 0, .03);
	opacity: .7;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}

ul#main-menu li a:hover:after {
	text-decoration: none;
}

ul#main-menu li a {
	color: #fff;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	padding: 40px 20px;
	font-size: 17px;
	display: inline-flex;
	align-items: center;
}

ul#main-menu li li a {
	color: #fff;
	text-decoration: none;
	padding-top: 9px;
	padding-bottom: 9px;
}

/* ul#main-menu > li.menu-item-has-children>a:first-child:after,
ul#main-menu .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item-has-children>a:first-child:after {
	font-family: 'FontAwesome';
	content: "\F107";
	font-size: 14px;
	font-weight: 800;
	margin-left: 3px;
} */

#main-menu .menu-dropdown-icon {
	margin-left: 5px;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	stroke: currentColor;
	display: inline-block;
	flex-shrink: 0;
}

#mobile-menu .menu-dropdown-icon,
#childMenu .menu-dropdown-icon {
	transform: rotate(270deg);
	margin: 0;
	position: absolute;
	right: 8.75px;
}

ul#main-menu > li.menu-item-has-children:hover{
background-color: #222259;
}

#search-menu {
	display: flex;
	list-style: none;
	margin-left: 22px;
	margin-right: 10px;
}

.search-icon {
	width: 23px;
}


/* Heading tag 1 */

h1 {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	font-size: 2rem;
	color: #FFFFFF;
	padding-bottom: 10px;
	line-height: 1em;
}


/* Homepage */


/* Homepage - Tagline style  */

.tagline {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif!important;
	font-size: 1.2rem;
	line-height: 1.5em;
	color: #cfcfd6;
	display: inline;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

#top-mid-box-area .tagline p{
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}
#top-mid-box-area .tagline p strong{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
}
#top-mid-box-area .tagline ul{
	margin-left: 2.5rem;
	margin-bottom: 2.5rem;
}
#top-mid-box-area .tagline ul li a, #top-mid-box-area .tagline p a{
	color: white;
	font-size: 1rem;
}
.tagline.contract{
	height: 3.5rem;
	max-width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tagline.expand{
	height: auto;
}
#mt-button{
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	padding-top: 1rem;
	color: white;
}
#mt-button:not(.hide){
	display: inline-block;
}

/* Homepage - Tabs above boxes  */

ul.tabs {
	width: fit-content;
	background: #222259;
	border-radius: 10px;
	display: flex;
}

ul.tabs li {
	list-style: none;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1rem;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

ul.tabs li a {
	display: flex;
	height: 67px;
	padding: 0 0.75rem;
	font-size: .8rem;
	color: #FFFFFF;
	text-decoration: none;
	align-items: center;
}

ul.tabs li.active a {
	background: #dedee6;
	border-radius: 10px;
	color: #222259;
	outline: none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}


/* Homepage - Casino boxes  */


/* Homepage - Casino boxes - Casino features */

.casino-features {
	padding: 1rem 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-gap: 10px 30px;
	height: fit-content;
	width: 100%;
	font-size: .8rem;
}

.feature {
	display: flex;
	height: fit-content;
	color: #F3F0F9;
}

.feature img {
	padding-right: 0.5rem;
}


/* Homepage - Top Area  */

#site-wrapper {
	margin-top: 104px;
}

#top-area-wrapper {
	background: #0f1132;
}

#top-area {
	display: flex;
	width: 90%;
	max-width: 1700px;
	margin: 0 auto;
	padding-top: 2rem;
	padding-bottom: 1rem;
	justify-content: space-evenly;
}

#top-mid-area {
	display: flex;
	width: 90%;
	max-width: 1700px;
	margin: 0 auto;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	justify-content: space-evenly;
}

#top-area h4,
#top-area .h4 {
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 0.9rem;
	line-height: 1.5em;
	color: #b6afbe;
	margin-bottom: 1.8em;
	font-weight: 500;
}

#top-mid-area h4,
#top-mid-area .h4 {
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1rem;
	line-height: 1.5em;
	color: #b6afbe;
	margin-bottom: 1em;
	font-weight: 500;
}

#top-left-nav,
#top-mid-left-nav {
	flex-basis: 22.75%;
	margin-right: 3%;
}

#top-left-nav ul img {
	vertical-align: middle;
	padding-right: 15px;
}

#top-left-nav li {
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-weight: 700;
	font-size: 1.3rem;
	list-style: none;
	margin-bottom: 1.3em;
	letter-spacing: 0.05rem;
}

#top-mid-left-nav li {
	list-style: none;
}

.top-mid-left-youtube {
	padding-bottom: 1em;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#boxes {
	color: #fff;
	margin-top: 2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 4%;
}

#boxes-under-button, #load-more-button {
	margin-bottom: 6%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#boxes .casino-description p{
	color: white;
    font-size: 0.88rem;
}

.center-content {
	text-align: center;
}

.box {
	background-color: #222259;
	border-radius: 10px;
	padding: 1.25rem;
	color: white;
	margin-bottom: 2rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	width: 48%;
	height: fit-content;
	box-sizing: border-box;
}

.box.box-full{
	width: 100%;
	margin: 2rem 0;
}
.box.box-full .casin-bonus-info{
	margin-top: 1rem;
}
#content-review-sidebar .box.box-full:first-of-type{
	margin-top: 1rem; 
}

.box-top {
	display: flex;
	flex-wrap: nowrap;
}

.box-top-right img {
	max-width: 85px;
	height: auto;
	margin-top: .5rem;
}

.box-top-left img {
	border-radius: 5px;
	max-width: 100px;
	height: auto;
	display: block;
	object-fit: cover;
}

.box-top-right {
	margin-left: 1.5rem;
	flex-basis: 50%;
}

.casino-name {
	font-size: 1.5rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	line-height: 2rem;
	display: block;
	margin-top: 4px;
	color: #fff;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.casino-name a {
	color: #fff !important;
	text-decoration: none;
}

.tags {
	display: flex;
	margin-top: 0.5rem;
	height: fit-content;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

.tag {
	color: white;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 14px;
	letter-spacing: 0.4px;
	background-color: #343477;
	width: fit-content;
	padding: 0.3rem 0.5rem 0.2rem 0.5rem;
	border-radius: 7px;
	margin: 0.25rem 0.25rem 0.25rem 0;
}

#top-mid-left-nav li a {
	display: block;
	line-height: 1.6em;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.1rem;
	letter-spacing: 0.05rem;
	line-height: 1.6em;
	background-color: #252557;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1.5rem;
	margin-bottom: 1rem;
	transition: background-color 300ms ease 0ms, background-image 300ms ease 0ms;
	color: #f3f0f9;
	text-decoration: none;
}

#top-mid-left-nav li:hover a {
	background-color: #272779;
}

#top-left-nav ul a {
	color: #f3f0f9;
	text-decoration: none;
}

#top-left-nav a {
	text-decoration: none;
}

#banner-area a {
	text-decoration: none;
}

.button-1 {
	text-decoration: none;
	color: #0e1132;
	border-radius: 100px;
	border: none;
	font-size: 16px;
	font-weight: 700;
	background-color: #5aed90;
	padding-top: 17px;
	padding-right: 35px;
	padding-bottom: 17px;
	padding-left: 35px;
	display: inline-block;
	transition: all 300ms ease 0ms;
}

.button-1:hover,
a.button-1:hover {
	cursor: pointer;
	color: #3a4e43;
	background-color: #52d88a;
}

.button-2 {
	color: #0e1132 !important;
	border-radius: 10px;
	font-size: 20px;
	background-color: #5aed90;
	padding-top: 1rem;
	padding-right: 2.5rem;
	padding-bottom: 1rem;
	padding-left: 2.5rem;
	margin-top: 3rem;
	display: inline-block;
	transition: all 300ms ease 0ms;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: normal;
  letter-spacing: 0.05rem;
	line-height: 1.7em;
	text-decoration: none !important;
	text-align: center;
}

.button-2.wpforms-submit{
	color: #0e1132 !important;
	border: none !important;
	border-radius: 10px !important;
	font-size: 20px !important;
	background-color: #5aed90 !important;
	padding-top: 1rem !important;
	padding-right: 2.5rem !important;
	padding-bottom: 1rem !important;
	padding-left: 2.5rem !important;
	margin-top: 3rem !important;
	display: inline-block !important;
	transition: all 300ms ease 0ms !important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: normal;
  letter-spacing: 0.05rem;
	line-height: 1.7em !important;
	text-decoration: none !important;
}

.contact-us-form .button-2.wpforms-submit{
	margin-top: 0!important;
}

.wpforms-field.wpforms-field-captcha.wpforms-field-label{
	padding-top: 10px!important;
}

.contact-us-form .wpforms-captcha-question{
	margin-top: 10px!important;
	margin-bottom: 4px!important;
	padding-bottom: 0!important;
	color: inherit!important;
}

a.button-2:hover {
	background-color: #52d88a;
}
a.button-2.wpforms-submit:hover{
	background-color: #52d88a !important;
}

/* .button-1:after {
	color: #3a4e43;
	font-size: 18px;
	content: "\F105";
	opacity: 0;
	margin-left: -0.75em;
	transition: all .2s;
	font-weight: 400;
	text-shadow: none;
	font-family: 'FontAwesome';
	direction: ltr;
	position: absolute;
}

a.button-1:hover:after {
	opacity: 1;
	margin-left: 0.3em;
} */


/* Homepage - Slideshow*/

#banner-area,
#top-mid-box-area {
	flex-basis: 74.25%;
}

#slideshow-container {
	position: relative;
	width: 100%;
	height: 369px;
	overflow: hidden;
	max-height: 369px;
}

.slides {
	display: none;
	border-radius: 30px 30px 30px 30px;
	height: 369px;
}

.slides {
	border-radius: 30px;
	height: 369px;
	background-image: var(--image-url);
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slide-show{
	display: block;
	background-position: 50%;
}

.slide-text {
	padding-top: 96px;
	text-align: center;
	color: #fff;
	background: radial-gradient(ellipse at center, rgb(0 0 0 / 55%) 0%,rgba(110,110,110,0) 65%,rgba(255,255,255,0) 100%);
}

.slide-title {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 2.2rem;
	padding-bottom: 10px;
	line-height: 1em;
	text-shadow: 0px 0px 10px rgb(0 0 0);
	font-weight: normal;
	letter-spacing: 0.05rem;
}

.slide-description {
	font-size: 1.3rem;
	line-height: 1.8em;
	text-shadow: 0px 0px 10px rgb(0 0 0);
}

.arrow-prev {
	left: -22px;
}

.arrow-next {
	right: -22px;
}

.arrow-prev,
.arrow-next {
	position: absolute;
	top: 50%;
	z-index: 100;
	font-size: 48px;
	color: #fff;
	margin-top: -24px;
	transition: all .2s ease-in-out;
	opacity: 0;
}

#slideshow-container:hover .arrow-prev {
	opacity: 1.0;
	left: 22px;
}

#slideshow-container:hover .arrow-next {
	opacity: 1.0;
	right: 22px;
}

.slide-fade {
	animation-name: fade;
	animation-duration: 1s;
}

@keyframes fade {
	from {
		opacity: 0.4
	}

	to {
		opacity: 1
	}
}

.slideInUp {
	animation-fill-mode: forwards;
	opacity: 0;
	animation-delay: 0.5s;
	animation-name: slideInUp;
	animation-duration: 1s;
}

@keyframes slideInUp {
	from {
		transform: translateY(20%);
		opacity: 0;
	}

	to {
		transform: translateY(0%);
		opacity: 1;
	}
}


/* Homepage - Casino boxes - Bonus info */

.casin-bonus-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 1rem;
}
.single-post .casin-bonus-info .sub-info, .odds-list-sidebar .casin-bonus-info .sub-info{
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.5rem;
}

.sub-info-title {
	font-size: .75rem;
	color: #DAD2EE;
	text-transform: uppercase;
	padding-bottom: 0;
}

.sub-info-content {
	font-size: 1.3rem;
	color: #FFF;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	display: block;
}


/* Homepage - Casino boxes - Button 3 */

.button-3 {
	background-color: #5aed90;
	border-radius: 10px;
	padding: 1.5rem 2.5rem;
	color: #003814 !important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.2rem;
	display: block;
	transition: .3s;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

a.button-3:hover {
	background-color: #2cb55e;
}

.button-3-small{
	background-color: #5aed90;
	border-radius: 10px;
	padding: 0.6rem 1rem;
	color: #003814 !important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 0.9rem;
	display: block;
	transition: .3s;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.button-3-small:hover {
	background-color: #2cb55e;
}


/* Homepage - Casino boxes - Folded Div */

.fold {
	padding: 1rem 0 0 0;
}

.fold a {
	color: #fff !important;
}

.collapsible {
	cursor: pointer;
	color: white;
	font-size: .9rem;
	text-decoration: none;
	border: none!important;
	background-color: transparent!important;
	outline: none;
}

.collapsible:active,
.collapsible:hover {
	color: #DAD2EE;
	outline: none;
}

.collapsible.active .fa-angle-down{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fold-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	color: #F3F0F9;
}

.bonus-details {
	margin: 2rem 0;
	display: flex;
	background-color: #2C2C69;
	border-radius: 10px;
	padding: 2rem;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.bonus-details .bonus-element {
	width: 200px;
	margin: 1rem 0;
}

.bonus-details .step-title {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
	display: block;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.bonus-details .bonus-content {
	display: flex;
	flex-direction: column;
}

.bonus-details .step-detail:nth-child(1) {
	background: #3D2AA7;
	width: fit-content;
	padding: 0.3rem 0.6rem 0.2rem 0.6rem;
	border-radius: 7px;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.bonus-details .step-detail:nth-child(2) {
	background: #8367C7;
	width: fit-content;
	padding: 0.3rem 0.6rem 0.2rem 0.6rem;
	border-radius: 7px;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	margin-top: 0.3rem;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.bonus-details .step-detail:nth-child(3) {
	background: #DAD2EE;
	color: #1A1A45;
	width: fit-content;
	padding: 0.3rem 0.6rem 0.2rem 0.6rem;
	border-radius: 7px;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	margin-top: 0.3rem;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.fold-content .sub-info {
	padding: 1rem 0 1rem 0;
}

.review-link a {
	color: #FFFFFF;
	text-decoration: underline;
}


/* Social Block */

#social-block-columns {
	padding: 4% 0;
	background-color: #fff;
	flex-wrap: nowrap;
	display: flex;
	box-sizing: border-box;
	max-width: 1300px;
	margin: 0 auto;
	align-items: center;
	width: 80%;
	text-align: center;
}

#social-block-columns img {
	margin-bottom: 4%;
}

.social-block-column {
	flex-grow: 1;
}

.social-block-column:not(:first-child) {
	margin-left: 5%;
}

.social-title {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 2rem;
	line-height: 1.5em;
	display: block;
	margin-bottom: 5%;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.social-description {
	color: #7f7f7f;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.5rem;
	line-height: 1.4em;
	display: block;
	margin-bottom: 5%;
	font-weight: normal;
  letter-spacing: 0.05rem;
}


/* Page content style */

#content-wrapper-homepage,
#content-wrapper {
	/* background-color: #f7f5fa; */
	background-color: #fff;
	padding-bottom: 4em;
}

#content-wrapper-homepage h2:first-child{
	margin-top: 3rem;
}

#content {
	max-width: 1300px;
	margin: 0 auto;
	align-items: center;
	width: 80%;
}

#content h2, #content .h2 {
	font-size: 2rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	margin-bottom: 2.75%;
	padding-top: 1.3em;
	line-height: 1.2;
	font-weight: normal;
	letter-spacing: 0.05rem;
}

#content-wrapper-homepage h2:first-child {
	text-align: center;
}

#content a.title-link {
	color: #000;
}

#content h3,
#content .h3 {
	font-size: 1.7rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	line-height: 1.4em;
	padding-bottom: 0.7em;
	padding-top: 1.1em;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.05rem;
}

#content h1,
#content .h1 {
	color: #000;
}

#content p {
	font-size: 1rem;
	line-height: 1.6em;
	color: #222259;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	padding-bottom: 1em;
}

.wp-block-columns {
    box-sizing: border-box;
    display: flex;
	margin-bottom: 0em !important;
}

.wp-block-column:not(:first-child) {
	margin-left: var(--wp--style--block-gap, 5em) !important;
}
.wp-block-column.video-block{
	margin-left: 0 !important;
}

.wp-block-column.video-block .wp-block-embed__wrapper > div{
	max-width: 100% !important;
	padding: 0 !important;
}

.wp-block-column.video-block .wp-block-embed__wrapper > div iframe{
	max-width: 100% !important;
	max-height: unset !important;
}

#content-page .wp-block-embed.alignleft{
	max-width: unset !important;
}

#content-page .wp-block-embed__wrapper > div{
	max-width: 640px !important;
	max-height: unset !important;
	padding: 0 !important;
	margin: unset !important;
}
#content-page .wp-block-embed__wrapper > div iframe{
	max-width: 640px !important;
	max-height: unset !important;
}

.wp-block-image {
	margin: 0 0 0 !important;
}

article .wp-block-image:first-of-type{
	margin: 0 0 2rem !important;
}


/* Footer */

footer {
	background-color: #0F1132;
	padding-bottom: 2%;
	color: #fff;
	z-index: 600;
	position: relative;
	width: 100%
}

footer img {
	display: block;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/* footer a:first-child img{
	padding-top: 0;
} */

#footer-bottom {
	max-width: 1300px;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

footer h5, 
footer .h5 {
	line-height: 1.6em!important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif!important;
	font-size: 0.9rem!important;
	margin-bottom: 1rem!important;
	font-weight: normal!important;
  letter-spacing: 0.05rem!important;
}

footer h4,
footer .h4 {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.2rem;
	line-height: 1.6em;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

footer h4:first-child,
footer .h4:first-child{
	margin-top: 0;
}

/* footer p {
	margin-bottom: 2rem;
} */

.footer-columns {
	width: 90%;
	flex-wrap: wrap;
	flex-flow: row wrap;
	display: flex;
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
}

.footer-column {
	flex-grow: 1;
	margin-right: 5.5%;
	padding-top: 4%;
	flex-basis: min-content;
}

.footer-column:last-of-type {
	margin-right: 0;
	flex-wrap: wrap;
	/* flex-basis: max-content;
	max-width: 60%; */
}

.footer-columns li {
	line-height: 1.6em;
	list-style: none;
	margin-top: 1rem;
}

.footer-columns li a,
footer p a,
.footer-column a{
	color: #fff;
}

.footer-columns li a,
footer p a{
	text-decoration: underline;
	text-underline-position: under;
}

.footer-column:first-child a{
	color: #fff;
	text-decoration: none;
}


/* Review Page */

#review-top {
	color: #F3F0F9;
	font-size: 1rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: #222259;
	position: relative;
	z-index: 501;
}

#review-top h1 {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	font-size: 2.5rem;
	color: #FFFFFF;
	line-height: 1.3em;
}

#review-top-wrapper,
.review-author-top-wrapper {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
}

.review-author-top-wrapper{
	display: block;
	margin-top: 25px;
}

#review-top-right-over-first img {
	height: 30px;
}

#review-top-left {
	flex-basis: 200px;
	margin-right: 50px;
	padding: 2.855% 0;
}

#review-top-left img {
	border-radius: 6px 6px 6px 6px;
	margin-bottom: 21%;
}

#review-top-right {
	flex-basis: calc(100% - 250px);
	padding: 2.735% 0;
}

#review-top-right-over {
	display: flex;
}

#review-top-right-over-first {
	flex-basis: 44.5%;
	margin-right: 11%;
}

#review-top-right-under {
	display: flex;
	padding-top: 3.735%;
}


#review-top-right-under {
	display: grid;
	padding-top: 3.735%;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 3rem;
}

.tags-review {
	display: flex;
	margin-top: 0.5rem;
	height: fit-content;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 12px;
}

.feature-review {
	margin-bottom: 10px;
	display: flex;
	height: fit-content;
	color: #F3F0F9;
}

.feature-review img {
	padding-right: 0.5rem;
}

.freespins-info {
	flex-grow: 1;
}

.offer-title {
	display: block;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 2em;
	margin-top: 7px;
	margin-bottom: 2px;
}

.offer-description {
	display: block;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	font-size: 1.5rem;
	line-height: 1.5em;
}

#content-wrapper-review {
	padding-top: 1rem;
	padding-bottom: 2rem;
	background-color: #0f1132;
	color: #fff;
}

#content-review {
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
	display: flex;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1rem;
	line-height: 1.8em;
}

#content-review h2, #content-review .h2 {
	line-height: 1.4em;
	padding: 2rem 0 1rem 0;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 26px;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

#content-review h2.similar, #content-review .h2.similar {
	padding: 2rem 0 0rem 0;
}

#content-review h3,
#content-review .h3 {
	line-height: 1.4em;
	padding: 1.4rem 0 1rem 0;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 22px;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

#content-review p {
	font-size: 1rem;
	line-height: 1.7em;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	padding-bottom: 1em;
}

#content-review a,
#content-review a:visited,
#content-review a:active {
	color: #fff;
}

#content-review .has-background a{
	color: inherit;
}

#content-review ol,
#content-review ul {
	font-size: 1rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	margin: 0 0 23px 1em;
}

#content-review-left {
	flex-basis: 65.667%;
	margin-right: 3%;
}

#content-review-sidebar {
	flex-basis: 31.3333%;
}

.review-details {
	font-size: 1rem;
}

#content-page .faq-section h2, #content-wrapper-homepage .faq-section h2 {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 2rem;
	line-height: 1.4em;
	padding: 0;
	margin-bottom: 3.242%;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
#content-wrapper-homepage .faq-section h2{
	color: #222259;
	text-align: left;
}

.faq-section h2{
	margin-top: 0!important;
}

#content-page article table{
	font-size: 16px;
}
#content-page article table td{
	padding: 0.25rem 0.5rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

#content-page article table#toplist-boxes-new td{
	padding: 0.25rem 0rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
  z-index: 1;
}

#content-page article table td:last-child{
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	position: relative;
	z-index: 1;
}
#content-page article table thead td:last-child{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
#content-page article table td > .emoji{
	margin-right: 0.75rem !important;
}
#content-page ul,
#content-page ol {
	padding: 0 0 0 1em;
	line-height: 26px;
	color: #222259;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}

.content-index ul,
.content-index ol{
	margin: 0!important;
}

#content-page ul li,
#content-page ol li{
	padding: 0.5rem 0;
}

#content-page .content-index ul li, 
#content-page .content-index ol li,
#content-review .content-index ul li,
#content-review .content-index ol li{
	padding: 0.2rem 0;
}

#content-page .faq-section, #content-wrapper-homepage #content .faq-section {
	background-color: #f5f5f5;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
	padding-top: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	margin-top: 27px;
}
#content-wrapper-homepage #content .faq-section{
	background-color: #e8e8e8;
}
.faq-section {
	background-color: #2c2c69;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
	padding-top: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	margin-top: 27px;
}

#content-review .faq-section h2 {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 2rem;
	line-height: 1.4em;
	padding: 0;
	margin-bottom: 4.242%;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.question {
	font-family: 'Basier Bold' !important;
	font-size: 1.3rem !important;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.bottom-bar {
	top: auto;
	padding: 0 0 1.5% 0;
	background-color: #0f1132;
	border-radius: 10px;
	z-index: 500;
	position: fixed;
	bottom: 0px;
	top: auto;
	left: 50%;
	right: auto;
	width: 90%;
	max-width: 1300px;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.35s ease;
}
.bottom-bar.appear {
	opacity: 1;
}

/* Casinoliste Template */

#main-area-casinoliste {
	background-color: #0f1132;
	color: #fff;
}

#casinoliste-inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#casinoliste-top {
	min-height: 315px;
	height: fit-content;
	background-size: cover;
	background-position: 50%;
	margin-bottom: 10px;
	padding: 15px;
}

#casinoliste-top.poker{
	background-image: url(../images/pokerliste-bg.webp);
}
#casinoliste-top.casino{
	background-image: url(../images/casinoliste-bg.webp?2);
}
#casinoliste-top.odds{
	background-image: url(../images/oddstips-bg.webp);
}
#casinoliste-top.world-cup-odds{
	background-image: url(/wp-content/uploads/2022/11/1200-x-427-1.png);
}
#casinoliste-top.category-odds-background{
	background-image: url(../images/oddstips-bg.webp);
}
/* #casinoliste-top.category-odds{
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	padding-right: max(calc((100vw - 1200px)/2), calc((100% - 90%)/2));
	padding-left: max(calc((100vw - 1200px)/2), calc((100% - 90%)/2));
} */
#casinoliste-top.odds-2{
	background-image: url(../images/bettingsider-liste.webp);
}
#casinoliste-top-left {
	width: 47.25%;
	padding: 1.3rem 0;
}
.header-section #casinoliste-top .ingress {
	color: white;
	display: block;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.2rem;
	line-height: 1.6em;
	margin-top: 1.9rem;
}
#casinoliste-top .ingress {
	display: block;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.2rem;
	line-height: 1.6em;
	margin-top: 1.9rem;
}

#casinoliste-list-section {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#content-page #casinoliste-list-section {
	padding-top: 2rem;
}

#casinoliste-list-section p {
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1rem;
	line-height: 1.5em;
}

#casinoliste-list-section p.h3,
#casinoliste-list-section p.h4{
	margin-bottom: 0!important;
	padding-top: 0;
	padding-bottom: 0;
}

ul#casinoliste-tabs {
	display: flex;
	flex-wrap: wrap;
}

ul#casinoliste-tabs li {
	list-style: none;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1rem;
	margin-right: 0.5rem;
	padding: 2% 0;
}

ul#casinoliste-tabs li a {
	color: #FFFFFF;
	border-width: 1px;
	border-color: #d7dced;
	border-radius: 100px;
	font-size: 0.8rem;
	font-weight: 700;
	background-color: RGBA(0, 0, 0, 0);
	text-decoration: none;
	padding-top: 5px !important;
	padding-right: 12px !important;
	padding-bottom: 5px !important;
	padding-left: 12px !important;
	display: block;
	border: 2px solid;
}

ul#casinoliste-tabs li.active a {
	background: #dedee6;
	border-color: #222259;
	color: #222259;
	outline: 2px solid #d7dced;
}

ul#casinoliste-tabs li button {
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1rem;
	color: #FFFFFF;
	border-width: 1px;
	border-color: #d7dced;
	border-radius: 100px;
	font-size: 0.8rem;
	font-weight: 700;
	background-color: RGBA(0, 0, 0, 0);
	text-decoration: none;
	padding-top: 9px !important;
	padding-right: 12px !important;
	padding-bottom: 9px !important;
	padding-left: 12px !important;
	display: block;
	border: 2px solid;
	cursor: pointer;
}

ul#casinoliste-tabs li button.focus {
	background: #dedee6;
	border-color: #222259;
	color: #222259;
	box-shadow: 0 0 0 2px #FFFFFF;
}

.update-notice-wrapper {
	display: inline-flex;
	align-items: center;
	position: relative;
	max-width: 100%;
}

.calendar-icon {
	margin-left: 2px;
	margin-right: 6px;
	font-size: 16px;
}

.update-notice {
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #ffffff;
	padding: 4px 0px;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	cursor: help;
	max-width: 100%;
	word-wrap: break-word;
}

.update-notice .tooltip {
	visibility: hidden;
	background-color: #343477;
	color: #fff;
	text-align: left;
	border-radius: 7px;
	padding: 6px 10px;
	position: absolute;
	z-index: 1;
	bottom: 125%; /* Position above */
	left: 0;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	white-space: normal;
	width: max-content;
	max-width: 280px;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
}

.update-notice:hover .tooltip {
	visibility: visible;
	opacity: 1;
}

#toplist-boxes {
	margin-top: 3%;
}

#content-page #toplist-boxes {
	margin-top: 0;
}


.toplist-box {
	background-color: transparent;
	border-radius: 10px;
	padding: 1.25rem;
	color: white;
	margin-bottom: 2rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	box-sizing: border-box;
}
.toplist-loading{
	display: none;
	position: relative;
	width: 100%;
	background: linear-gradient(-45deg, #222259, #50507a, #222259, #2e2e44);
	border-radius: 10px;
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	margin-bottom: 2rem;
	height: 240px;
	text-align: center;
}
.toplist-loading .inner{
	padding-bottom: 2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.toplist-loading.show{
	display: block;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.show {
	display: block;
}

.toplist-box-inner {
	display: flex;
	justify-content: space-between;
}

.toplist-box-top {
	display: flex;
	justify-content: space-between;
}

.toplist-box-top-right img {
	max-width: 85px;
	height: auto;
	margin-top: .5rem;
}

.toplist-box-top-left img {
	border-radius: 5px;
	max-width: 100px;
	height: auto;
	display: block;
	object-fit: cover;
}

.toplist-box-top-right {
	margin-left: 1.5rem;
}

#toplist-boxes .tags {
	margin-top: 0.5rem;
}

#toplist-boxes .casino-features {
	width: auto;
}

.toplist-box-top-first {
	display: flex;
}

.toplist-box-second-section {
	width: 25%;
	padding-left: 2rem;
}

.toplist-box-first-section {
	width: 75%
}

#toplist-boxes .toplist-box-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}


#toplist-boxes .casin-bonus-info {
	width: 80%
}

#toplist-boxes .toplist-box-bottom .casin-bonus-info {
	display: grid;
	padding-top: 3.735%;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 3rem;
}

a.button-4, 
#content-page a.button-4, 
.table-row .button-4{
	display: block;
	background-color: #343477;
	color: #F3F0F9!important;
	padding: 0.8rem;
	margin: 0.7rem 0;
	border-radius: 10px;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	text-align: center;
	font-size: 1.1rem;
	transition: .2s;
	text-decoration: none;
}

a.button-4:hover {
	background-color: #4d4d98;
}

.toplist-box-top-second {
	padding-right: 2rem;
}

.rank-number {
	opacity: 0;
	width: 0px;
	display: inline-block;
	transform: scale(0);
}

#main-area-page {
	background-color: #fff;
	padding-bottom: 4em;
}

#content-wrapper-page {
	background-color: #fff;
	padding-bottom: 4em;
	padding-top: 1.3rem;
}

.inner-page {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	align-items: center;
}

#content-page h2, #content-page .h2 {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.8rem;
	color: #222259;
	line-height: 1.2em;
	padding-bottom: 1rem;
	padding-top: 1rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
}

h2.wp-block-heading:first-of-type{
	padding-top: 0!important;
}

#content-page h2.less-padding, #content h2.less-padding{ 
	margin-bottom: 0rem;
	padding-bottom: 0;
}

#content-page .button-2 {
	margin-top: 0;
	margin-bottom: 3rem;
}

#content-page h3,
#content-page .h3 {
	font-size: 1.5rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	padding-bottom: 1rem;
	padding-top: 1rem;
	color: #222259;
	line-height: 1.2em;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
/* #content-page article h3 {
	padding-top: 1rem;
} */

#content-page h3.promo-hl ,
#content-page .h3.promo-hl {
	font-size: 1.7rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	padding-bottom: 0;
	padding-top: 1em;
	color: #333;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

#content-page p {
	font-size: 1rem;
	line-height: 1.6em;
	color: #222259;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	margin-top: 0;
	margin-bottom: 1.5rem;
}

#content-page .wp-block-column p{
	margin-bottom: 1rem;
}

#content-page article p:first-of-type,
#content-page p:first-of-type,
article p:first-of-type{
	margin-top: 0!important;
}

#casinoliste-inner #content-page p,
#casinoliste-inner #content-page h2,
#casinoliste-inner #content-page h3,
#casinoliste-inner #content-page .h2,
#casinoliste-inner #content-page .h3,
#casinoliste-inner #content-page .wp-block-image figcaption{
	color: #fff !important;
}

#casinoliste-inner #content-page .faq-section {
	background-color: #2c2c69;
}

#casinoliste-inner #content-page a {
	color: #fff;
}

#content-page p:last-child & p:not(.casino-active),
#content-page p:last-of-type & p:not(.casino-active),
#content-page article p:nth-last-child(2) & p:not(.casino-active) {
	padding-bottom: 1.5rem;
}
#content-page article #casinoliste-list-section p.h3{
	padding-bottom: 0.25rem;
}
#content-page article #casinoliste-list-section p.h4{
	padding-bottom: 0.25rem;
}
#content-page .has-background p:last-child{
	padding-bottom: 0rem;
}

.faq-element p{
	margin-bottom: 1rem!important;
	padding: 0!important;
}

.faq-element .answer{
	margin-bottom: 3rem!important;
}

.faq-element:last-child p.answer{
	margin-bottom: 0!important;
}

.wp-block-table{
	margin-bottom: 3rem;
}

#content-page a,
#content a {
	color: #222259;
}

#content-page tbody.toplist-box-new tr td .h3 img{
	margin-top: 0;
	margin-bottom: 0;
}

#content-page .stars img {
	margin-top: 0rem;
	margin-bottom: 0rem;
}

svg.casino-rating{
	display: block;
	position: relative;
	cursor: pointer;
}

.rating-container svg.casino-rating {
	height: 30px;
	width: 175px;
	margin-left: -4px;
}

/* Star rating tooltip */
.casino-rating-tooltip {
	position: absolute;
	background-color: #2c3e50;
	color: #fff;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	pointer-events: none;
	z-index: 800;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.casino-rating-tooltip.show {
	opacity: 1;
}

.casino-rating-tooltip::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-bottom-color: #2c3e50;
}

#content-page .wp-block-image img{
	margin-top: 0rem;
	margin-bottom: 0px;
	height: auto!important;
}
#content-page .wp-block-image figcaption{
	color: #505050;
	font-size: 0.9rem;
}

#content-page h1 {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 2.5rem;
	color: #222259;
	line-height: 1.4em;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.preamble {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 1.2rem !important;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

#content-page .wp-block-columns {
	margin-bottom: 1em !important;
}
#content-page .wp-block-columns.infobox, #content .wp-block-columns.infobox {
	margin-bottom: 0em !important;
	margin-top: 2rem;
}

#content-page .wp-block-columns:not(:first-child) {
	margin-top: 4rem !important;
}

.on-white-form{
	background-color: #eee !important;
	padding: 3rem !important;
	border-radius: 10px !important;
	margin: 3rem 0rem !important;
}
.on-white-form .wpforms-field-label{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 1.1rem !important;
	margin: 1.5rem 0rem 0.75rem !important;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.wpforms-field-medium:not(.contact-us-form .wpforms-field-medium){
	background-color: white !important;
	border: none !important;
	border-radius: 6px !important;
}
.white-background input.wpforms-field-medium{
	border: 1px solid #ccc !important;
	border-radius: 0px !important;
}
.wp-block-image .alignright {
	margin: 2.5em 0rem 0.5em 1em !important;
	margin-top: 0rem !important;
}
.wp-block-image .alignleft {
	margin: 2.5em 1em 0.5em 0 !important;
	margin-top: 0rem !important;
}
@media screen and (max-width:1919px) {
	.special-promo {
		display: none;
	}

	.special-promo-2 {
		display: none;
	}

	.box-top {
		flex-wrap: wrap;
	}

	.special-promo-text {
		display: block;
		font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
		background-color: #b902fe;
		width: fit-content;
		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
		border-radius: 7px;
		margin: 0.75rem 0.25rem 0.25rem 0;
		font-weight: normal;
  letter-spacing: 0.05rem;
	}

	.special-promo-text-2 {
		display: block;
		font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
		background-color: #2797e9;
		width: fit-content;
		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
		border-radius: 7px;
		margin: 0.75rem 0.25rem 0.25rem 0;
		font-weight: normal;
  letter-spacing: 0.05rem;
	}
}
ul#main-menu ul {
	right: 1px;
}
/* @media screen and (max-width:1440px) {
	ul#main-menu ul {
		right: 1px;
	}
} */

@media screen and (max-width:1360px) {
	#logo {
		padding-right: 40px;
	}
}

@media screen and (max-width:1350px) {
	#content-page .wp-block-column {
		max-width: 90% !important;
	}
	#content-page .wp-block-column.video-block {
		max-width: 100% !important;
	}
}

@media screen and (max-width:1152px) {
	#logo {
		padding-right: 10px;
	}
}

.wp-block-columns.has-background{
	padding-right: 2rem;
	padding-left: 2rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.rating-container{
	display: flex;
	align-items: center;
}
.rating-container .rating{
	line-height: 1;
	padding-top: 4px;
	margin-left: 1rem;
	font-size: 1.25rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	color: white;
}

body:not(.page-template-world-cup-odds) .odds-list-container, .featured-list{
	padding-top: 1rem;
	padding-bottom: 3rem;
}

.page-template-odds-list .featured-list{
	padding-top: 2rem;
}

.odds-list-container h2, .featured-list h2{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.4rem;
	margin-bottom: 2.5rem;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.odds-list-container h2{
	margin-bottom: 0.5rem;
}
.featured-list h2{
	text-align: center;
}

.featured-list ul{
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0.25rem;
	grid-row-gap: 0.25rem;
}

.list-container{
	background-color: #333371;
	padding: 0.75rem;
	border-radius: 10px;
}

.odds-list{
padding: 0!important;
}

.odds-list li, 
.odds-list-container .header-list-item, 
.featured-odds li .odd-header, 
.featured-odds li .odd-details{
	display: grid;
	grid-template-columns: 0.75fr 1.75fr 1fr 1fr 1.5fr;
	grid-gap: 0.75rem;
	align-items: center;
	padding: 1rem 0.75rem;
	border: 3px solid transparent;
}

.featured-list ul{
	padding: 0.25rem;
	border-radius: 10px;
	grid-gap: 1rem;
}
.featured-list ul li{
	border: 3px solid #e0e335;
	min-height: 0;
	align-self: flex-start;
}
.featured-odds li .odd-header{
	grid-template-columns: 0.7fr 1.75fr 1.5fr;
}
.featured-odds li .odd-details{
	background-color: #343477;
	grid-template-columns: 2.45fr 1.5fr;
	height: 70px;
}

.featured-odds li .odd-content{
	padding: 1rem 0.75rem;
	border: 3px solid transparent;
	max-width: 55vw;
	max-height: 100px;
	overflow: hidden;
}
.fe-odd .odd-read-less{
	display: none;
	height: 0px;
}
.fe-odd.expanded .odd-read-less{
	display: flex;
	height: 50px;
}
.fe-odd.expanded .odd-content{
	max-height: unset;
}
.fe-odd.expanded .odd-read-more{
	display: none;
}
.featured-odds li .odd-content p{
	margin-bottom: 1rem;
}

.odds-list li, .featured-odds li{
	position: relative;
	background-color: #222259;
	color: #fff!important;
	border: 3px solid #222259;
	padding: 1rem 0.75rem!important;
	border-radius: 10px;
	margin-bottom: 1rem;
}
.featured-odds li{
	padding: 0;
	margin-bottom: 0.25rem;
}
/* .featured-odds li:nth-child(odd) {
	border-right: 1.5px solid #e0e335;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.featured-odds li:nth-child(even) {
	border-left: 1.5px solid #e0e335;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
} */
.odds-list li:last-of-type{
	margin-bottom: 0rem;
}
.odds-list-container .header-list-item{
	padding-bottom: 0.5rem;
	padding-top: 0rem;
}
.odds-list-container .header-list-item div{
	color: #fff!important;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.odds-list-container .header-list-item div.align-left{
	text-align: left;
}

.odds-list li.today::before, 
.odds-list li.won::before, 
.odds-list li.lost::before, 
.odds-list li.void::before, 
.odds-list li.half-win::before, 
.odds-list li.half-loss::before, 
.odds-list li.draw::before{
	text-transform: uppercase;
	font-size: 0.75rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	line-height: 1.2;
	position: absolute;
	z-index: 2;
	top: 0;
	text-align: center;
	border-bottom-right-radius: 4px;
	padding: 0rem 1rem;
	margin: auto;
}

.odds-list li.today{
	border-color: #e0e335;
}
.odds-list li.today::before{
	content: 'Idag';
	background-color: #e0e335;
}

.odds-list li.won{
	border-color: #5aed90;
}
.odds-list li.won::before{
	content: 'Vinn';
	background-color: #5aed90;
}

.odds-list li.half-win{
	border-color: #68a1e5;
}
.odds-list li.half-win::before{
	content: 'Half Win (AH)';
	background-color: #68a1e5;
}

.odds-list li.half-loss{
	border-color: #e4468c;
}
.odds-list li.half-loss::before{
	content: 'Half Loss (AH)';
	background-color: #e4468c;
}

.odds-list li.draw{
	border-color: #b7b7b7;
}
.odds-list li.draw::before{
	content: 'Draw (AH)';
	background-color: #b7b7b7;
}

.odds-list li.lost{
	border-color: #ed5a5a;
}
.odds-list li.lost::before{
	content: 'Tap';
	background-color: #ed5a5a;
}

.odds-list li.void{
	border-color: #677a91;
}
.odds-list li.void::before{
	content: 'Void';
	background-color: #677a91;
}

.odds-list li.inactive::after{
	content: '';
	position: absolute;
	z-index: 1;
	background-color: #222259ab;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 10px;
}

.odds-list li .time, .odd-header .time{
	text-align: center;
}
.odds-list li .time span, .odd-header .time span{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	display: block;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.odds-list li .event .name, .odd-header .event .name{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.25rem;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.odds-list li .tags span, .odd-header .tags span{
	background-color: #343477;
	font-size: 0.60rem;
	text-transform: uppercase;
	padding: 0.2rem 0.4rem 0.15rem 0.4rem;
	border-radius: 7px;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
}
.odds-list li .odd, .odd-header .odd{
	text-align: center;
}

.odds-list li .odd .units, .odd-details .units{
	line-height: 1;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	background-color: #444487;
	padding: 0 0.75rem;
}

.odd-details .units{
	border-radius: 7px;
}
.odd-details .odd{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.odd-details .odd .game-type{
	display: inline-block;
}
.odds-list li .odd .units span, .odd-details .units span{
	display: inline-block;
	background-color: #b3a8d5;
	width: 0.35rem;
	height: 0.2rem;
	margin-right: 0.2rem;
}
.odds-list li .odd .units span.active, .odd-details .units span.active{
	display: inline-block;
	background-color: #e0e335;
	width: 0.35rem;
	height: 0.2rem;
}
.odds-list li .odd .units >div, .odd-details .units>div{
	text-transform: uppercase;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	font-size: 0.65rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.odd-details .units{
	text-align: center;
}
.odds-list li .odd > span, .odd-header .odd >span{
	display: block;
	background-color: #343477;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.15rem;
	font-weight: normal;
  letter-spacing: 0.05rem;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}
.odds-list li .bet, .odd-header .bet{
	padding-right: 0.5rem;
}
.odds-list li .odd-cta, .odd-header .odd-cta{
	text-align: right;
	z-index: 2;
}

.odds-list li .odd-cta a, .odd-header .odd-cta a, .odd-content .odd-cta a{
	z-index: 2;
	text-decoration: none;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.15rem;
	font-weight: normal;
  letter-spacing: 0.05rem;
	background-color: #5aed90;
	color: #2C6C43;
	border-radius: 10px;
	padding: 1rem 1.5rem;
	display: block;
	text-align: center;
	margin-left: 2rem;
}
.odd-header .odd-cta a{
	margin-left: 0;
}
.odd-content .odd-cta{
	margin-top: 2rem;
}
.odd-content .odd-cta a{
	max-width: 180px;
	margin-left: 0rem;
	padding-bottom: 1rem;
}
.odd-container{
	border: 1px solid aliceblue;
	margin: 0 auto;
	background-color: #343477;
	border-radius: 7px;
	padding: 0 0.5rem;
}
.odd-container > span{
	display: block;
	text-align: center;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	font-size: 1.15rem;
	padding: 0.25rem 0.25rem 0.2rem;
}
.odd-container > span .team{
	display: inline-block;
	text-align: center;
	font-size: 1.15rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
}
.featured-odds .odd-read-more{
	text-align: center;
	position: absolute;
	height: 100px;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(34,34,89);
	background: linear-gradient(0deg, rgba(34,34,89,0.95) 0%, rgba(34,34,89,0.99) 35%, rgba(34,34,89,0) 100%);
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	display: flex;
	justify-content: center;
	align-items: end;
}
.featured-odds .odd-read-less{
	text-align: center;
	background: rgb(34,34,89);
	background: linear-gradient(0deg, rgba(34,34,89,0.95) 0%, rgba(34,34,89,0.99) 35%, rgba(34,34,89,0) 100%);
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	display: flex;
	justify-content: center;
	align-items: end;
}
.featured-odds .odd-read-more a, .featured-odds .odd-read-less a{
	text-decoration: none;
	text-align: center;
	color: #e0e335;
	text-transform: uppercase;
	font-size: 1.15rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	margin-bottom: 0.75rem;
}
.odd-header{
	min-height: 170px;
}

@media (max-width: 476px) {
	.odds-list li .odd-cta{
		flex: 0 0 100%;
	}
}
.plus-18{
	margin-left: 0.75rem;
	width: 28px !important;
	height: 28px !important;
}
/* .table-row{
	display: flex;
	width: 100%;
} */
/* .table-row{
	display: table-row;
} */

/* tbody.toplist-box-new{
	display: table-row-group;
}

tbody.toplist-box-new tr{
	display: table-row;
}
tbody.toplist-box-new tr td{
	float: left;
} */
#toplist-boxes-new{
	width: 100%;
}
tbody.toplist-box-new tr, thead.toplist-box-new tr{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background-color: #222259;
	border-radius: 10px;
	margin-bottom: 1.25rem;
	padding: 1.25rem;
}
tbody.toplist-box-new tr:last-of-type{
	margin-bottom: 0rem;
	
}
tbody.toplist-box-new tr.slim-row{
	padding: 0 1.25rem;
}
#content-page tbody.toplist-box-new tr.slim-row td img{
	margin: 1rem 0rem;
}

thead.toplist-box-new tr{
	background-color: #1a1a48;
	text-transform: uppercase;
	font-size: 0.75rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05rem;
	line-height: 1.5;
	color: #DAD2EE;
	text-align: center;
	padding: 0.25rem 1.25rem;
}
tbody.toplist-box-new tr td.full{
	flex: 0 0 100%;
}
tbody.toplist-box-new tr td.ninth, thead.toplist-box-new tr th.ninth{
	flex: 0 0 115px;
	display: flex;
	align-self: center;
}
tbody.toplist-box-new tr td.twoninth, thead.toplist-box-new tr th.twoninth{
	flex: 0 0 19%;
}
thead.toplist-box-new tr th{
	text-align: left;
}
tbody.toplist-box-new tr td.expand{
	display: flex;
	flex-direction: column;
	align-self: stretch;
	justify-content: space-evenly;
}

/* Fonts for tables */
#content-page tbody.toplist-box-new tr td h3,
#content-page tbody.toplist-box-new tr td .h3{
	color: white;
}
#content-page tbody.toplist-box-new tr td h3 a,
#content-page tbody.toplist-box-new tr td .h3 a{
	color: white;
}
tbody.toplist-box-new tr td h3 a,
tbody.toplist-box-new tr td .h3 a{
	color: white;
	font-size: 22px;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0.05rem;
}
tbody.toplist-box-new tr td h3 img,
tbody.toplist-box-new tr td .h3 img{
	display: block;
}
tbody.toplist-box-new tr td.info > span{
	display: block;
	font-size: .75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 1;
	color: #DAD2EE;
	text-transform: uppercase;
}
tbody.toplist-box-new tr td.info{
	font-size: 1.1rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	line-height: 2rem;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.05rem;
}
tbody.toplist-box-new tr td.info .feature{
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 1.25;
	display: block;
}
thead.toplist-box-new tr th.center{
	text-align: center;
	justify-content: space-around;
}
tbody.toplist-box-new tr td.info h4,
tbody.toplist-box-new tr td.info .h4{
	padding-top: 0 !important;
	color: white !important;
}
tbody.toplist-box-new tr td.info.prosent h4::before,
tbody.toplist-box-new tr td.info.prosent .h4::before{
	content: 'PROSENT';
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 3;
	color: #DAD2EE;
	text-transform: uppercase;
	display: block;
}
tbody.toplist-box-new tr td.info.omsetning h4::before,
tbody.toplist-box-new tr td.info.omsetning .h4::before{
	content: 'OMSETNING';
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 3;
	color: #DAD2EE;
	text-transform: uppercase;
	display: block;
}
tbody.toplist-box-new tr td.info.opptil h4::before,
tbody.toplist-box-new tr td.info.opptil .h4::before{
	content: 'OPPTIL';
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 3;
	color: #DAD2EE;
	text-transform: uppercase;
	display: block;
}
tbody.toplist-box-new tr td.info.freespins h4::before,
tbody.toplist-box-new tr td.info.freespins .h4::before{
	content: 'FREESPINS';
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 3;
	color: #DAD2EE;
	text-transform: uppercase;
	display: block;
}
tbody.toplist-box-new tr td.info.special-feature h4::before,
tbody.toplist-box-new tr td.info.special-feature .h4::before{
	content: 'SPESIAL';
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 3;
	color: #DAD2EE;
	text-transform: uppercase;
	display: block;
}
tbody.toplist-box-new tr td.info.bonus h4::before,
tbody.toplist-box-new tr td.info.bonus .h4::before{
	content: 'BONUS';
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 3;
	color: #DAD2EE;
	text-transform: uppercase;
	display: block;
}
tbody.toplist-box-new tr td.info.wager h4::before,
tbody.toplist-box-new tr td.info.wager .h4::before{
	content: 'WAGER';
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 3;
	color: #DAD2EE;
	text-transform: uppercase;
	display: block;
}
tbody.toplist-box-new tr td.info .feature{
	text-align: center;
	padding: 0.5rem;
	min-height: 54px;
}
tbody.toplist-box-new tr td.info .feature img{
	display: block;
	margin: 0 auto;
}
tbody.toplist-box-new tr td.expand.sp-bet{
	justify-content: flex-start;
	gap: 15px;
}
tbody.toplist-box-new.slim tr:not(.hot-casino) td.expand.sp-bet{
	justify-content: center;
}
tbody.toplist-box-new.slim tr:not(.hot-casino) .button-3 {
	padding: 1rem;
}
tbody.toplist-box-new.slim tr:not(.hot-casino) .tags,
tbody.toplist-box-new.slim tr:not(.hot-casino) .feature,
tbody.toplist-box-new.slim tr:not(.hot-casino) .button-4 {
	display: none !important;
	visibility: hidden !important;
	position: absolute !important;
	top: -99999px !important;
	left: -9999px !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}
@media (max-width: 1090px) {
	tbody.toplist-box-new tr.table-row td.prosent, 
	tbody.toplist-box-new tr.table-row td.opptil,
	tbody.toplist-box-new tr.table-row td.freespins,
	tbody.toplist-box-new tr.table-row td.wager{
		flex: 0 0 25%;
	}
	tbody.toplist-box-new tr.table-row td.title, tbody.toplist-box-new tr.table-row td.button{
		flex: 0 0 calc(100% - 115px);
	}
}
@media (max-width: 1090px) and (min-width: 620px) {
	tbody.toplist-box-new tr.table-row td.button{
		order: 6;
		flex: 0 0 100%;
	}
	tbody.toplist-box-new tr.table-row td.prosent{
		order: 3;
	}
	tbody.toplist-box-new tr.table-row td.opptil{
		order: 4;
	}
	tbody.toplist-box-new tr.table-row td.freespins{
		order: 5;
	}
	tbody.toplist-box-new tr.table-row td.wager{
		order: 6;
	}
}

@media (max-width: 992px) and (min-width: 620px) {
	tbody.toplist-box-new tr.slim-row td.button{
		order: 2;
	}
	tbody.toplist-box-new tr.slim-row td.prosent{
		order: 3;
	}
	tbody.toplist-box-new tr.slim-row td.opptil{
		order: 4;
	}
	tbody.toplist-box-new tr.slim-row td.freespins{
		order: 5;
	}
	tbody.toplist-box-new tr.slim-row td.wager{
		order: 6;
	}
}

@media (max-width: 420px) {
	tbody.toplist-box-new tr.slim-row td.title,
	tbody.toplist-box-new tr.table-row td.title{
		flex: 0 0 55%;
	}
}
.odds-summary-page h1{
	padding-top: 4rem;
	padding-bottom: 2.5rem;
}
.odds-summary-page .summary-header{
	padding-bottom: 4rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.summary-header .summary-container{
	flex: 0 0 65%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.summary-header .summary-buttons{
	flex: 0 0 30%;
	display: flex;
	/* justify-content: flex-end; */
	align-items: flex-end;
	flex-direction: column;
}
.summary-header .summary-buttons .button{
	margin-bottom: 1rem;
}
.summary-header .summary-radio{
	display: inline-block;
	background-color: #1a1a48;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-left: 10px;
	margin-right: 10px;
	justify-self: flex-end;
	align-self: flex-end;
}
.summary-header .summary-radio div{
	display: inline-block;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	cursor: pointer;
}
.summary-header .summary-radio div:first-child{
	border-top-left-radius: 10px;
}
.summary-header .summary-radio div:last-child{
	border-top-right-radius: 10px;
}
.odds-summary-page .button{
	display: inline-block;
	color: #0e1132 !important;
	border-radius: 10px;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	font-size: 20px;
	font-weight: 700;
	background-color: #5aed90;
	padding-top: 17px;
	padding-right: 35px;
	padding-bottom: 17px;
	padding-left: 35px;
	text-decoration: none;
}
.summary-header .summary{
	flex: 0 0 100%;
	width: 100%;
	background-color: #333371;
	border-radius: 10px;
	padding: 1.25rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	box-sizing: border-box;
}
.summary-header .summary .bet-info{
	flex: 0 0 25%;
}
.summary-header .summary .bet-info h2{
	text-transform: uppercase;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	font-size: 1.05rem;
	padding-bottom: 0.75rem;
}
.summary-header .summary .bet-info span{
	font-size: 1.05rem;
}
.odds-summary-page .summary-table-section h2{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.5rem;
	font-weight: normal;
  letter-spacing: 0.05rem;
	color: #FFFFFF;
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
	margin-bottom: 1.5rem;
}
.summary-table .st-header{
	border-radius: 10px;
	padding: 0.25rem;
	background-color: #1a1a48;
	display: grid;
	grid-template-columns: 1fr 1.5fr 2fr 0.5fr 0.5fr 0.5fr;
	padding: 0.45rem 0.5rem;
	margin-bottom: 1rem;
}
.summary-table .st-header div{
	text-transform: uppercase;
	font-size: 0.75rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	line-height: 1.5;
	color: #DAD2EE;
}
.st-data .row{
	display: grid;
	grid-template-columns: 1fr 1.5fr 2fr 0.5fr 0.5fr 0.5fr;
	background-color: #1a1a48;
	padding: 0.65rem 0.5rem;
}
.st-data .row:nth-child(odd) {
	background-color: #333371;
}
.st-data .row:first-child{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.st-data .row:last-child{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.st-data .row .result{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.align-center{
	text-align: center;
}
.odds-summary-page > .align-center{
	padding-top: 2.5rem;
	padding-bottom: 4rem;
}
.pagination{
	text-align: center;
	margin-top: 1rem;
}
.pagination > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
}
.pagination > ul > li{
	background-color: #333371;
	color: white;
	text-decoration: none;
	display: block;
	padding: 0.5rem 0.75rem;
	cursor: pointer;
}
.pagination > ul > li:first-child{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left: 1.25rem;
}
.pagination > ul > li:last-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-right: 1.25rem;
}
.pagination > ul > li a{
	color: white;
	text-decoration: none;
	display: block;
	padding: 0.5rem 0.75rem;
}
.pagination > ul > li.selected{
	background-color: #1a1a48;
}
.pagination > ul > li.inactive,
.pagination > ul > li.selected{
	cursor: default;
}
.summary-container .all-show,
.summary-container .month-show,
.summary-container .week-show{
	display: none;
}
.summary-container.all .all-show,
.summary-container.month .month-show,
.summary-container.week .week-show{
	display: block;
}
.summary-container.all .all-highlight,
.summary-container.month .month-highlight,
.summary-container.week .week-highlight{
	background-color: #333371;
}
@media (max-width: 820px) {
	.odds-summary-page .summary-header{
		justify-content: center;
	}
	.summary-header .summary-container{
		flex: 0 0 100%;
	}
	.odds-summary-page .button{
		margin-top: 2rem;
	}
}

.summary-table-section{
	margin-top: -140px;
	padding-top: 140px;
}
.summary-table .pag_loading{
	position: relative;
}
.summary-table .pag_loading .loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #333371c9;
	border-radius: 10px;
}
.summary-table .pag_loading .loading p{
	text-transform: uppercase;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	color: white;
}
.summary-table .pag_loading .loading{
	display: none;
}
.summary-table .pag_loading .loading.show{
	display: block;
}
.slots-review-template h1{
	padding-top: 3.5rem;
	padding-bottom: 1rem;
	color: #222259;
}
.slots-review-template .lede{
	max-width: 700px;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.15rem;
	line-height: 1.75;
}
.slots-review-template article{
	margin-top: 2rem;
	margin-bottom: 5rem;
}
.slot-list-section{
	display: flex;
	gap: calc( (100vw - (100vw - 1200px)) * 0.0128);
	flex-wrap: wrap;
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.slot-item{
	flex: 0 0 24%;
	width: 24%;
	text-decoration: none;
	display: block;
	border-radius: 10px;
	background-color: #0F1132;
	overflow: hidden;
}
.slot-item.large{
	flex: 0 0 49%;
	width: 49%;
}
@media (max-width: 1280px) {
	.slot-list-section{
		gap: calc( (100vw - (100vw - 1200px)) * 0.0113);
	}
	.odds-list-wrapper .odds-list-sidebar {
        display: none;
    }
}
@media (max-width: 1190px) {
	.slot-list-section{
		gap: calc( (100vw - (100vw - 1200px)) * 0.0113);
	}
	.slot-item{
		flex: 0 0 32%;
		width: 32%;
	}
	.slot-item.large{
		flex: 0 0 65%;
		width: 65%;
	}
}
@media (max-width: 864px) {
	.slot-list-section{
		gap: unset;
		justify-content: space-between;
	}
	.slot-item{
		flex: 0 0 49%;
		width: 49%;
		margin-bottom: calc(100vw * 0.02);
	}
	.slot-item.large{
		flex: 0 0 49%;
		width: 49%;
		margin-bottom: calc(100vw * 0.02);
	}
}

.slot-item h2{
	display:none;
}
.game-of-the-week .slot-item{
	flex: 0 0 100%;
	width: 100%;
	background-color: #222259;
	margin-bottom: 2.5rem;
}
.game-of-the-week .slot-item h2{
	display:block;
	color: white;
	padding: 1rem;
	padding-bottom: 0.5rem;
	font-size: 1.25rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.slot-item .slot-item-wrapper .image-container{
	height: 18rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.game-of-the-week .slot-item .slot-item-wrapper .image-container{
	height: 12rem;
}
.slot-item .slot-item-wrapper .image-container .stars{
	background-color: #0F1132;
	display: inline-block;
	border-radius: 5px;
	padding: 0.25rem 0.40rem;
	line-height: 1;
}
.slot-item .slot-item-wrapper .content-container{
	padding: 1rem 1rem;
}
.slot-item .slot-item-wrapper .content-container{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.slot-item .slot-item-wrapper .content-container > div{
	color: white;
	font-size: 0.9rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	line-height: 1.3;
}
.slot-item .slot-item-wrapper .content-container > div span{
	display: block;
	font-size: 0.65rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
}
.cky-consent-container .cky-consent-bar{
	box-shadow: none !important;
}
.cky-revisit-bottom-left{
	bottom: 20px !important;
	left: 20px !important;
}
.cky-btn-revisit-wrapper{
	width: 45px !important;
	height: 45px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img{
	margin-top: 0.2rem !important;
	height: 36px !important;
	width: 36px !important;
}
.odds-list-wrapper{
	display: flex;
	align-items: flex-start;
	gap: 30px;
}
.odds-list-wrapper .list-container{
	flex-basis: 100%;
	/* flex-basis: 65.667%;
	margin-right: 3%; */
}
.odds-list-wrapper .odds-list-sidebar{
	flex-basis: 315px;
	flex-shrink: 0;
	/* flex-basis: 31.3333%; */
}
.odds-list-sidebar .box.box-full{
	margin: 0;
	margin-bottom: 2rem;
}

.elk-tournament-container {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}
.elk-tournament-container iframe {
	position: absolute;
	top: 0;
	border: 0;
	height: 100%;
	width: 100%;
}
.content-index {
	background-color: #f5f5f5;
	border-radius: 8px;
	padding: 1.5rem;
	margin-top: 2rem;
	margin-bottom: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content-index span{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	color: #2d2d2d;
	font-size: 1.15rem;
}
#content-page .content-index ul, 
#content .content-index ul,
#content-review .content-index ul{
	flex: 0 0 100%;
	margin-top: 0rem;
	padding: 0;
	padding-left: 0.5rem;
	margin-left: 0.25rem;
	border-left: 3px solid #222259;
	list-style: none;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
}
/* #content-page .content-index ul li:first-of-type, #content .content-index ul li:first-of-type{
	margin-top: 0.5rem;
}
#content-page .content-index ul li:last-of-type, #content .content-index ul li:last-of-type{
	margin-bottom: 0.5rem;
} */
#content-page .content-index.show ul, 
#content .content-index.show ul,
#content-review .content-index.show ul{
	max-height: calc(100vh - 150px);
	padding-bottom: 50px;
	overflow-y: scroll;
	-ms-overflow-style: scrollbar;
}

#content-page .content-index.show ul::-webkit-scrollbar, 
#content .content-index.show ul::-webkit-scrollbar,
#content-review .content-index.show ul::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
  
#content-page .content-index.show ul::-webkit-scrollbar-thumb, 
#content .content-index.show ul::-webkit-scrollbar-thumb,
#content-review .content-index.show ul::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

#content-page .content-index ul li a, 
#content .content-index ul li a,
#content-review .content-index ul li a{
	text-decoration: none;
	display: block;
	color: #222259!important;
}
#content-page .content-index ul li a::after, 
#content .content-index ul li a::after,
#content-review .content-index ul li a::after{
	content: 'Gå til';
	font-size: 0.75rem;
	color: #7b7b7b;
	text-transform: uppercase;
	padding-left: 0.75rem;
	text-decoration: none !important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	display: inline-block;
	opacity: 0;
	transition: opacity 0.2s;
}
#content-page .content-index ul li a:hover::after, 
#content .content-index ul li a:hover::after,
#content-review .content-index ul li a:hover::after{
	opacity: 1;
}
#content-page h2.is-title, 
#content-page h3.is-title, 
#content-page h4.is-title, 
#content-page .is-title, 
#content-page h6.is-title, 
#content-page h1.is-title,
#content h2.is-title, 
#content h3.is-title, 
#content h4.is-title, 
#content h5.is-title, 
#content h6.is-title, 
#content h1.is-title,
h2.is-jumplink, 
h3.is-jumplink, 
h4.is-jumplink, 
h5.is-jumplink, 
h6.is-jumplink, 
h1.is-jumplink,
[id^="h2-"]:not(.exclude-from-index) {
	display: block;
	position: relative;
	scroll-margin-top: 104px;
}
button.expand-content{
	cursor: pointer;
	background-color: transparent;
	border: none;
}
button.expand-content span{
	color: #2d2d2d!important;
	text-transform: uppercase;
	padding-left: 0.75rem;
	font-weight: normal;
	font-size: 1em;
	margin-right: 5px;
  letter-spacing: 0.05rem;
	text-decoration: none !important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
}

.content-index.show button.expand-content .fa-angle-down{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.casino-list-horizontal{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1rem 30px;
}
.casino-list-horizontal .box-top-right{
	margin-left: 0;
	flex-basis: 100%;
}
.casino-list-horizontal .box-top{
	align-items: center;	
}
.casino-list-horizontal .box-top-right .casino-name{
	line-height: 0.9;
	font-size: 1.25rem;
}
.casino-list-horizontal .box{
	padding: 0.9rem;
}
.casino-list-horizontal .box section>span{
	font-size: 0.65rem;
	text-align: center;
	margin-top: 0.75rem;
}
.casino-list-horizontal .box section>.box-top{
	text-align: center;
}
.casino-list-horizontal .box section .casin-bonus-info{
	display: block;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
	min-height: 71px;
}
.casino-list-horizontal .box.box-full .casin-bonus-info{
	margin-top: 0.5rem;
}
.casino-list-horizontal .casin-bonus-info{
	margin-bottom: 0rem;
}
.casino-list-horizontal .box section .casin-bonus-info em{
	text-transform: uppercase;
	font-size: 0.55rem;
	line-height: 1;
	font-style: normal;
	color: #DAD2EE;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
}

.casino-list-horizontal .box.box-full{
	text-align: center;	
}
.casino-list-horizontal .box.box-full .button-3{
	display: block;
	padding: 0.65rem 2rem;
	margin-bottom: 0.5rem;
	font-size: 1rem;
}
.casino-list-horizontal .box.box-full .box-top .box-top-left{
	width: 100%;
}
.casino-list-horizontal .box.box-full .box-top .box-top-left img{
	margin: 0 auto;
	margin-bottom: 0.75rem !important;
}
.casino-list-horizontal .box.box-full{
	margin: 0;
}
@media (min-width: 640px) {
	.casino-list-horizontal{
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px 30px;
	}
}

/* Slot New Design */
.slot-item-header{
	padding-top:1rem;
	margin-right: 1rem;
	margin-left: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: self-start;
	flex-direction: column;
}
.list-index{
	padding: 0.25rem 0.40rem;
	background-color: #0F1132;
	color: white;
	border-radius: 5px;
	font-size: 0.85rem;
	line-height: 17px;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.slot-item-header .stars{
	margin: 0;
}
.breadcrumb{
	background-color: #0f1132;
}
.breadcrumb.light{
	background-color: #fff;
}
#breadcrumbs{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 1.2rem 0;
	font-size: 15px;
	color: #ffffff;
}
.breadcrumb.light #breadcrumbs{
	color: #0a0a1e;
}
#breadcrumbs a{
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	text-decoration: none;
	color: #ffffff;
}
#breadcrumbs a:hover{
	text-decoration: underline;
	text-underline-offset: 4px;
	color: #d2c9e3;
}
.breadcrumb.light #breadcrumbs{
	color: #0a0a1e;
}
.breadcrumb.light #breadcrumbs a{
	color: #0a0a1e;
}
.breadcrumb.light #breadcrumbs a:hover{
	color: #3f3f5c;
}
.generic-wrapper{
	margin-top: 104px;
}

.news-article .main-container{
	width: 72%;
	max-width: 1200px;
	margin: 0 auto;
	align-items: center;
}

.news-article section.header{
	padding-top: 2.5rem;
	text-align: center;
}
.news-article section.header h1{
	font-size: 4.5rem;
	color: #0f1132;
	text-align: center;
	line-height: 1.2;
}

.news-article section.header .date{
	text-transform: uppercase;
	font-weight: normal;
  letter-spacing: 0.05rem;
	font-size: 1rem;
	color: #7a7a7a;
	line-height: 1;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	margin-top: -0.5rem;
	margin-bottom: 3rem;
}
.news-article article{
	margin-bottom: 5rem;
}
.news-article article h2,
.news-article article .h2{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.8rem;
	color: #222259;
	padding-top: 1.75em;
	margin-bottom: 1.5rem;
	line-height: 1.2em;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.news-article article h3,
.news-article article .h3{
	font-size: 1.5rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	padding-bottom: 0;
	padding-top: 1.15em;
	color: #222259;
	line-height: 1.2em;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.news-article article p {
	font-size: 1.1rem;
	line-height: 1.6;
	color: #222259;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	margin-top: 2.70%;
}
.news-article article ul,
.news-article article ol {
	padding: 0 0 0 1em;
	line-height: 26px;
	color: #222259;
	font-size: 1rem;
	margin-top: 2.8%;
}
.news-article article a{
	color: #222259;
}
.external-website-button{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
	background-color: #222259;
	border-radius: 100px;
	padding: 10px 32px;
	max-width: 128px;
	font-size: 1.1rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	text-decoration: none;
	font-weight: normal;
  letter-spacing: 0.05rem;
	transition: all 0.2s;
	border: 2px solid #DF3019;
	outline: 4px solid #222259;
}
.external-website-button:hover{
	background-color: #343477;
	outline: 4px solid #343477;
}
.external-website-button img{
	display: inline-block;
	padding: 0;
	margin-right: 8px;
}
.external-website-button .left-icon{
	margin-right: 0px;
	margin-left: 8px
}
.date-wrapper{
	color: #0a0a1e;
	text-transform: capitalize;
}

.page-template-sportslist .date-wrapper,
.page-template-toplist .date-wrapper,
.page-template-odds-list .date-wrapper,
.page-template-world-cup-odds .date-wrapper,
.page-template-odds-category-page .date-wrapper,
.page-template-odds-summary .date-wrapper,
.category-oddstips .date-wrapper{
	color: #ffffff;
}

.category-slots .category-image-block{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.page-template-odds-list.page .date-wrapper.read-time,
.date-wrapper.read-time{
	display: flex;
	/* margin-bottom: 50px; */
}

.page-template-odds-list.page .date-wrapper.read-time span:last-of-type,
.date-wrapper.read-time span:last-of-type{
	padding-left: 10px;
}

/* .page .date-wrapper.read-time{
	margin-bottom: 0;
} */

.review-author-top-wrapper .date-wrapper.read-time{
	display: flex;
	margin-bottom: 0px;
	color: #F3F0F9;
}

#content #casinoliste-list-section{
	padding-top: 1rem;
}
#content #casinoliste-list-section h3,
#content #casinoliste-list-section .h3{
	padding-top: 0rem;
	padding-bottom: 0rem;
}
#content #casinoliste-list-section h3 a,
#content #casinoliste-list-section .h3 a{
	color: white;
}
#content tbody.toplist-box-new tr.slim-row td img{
	margin: 1rem 0rem;
}
.has-background .wp-block-image .alignleft, .has-background .wp-block-image .alignright{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.infobox p:first-of-type{
	margin-top: 0rem !important;
}
#content-page .infobox h2, 
#content-page .infobox h3, 
#content-page .infobox h4,
#content .infobox h2, 
#content .infobox h3, 
#content .infobox h4,
#content-page .infobox .h2, 
#content-page .infobox .h3, 
#content-page .infobox .h4,
#content .infobox .h2, 
#content .infobox .h3, 
#content .infobox .h4{
	padding-top: 0rem;
}
#content .infobox h2,
#content .infobox .h2{
	margin-bottom: 1.5rem;
	line-height:1;
}
#content .infobox p{
	color: black;
}
.infobox .wp-block-column:not(:first-child){
	margin-left: 1.5rem !important;
}
.infobox ul li{
	padding-bottom: 0.75rem;
}
/* Share functionality styles */
.share-buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
	margin-top: 1.5rem;
}

.share-buttons a {
	  display: flex;
	align-items: center;
	justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f1f1f1;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  transition: background-color 0.3s;
}

.share-buttons a i {
  color: #0a0a1e;
  font-size: 1.2rem;
}

.share-buttons a:hover {
  background-color: #e1e1e1;
}

.share-buttons .copy {
  position: relative;
  height: 40px;
}

.share-buttons .copy-tooltip {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #0a0a1e;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
  white-space: nowrap;
  font-size: 0.8rem;
}

.share-buttons .copy:hover .copy-tooltip {
  display: block;
}

/* Comments Section */
.comments-container{
	max-width: 892px;
	margin-top: 1.5rem;
}
.comments-area {
  margin-top: 2rem;
}

.commentlist {
  list-style-type: none;
  padding: 0;
	margin-top: 24px !important;
	list-style: none;
	padding: 0 !important;
}

.commentlist .children {
  list-style-type: none;
  padding-left: 2rem;
}

.commentlist .comment {
  background-color: #f9f9f9;
  border-radius: 5px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.commentlist .comment .comment-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.commentlist .comment .comment-author {
  display: flex;
  align-items: center;
}

.commentlist .comment .comment-author .avatar {
  border-radius: 50%;
  margin-right: 1rem;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.commentlist .comment .comment-content {
  font-size: 0.9rem;
}

.commentlist .comment .reply {
  margin-top: 1rem;
}

.comment-reply-link {
  background-color: #222259;
  color: #fff !important;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  font-size: 0.9rem;
}

.comment-reply-link:hover {
  background-color: #343477;
}

.comment-form {
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* flex-direction: column; */
  background: #eeeeee;
  padding: 1rem;
  border-radius: 5px;
  position: relative;
	margin-top: 24px !important;
}
.comment-form p{
	margin-top:0.5rem !important;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	/* max-width: 100%; */
	/* display: block; */
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 1242px;
  max-width: 100%;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: none;
  border-radius: 3px;
  /* resize: none; */
  position: relative;
}

.comment-form input[type="submit"] {
  align-self: flex-start;
  background-color: #222259;
  color: #fff;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s;
}

.comment-form input[type="submit"]:hover {
  background-color: #343477;
}

.comment-notes,
.logged-in-as {
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.logged-in-as a {
  color: #0073aa;
}

.logged-in-as a:hover {
  color: #005a87;
}
.commentlist .says{
	padding-left: 7px;
}
.comment-meta a{
	font-size: 0.85rem !important;
	color: #7a7a7a !important;
}
.comment-body p{
	margin-top: 16px !important;
	font-size: 1.1rem !important;
}
strong{
	font-family: 'Basier Bold' !important;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
.comments-container h3,
.comments-container .h3{
	padding-top: 1.3rem !important;	
}
.required-field-message{
	margin-left: 0.3rem;
}
.cld-like-dislike-wrap{
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}
.column-space-between{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/* Style the container to center the list horizontally if desired */
.social-media-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5rem;
}

/* Style each list item */
.social-media-menu li {
  margin: 0 5px;  /* Add some space between icons */
}

/* Style each social media icon */
.social-media-menu img,
.social-media-menu.medium img {
  max-width: 32px;
  max-height: 32px;
}

.social-media-menu.large img {
	max-width: 40px;
	max-height: 40px;
  }

  .social-media-menu.small img {
	max-width: 25px;
	max-height: 25px;
  }

  .social-media-menu.shortcode-socials {
	padding-inline-start: 0!important;
	padding: 0!important;
	margin: 0!important;
  }

  .social-media-menu.shortcode-socials li img{
	margin: 0!important;
  }
/* Author Header Layout Start */

.row{
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * 0);
	margin-right: calc(-.5 * 1.5rem);
	margin-left: calc(-.5 * 1.5rem);
}

.row>* {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(1.5rem * .5);
	padding-left: calc(1.5rem * .5);
	margin-top: 0;
}

.col {
	flex: 1 0 0%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}

footer .legal-image {
	display: block;
	padding: 10px!important;
	max-width: calc(100% - 20px);
	height: auto;
	object-fit: contain;
}

footer .legal-images{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

footer .legal-images a:first-child img{
	padding-top: 0!important;
}

footer .legal-images.justify-content-center{
	margin-top: 70px;
}

.footer-columns div[class^="col-"]{
	margin-top: 40px;
}
.d-block{
	display: block!important;
}
.d-flex{
	display: flex!important;
} 

.m-0{
	margin: 0!important;
}

.mt-0{
	margin-top: 0!important;
}

.mt-20{
	margin-top: 20px!important;
}

.mt-50{
	margin-top: 50px!important;
}

.mb-0{
	margin-bottom: 0!important;
}

.mx-auto{
	margin-left:auto;
	margin-right:auto;
}

.text-center{
	text-align: center!important;
}

.p-0{
	padding: 0!important;
}

.pt-20{
	padding-top: 20px!important;
}

.justify-content-start{
	justify-content: start!important;
}

.justify-content-center{
	justify-content: center!important;
}

.justify-content-end{
	justify-content: end!important;
}

.align-items-flex-start{
	align-items: flex-start!important;
}

.flex-direction-column{
	flex-direction: column!important;
}

.h-100{
	height: 100%!important;
}

.h-100px{
	height: 100px!important;
}

.ml-20{
	margin-left: 20px;
}

.ml-auto{
	margin-left:auto;
}

.dark-image{
	filter: contrast(0) brightness(0);
}

.age-limit{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	background-color: #EB190E;
	color: #FFF;
	font-size: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 57px;
	font-weight: normal;
  letter-spacing: 0.05rem;
	padding: 10px;
	margin: 10px;
}

.page-template-default .author-header-wrapper,
.post-template-default.single-post .author-header-wrapper,
.page-template-slots-listing .author-header-wrapper,
.page-template-pageboxes .author-header-wrapper,
.category .author-header-wrapper{
	color: #222259;
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #eeeeee;
	padding: 2em;
	border-radius: 10px;
	margin-top: 27px;
}

#content-wrapper-review .author-header-wrapper,
#content-wrapper-review  .post-template-default.single-post .author-header-wrapper,
.page-template-sportslist .author-header-wrapper,
.page-template-toplist .author-header-wrapper,
.page-template-odds-summary .author-header-wrapper,
.page-template-odds-category-page .author-header-wrapper,
.page-template-odds-list .author-header-wrapper,
.page-template-world-cup-odds .author-header-wrapper,
.category.category-oddstips .author-header-wrapper{
	background-color: #2c2c69;
	color: #222259;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 2em;
	border-radius: 10px;
	margin-top: 27px;
}

.author-header-wrapper span{
	margin-top: 10px;
	color:#222259;
	line-height: 1.3;
}

.author-header-wrapper h1,
.author-header-wrapper span{
	z-index: 1;
}

.author-header-wrapper .tagline,
.author-header-wrapper .tagline,
.authors-list-section .tagline{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 14px!important;
	margin-top: 5px!important;
	margin-bottom: 0!important;
}

.author-header-container p,
.author-header-wrapper p{
	text-align: left!important;
	margin: 0!important;
	padding: 15px 0!important;
}

.page-template-default .author-header-wrapper p,
.page-template-slots-listing .author-header-wrapper p,
.page-template-pageboxes .author-header-wrapper p{
	color: #222259;
}

.post-template-default .author-header-wrapper p,
.page-template-sportslist .author-header-wrapper p,
.page-template-toplist .author-header-wrapper p,
.page-template-odds-summary .author-header-wrapper p,
.page-template-odds-category-page .author-header-wrapper p,
.page-template-odds-list .author-header-wrapper p,
.page-template-world-cup-odds .author-header-wrapper p{
	color: #ffffff;
}

.author-header-container .author-image,
.author-header-wrapper .author-image{
	margin: 0!important;
	object-fit: cover;
}

#content-wrapper-review .author-header-container h2.author-name,
#content-wrapper-review .post-template-default.single-post .author-header-container h2.author-name,
.post-template-default .author-header-container h2.author-name,
.page-template-sportslist .author-header-container h2.author-name,
.page-template-toplist .author-header-container h2.author-name,
.page-template-odds-summary .author-header-container h2.author-name,
.page-template-odds-category-page .author-header-container h2.author-name,
.page-template-odds-list .author-header-container h2.author-name,
.page-template-world-cup-odds .author-header-container h2.author-name{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.8rem!important;
	color: #ffffff!important;
	padding: 0!important;
	line-height: 1.2em!important;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

.post-template-default.single-post .author-header-container h2.author-name,
.page-template-default .author-header-container h2.author-name,
.page-template-slots-listing .author-header-container h2.author-name,
.page-template-slots-listing h2.author-name a,
.page-template-pageboxes .author-header-container h2.author-name{
	color: #222259!important;
}

.author-name svg{
	vertical-align: middle;
}

.page-template-slots-listing h2 > a{
	color: #222259!important;
}

.author-header-container .author-name{
	font-size: 24px!important;
	vertical-align: middle!important;
	padding: 0!important;
}

p.author-name-link,
p.author-name-link a{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1em!important;
	color: inherit!important;
	padding-top: 0!important;
	margin-bottom: 5px!important;
	line-height: 1.2em!important;
	font-weight: normal;
	letter-spacing: 0.05rem;
}

#review-top p.author-name-link,
.dark-background p.author-name-link,
#review-top p.author-name-link a,
.dark-background p.author-name-link a
{
	color: #fff!important;
}

p.author-name-link{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif!important;
	font-size: 14px!important;
	font-weight: normal;
	letter-spacing: 0.05rem;
	vertical-align: middle!important;
	padding-top: 10px!important;
	margin-bottom: 5px!important;
}

p.author-name-link a{
	text-decoration: none!important;
}

.dark-background p.author-name-link span,
#review-top p.author-name-link span{
	color: #fff;
}

p.author-name-link span{
	background-color: transparent;
	position: relative;
	color: #1025ff;
	/* padding: 7px 10px;
	font-size: 15px; */
	padding: 0.3rem 0.7rem;
	padding-left: 4px;
	font-size: 0.85em;
	border-radius: 25px;
	z-index: 1;
	animation: cover-span 1s 0.5s normal forwards ease-out;
}

p.author-name-link span::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 25px;
	background-color: #1025ff;
	/* width: 100%; */
	height: 100%;
	z-index: -1;
	width: 25px;
	animation: cover-span 1s 0.5s normal forwards ease-out;
}

@keyframes cover-span {
	100% {
		width: 100%;
		color: #fff;
	}
}

p.author-name-link span svg{
	vertical-align: middle;
}

.author-top-wrapper{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 1rem;
	margin-bottom: 50px;
}

.review-author-top-wrapper .author-top-wrapper{
	margin-bottom: 0px;
}

.author-header-container h2.author-name{
	margin-bottom: 0!important;
	display: inline-block!important;
}

.verified{
	color: #0066FF;
	padding-left: 0;
	font-size: clamp(14px, 0.6em, 17px);
	line-height: 1;
	padding-bottom: 2px;
	vertical-align: middle;
}

.author-header-container .post-dates{
	display: flex;
	padding: 10px 0;
}

.post-template-default .author-header-container .post-dates .date-wrapper,
.page-template-sportslist .author-header-container .post-dates .date-wrapper,
.page-template-toplist .author-header-container .post-dates .date-wrapper,
.page-template-odds-summary .author-header-container .post-dates .date-wrapper,
.page-template-odds-category-page .author-header-container .post-dates .date-wrapper,
.page-template-odds-list .author-header-container .post-dates .date-wrapper,
.page-template-world-cup-odds .author-header-container .post-dates .date-wrapper{
	font-size: 12px;
	color:#ffffff;
}

.author-header-container .post-dates .date-wrapper{
	font-size: 12px;
	color:#222259;
}

.author-header-container .post-dates .date-wrapper:nth-child(n+2){
	padding-left:20px;
}

.author-header-wrapper .social-media-menu{
	padding: 0!important;
	margin:0!important;
	margin-top: auto!important;
}

.author-header-wrapper .social-media-menu li{
	line-height: 1;
}

.author-header-wrapper .social-media-menu img{
	margin: 0!important;
}

.author-header-wrapper .author-header-container a{
	text-decoration: none;
	display: block;
}


.author-header-container .author-image{
	width: 120px;
	height: 120px;
	border-radius:5px;
}

.author-header-wrapper .author-header-container .author-image-a{
	height: 120px;
}

/* Author Header Layout End */

/* Author Bio Layout Start */

.author-posts-list, 
ul.author-posts-list{
	padding: 0!important;
	list-style: none!important;
	text-decoration: none!important;
	--bs-gutter-x: 1.5rem!important;
	--bs-gutter-y: 0!important;
	display: flex!important;
	flex-wrap: wrap!important;
	max-width: 1200px!important;
	margin-top: calc(-1 * 1.5rem)!important;
	margin-right: calc(-.5 * 1.5rem)!important;
	margin-left: calc(-.5 * 1.5rem)!important;
	margin-bottom: 100px!important;
}

.author-posts-list li, 
ul.author-posts-list li{
	padding: 0.5rem!important;
}



.author-posts-list a{
	text-decoration: none;
}

.author-header-container h3,
.author-header-container .h3{
	font-size: 16px;
}

.list-author-image,
.author-posts-list .post-image{
	width: 100%;
	height: 200px;
	object-fit: cover;
	margin: 0!important;
}

.list-author-image{
	max-width: 200px;
	border-radius: 5px;
}

.author-header-wrapper h2,
.author-header-wrapper .h2{
	font-size: 16px!important;
	display: block!important;
	padding:0!important;
	margin-top: 5px!important;
}

.author-header-wrapper h3,
.author-header-wrapper .h3{
	font-size: 16px!important;
	padding-bottom: 0!important;
	padding-top: 20px!important;
	line-height: 1.2em!important;
}

.author-posts-list>*{
	flex-shrink: 0;
	width: 100%;
	padding-right: calc(1.5rem * .5);
	padding-left: calc(1.5rem * .5);
	margin-top: 2.5rem;
}

.author-posts-list .link{
	color: #0000FF!important;
}

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border-radius: 0.375rem;
}

.card-body {
	flex: 1 1 auto;
	padding: 16px 0 0;
	color: var(--bs-card-color);
}

.card-title {
	margin-bottom: 0.5rem;
	margin-right: 5px;
	flex-grow: 1;
}

.card-text:last-child {
	margin-bottom: 0!important;
	padding-bottom: 1rem!important;
}

.card-text p, 
p.card-text,
.text-justify{
	text-align: justify;
}

.row-cols-1>* {
	flex: 0 0 auto;
	width: 100%;
}

.col {
	flex: 1 0 0%;
}

.row-cols-1>* {
	flex: 0 0 auto;
	width: 100%;
}

.badge {
	display: inline-block;
	margin-top: 2px;
	padding: 0.35em 0.65em;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1;
	max-height: 20px;
	color: #ffffff;
	background-color: #0000FF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 50rem;
}

.featured-articles-title{
	color: #222259;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.0;
	margin-bottom: 20px;
	margin-top: 100px;
}

/* End */
/* New Button */
a.button-4.green {
	background-color: #5aed90;
	color: #2C6C43 !important;
}

a.button-4.green:hover {
	background-color: #2cb55e;
}

#content-page h4,
#content-page .h4 {
	font-size: 1.2rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	padding-bottom: 0;
	padding-top: 1.7em;
	color: #222259;
	line-height: 1.6em;
}
#content-page article h4,
#content-page article .h4 {
	padding-top: 1em;
}

#content-page h4.promo-hl,
#content-page .h4.promo-hl {
	font-size: 1.5rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	padding-bottom: 0;
	padding-top: 0.9em;
	color: #333;
	font-weight: normal;
  letter-spacing: 0.05rem;
}
#casinoliste-inner #content-page h4,
#casinoliste-inner #content-page .h4{
	padding-top: 1.7rem;
	color: #fff !important;
}
#casinoliste-inner #content-page ul, 
#casinoliste-inner #content-page ol{
	color: #fff !important;
}

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.games-iframe,
.game-iframe{
	border: none;
	width: 715px;
	max-width: 100%;
	min-width: 300px;
	height: 315px;
}

.game-iframe-preload{
	position: relative;
	display: block;
	border: none;
	width: 715px;
	max-width: 100%;
	min-width: 300px;
	height: 370px;
	margin-bottom: 15px; 
	cursor: pointer;
}

.game-iframe-preload::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	background-image: var(--background-src);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	opacity: 0.85;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	transition: all .2s ease-out;
}

.game-iframe-preload:hover::before{
	opacity: 1;
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: blur(4px);
	transition: all .25s ease-in;
}

.game-iframe-preload::after{
	content: 'SPILL DEMO';
	text-align: center;
	color: white;
	text-shadow: 0px 0px 10px #0a0a1e;
	font-family: 'Basier Bold';
	letter-spacing: 0.1rem;
	vertical-align: middle;
	line-height: 450px;
	font-size: 25px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/play-game.svg);
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center 35%;
}

ul#casinos-with-game{
	list-style: none;
	padding: 0 0 20px!important;
	width: clamp(335px, 100%, 715px);
	padding-inline-start: 0;
	max-height: 565px;
	overflow: auto;
}

#casinos-with-game li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #e9e9e9;
	border-radius: 7px;
	padding: 10px!important;
	margin: 10px 0 !important;
}

#casinos-with-game img{
	height: 70px;
	margin: 0 10px 0 0;
	padding: 0;
	border-radius: 7px;
}

#casinos-with-game .rating-container svg.casino-rating{
	height: 15px;
	width: 90px;
	margin-left: -4px;
}

#casinos-with-game .rating-container .rating{
	line-height: 1;
	padding-top: 3px;
	margin-left: 0.3rem;
	font-size: 0.8rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	color: #757575;
}

#casinos-with-game .button-3{
	margin: 0;
	padding: 12px 20px!important;
	line-height: 1!important;
	height: 35px!important;
	font-size: 0.8em!important;
	align-self: center;
	margin-left: auto;
	text-align: center;
	min-width: 100px;
}

#casinos-with-game p{
	font-size: 0.9rem!important;
	margin: 0!important;
	padding: 5px 0 0!important;
}

@media (max-width: 520px) {
	tbody.toplist-box-new tr.slim-row td.title,
	tbody.toplist-box-new tr.table-row td.title{
		flex: 0 0 65%;
	}

	.summary-header .summary .bet-info{
		flex: 0 0 50%;
	}
	.summary-header .summary .bet-info:first-child{
		margin-bottom: 1.5rem;
	}

	#content .infobox h2 {
		display: inline-flex;
		margin-top: 1rem;
	}

	.games-iframe,
	.game-iframe{
		height: 185px;
	}
}

@media (max-width: 1400px) {
	.odds-list li .odd .units span, .odd-details .units span{
		width: 0.35rem;
		height: 0.2rem;
	}
	.odds-list li .odd .units span.active, .odd-details .units span.active{
		width: 0.35rem;
		height: 0.2rem;
	}

	.odds-list li, .odds-list-container .header-list-item, .featured-odds li .odd-header, .featured-odds li .odd-details{
		grid-template-columns: 0.75fr 1.75fr 0.80fr 1.2fr 1.5fr;
	}
}

@media screen and (max-width:1025px) {

	#banner-area,
	#top-mid-box-area {
		flex-basis: 100%;
	}

	.box {
		width: 100%;
	}

	.footer-columns {
		display: block;
	}

	.arrow-prev,
	.arrow-next {
		opacity: 1;
	}

	.arrow-prev {
		left: 0px;
	}

	.arrow-next {
		right: 0px;
	}

	#slideshow-container:hover .arrow-prev {
		left: 0px;
	}

	#slideshow-container:hover .arrow-next {
		right: 0px;
	}

	.wp-block-columns {
		display: block !important;
	}

	.wp-block-column:not(:first-child) {
		margin-left: var(--wp--style--block-gap, 0em) !important;
	}
	.wp-block-column.video-block{
		margin-left: 0 !important;
	}

	.toplist-box-inner {
		display: block;
	}

	.toplist-box-second-section {
		width: 100%;
		padding-left: 0;
	}

	.toplist-box-first-section {
		width: 100%
	}

	.toplist-box-inner .sub-info-content,
	.offer-description {
		font-size: 1rem;
	}

	#casinoliste-top-left {
		width: 100%;
	}

	#review-top-wrapper,
	#content-review,
	.toplist-box-top {
		display: block;
	}

	#content-review-left{
		margin-right: 0;
	}

	#review-top-left img {
		margin-bottom: 30px;
		width: 150px;
		height: 150px;
	}

	.button-3 {
		padding: 1rem 1.5rem;
		font-size: 1rem;
	}

	.bottom-bar {
		padding: 15px;
		width: 100%;
	}

	.bottom-bar-inner {
		padding-left: 15px;
		padding-right: 15px;
	}

	#review-top-right-over {
		display: block;
	}

	.casino-features-review {
		margin-top: 30px;
	}

	.twitch {
		position: relative;
	}

	.twitch .twitch-video iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
	}

	.twitch .twitch-video {
		width: 100%;
		padding-top: 62.1875%;
		margin-bottom: 0;
	}

	#review-top-right-over-first img {
		height: 22px;
		width: 125px;
	}

	.wp-block-image .alignright {
		float: none !important;
		margin: 0.5em 0 1em 1em !important;
	}

	#social-block-columns {
		display: block;
	}

	.social-block-column:not(:first-child) {
		margin-left: 0%;
		margin-top: 10%;
	}
	.on-white-form{
		padding: 1.5rem !important;
	}

	.generic-wrapper{
		margin-top: 0px;
	}

	.news-article .main-container{
		width: 90%;
		max-width: 1200px;
	}

	.news-article section.header h1{
		font-size: 3.5rem;
	}

	.games-iframe,
	.game-iframe{
		border: none;
		width: 100%;
		height: 315px;
	}

	#site-wrapper:not(.casino-active) #review-top-left{
		display: flex;
		justify-content: center;
		margin-right: 0;
	}

	#site-wrapper:not(.casino-active) #review-top-right-over{
		display: flex;
	}
}

@media screen and (min-width: 1501px) {
	#overlay, 
	#overlay-sub, 
	#mobile-menu.show,
	#mobile-header-overlay.show {
		display:none!important;
	}
}

@media screen and (max-width:1500px) {
	#main-menu, .desktop-logo {
		display: none;
	}
	.mobile-logo {
		display: block;
	}
	#logo {
		padding-right: 0;
		height: 104px;
	}
	#menu-right {
		justify-content: end;
	}

	#main-nav {
		height: 80px;
		background: #0f1132;
	}

	body:not(.logged-in) #main-nav.fixed-top-mobile{
		top: 0;
	}

	body.logged-in #main-nav.fixed-top-mobile{
		top: 32px;
	}

	#main-nav.fixed-top-mobile{
		position: fixed;
	}

	#main-nav.fixed-top-mobile.fixed-top-mobile-offset{
		top: 0px;
	}

	#banner-area,
	#top-mid-box-area {
		flex-basis: 90%;
	}

	a#pull-menu {
		display: block;
	}

	#main-nav {
		position: static;
	}

	#top-left-nav,
	#top-mid-left-nav {
		display: none;
	}

	body:not(.logged-in) #site-wrapper {
		margin-top: 80px;
	}
}

@media (min-width: 992px)
{
	.casino-list-horizontal{
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 10px 30px;
	}
	.casino-list-horizontal .box.box-full:last-of-type{
		display: block;
	}

	.col-lg {
		flex: 1 0 0%!important;
	}

	.col-lg-4 {
		flex: 0 0 auto!important;
		width: 33.33333333%!important;
	}

	.col-lg-6 {
		flex: 0 0 auto!important;
		width: 50%!important;
	}

	.col-lg-8 {
		flex: 0 0 auto!important;
		width: 66.66666667%!important;
	}

	.col-lg-12 {
		flex: 0 0 auto!important;
		width: 100%!important;
	}

	.col-lg-auto {
		flex: 0 0 auto!important;
		width: auto!important;
		min-width: 140px!important;
		max-width: 330px!important;
	}

	footer .legal-images{
		justify-content: end;
		align-items: center;
		align-content: start;
	}

	#toplist-boxes .toplist-box-bottom .casin-bonus-info {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-row-gap: 0rem;
	}

	#review-top-right-under {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-row-gap: 0rem;
	}

	.games-iframe,
	.game-iframe{
		height: 360px;
	}
	
}

@media (max-width: 992px) {
	.featured-list ul{
		grid-template-columns: 1fr;
		
	}
	.odds-list-container .header-list-item{
		display: none;
	}
	.odds-list li{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.featured-odds li .odd-content{
		max-width: 100%;
	}
	.odds-list li .event{
		flex: 0 0 70%;
	}
	.odds-list li .odd-cta, 
	.featured-odds li .odd-cta .casino-btn-flex{
		flex: 0 0 100%;
	}
	.featured-odds li .odd-cta .casino-btn-flex{
		max-width: 100%;
	}
	.odds-list li .odd-cta a
	{
		margin-left: 0;
	}
	.featured-odds li .odd-header{
		grid-template-columns: 0.75fr 1.75fr;
  		grid-template-rows: auto auto;
	}
	.featured-odds li .odd-header > :nth-child(1) {
		grid-column: 1;
		grid-row: 1;
	}
	.featured-odds li .odd-header > :nth-child(2) {
		grid-column: 2;
		grid-row: 1;
	}
	.featured-odds li .odd-header > :nth-child(3) {
		grid-column: 1 / span 2; /* spans both columns */
		grid-row: 2;
	}
	.featured-odds li .odd-details{
		height: auto;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
	.featured-odds li .odd-details .odd-container{
		margin: unset;
	}
	tbody.toplist-box-new tr.slim-row{
		padding: 0 1.25rem;
		padding-bottom: 1.25rem;
	}

	thead.toplist-box-new{
		display: none;
	}
	tbody.toplist-box-new tr.slim-row td.prosent, 
	tbody.toplist-box-new tr.slim-row td.opptil,
	tbody.toplist-box-new tr.slim-row td.freespins,
	tbody.toplist-box-new tr.slim-row td.wager{
		flex: 0 0 22.5%;
	}
	tbody.toplist-box-new tr.slim-row td.title, tbody.toplist-box-new tr.slim-row td.button{
		flex: 0 0 38%;
	}

	.odds-list-wrapper .list-container{
		flex-basis: 100%;
		margin-right: 0%;
	}
}

@media (min-width: 768px)
{
	.casino-list-horizontal{
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 10px 30px;
	}
	.casino-list-horizontal .box.box-full:last-of-type{
		display: none;
	}

	.col-md {
		flex: 1 0 0%;
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.justify-content-md-center{
		justify-content: center!important;
	}

	.ml-md-20{
		margin-left: 20px!important;
	}

	.mt-md-0{
		margin-top: 0!important;
	}

	.d-md-flex{
		display: flex!important;
	}

	.row-cols-md-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.author-header-container .author-image{
		width: 160px;
		height: 160px;
		border-radius:5px;
	}

	.author-header-wrapper .author-header-container .author-image-a{
		height: 160px;
	}

	.author-posts-list>*{
		max-width: 376px;
	}

	.card-text p, 
	p.card-text{
		text-align: left;
	}

	.author-header-wrapper{
		margin: 50px 0;
		position: relative;
	}

	.author-header-wrapper span{
		margin-top: 10px;
		line-height: 1;
	}

	.author-header-wrapper .tagline{
		font-size: 16px;
		display: block;
		margin-top: 5px;
		margin-bottom: 0;
	}

	.author-header-container .post-dates .date-wrapper:nth-child(n+2){
		padding-left:30px;
	}

	.author-header-wrapper h1{
		text-align: left;
		line-height: 1.3;
		font-size: 42px;
		padding: 0;
		margin: 0;
	}

	.author-header-container{
		display: flex;
		justify-content: flex-start;
		padding: 0;
		margin: 0;
		z-index: 1;
	}

	.games-iframe,
	.game-iframe{
		height: 280px;
	}
}

@media (max-width: 620px) {

	.odds-list li .icon {
		display: none;
	}
	tbody.toplist-box-new tr td.ninth, thead.toplist-box-new tr th.ninth{
		align-self: flex-start;
	}
	tbody.toplist-box-new tr.slim-row td.title,
	tbody.toplist-box-new tr.table-row td.title{
		flex: 0 0 calc(100% - 115px);
	}
	tbody.toplist-box-new tr.slim-row td.button,
	tbody.toplist-box-new tr.table-row td.button{
		flex: 0 0 100%;
		padding-top: 1.25rem;
	}

	.mobile-hide{
		display: none;
	}
	.summary-table .st-header, .st-data .row{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.summary-table .st-header div:last-child,
	.st-data .row .result:last-child{
		text-align: right;
	}

	.slide-description {
		padding: 0 45px;
	}

	.games-iframe,
	.game-iframe{
		height: 225px;
		min-height: 225px!important;
		min-width: 100%!important;
	}

	#casinos-with-game img{
		height: 55px;
	}
}

@media (min-width: 1025px){
	.games-iframe,
	.game-iframe{
		height: 400px;
	}
}

@media (min-width: 1300px)
{ 
	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
		min-width: 140px;
		max-width: 550px;
	}

	.inner-page {
		width: 100%;
	}

	#breadcrumbs{
		width: 100%;
	}

	.footer-columns {
		width: 100%;
	}
}

@media screen and (max-width: 1025px) and (min-width: 780px) {
	.games-iframe,
	.game-iframe{
		height: 370px;
	}
  }
  .dark-background{
	background-color: #0f1132;
}
.header-section{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 1.2rem 0;
}
@media only screen and (max-width: 768px) {
	#casinoliste-top.poker,
	#casinoliste-top.casino,
	#casinoliste-top.odds,
	#casinoliste-top.world-cup-odds,
	#casinoliste-top.category-odds-background {
		background-image: none;
	}
	#casinoliste-top {
		height: auto; /* This will make the height adapt to the content */
		min-height: unset; /* This removes the minimum height */
		padding: 0rem;
	}
}

svg.casino-rating{
	display: block;
}



@keyframes flame {
	0% {
		box-shadow: 0px 0px 9px 0px #fefcc9, 0px 0px 3px rgb(254 236 133 / 60%), -1px 0px 6.4px #ffae34, 1px -1px 3px rgb(236 118 12 / 64%), 0px 0px 6px 1px #cd4606, 2px -1px 11.2px 2px #973716, 0px 0px 6px #451b0e;
	}
	45% {
		box-shadow: 0px 0px 6px #fefcc9, 2px 0 6.4px #feec85, 0px 0px 6px 1px #ffae34, 2px -1px 6px #ec760c, 0px -3px 19px 1px rgb(205 70 6 / 68%), 0px -2px 7px #973716, 0px 3px 12.8px 1px #451b0e;
	}
	70% {
		box-shadow: -1px 0 4.8px #fefcc9, 1px -1px 4.8px #feec85, -1px 1px 9.6px #ffae34, 0px 0px 20px #ec760c, -1px 1px 11.2px #cd4606, 1px -2px 11.2px #973716, 1px 1px 14.4px #451b0e;
	}
	100% {
		box-shadow: 0px 0 2px 1px #fefcc9, 0px 0px 5px 1px rgb(254 236 133 / 61%), -1px 0px 6.4px #ffae34, 0px -1px 4px 4px rgb(249 74 46 / 52%), 0px 0px 20px 0px #cd4606, 2px -1px 11.2px 2px #973716, 0px 0px 6px 1px #451b0e;
	}
}
@-webkit-keyframes flame {
	0% {
		box-shadow: 0px 0px 9px 0px #fefcc9, 0px 0px 3px rgb(254 236 133 / 60%), -1px 0px 6.4px #ffae34, 1px -1px 3px rgb(236 118 12 / 64%), 0px 0px 6px 1px #cd4606, 2px -1px 11.2px 2px #973716, 0px 0px 6px #451b0e;
	}
	45% {
		box-shadow: 0px 0px 6px #fefcc9, 2px 0 6.4px #feec85, 0px 0px 6px 1px #ffae34, 2px -1px 6px #ec760c, 0px -3px 19px 1px rgb(205 70 6 / 68%), 0px -2px 7px #973716, 0px 3px 12.8px 1px #451b0e;
	}
	70% {
		box-shadow: -1px 0 4.8px #fefcc9, 1px -1px 4.8px #feec85, -1px 1px 9.6px #ffae34, 0px 0px 20px #ec760c, -1px 1px 11.2px #cd4606, 1px -2px 11.2px #973716, 1px 1px 14.4px #451b0e;
	}
	100% {
		box-shadow: 0px 0 2px 1px #fefcc9, 0px 0px 5px 1px rgb(254 236 133 / 61%), -1px 0px 6.4px #ffae34, 0px -1px 4px 4px rgb(249 74 46 / 52%), 0px 0px 20px 0px #cd4606, 2px -1px 11.2px 2px #973716, 0px 0px 6px 1px #451b0e;
	}
}
@-moz-keyframes flame {
	0% {
		box-shadow: 0px 0px 9px 0px #fefcc9, 0px 0px 3px rgb(254 236 133 / 60%), -1px 0px 6.4px #ffae34, 1px -1px 3px rgb(236 118 12 / 64%), 0px 0px 6px 1px #cd4606, 2px -1px 11.2px 2px #973716, 0px 0px 6px #451b0e;
	}
	45% {
		box-shadow: 0px 0px 6px #fefcc9, 2px 0 6.4px #feec85, 0px 0px 6px 1px #ffae34, 2px -1px 6px #ec760c, 0px -3px 19px 1px rgb(205 70 6 / 68%), 0px -2px 7px #973716, 0px 3px 12.8px 1px #451b0e;
	}
	70% {
		box-shadow: -1px 0 4.8px #fefcc9, 1px -1px 4.8px #feec85, -1px 1px 9.6px #ffae34, 0px 0px 20px #ec760c, -1px 1px 11.2px #cd4606, 1px -2px 11.2px #973716, 1px 1px 14.4px #451b0e;
	}
	100% {
		box-shadow: 0px 0 2px 1px #fefcc9, 0px 0px 5px 1px rgb(254 236 133 / 61%), -1px 0px 6.4px #ffae34, 0px -1px 4px 4px rgb(249 74 46 / 52%), 0px 0px 20px 0px #cd4606, 2px -1px 11.2px 2px #973716, 0px 0px 6px 1px #451b0e;
	}
}
@-ms-keyframes flame {
	0% {
		box-shadow: 0px 0px 9px 0px #fefcc9, 0px 0px 3px rgb(254 236 133 / 60%), -1px 0px 6.4px #ffae34, 1px -1px 3px rgb(236 118 12 / 64%), 0px 0px 6px 1px #cd4606, 2px -1px 11.2px 2px #973716, 0px 0px 6px #451b0e;
	}
	45% {
		box-shadow: 0px 0px 6px #fefcc9, 2px 0 6.4px #feec85, 0px 0px 6px 1px #ffae34, 2px -1px 6px #ec760c, 0px -3px 19px 1px rgb(205 70 6 / 68%), 0px -2px 7px #973716, 0px 3px 12.8px 1px #451b0e;
	}
	70% {
		box-shadow: -1px 0 4.8px #fefcc9, 1px -1px 4.8px #feec85, -1px 1px 9.6px #ffae34, 0px 0px 20px #ec760c, -1px 1px 11.2px #cd4606, 1px -2px 11.2px #973716, 1px 1px 14.4px #451b0e;
	}
	100% {
		box-shadow: 0px 0 2px 1px #fefcc9, 0px 0px 5px 1px rgb(254 236 133 / 61%), -1px 0px 6.4px #ffae34, 0px -1px 4px 4px rgb(249 74 46 / 52%), 0px 0px 20px 0px #cd4606, 2px -1px 11.2px 2px #973716, 0px 0px 6px 1px #451b0e;
	}
}

@media (max-width: 568px) {
	.slot-item, .slot-item.large{
		flex: 0 0 100%;
		width: 100%;
		margin-bottom: 16px;
	}

	ul#casinos-with-game{
		max-height: 515px;
	}
}

#mobile-menu ul{
	display: none;
}

ul#childMenu > li.menu-item-has-children > a:first-of-type:after,
ul#mobile-menu > li.menu-item-has-children>a:first-of-type:after,
ul#mobile-menu .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item-has-children>a:first-of-type:after
 {
	content: "";
	position: absolute;
	right: 0;
	z-index: 300;
	height: 0;
	width: 0;
	border-width: 10px;
	border-color: transparent;
	transition-property: all;
	border-left-color: #fff;
	transition-duration: .3s;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	
}

ul#mobile-menu > li.menu-item-has-children:hover{
	background-color: #222259;
}

#mobile-menu {
	display: none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#222259;
	z-index:1000;
	transition: none!important;
	transform: none!important;
	transform-origin: unset;
}

#mobile-menu.show{
	display: block;
	padding: 0 25px;
	top: 74px;
	background-image: url(../images/embossed-kongebonus-logo.webp);
	background-size: clamp(230px, 60%, 300px);
	background-position: center bottom calc(5vh + 100px);
	background-repeat: no-repeat;
}

#mobile-menu ul{
	transition: none!important;
	transform: none!important;
	transform-origin: unset;
}

#mobile-menu a{
	border-bottom: 1px solid rgba(0, 0, 0, .03);
	color: #fff;
	padding: 10px;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	font-weight: 600;
	line-height: 23px;
	position: relative;
	margin-left: 10px;
	width: calc(100% - 10px);
}

#mobile-header-overlay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: 80px;
	background-color:#222259;
	z-index:900;
}

#mobile-header-overlay.show{
	display: block;
}

.logged-in #mobile-header-overlay,
.logged-in #overlay, 
.logged-in #overlay-sub{
	top: 32px;
}

.logged-in #mobile-menu.show {
	top: calc(32px + 74px)
}

#closeButtonMain svg,
#closeButton svg,
#closeButtonSub svg{
width: 35px;
height: 35px;
}

#closeButtonMain{
	position: absolute;
	right: 0;
	top:0;
}

#overlay, #overlay-sub {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#222259;
	z-index:1000;
	background-image: url(../images/embossed-kongebonus-logo.webp);
	background-size: clamp(230px, 60%, 300px);
	background-position: center bottom calc(5vh + 26px);
	background-repeat: no-repeat;
}

#overlay .overlay-inner-list,
#overlay-sub .overlay-inner-list{
	position: relative;
	top: 0px;
	left: 0;
	padding: 0 25px 10vh;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.mobile-logo-overlay.hidden{
	display:none;
}

.mobile-logo-overlay{
	display: block;
	position: fixed;
	bottom: 5vh;
	left: calc(50vw - 100px);
	z-index: 1001;
}

.overlay-inner-list .mobile-logo{
	display: block;
	position: fixed;
	bottom: 5vh;
	left: calc(50vw - 100px);
}

#closeButtonMain,
#closeButton,
#backButton,
#closeButtonSub,
#backButtonSub{
	color: #fff;
	margin: 22px 27px;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0;
}

#backButton svg,
#backButtonSub svg{
	transform: rotate(90);
	stroke: currentColor;
}

#childMenu, #childSubMenu,
#childSubMenu .sub-menu {
	padding: 0 0 10vh;
	list-style: none;
	list-style-type:none;
}

#childMenu .sub-menu{
display: none;
}

#childMenu li a,
#childSubMenu li a {
	color: #fff;
	padding: 10px;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	font-weight: 600;
	line-height: 23px;
	position: relative;
	margin-left: 10px;
	width: calc(100% - 10px);
}

/* Flexbox for menu items with children in old overlay system */
#childMenu .menu-item-has-children > a,
#childSubMenu .menu-item-has-children > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 10px);
}

#childMenu .menu-item-has-children > a .menu-dropdown-icon,
#childSubMenu .menu-item-has-children > a .menu-dropdown-icon {
	flex-shrink: 0;
	margin-left: 8px;
	transform: rotate(-90deg);
}

#childMenu li,
#childSubMenu li{
	position: relative;
}

/* #mobile-menu li:hover a,
#childMenu li:hover a,
#childSubMenu > li:hover a,
#childSubMenu > ul > li:hover a{
color: #cdcdcd;
} */

.menu-top-container{
	display: flex;
	justify-content: space-between;
}

.menu-top-container span{
	color: #fff;
	width: 100%;
	text-align: center;
	align-self: center;
	font-size: 1.2rem;
}

#childSubMenu li.menu-item.menu-item-has-children > ul {
	display: none;
	padding-inline-start: 30px;
}

/* Dynamic Multi-Level Menu Overlay System */
.menu-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222259;
	z-index: 1000;
	background-image: url(../images/embossed-kongebonus-logo.webp);
	background-size: clamp(230px, 60%, 300px);
	background-position: center bottom calc(5vh + 26px);
	background-repeat: no-repeat;
}

.logged-in .menu-overlay {
	top: 46px;
	height: calc(100% - 46px);
}

.menu-overlay .overlay-inner-list {
	position: relative;
	top: 0px;
	left: 0;
	padding: 0 25px 10vh;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.menu-overlay .menu-content {
	padding: 0 0 10vh;
	list-style: none;
	list-style-type: none;
}

.menu-overlay .menu-content .sub-menu {
	display: none;
}

.menu-overlay .menu-content li a {
	color: #fff;
	padding: 10px;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	font-weight: 600;
	line-height: 23px;
	position: relative;
	margin-left: 10px;
	width: calc(100% - 10px);
}

/* Flexbox for menu items with children in overlays - prevent icon squishing */
.menu-overlay .menu-content .menu-item-has-children > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 10px);
}

.menu-overlay .menu-content .menu-item-has-children > a .menu-dropdown-icon {
	flex-shrink: 0;
	margin-left: 8px;
	transform: rotate(-90deg);
}

.menu-overlay .menu-content li {
	position: relative;
}

.menu-overlay .menu-back-button,
.menu-overlay .menu-close-button {
	color: #fff;
	margin: 22px 27px;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0;
}

.menu-overlay .menu-back-button svg {
	transform: rotate(90);
	stroke: currentColor;
}

.menu-overlay .menu-title {
	color: #fff;
	width: 100%;
	text-align: center;
	align-self: center;
	font-size: 1.2rem;
}

/* Keep submenu arrows hidden in dynamic overlays */
.menu-overlay .menu-content li.menu-item-has-children > ul {
	display: none;
	padding-inline-start: 30px;
}

#childSubMenu li.menu-item.menu-item-has-children:hover > ul {
	height: fit-content;
	display: block;
	padding-bottom: 20px;
}

.text-decoration-underline{
	text-decoration: underline!important;
	text-underline-offset: 5px;
}

.no-more-posts{
	background-color: #222259;
	border-radius: 10px;
	margin-top: 1.25rem;
	padding: 1.25rem;
	text-align: center;
}

.casino-status-banner {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	margin-bottom: 21%;
  }
  
 #review-top-left .casino-status-banner img{
	margin-bottom: 0;
	background-color: #0f1132;
  }

  #site-wrapper:not(.casino-active) #review-top-left .casino-status-banner img{
	opacity: 0.5;
  }

  .casino-status-banner span {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05rem;
	font-size: 1em;
	display: inline-block;
	text-align: center;
	width: 130%;
	-moz-animation: scrolling-text 4s linear infinite;
	-webkit-animation: scrolling-text 4s linear infinite;
	animation: scrolling-text 4s linear infinite;
  }
  .casino-status-banner span:nth-child(1) {
	position: absolute;
	left: -130%;
	-moz-animation: scrolling-text 4s 2s linear infinite;
	-webkit-animation: scrolling-text 4s 2s linear infinite;
	animation: scrolling-text 4s 2s linear infinite;
  }
  .casino-status-banner .banner-line {
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	height: 34px;
	overflow: hidden;
	white-space: nowrap;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	border-radius: 0 0 6px 6px;
  }
  .coming-soon-banner span{
	color: #fff;
  }
  .coming-soon-banner .banner-line{
	background-color: #f5cb25cd;
  }
  .closed-banner span{
	color: #fff;
  }
  .closed-banner .banner-line{
	background-color: #303030cd;
  }
  .new-banner span{
	color: #033111;
  }
  .new-banner .banner-line{
	background-color: #5aed90cd;
  }
  .blacklisted-banner span{
	color: #fff;
  }
  .blacklisted-banner .banner-line{
	background-color: #c43d3dcd;
  }
  @keyframes scrolling-text {
	0% {
	  left: 0;
	  -moz-transform: translateX(-130%);
	  -ms-transform: translateX(-130%);
	  -webkit-transform: translateX(-130%);
	  transform: translateX(-130%);
	}
	100% {
	  left: 0;
	  -moz-transform: translateX(130%);
	  -ms-transform: translateX(130%);
	  -webkit-transform: translateX(130%);
	  transform: translateX(130%);
	}
  }

  #site-wrapper:not(.casino-active) .author-posts-list>*{
	margin-top: 0;
	padding: 1rem!important;
}

/* #site-wrapper:not(.casino-active) .box{
	padding:20px;
	border: 1px solid #5aed90;
	margin:0;
} */

#site-wrapper:not(.casino-active) .box-top-right{
	margin-left: 15px;
	flex-basis: max-content;
}

#site-wrapper:not(.casino-active) #review-top h1{
	opacity: 0.5;
}

#site-wrapper:not(.casino-active) .casino-status-text{
	font-size: 1.5rem;
	line-height: 1.25;
	text-align: center;
}
#site-wrapper:not(.casino-active) #review-top-right-over{
	justify-content: center;
}
#site-wrapper:not(.casino-active) #review-top-right-over-first{
	flex-basis: max-content;
	margin-right: 0;
}
#site-wrapper:not(.casino-active) .casino-status-banner{
	margin-bottom: 0;
}

#site-wrapper:not(.casino-active) .box-top-left img{
	max-width: 75px;
	margin: 0!important;
}

#site-wrapper:not(.casino-active) .author-posts-list a {
	font-size: 1rem;
}

#site-wrapper:not(.casino-active) .casino-name{
	margin-top: 0;
	line-height: normal;
}

#site-wrapper:not(.casino-active) .sub-info-content{
	text-align: end;
}

#boxes .sub-info-content{
	text-align: start!important;
}

.coming-soon-image{
	position: relative;
}

.coming-soon-image img{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 2px solid #f5cb25;
}

.coming-soon-image::before{
	content: 'Kommer snart';
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 11px;
	width: 104px;
	height: auto;
	left: 0;
	bottom: -10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #43380d;
	background-color: #f5cb25;
}

/* Casino button with logo styles */
/* Casino button with logo styles for both table and featured odds lists */
.odds-list li .odd-cta .casino-btn-flex,
.featured-odds li .odd-cta .casino-btn-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	min-height: 40px;
}

.odds-list li .odd-cta .casino-btn-logo,
.featured-odds li .odd-cta .casino-btn-logo {
	height: 50px;
	width: 50px;
	object-fit: cover;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	flex-shrink: 0;
}

.odds-list li .odd-cta .casino-btn-text,
.featured-odds li .odd-cta .casino-btn-text {
	flex: auto;
	display: inline-block;
	margin-left: -5%;
}

@media screen and (max-width:782px){
	body.logged-in #main-nav.fixed-top-mobile,
	.logged-in #mobile-header-overlay,
	.logged-in #overlay, 
	.logged-in #overlay-sub {
		top: 46px;
	}

	.logged-in #mobile-menu.show {
		top: calc(46px + 74px)
	}
}
.mobile-title, .toggle-page-index{
	display: none;
}
@media screen and (max-width:600px){
	#wpadminbar {
		position: fixed;
	}
}
@media screen and (max-width: 768px){
	.content-index{
		display: none;
	}
	.content-index button.expand-content, .content-index span{
		display: none;
	}
	.mobile-title{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1.25rem;

	}
	.mobile-title p, #content-review .mobile-title p{
		font-size: smaller !important;
		margin-bottom: 0 !important;
		color: #222259 !important;
		padding-bottom: 0 !important;
	}
	.mobile-title i, #content-review .mobile-title i{
		color: #222259 !important;
	}
	.content-index{
		background-color: white;
		position: fixed;	
		top: 80px;
		left: 0;
		width: 80%;
		height: 100vh;
		z-index: 120;
		border-radius: 0;
		margin-top: 0;
	}
	#content-review .content-index{
		z-index: 520;
	}
	.content-index.show{
		display: block;
	}

	#content-page .content-index ul li a::after, 
	#content-review .content-index ul li a::after, 
	#content .content-index ul li a::after{
		content: none;
		display: none;
	}

	#content-page .content-index ul,
	#content-review .content-index ul{
		border-left: none;
		padding-left: 1rem;
		font-weight: 700;
		line-height: 1.2;
		overflow-y: scroll;
		max-height: calc(100vh - 143px) !important;
	}

	#content-page .content-index ul li,
	#content-review .content-index ul li{
		padding-bottom: 1.25rem;
	}

	/* Last of child */
	#content-page .content-index ul li:last-child,
	#content-review .content-index ul li:last-child{
		padding-bottom: 2.5rem;
	}

	.page-index-overlay{
		display: none;
		position: fixed;
		background-color: #0000007d;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 119;
	}
	.page-index-overlay.show{
		display: block;
	}

	#content-review .page-index-overlay{
		z-index: 519;
	}
	
	.toggle-page-index{
		position: fixed;
		bottom: 20.5px;
		right: 20.5px;
		z-index: 18;
		background: #0f1132;
		border: 3px solid white;
		border-radius: 100px;
		height: 48px;
		width: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#content-review .toggle-page-index{
		bottom: 110.5px;
		left: 20.5px;
	}
}


/* Palette */
:root{
  --kb-navy-1:#222259;
  --kb-navy-2:#333371;
  --kb-navy-bg:#0f1132;
  --kb-text:#ffffff;
}

/* ===============================
   LEAGUE BOXES (Oddstips Sport Pages)
   =============================== */

.league-categories {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 30px 0;
  max-width: 100%;
}

.league-box {
  position: relative;
  display: block;
  background: linear-gradient(135deg, #222259, #333371);
  border-radius: 16px;
  padding: 20px;
  color: #fff !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 10px rgba(15,17,50,0.2);
  cursor: pointer;
  min-height: 130px;
  overflow: hidden;
}

.league-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(15,17,50,0.35);
  background: linear-gradient(135deg, #2a2a6a, #3d3d82);
}

/* Shimmer effect on hover */
.league-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
  transition: left 0.5s;
  pointer-events: none;
}

.league-box:hover::before {
  left: 100%;
}

.league-box-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 1;
}

.league-logo {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.1);
  border-radius: 12px;
  overflow: hidden;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.1);
}

.league-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
}

.league-logo-placeholder {
  background: rgba(255,255,255,0.15);
  font-size: 28px;
  font-weight: bold;
  color: #fff !important;
  text-transform: uppercase;
}

.league-text {
  flex: 1;
  min-width: 0;
}

.league-text h3 {

  font-size: 1.25rem;
  font-weight: 700;
  color: #fff !important;
  line-height: 1.2;
}

.league-text p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: rgba(255,255,255,0.9) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Post count badge */
.league-post-count {
  display: inline-block;
  
  padding: 3px 8px;
  background: rgba(246,215,79,0.2);
  border: 1px solid rgba(246,215,79,0.4);
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #f6d74f !important;
}


.kb-stretched-link {
  position: absolute;
  inset: 0;
  z-index: 5;
  text-indent: -9999px;
  border-radius: 16px;
}

.kb-stretched-link:focus-visible {
  outline: 2px solid #8bc5ff;
  outline-offset: 4px;
}

/* Screen reader text */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Compact tile strip (for main oddstips page) */
.kb-tile-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 16px 0 20px;
  align-items: center;
}

/* Tile base */
.kb-tile {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 56px;
  padding: 8px 12px;
  color: var(--kb-text);
  text-decoration: none;
  background: linear-gradient(135deg,var(--kb-navy-1),var(--kb-navy-2));
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(15,17,50,.18);
  border: 1px solid rgba(255,255,255,.06);
  white-space: nowrap;
}

.kb-tile img {
  width: 32px; 
  height: 32px;
  object-fit: contain; 
  display: block;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
  border-radius: 6px;
}

.kb-tile span {
  font-weight: 600; 
  line-height: 1;
}

/* Hover/Focus */
@media (hover:hover) {
  .kb-tile { 
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease; 
  }
  .kb-tile:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15,17,50,.28);
    background: linear-gradient(135deg,var(--kb-navy-2),var(--kb-navy-1));
  }
}

.kb-tile:focus-visible {
  outline: 2px solid #8bc5ff;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(139,197,255,.25);
}

/* Toggle section */
.kb-toggle-wrap { 
  display: block; 
  margin: 10px 0 14px; 
}

.kb-toggle-input { 
  position: absolute; 
  left: -9999px; 
}

.kb-toggle-btn {
  display: inline-block; 
  margin-right: 8px;
  padding: 8px 12px; 
  border-radius: 10px;
  background: #1f2148; 
  color: #fff; 
  text-decoration: none;
  opacity: .75; 
  cursor: pointer; 
  user-select: none;
}

#kb-view-sports:checked + .kb-toggle-btn,
#kb-view-leagues:checked + .kb-toggle-btn {
  opacity: 1; 
  background: linear-gradient(135deg,var(--kb-navy-1),var(--kb-navy-2));
}

.kb-toggle-wrap .kb-tiles #tiles-sports,
.kb-toggle-wrap .kb-tiles #tiles-leagues {
  display: none !important;
  flex-wrap: wrap; 
  gap: 12px; 
  align-items: center;
}

.kb-toggle-wrap #kb-view-sports:checked ~ .kb-tiles #tiles-sports {
  display: flex !important;
}

.kb-toggle-wrap #kb-view-leagues:checked ~ .kb-tiles #tiles-leagues {
  display: flex !important;
}

/* Meta section below odds table */
.kb-under-meta { 
  margin: 18px 0 8px; 
}

.kb-under-meta-line { 
  display: flex; 
  gap: 12px; 
  align-items: center; 
}

.kb-under-meta-line .ml-auto { 
  margin-left: auto; 
}

.kb-fc-badge {
  display: inline-flex; 
  align-items: center; 
  gap: 6px;
  padding: 2px 8px; 
  border-radius: 999px; 
  font-size: .875rem;
  background: #2b7cff; 
  color: #fff;
}

/* Category post cards - light blue style for oddstips */
.category-eliteserien-nye .wp-block-columns.has-background {
  background-color:#f5f5f5 !important;
  border-radius: 10px;
  padding: 1.5rem 2rem;
  color: #000 !important;
}

.category-eliteserien-nye .wp-block-columns.has-background * {
  color: #000 !important;
}

.category-eliteserien-nye .wp-block-columns.has-background a {
  color: #222259 !important;
  font-weight: 600;
}

.category-eliteserien-nye .wp-block-columns.has-background a:hover {
  color: #333371 !important;
  text-decoration: underline;
}

/* Titles for category sections */
.kb-cats { 
  margin-top: 10px; 
  margin-bottom: 8px; 
}

.kb-sec-title {
  margin: 0 0 6px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
}

.kb-sec-note {
  margin: 0 0 12px;
  font-size: .95rem;
  color: rgba(255,255,255,.8);
}

/* Section divider */
.kb-section-divider {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.18), rgba(255,255,255,.06));
  margin: 12px 0 16px;
}

/* Header adjustments */
#casinoliste-top {
  padding-left: 0px!important;
}

/* Mobile responsive - ENHANCED */
@media (max-width: 1024px) {
  .league-categories {
    gap: 16px;
  }

  .league-box {
    padding: 16px;
    min-height: 120px;
  }

  .league-logo {
    width: 70px;
    height: 70px;
  }

  .league-text h3 {
    font-size: 1.1rem;
  }
}

@media (max-width: 768px) {
  .league-categories {
    grid-template-columns: 1fr !important;
    gap: 16px;
    margin: 20px 0;
  }

  .league-box {
    padding: 16px;
    min-height: auto;
  }

  .league-box-inner {
    gap: 16px;
  }

  .league-logo {
    width: 60px;
    height: 60px;
  }

  .league-text h3 {
    font-size: 1rem;
  }

  .league-text p {
    font-size: 0.8rem;
  }

  .kb-tile {
    height: 52px;
    padding: 6px 10px;
    gap: 8px;
  }

  .kb-tile img {
    width: 28px;
    height: 28px;
  }

  .kb-tile-strip {
    gap: 10px;
  }

  /* Stack post columns on mobile */
  .category-post-item .wp-block-columns {
    display: block;
  }

  .category-post-item .wp-block-column {
    max-width: 100%;
    margin-bottom: 15px;
  }

  .category-image-block {
    text-align: center;
    flex-basis: auto;
  }

  #content-page .kb-news-grid {
    grid-template-columns: 1fr;
  }

  #content-page .kb-news-card {
    padding: 14px;
  }
}

@media (max-width: 480px) {
  .league-box {
    padding: 14px;
  }

  .league-logo {
    width: 50px;
    height: 50px;
  }

  .league-logo-placeholder {
    font-size: 20px;
  }

  .league-text h3 {
    font-size: 0.95rem;
  }

  .post-meta {
    font-size: 0.8rem;
  }

  #content-page .kb-news-logo {
    width: 48px;
    height: 48px;
  }

  #content-page .kb-news-title {
    font-size: 16px;
  }
}

/* ===============================
   NEWS CARDS (Bettingnyheter)
   =============================== */

#content-page .kb-news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
  margin: 30px 0;
}

#content-page .kb-news-card {
  position: relative;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
}

#content-page .kb-news-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}

#content-page .kb-news-link {
  display: flex;
  align-items: center;
  padding: 20px;
  text-decoration: none;
  color: inherit;
  gap: 15px;
}

#content-page .kb-news-icon {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
}

#content-page .kb-news-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#content-page .kb-news-content {
  flex: 1;
  min-width: 0;
}

#content-page .kb-news-title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 8px 0;
  line-height: 1.3;
}
#content-page .with-intro .kb-news-title{
	margin: 0;
	padding-bottom: 4px !important;
}
#content-page .with-intro p{
	margin-bottom: 0.75rem !important;
	font-size: 0.8rem !important;
}

#content-page .kb-news-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #666;
}

#content-page .kb-news-count {
  color: #d4a000;
  font-weight: 600;
}

#content-page .kb-news-separator {
  color: #ccc;
}

#content-page .kb-news-date {
  color: #888;
}

#content-page .kb-news-arrow {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #d4a000;
  transition: transform 0.3s ease;
}

#content-page .kb-news-card:hover .kb-news-arrow {
  transform: translateX(4px);
}

#content-page .kb-news-arrow svg {
  width: 100%;
  height: 100%;
}

/* ===============================
   MAIN BETTING PAGE (Category 460)
   Dual Silo Showcase
   =============================== */
 #content-page .kb-silo-odds h4 {
      color: #ffffff !important;
      padding-top: 0;
      font-size: 14px;
  }

  #content-page .kb-silo-news h4 {
      color: #1a1a1a !important;
      padding-top: 0;
      font-size: 14px;
  }
 #content-page .kb-silo-odds a {
      color: #ffffff !important;
  }

  #content-page .kb-silo-news a {
      color: #1a1a1a !important;
  }

.kb-betting-showcase {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin: 40px 0;
}

.kb-silo-section {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  min-height: 500px;
}

/* Oddstips Section - Dark Theme */
.kb-silo-odds {
  background: linear-gradient(135deg, #222259, #333371);
  color: #ffffff;
}

.kb-silo-odds .kb-silo-header {
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.2);
}

.kb-silo-odds .kb-silo-title a {
  color: #ffffff;
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
}

.kb-silo-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.kb-silo-odds .kb-silo-icon {
  opacity: 0.9;
}

.kb-silo-odds .kb-silo-title a:hover {
  opacity: 0.9;
}

.kb-silo-odds .kb-silo-description {
  font-size: 13px!important;
  color: rgba(255, 255, 255, 0.75)!important;
  margin: 6px 0 0 0!important;
  line-height: 1.4!important;
  font-weight: 400!important;
}


/* News Section - Light Theme */
.kb-silo-news {
  background: #f8f9fa;
  color: #1a1a1a;
  border: 1px solid #e0e0e0;
}

.kb-silo-news .kb-silo-header {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  background: #ffffff;
}
#content-page h3.kb-silo-title {
  padding-top: 0.5rem;
}
.kb-silo-news .kb-silo-title a {
  color: #1a1a1a;
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
}

.kb-silo-news .kb-silo-icon {
  color: #d4a000;
}

.kb-silo-news .kb-silo-title a:hover {
  color: #d4a000;
}

.kb-silo-news .kb-silo-description {
    font-size: 13px!important;
  color: #666!important;
  margin: 6px 0 0 0!important;
  line-height: 1.4!important;
  font-weight: 400;
}

/* Posts List Styling */
.kb-posts-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0.8rem;
  overflow: hidden;
}
#content-page ul.kb-posts-list{
	padding-left: 0.375rem;
	padding-right: 0.65rem;
}
.kb-posts-list {
  list-style: none;
  margin: 0;
  padding: 0 15px 0 0;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 430px;
  margin-bottom: 0 !important;
}

/* Custom scrollbar for Oddstips */
.kb-silo-odds .kb-posts-list::-webkit-scrollbar {
  width: 8px;
}

.kb-silo-odds .kb-posts-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

.kb-silo-odds .kb-posts-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.kb-silo-odds .kb-posts-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* Custom scrollbar for Bettingnyheter */
.kb-silo-news .kb-posts-list::-webkit-scrollbar {
  width: 8px;
}

.kb-silo-news .kb-posts-list::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 4px;
}

.kb-silo-news .kb-posts-list::-webkit-scrollbar-thumb {
  background: #d4a000;
  border-radius: 4px;
}

.kb-silo-news .kb-posts-list::-webkit-scrollbar-thumb:hover {
  background: #b38900;
}

.kb-post-item {
  margin: 0;
  padding: 0;
  padding-top: 0px !important;
  padding-bottom: 0.65rem !important;
}
.kb-post-item:first-child {
  padding-top: 1rem !important;
}
.kb-post-item:last-child {
  padding-bottom: 1rem !important;
}

.kb-silo-odds .kb-post-link {
  display: block;
  padding: 0.7rem 0.5rem 0.5rem;
  margin: 0 !important;
  text-decoration: none;
  color: #ffffff !important;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.2s ease;
}

.kb-silo-odds .kb-post-link:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateX(2px);
  border-color: rgba(255, 255, 255, 0.15);
}

.kb-silo-news .kb-post-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 10px;
  margin: 0;
  text-decoration: none;
  color: #1a1a1a !important;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  transition: all 0.2s ease;
}

/* News thumbnail styling */
.kb-silo-news .kb-post-thumbnail {
  flex-shrink: 0;
  width: 75px;
  height: 71px;
  border-radius: 6px;
  overflow: hidden;
  background: #f5f5f5;
}

.kb-silo-news .kb-post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.kb-silo-news .kb-post-info {
  flex: 1;
  min-width: 0; /* Allow text truncation */
}

.kb-silo-news .kb-post-link:hover {
  background: #fff;
  transform: translateX(2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-color: #d4a000;
}

.kb-post-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.kb-silo-odds .kb-post-cats {
  color: rgba(255, 255, 255, 0.7);
}

.kb-silo-odds .kb-post-date {
  color: rgba(255, 255, 255, 0.6);
	font-size:14px
}

.kb-silo-news .kb-post-cats {
  color: #d4a000;
  font-weight: 500;
}

.kb-silo-news .kb-post-date {
  color: #999;
	font-size:14px
}

.kb-post-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}

.kb-silo-odds .kb-post-title {
  color: #ffffff;
}

.kb-silo-news .kb-post-title {
  color: #1a1a1a;
}

/* Author display inline with categories in news section */
.kb-post-author-inline {
  color: #666;
  font-style: italic;
  font-weight: 400;
}

/* Type badges for distinguishing article types */
.kb-post-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.7;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.9);
}

.kb-post-type-badge svg {
  opacity: 0.9;
}

/* Analysis badge - golden/amber color */
.kb-badge-analysis {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.25), rgba(255, 152, 0, 0.25));
  color: #ffc107;
  font-weight: 700;
}

/* Author display outside badge for Oddstips */
.kb-post-author-odds {
  display: inline-block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  font-style: italic;
  margin-left: 6px;
  margin-right: auto;
}

/* Quick tip badge styling - cooler blue tone */
.kb-badge-quick {
  background: rgba(100, 181, 246, 0.2);
  color: #64b5f6;
}

/* Post header and content structure */
.kb-post-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.kb-post-content {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Sport icon styling */
.kb-sport-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: 0.9;
}

/* Title wrapper for analysis posts */
.kb-post-title-wrap {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

/* Read more link for analyses */
.kb-read-more {
  font-size: 11px;
  color: #ffc107;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.kb-post-article .kb-post-link:hover .kb-read-more {
  opacity: 1;
}

/* Style article posts with golden accent */
.kb-post-article .kb-post-link {
  border-left: 3px solid rgba(255, 193, 7, 0.5);
  padding-left: 12px;
}

/* Style quick tip posts with blue accent */
.kb-post-quick .kb-post-link {
  border-left: 3px solid rgba(100, 181, 246, 0.4);
  padding-left: 12px;
	
}
.kb-post-link {
	max-height:84px;
	min-height:84px;
	
}
.kb-post-quick .kb-post-title {
  font-size: 13px;
  line-height: 1.4;
}

/* Hover effects */
.kb-post-article .kb-post-link:hover {
  border-left-color: rgba(255, 193, 7, 0.8);
}

.kb-post-quick .kb-post-link:hover {
  border-left-color: rgba(100, 181, 246, 0.6);
}

/* Footer with View All Link */
.kb-silo-footer {
  padding: 15px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}

.kb-silo-news .kb-silo-footer {
  border-top: 1px solid #e0e0e0;
}

#content-page .kb-silo-odds .kb-silo-more, #content-page .kb-silo-news .kb-silo-more {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
	color: #003814!important;
	 background:#5aed90;
}

.kb-silo-more:hover {
  background:#2cb55e!important;
 
}

/* No posts message */
.kb-no-posts {
  padding: 20px;
  text-align: center;
  opacity: 0.6;
}

/* Responsive Design */
@media (max-width: 768px) {
  .kb-betting-showcase {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .kb-silo-section {
    min-height: 400px;
  }

  .kb-posts-list {
    max-height: 280px;
  }
}

/* ===============================
   BETTINGNYHETER (kategori 466) UI
   Unik look för nyhetssilon
   =============================== */

/* Hero */
.bn-hero{
  background:#fff;
  color:#0a0a0a;
  border-radius:14px;
  padding:24px 22px;
  box-shadow:0 6px 22px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.06);
  margin:8px 0 18px;
}
.bn-hero-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:#f6d74f; /* gul accent */
  color:#111;
  font-weight:700;
  font-size:.8rem;
  margin-bottom:8px;
}
.bn-hero-title{
  margin:0 0 6px;
  font-size:1.8rem;
  line-height:1.2;
  color:#0a0a0a;
}
.bn-hero-intro{
  margin:6px 0 0;
  color:#333;
  font-size:1rem;
}

/* Keep tidy on very small screens */
@media (max-width:480px){
  #content-page .kb-news-grid{ grid-template-columns:1fr; }
}


/* Nyhetskort */
.bn-card{
  display:flex; gap:16px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 6px 22px rgba(0,0,0,.06);
  border-left:4px solid #f6d74f; /* gul accent */
  border-radius:12px;
  padding:14px;
  margin:14px 0;
}
.bn-card-thumb{
  flex:0 0 180px; display:block; border-radius:10px; overflow:hidden;
  align-self:flex-start;
}
.bn-card-thumb img{
  width:100%; height:120px; object-fit:cover; display:block;
}
.bn-card-body{ flex:1; min-width:0; }
.bn-card-body.no-thumb{ padding-left:2px; }

/* Titel + meta */
.bn-card-title{
  margin:0 0 6px; font-size:1.2rem; line-height:1.25;
}
.bn-card-title a{
  color:#0a0a0a; text-decoration:none;
}
.bn-card-title a:hover{ text-decoration:underline; }

.bn-card-meta{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
  color:#666; font-size:.9rem; margin-bottom:6px;
}
.bn-card-meta .bn-dot{ opacity:.6; }
.bn-card-meta .bn-cats a{ color:#333; text-decoration:none; }
.bn-card-meta .bn-cats a:hover{ text-decoration:underline; }

/* Excerpt + Läs mer */
.bn-card-excerpt{ color:#232323; font-size:1rem; line-height:1.5; }
.bn-readmore{
  display:inline-block; margin-top:8px;
  font-weight:700; text-decoration:none;
  color:#0a0a0a; border-bottom:2px solid #f6d74f;
}
.bn-readmore:hover{ color:#333; }

/* Responsivt */
@media (max-width:768px){
  .bn-card{ flex-direction:column; }
  .bn-card-thumb{ flex:0 0 auto; width:100%; }
  .bn-card-thumb img{ width:100%; height:auto; }
}



/* ===============================
   OPTIMIZED NEWS SIDEBAR FOR ODDSTIPS
   =============================== */

/* Header content wrapper */
.header-content-wrapper {
  position: relative;
}

/* Desktop: Flex layout with sidebar on right */
#casinoliste-top.has-carousel {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  gap: 30px;
}

#casinoliste-top.has-carousel #casinoliste-top-left {
  flex: 1 1 auto;
  max-width: calc(100% - 340px);
}

/* Section title above tabs */
.kb-sec-title {
  margin: 0 0 10px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
}

/* News sidebar container */
.kb-news-sidebar.compact {
  flex: 0 0 300px;
  background: linear-gradient(135deg, rgba(34,34,89,0.95), rgba(51,51,113,0.95));
  border-radius: 12px;
  padding: 14px;
  box-shadow: 0 4px 16px rgba(15,17,50,0.2);
  height: 350px;
  position: relative;
  max-width: 300px;
}

/* Sidebar header */
.kb-sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

/* Sidebar title */
.kb-sidebar-title {
  margin: 0;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
}

/* Navigation controls */
.kb-sidebar-controls {
  display: flex;
  gap: 4px;
}

/* Navigation buttons */
.kb-sidebar-nav {
  width: 24px;
  height: 24px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: all 0.2s ease;
}

.kb-sidebar-nav:hover:not(:disabled) {
  background: rgba(255,255,255,0.2);
  border-color: rgba(255,255,255,0.3);
}

.kb-sidebar-nav:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Sidebar wrapper */
.kb-sidebar-wrapper {
  position: relative;
  overflow: hidden;
  height: 279px;
	 padding-left: 2px;
}

/* Scrollable track - now a list */
.kb-sidebar-track {
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Sidebar items */
.kb-sidebar-item {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease;
  height: 62px;
  flex-shrink: 0;
}

.kb-sidebar-item:hover {
  background: rgba(255,255,255,0.08);
  transform: translateX(-2px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Sidebar link */
.kb-sidebar-link {
  display: block;
  padding: 8px 10px;
  color: #fff;
  text-decoration: none;
  height: 100%;
}

/* Item meta info */
.kb-item-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  font-size: 0.7rem; /* Increased from 0.65rem for better Google readability */
  color: rgba(255,255,255,0.6);
}

/* Categories display */
.kb-sidebar-cats {
  color: #f6d74f;
  font-weight: 500;
  flex: 1;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Date */
.kb-sidebar-date {
  color: rgba(255,255,255,0.5);
  flex-shrink: 0;
}

/* Item title - increased size for Google */
.kb-sidebar-item-title {
  margin: 0;
  font-size: 0.875rem; /* Increased from 0.8rem - 14px minimum for Google */
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===============================
   TABLET STYLES (768px - 1200px)
   =============================== */
@media (max-width: 1200px) and (min-width: 769px) {
  #casinoliste-top.has-carousel {
    gap: 20px;
  }

  .kb-news-sidebar.compact {
    flex: 0 0 280px;
  }

  #casinoliste-top.has-carousel #casinoliste-top-left {
    max-width: calc(100% - 320px);
  }
}

/* ===============================
   MOBILE STYLES (max 768px)
   =============================== */
@media (max-width: 768px) {
  /* Stack layout vertically */
  #casinoliste-top.has-carousel {
    flex-direction: column;
    margin-bottom: 20px;
    gap: 0;
  }

  #casinoliste-top.has-carousel #casinoliste-top-left {
    max-width: 100%;
    margin-bottom: 20px;
  }

  /* Full width sidebar on mobile */
  .kb-news-sidebar.compact {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  /* Adjust sidebar header */
  .kb-sidebar-header {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }

  .kb-sidebar-title {
    font-size: 1rem;
  }

  /* Show horizontal scroll on mobile */
  .kb-sidebar-wrapper {
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

  /* Horizontal layout for mobile */
  .kb-sidebar-track {
    flex-direction: row;
    transform: none !important; /* Disable vertical scrolling */
  }

  /* Wider items for mobile */
  .kb-sidebar-item {
    min-width: 260px;
    flex: 0 0 260px;
    height: 70px; /* Slightly taller for touch targets */
  }

  /* Larger link padding for touch */
  .kb-sidebar-link {
    padding: 10px 12px;
  }

  /* Larger fonts for mobile readability */
  .kb-item-meta {
    font-size: 0.75rem;
  }

  .kb-sidebar-item-title {
    font-size: 0.9rem; /* Even larger on mobile */
  }

  /* Hide nav buttons on mobile - use swipe instead */
  .kb-sidebar-controls {
    display: none;
  }

  /* Custom scrollbar for mobile */
  .kb-sidebar-wrapper::-webkit-scrollbar {
    height: 6px;
  }

  .kb-sidebar-wrapper::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
  }

  .kb-sidebar-wrapper::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 3px;
  }

  /* Adjust section title */
  .kb-sec-title {
    font-size: 1.1rem;
    margin-bottom: 12px;
  }

  /* Tabs adjustments */
  .kb-header-tabs {
    margin-top: 0;
  }
}

/* ===============================
   SMALL MOBILE (max 480px)
   =============================== */
@media (max-width: 480px) {
  /* Even smaller sidebar items */
  .kb-sidebar-item {
    min-width: 240px;
    flex: 0 0 240px;
  }

  /* Stack meta info vertically on very small screens */
  .kb-item-meta {
    flex-direction: row; /* Keep horizontal to save space */
    font-size: 0.7rem;
  }

  .kb-sidebar-item-title {
    font-size: 0.85rem;
  }
}

/* ===============================
   POST LIST STYLES - OPTIMIZED
   =============================== */

.category-posts-list {
  margin-top: 30px;
}

.category-post-item {
  margin-bottom: 20px;
}

.category-post-item .wp-block-columns {
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s ease;
  background-color: #f5f5f5;
}

.category-post-item:hover .wp-block-columns {
  transform: translateX(2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.category-image-block {
  flex-basis: 260px;
  padding: 20px;
}

.category-image-block .wp-block-image {
  margin: 0;
}

.category-hl2 {
  margin: 0 0 10px;
  font-size: 1.4rem;
  font-weight: 700;
}

.category-hl2 a {
  color: #222259;
  text-decoration: none;
  transition: color 0.2s ease;
}

.category-hl2 a:hover {
  color: #333371;
  text-decoration: underline;
}

.post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 0.875rem;
  color: #666;
}

.post-meta span::after {
  content: '|';
  margin-left: 10px;
  color: #ccc;
}

.post-meta span:last-child::after {
  display: none;
}

.post-excerpt {
  color: #444;
  line-height: 1.6;
}

.no-thumbnail {
  width: 200px;
  height: 200px;
  background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Load more button */
#load-more-button {
  display: block;
  margin: 30px auto;
  padding: 12px 30px;
  background: linear-gradient(135deg, #222259, #333371);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

#load-more-button:hover {
  background: linear-gradient(135deg, #333371, #222259);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(34,34,89,0.3);
}

/* ===============================
   UTILITY CLASSES
   =============================== */

.no-leagues-message,
.no-sports-message,
.no-posts-message {
  text-align: center;
  padding: 40px 20px;
  background: rgba(34,34,89,0.05);
  border-radius: 12px;
  color: #666;
  font-size: 1.1rem;
  margin: 20px 0;
}

.page-content-section {
  margin: 30px 0;
  padding-top: 30px;
  border-top: 2px solid #e0e0e0;
}

.category-description {
  margin-top: 40px;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 8px;
  line-height: 1.6;
}

/* Anchor offset for sticky header */
[id^="odd-"] {
  scroll-margin-top: 104px;
}

/* League-level post styling - subtle branding touches */
.kb-oddstips-league-post {
  border-left: 4px solid #222259;
  transition: all 0.2s ease;
}

.kb-oddstips-league-post:hover {
  border-left-color: #333371;
  transform: translateX(2px);
  box-shadow: 0 4px 12px rgba(34, 34, 89, 0.15);
}

.kb-news-league-post {
  border-left: 4px solid #f6d74f;
  transition: all 0.2s ease;
}

.kb-news-league-post:hover {
  border-left-color: #f4c41a;
  transform: translateX(2px);
  box-shadow: 0 4px 12px rgba(246, 215, 79, 0.25);
}

/* Text Ticker - Horizontally scrolling text on hover */
.text-ticker {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.text-ticker .ticker-content {
  display: inline-block;
}

.text-ticker.is-scrolling:hover .ticker-content {
  animation: ticker-scroll var(--scroll-duration, 8s) linear forwards;
}

@keyframes ticker-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(var(--visible-width, 0px) - 100%));
  }
}
#main-area[data-wpr-lazyrender="1"] {
	content-visibility: visible !important;
}