/* 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("https://bestenyecasino.com/wp-content/themes/Kongebonus-Theme/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-padding-top: 36px;
	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;
	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 {
	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;
	border-radius: 7px;
	margin: 0.75rem 0.25rem 0.25rem 0;
}

/* Contrast fix to 7.15 */
.Kongebonus-Theme .has-luminous-vivid-amber-background-color {
	background-color: #fbdf4f !important;
}

.Kongebonus-Theme .has-vivid-red-color {
	color: #910000 !important;
}

#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;
}

#pull-menu {
	display: none;
	margin-left: 10px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

/* Legacy #mobile-menu styles removed — unified menu handles mobile via slide panels below */

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

body.logged-in.admin-bar #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;
}

/* #site-logo sizing is inlined in header.php (WP Rocket can't strip/stale it). */

#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: flex-end;
	list-style: none;
	height: 100%;
	flex-grow: 1;
}

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

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

.menu-content .menu-icon{
	display: inline-block;
}

.menu-content .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: auto;
	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;
}

/* Search Icon Button */
.search-icon-btn {
	color: #fff;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	padding: 40px 10px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	margin-left: 5px;
}

.search-icon-btn:hover {
	opacity: 0.7;
	transform: scale(1.1);
}

.search-icon-btn svg {
	stroke: currentColor;
}

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


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

#main-menu .sub-menu .menu-dropdown-icon {
	display: none;
}

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

/* #search-menu removed — menu location no longer registered */

.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;
}

#top-mid-box-area .tagline p{
	font-family: 'Basier Regular', 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;
}
#top-mid-box-area .tagline p strong a{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
}
#main-tagline{
	display: block;
	max-width: 100%;
}
#main-tagline .tagline__more{
	display: block;
	margin-top: 1.5rem;
}
#main-tagline .tagline__more.tagline-collapsed{
	display: none;
}
/* No trailing gap between the last visible line and the "Les mer" button */
#top-mid-box-area #main-tagline .tagline__main > :last-child,
#top-mid-box-area #main-tagline .tagline__more > :last-child{
	margin-bottom: 0;
}
#mt-button{
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	padding-top: 1rem;
	color: white;
	cursor: pointer;
	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;
}
.has-toc:not(.page-template-world-cup) #site-wrapper{
	margin-top: 128px;
}
.logged-in.admin-bar #site-wrapper {
	margin-top: 104px;
}
.logged-in.has-toc .breadcrumb {
	padding-top: 36px;
}


#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;
}

.wp-block-embed-youtube {
	padding-bottom: 2rem;
}

.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 .casin-bonus-info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 1rem;
}

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

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

#top-mid-box-area h2.toplist-header {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: 0.05rem;
	color: #ffffff;
	margin: 1.5rem 0 0;
	padding: 0;
}

@media screen and (max-width: 768px) {
	#top-mid-box-area h2.toplist-header {
		font-size: 1.25rem;
		margin-top: 1.25rem;
	}
}

.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;
}

.kb-comp__badge {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	background: #1025FF;
	color: #ffffff;
	border: none;
	border-radius: 999px;
	padding: 0.5rem 1.3rem 0.5rem 40px;
	margin-bottom: 1rem;
	min-height: 43px;
	max-width: 100%;
}

.kb-comp__badge .kb-comp__badge-label,
.kb-comp__badge .kb-comp__badge-sublabel {
	white-space: nowrap;
}
.kb-comp__badge .kb-comp__badge-label{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 1;
}
.kb-comp__badge .kb-comp__badge-sublabel{
	margin-top: 5px;
	font-size: 11px;
	line-height: 1;
	font-family: 'InterDisplay-Regular', 'Helvetica', sans-serif !important;
	text-transform: capitalize;
}

.kb-comp__badge > svg{
	position: absolute;
	left: -10px;
	top: -5px;
	bottom: 0;
	height: auto;
	width: 48px;
}

.kb-comp__badge-info{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	margin-left: 0.4rem;
	padding: 0;
	border: 0;
	background: none;
	line-height: 0;
	cursor: pointer;
	opacity: 0.75;
	transition: opacity 0.2s ease;
}

.kb-comp__badge-info-icon{
	width: 13px;
	height: 13px;
	display: block;
}

.kb-comp__badge--info{
	cursor: help;
}
.kb-comp__badge--info:hover .kb-comp__badge-tooltip,
.kb-comp__badge--info:focus-within .kb-comp__badge-tooltip{
	opacity: 1;
	visibility: visible;
}

.kb-shield--warn  { --kb-throb: #a23d0e; }
.kb-shield--alert { --kb-throb: #960000cc; }

.kb-shield .throbbing {
	animation: kb-shield-throb 1.6s ease-in-out infinite;
}
@keyframes kb-shield-throb {
	0%, 100% { filter: drop-shadow(0 0 0 var(--kb-throb)); }
	50%      { filter: drop-shadow(0 0 2px var(--kb-throb)); }
}

@media (prefers-reduced-motion: reduce) {
	.kb-shield .throbbing { animation: none; }
}

#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;
	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;
}

.dark-theme{
	background-color: #0f1132!important;
	color:#fff!important;
}

.page-template-30-0-no .dark-theme{
	background-color: #0a0a0a!important;
}

.page-template-30-0-no .dark-theme #content-page a {
	color: #76E48B !important;
}

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

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

.page-template-world-cup .world-cup-auth{
	display: block;
	margin: -62px auto 0;
	position: absolute;
	right: 1px;
	top: 166px;
	z-index: 299;
}

/*.logged-in .world-cup-auth{*/
/*	margin: -38px auto 0;*/
/*}*/

.login-button{
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border: none;
	font-size: 16px;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
	background-color: #5aed90;
	padding: 10px 20px;
}

.world-cup article{
	width: 100%;
}

.button-2 {
	color: #0e1132 !important;
	border-radius: 10px;
	font-size: 20px;
	background-color: #5aed90;
	padding: 1rem 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: 1rem 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;
}

.wpforms-container-quiz .wpforms-quiz-outcomes-container p,
.wpforms-container-quiz .wpforms-quiz-outcomes-container .wpforms-confirmation-container-full h2,
.wpforms-container-quiz .wpforms-quiz-outcomes-container .wpforms-confirmation-container-full h3,
.wpforms-container-quiz .wpforms-quiz-outcomes-container .wpforms-confirmation-container-full h4
{
	margin: 0 !important;
	padding: 0 !important;
	color: #fff !important;
}

.wpforms-container-quiz .wpforms-quiz-outcomes-container .wpforms-confirmation-container-full p,
.wpforms-container-quiz .wpforms-quiz-outcomes-container .wpforms-confirmation-container-full ol,
.wpforms-container-quiz .wpforms-quiz-outcomes-container .wpforms-confirmation-container-full ul,
.wpforms-container-quiz .wpforms-quiz-outcomes-container .wpforms-confirmation-container-full li
{
	margin: 0 !important;
	padding: 0 !important;
	color: #fff !important;
}

.wpforms-container-quiz .wpforms-quiz-outcomes-container .wpforms-confirmation-container-full ol,
.wpforms-container-quiz .wpforms-quiz-outcomes-container .wpforms-confirmation-container-full ul{
	padding-left:15px!important;
	color: #fff !important;
}

.wpforms-field-medium .wpforms-field-row h2,
.wpforms-field-medium .wpforms-field-row h3,
.wpforms-field-medium .wpforms-field-row h4,
.wpforms-field-medium .wpforms-field-row p,
.wpforms-field.wpforms-field-content .wpforms-field-row h2,
.wpforms-field.wpforms-field-content .wpforms-field-row h3,
.wpforms-field.wpforms-field-content .wpforms-field-row h4{
	margin: 0px 0 10px !important;
	padding: 0 !important;
}

.wpforms-field.wpforms-field-content .wpforms-field-medium.wpforms-field-row,
.wpforms-field-medium wpforms-field-row {
	background-color: #f5f5f5!important;
	color:#222259;
	max-width: 100%;
	padding: 10px 20px;
}


.wpforms-field.wpforms-field-content .wpforms-field-row p,
div.wpforms-container-full .wpforms-confirmation-container-full {
	padding-bottom: 0!important;
	margin: 0!important;
}

body:not(.page-template-complaints) div.wpforms-container-full .wpforms-confirmation-container-full {
	position: relative;
	box-sizing: border-box;
	margin: 0 0 1.25rem !important;
	padding: 0.85rem 1.25rem 0.85rem 3rem !important;
	background-color: #edfbf3;
	border: 1px solid #a9ebc8;
	border-radius: 12px;
	color: #1E214D;
}

/* Drawn, not typed: 'Basier Bold' has no check glyph and fallbacks vary. */
body:not(.page-template-complaints) div.wpforms-container-full .wpforms-confirmation-container-full::before {
	content: "";
	position: absolute;
	top: 0.9rem;
	left: 1rem;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 50%;
	background-color: #5aed90;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E214D' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.8rem;
}

/* #content-page p is an ID selector, so font properties need !important. */
body:not(.page-template-complaints) div.wpforms-container-full .wpforms-confirmation-container-full p {
	margin: 0 0 0.55rem !important;
	padding-bottom: 0 !important;
	color: #1E214D !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
}

/* Only the opening line is the headline; body copy stays in the regular face. */
body:not(.page-template-complaints) div.wpforms-container-full .wpforms-confirmation-container-full p:first-of-type {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: normal;
	letter-spacing: 0.05rem;
}

body:not(.page-template-complaints) div.wpforms-container-full .wpforms-confirmation-container-full p:last-child {
	margin-bottom: 0 !important;
}

/* Entry Preview — the chosen nominee, echoed back under the message. */
div.wpforms-container-full .wpforms-entry-preview {
	justify-content: center;
}

/* The compact layout reserves 30% of the row for the label, which is what
   pushes an unlabelled preview off centre. :empty leaves labelled ones alone. */
div.wpforms-container-full .wpforms-entry-preview .wpforms-entry-preview-label:empty {
	display: none !important;
}

div.wpforms-container-full .wpforms-entry-preview .wpforms-entry-preview-label:empty + .wpforms-entry-preview-value {
	width: 100% !important;
	text-align: center;
}

/* Stock divider between previewed fields; a stray line under a single value. */
div.wpforms-container-full .wpforms-entry-preview-compact {
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}

div.wpforms-container-full .wpforms-entry-preview-value {
	color: #1E214D;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05rem;
	font-size: 0.95rem;
	line-height: 1.5;
}

/* Wrapper and <img> are inline-styled by the field renderer, so size and
   centring have to be forced. 8px matches site image styling. */
div.wpforms-container-full .wpforms-entry-preview-value > span {
	max-width: 120px !important;
	margin: 0 auto 0.6rem !important;
}

div.wpforms-container-full .wpforms-entry-preview-value > span img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 8px;
	margin: 0 auto !important;
}

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

/* 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;
	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-top: 0.5rem;
}
.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.15rem 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;
}

.review-link {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

#content-page .review-link a,
.review-link a,
a.review-link{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: normal !important;
	font-size: 14px !important;
	color: #FFF !important;
	text-decoration: underline !important;
	text-underline-offset: 5px !important;
	transition: opacity 0.35s ease !important;
}

#content-page .review-link a:hover,
.review-link a:hover,
a.review-link:hover{
	opacity: 0.8 !important;
	transition: opacity 0.2s ease !important;
}


/* 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%;
}

.h2,
#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 !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 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;
}

/* 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;
	margin-bottom: 21%;
}

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

#review-top-right .kb-comp__badge {
	margin-top: 1rem;
}

#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,
.page-template-complaints a,
.page-template-complaints a:visited,
.page-template-complaints 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%;
	max-width: 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,
#content-wrapper-homepage #content article ul,
#content-wrapper-homepage #content article 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,
#content-wrapper-homepage #content article ul li,
#content-wrapper-homepage #content article 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;
	overflow: hidden;
	padding: 2rem;
	margin-top: 27px;
}
#content-wrapper-homepage #content .faq-section{
	background-color: #e8e8e8;
}
.page-template-world-cup #content-page .faq-section,
.faq-section {
	background-color: #2c2c69;
	border-radius: 10px;
	overflow: hidden;
	padding: 2rem;
	margin-top: 27px;
}

.page-template-30-0-no #content-page .faq-section{
	box-shadow: inset 0 0 4px 2px #00000036;
	background-color: #1b1b1b;
}

#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', Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 1.3rem !important;
	font-weight: normal;
  letter-spacing: 0.05rem;
}

/* ── Review Page: Fixed Bottom Bar ── */

.bottom-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #1E214D;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	z-index: 999999;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.35s ease;
}

.bottom-bar.appear {
	opacity: 1;
	pointer-events: auto;
}

.bottom-bar__container {
	max-width: 1700px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.65rem 0;
}

.bottom-bar__left {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.bottom-bar__title {
	font-family: 'Basier Bold', Helvetica, Arial, sans-serif;
	font-size: 0.95rem;
	color: #ffffff !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	flex-shrink: 0;
}

.bottom-bar__rating {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	flex-shrink: 0;
}

.bottom-bar__stars {
	display: block;
	flex-shrink: 0;
}

.bottom-bar__rating-text {
	font-size: 0.8rem;
	color: #b0b0c0 !important;
	white-space: nowrap;
}

.bottom-bar__compliance {
	flex-shrink: 0;
	display: block;
	opacity: 0.75;
	width: 24px;
	height: 24px;
}

.bottom-bar__tags {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	flex-shrink: 0;
	flex-wrap: nowrap;
}

.bottom-bar__tag {
	font-size: 0.7rem;
	color: #ffffff !important;
	background-color: #343477;
	border-radius: 5px;
	padding: 0.15rem 0.45rem 0.1rem;
	white-space: nowrap;
	letter-spacing: 0.3px;
}

.bottom-bar__stats {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	flex-shrink: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	padding-left: 1rem;
}

.bottom-bar__stat {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.bottom-bar__stat-label {
	font-size: 0.65rem;
	color: #b0b0c0 !important;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	line-height: 1.2;
}

.bottom-bar__stat-value {
	font-family: 'Basier Bold', Helvetica, Arial, sans-serif;
	font-size: 0.9rem;
	color: #ffffff !important;
	line-height: 1.3;
	white-space: nowrap;
}

.bottom-bar__cta {
	flex-shrink: 0;
}

.bottom-bar__button {
	display: inline-block;
	padding: 0.85rem 2.5rem;
	font-size: 1rem;
	font-family: 'Basier Bold', Helvetica, Arial, sans-serif;
	white-space: nowrap;
	background-color: #76E48B;
	color: #0a0a1e !important;
	border-radius: 4px;
	text-decoration: none !important;
	text-align: center;
	transition: background-color 0.2s ease;
}

.bottom-bar__button:hover {
	background-color: #5cc472;
}

/* Bottom bar responsive: progressive element hiding */

@media screen and (max-width: 1090px) {
	.bottom-bar__stats {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.bottom-bar__tags {
		display: none;
	}
	.bottom-bar__title {
		max-width: 150px;
	}

	#casinoliste-list-section{
		display: inline-block;
	}

	#content{
		width: calc(100% - 45px)!important;
	}

	#site-wrapper h2,
	#site-wrapper .h2,
	#content h2,
	#content .h2{
		font-size: 1.5rem;
	}

	#site-wrapper h3,
	#site-wrapper .h3,
	#content h3,
	#content .h3{
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 580px) {
	.bottom-bar__compliance {
		display: none;
	}
}

@media screen and (max-width: 420px) {
	.bottom-bar__left {
		display: none;
	}
	.bottom-bar__cta {
		flex: 1;
	}
	.bottom-bar__button {
		width: 100%;
	}
}

/* Casinoliste Template */

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

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

#casinoliste-top.poker{
	background-image: url("https://bestenyecasino.com/wp-content/themes/Kongebonus-Theme/images/pokerliste-bg.webp");
}
#casinoliste-top.odds{
	background-image: url("https://bestenyecasino.com/wp-content/themes/Kongebonus-Theme/images/oddstips-bg.webp");
}
#casinoliste-top.world-cup-odds{
	background-image: url("https://bestenyecasino.com/wp-content/uploads/2022/11/1200-x-427-1.png");
}
#casinoliste-top.category-odds-background{
	background-image: url("https://bestenyecasino.com/wp-content/themes/Kongebonus-Theme/images/oddstips-bg.webp");
}

#casinoliste-top.odds-2{
	background-image: url("https://bestenyecasino.com/wp-content/themes/Kongebonus-Theme/images/bettingsider-liste.webp");
}
#casinoliste-top-left {
	padding: 1.3rem 0 3rem;
}
.header-section #casinoliste-top .ingress {
	color: white;
	display: block;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 1.6em;
}
#casinoliste-top .ingress p,
.header-section #casinoliste-top .ingress p {
	margin: 0;
	padding: 0;
	color: inherit;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.6em;
	max-width: 1000px;
}
.header-section #casinoliste-top .ingress a {
	color: #76E48B;
	text-decoration: underline;
}
#casinoliste-top .ingress {
	display: block;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 1.6em;
}

#casinoliste-top .ingress a {
	color: #76E48B;
	text-decoration: underline;
}

/* Above the Fold Content */
.header-section .above-the-fold-content {
	margin-top: 2rem;
	color: white;
	max-width: 1000px;
}
.header-section .above-the-fold-content h2 {
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 1rem 0;
	color: white;
	letter-spacing: normal;
}
.header-section .above-the-fold-content p {
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-size: 1rem;
	line-height: 1.6em;
	margin: 0 0 1rem 0;
	color: white;
	letter-spacing: normal;
}
.header-section .above-the-fold-content p:last-child {
	margin-bottom: 0;
}
.header-section .above-the-fold-content a {
	color: #fff;
	text-decoration: underline;
}
.header-section .author-top-wrapper {
	margin-bottom: 1.5rem;
}

#casinoliste-list-section {
	margin-bottom: 1rem;
	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: 9px 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%;
}

@media (min-width: 993px) {
	#casinoliste-list-section ul#casinoliste-tabs {
		float: left;
	}

	#casinoliste-list-section .update-notice-wrapper {
		float: right;
		margin-top: 0.75rem;
	}

	#casinoliste-list-section ol.toplist {
		clear: both;
	}

	#casinoliste-inner #casinoliste-list-section ol.toplist {
		padding-top: 1rem;
	}

	#casinoliste-list-section:has(div.toplist-header) ul#casinoliste-tabs,
	#casinoliste-list-section:has(div.toplist-header) .update-notice-wrapper {
		margin-bottom: 1rem;
	}

	/* ...and the <ol> drops its own padding so the gap is not doubled between the
	   header and the first row. */
	#casinoliste-inner #casinoliste-list-section div.toplist-header + ol.toplist {
		padding-top: 0;
	}
}

.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;
}

.dark-theme #main-area-page,
.dark-theme #content-wrapper-page,
.dark-theme #content-page {
	background-color: transparent;
}

.dark-theme #content-page h1,
.dark-theme #content-page h2,
.dark-theme #content-page h3,
.dark-theme #content-page h4,
.dark-theme #content-page h5,
.dark-theme #content-page h6,
.dark-theme #content-page p,
.dark-theme #content-page li,
.dark-theme #content-page strong,
.dark-theme .date-wrapper {
	color: #ffffff !important;
}

.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;
}

main:not(.dark-theme) #content-page a:not(.has-white-color a),
main:not(.dark-theme) #content a:not(.has-white-color a) {
	color: #222259;
}

main:not(.dark-theme) #content-page .has-white-color a,
main:not(.dark-theme) #content .has-white-color a {
	color: inherit;
}

#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;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	pointer-events: none;
	z-index: 800;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease-in-out;
}

.casino-rating-tooltip.show {
	opacity: 1;
	visibility: visible;
	padding: 6px 12px;
}

.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(.m-0):not(:first-child) {
	margin-top: 4rem !important;
}

#content-page .wp-block-columns.fancy-block .wp-block-columns  {
	margin-bottom: 2em !important;
}

#content-page .wp-block-columns.fancy-block .wp-block-columns:first-child {
	margin-top: -20px;
	margin-bottom: 0;
	height: 1px;
}

#content-page .wp-block-columns.fancy-block .wp-block-image {
	margin: 0 0 -1.35rem 0 !important;
}

#content-page .wp-block-columns.fancy-block h2.wp-block-heading:first-of-type,
#content-page .wp-block-columns.fancy-block h3.wp-block-heading:first-of-type{
	padding-top: 1rem!important;
}

#content-page .fancy-cards .wp-block-column{
	margin-left: 0!important;
}

#content-page .fancy-cards .wp-block-columns{
	min-height: 305px;
}

.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;
		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;
		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-columns:not(.fancy-block):not(.fancy-cards).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;
}

/* Rating Info Tooltip */
.rating-info-icon {
	position: relative;
	display: inline-flex;
	margin-left: 0.5rem;
}
.rating-info-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	font-style: italic;
	font-family: Georgia, serif;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
.rating-info-trigger:hover {
	background-color: rgba(255, 255, 255, 0.4);
}
/* One definition of what a tooltip bubble looks like. The guarantee badge opts
   in with .kb-comp__badge-tooltip rather than getting a second copy of it — see
   kb_guarantee_badge_html() and the shared handler in js/rating-tooltip.js. */
.rating-info-tooltip,
.kb-comp__badge-tooltip {
	position: absolute;
	left: 50%;
	top: calc(100% + 10px);
	transform: translateX(-50%);
	width: 280px;
	padding: 1rem;
	background-color: #1E214D;
	border: 1px solid #4D5182;
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	z-index: 100;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.rating-info-tooltip::before,
.kb-comp__badge-tooltip::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-bottom-color: #4D5182;
}
.rating-info-tooltip::after,
.kb-comp__badge-tooltip::after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 7px solid transparent;
	border-bottom-color: #1E214D;
}
.rating-info-icon:hover .rating-info-tooltip {
	opacity: 1;
	visibility: visible;
}
.rating-info-tooltip a,
.kb-comp__badge-tooltip a {
	color: #76E48B;
	text-decoration: underline;
}
.rating-info-tooltip a:hover,
.kb-comp__badge-tooltip a:hover {
	color: #fff;
}
.rating-info-tooltip p,
.kb-comp__badge-tooltip p {
	margin: 0 0 0.5rem 0;
}
.rating-info-tooltip p:last-child,
.kb-comp__badge-tooltip p:last-child {
	margin-bottom: 0;
}

/* Mobile: Fix tooltip overflow */
@media (max-width: 767px) {
	/* Hide tooltip completely by default - prevents layout overflow.
	   display:none also beats the desktop :hover/:focus-within rules, so a tap
	   that merely focuses the button cannot half-open the bubble. */
	.rating-info-tooltip,
	.kb-comp__badge-tooltip {
		display: none;
		width: calc(100vw - 2rem);
		max-width: 300px;
		z-index: 9999;
	}
	.rating-info-tooltip::before,
	.rating-info-tooltip::after,
	.kb-comp__badge-tooltip::before,
	.kb-comp__badge-tooltip::after {
		display: none;
	}
	/* Show tooltip only when parent has .active class (JS adds this on tap) */
	.rating-info-icon.active .rating-info-tooltip,
	.kb-comp__badge--info.active .kb-comp__badge-tooltip {
		display: block;
		opacity: 1;
		visibility: visible;
	}
}

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;
	scroll-margin-top: 150px;
}
.logged-in.admin-bar .odds-list li,
.logged-in.admin-bar .featured-odds li {
	scroll-margin-top: 195px;
}
.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: -1px;
	left: -1px;
	text-align: center;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 10px;
	padding: 0 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;
}
.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,
ol.toplist,
#content-page ol.toplist{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 0;
}

/* OL Toplist header - mirrors thead styling */
ol.toplist li.toplist-header,
#content-page ol.toplist li.toplist-header,
div.toplist-header,
#content-page div.toplist-header{
	display: flex;
	clear: both;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	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;
	border-radius: 10px;
	margin-bottom: 1.25rem;
}
ol.toplist li.toplist-header > div,
div.toplist-header > div{
	box-sizing: border-box;
	text-align: left;
}
ol.toplist li.toplist-header div.ninth,
div.toplist-header div.ninth{
	flex: 0 0 115px;
	margin-right: 1rem;
}
ol.toplist li.toplist-header div.twoninth,
div.toplist-header div.twoninth{
	flex: 0 0 19%;
}
ol.toplist li.toplist-header div.center,
div.toplist-header div.center{
	text-align: center;
	justify-content: space-around;
	flex: 1;
}

/* OL Toplist Format - mirrors table flexbox layout */
ol.toplist li.table-row,
#content-page ol.toplist li.table-row{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	background-color: #222259;
	border-radius: 10px;
	margin-bottom: 1.25rem;
	padding: 1.25rem;
}
ol.toplist li.table-row:last-of-type{
	margin-bottom: 0;
}
ol.toplist li.table-row.slim-row{
	padding: 0 1.25rem;
}
ol.toplist li.table-row > div{
	box-sizing: border-box;
}
ol.toplist li.table-row div.ninth{
	flex: 0 0 115px;
	display: flex;
	align-self: center;
	margin-right: 1rem;
}
ol.toplist li.table-row div.ninth img{
	border-radius: 5px;
}
ol.toplist li.table-row div.twoninth{
	flex: 0 0 19%;
}
ol.toplist li.table-row div.expand{
	display: flex;
	flex-direction: column;
	align-self: stretch;
	justify-content: space-evenly;
}
ol.toplist li.table-row div.info{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
ol.toplist.slim li.table-row:not(.hot-casino) div.expand.sp-bet{
	justify-content: center;
}
ol.toplist.slim li.table-row:not(.hot-casino) .button-3{
	padding: 1rem 1.5rem;
}
ol.toplist.slim li.table-row:not(.hot-casino) .tags,
ol.toplist.slim li.table-row:not(.hot-casino) .feature,
ol.toplist.slim li.table-row:not(.hot-casino) .button-4{
	display: none;
}

.casino-date-added{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
}

/* Toplist row number badge */
.row-number{
	font-weight: bold;
	font-size: 0.85em;
	line-height: 24px;
	background-color: white;
	color: #0a0a1e;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 25px;
	height: 24px;
	padding: 0 2px;
	text-align: center;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 0px;
	border-right: 1px solid #E6E9F1;
	border-bottom: 1px solid #E6E9F1;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	z-index: 10;
}

/* OL Toplist text colors - mirrors table styling */
ol.toplist li.table-row div h3,
ol.toplist li.table-row div .h3,
ol.toplist li.table-row div p.h3{
	color: white !important;
}
ol.toplist li.table-row > div h3 a,
ol.toplist li.table-row > div .h3 a,
ol.toplist li.table-row > div p.h3 a,
ol.toplist li.table-row > div h3,
ol.toplist li.table-row > div .h3,
ol.toplist li.table-row > div p.h3,
table h3,
table .h3,
table p.h3{
	color: #fff !important;
	font-size: 22px !important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif !important;
	text-decoration: none !important;
	font-weight: normal !important;
	letter-spacing: 0.05rem !important;
}
ol.toplist li.table-row div.info h4,
ol.toplist li.table-row div.info .h4,
ol.toplist li.table-row div.info p.h4{
	padding-top: 0 !important;
	color: white !important;
}
ol.toplist li.table-row div.info > span{
	display: block;
	font-size: .75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 1;
	color: #DAD2EE;
	text-transform: uppercase;
}
ol.toplist li.table-row div.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;
	justify-content: flex-start;
	gap: 8px;
}
ol.toplist li.table-row div.info .feature{
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 1.25;
	display: block;
	text-align: center;
	padding: 0.5rem;
	min-height: 54px;
}
ol.toplist li.table-row div.info .feature img{
	display: block;
	margin: 0 auto;
}
ol.toplist li.table-row div.info.prosent h4::before,
ol.toplist li.table-row div.info.prosent .h4::before,
ol.toplist li.table-row div.info.prosent p.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;
}
ol.toplist li.table-row div.info.omsetning h4::before,
ol.toplist li.table-row div.info.omsetning .h4::before,
ol.toplist li.table-row div.info.omsetning p.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;
}
ol.toplist li.table-row div.info.opptil h4::before,
ol.toplist li.table-row div.info.opptil .h4::before,
ol.toplist li.table-row div.info.opptil p.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;
}
ol.toplist li.table-row div.info.freespins h4::before,
ol.toplist li.table-row div.info.freespins .h4::before,
ol.toplist li.table-row div.info.freespins p.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;
}
ol.toplist li.table-row div.info.special-feature h4::before,
ol.toplist li.table-row div.info.special-feature .h4::before,
ol.toplist li.table-row div.info.special-feature p.h4::before{
	content: 'FEATURE';
	font-size: 0.75rem;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	line-height: 3;
	color: #DAD2EE;
	text-transform: uppercase;
	display: block;
}
ol.toplist li.table-row div.info.bonus h4::before,
ol.toplist li.table-row div.info.bonus .h4::before,
ol.toplist li.table-row div.info.bonus p.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;
}
ol.toplist li.table-row div.info.wager h4::before,
ol.toplist li.table-row div.info.wager .h4::before,
ol.toplist li.table-row div.info.wager p.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;
}

/* OL Toplist - Bonus section with separated features and stats */
ol.toplist li.table-row .toplist-bonus-section{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto auto;
	gap: 0.5rem 1rem;
	flex: 1 1 auto;
}
ol.toplist li.table-row .toplist-bonus-section .toplist-stats{
	display: contents;
}
ol.toplist li.table-row .toplist-bonus-section .toplist-features{
	display: contents;
}
ol.toplist li.table-row .toplist-bonus-section .stat{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	grid-row: 1;
	margin-top: 0.5rem;
}
ol.toplist li.table-row .toplist-bonus-section .stat-label{
	font-size: 0.75rem;
	color: #DAD2EE;
	text-transform: uppercase;
	line-height: 2;
}
ol.toplist li.table-row .toplist-bonus-section .stat-value{
	font-size: 1.25rem;
	color: #FFF;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
}
ol.toplist li.table-row .toplist-bonus-section .toplist-features .feature{
	grid-row: 2;
	font-size: 0.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1.25;
	min-height: 54px;
	padding: 0.5rem;
}
ol.toplist li.table-row .toplist-bonus-section .toplist-features .feature img{
	display: block;
	margin: 0 auto 0.25rem;
}
/* Slim variant - no features, stats only */
ol.toplist li.table-row .toplist-bonus-section--slim{
	grid-template-rows: auto;
}
ol.toplist li.table-row .toplist-bonus-section--slim .stat{
	grid-row: 1;
}

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 (min-width: 1090px) {
	#boxes .casin-bonus-info {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-row-gap: 0;
	}
}
@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);
		justify-content: flex-start;
	}

	/* OL Toplist - Card layout below 1090px */
	ol.toplist{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.25rem;
	}
	ol.toplist li.toplist-header,
	div.toplist-header{
		display: none !important;
	}
	ol.toplist li.table-row,
	#content-page ol.toplist li.table-row{
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	ol.toplist li.table-row div.ninth{
		flex: 0 0 80px;
		max-height: 80px !important;
	}
	ol.toplist li.table-row div.ninth img{
		border-radius: 5px;
		max-width: 80px;
		height: auto;
		display: block;
		object-fit: cover;
	}
	ol.toplist li.table-row div.title{
		flex: 0 0 calc(100% - 100px);
		justify-content: flex-start;
	}
	ol.toplist li.table-row div.title p.h3{
		font-size: 1.5rem!important;
		font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif!important;
		line-height: 2rem!important;
		display: block;
		margin-top: 0;
		color: #fff;
		font-weight: normal;
		letter-spacing: 0.05rem;
	}
	ol.toplist li.table-row .toplist-bonus-section{
		display: flex;
		flex-direction: column;
		flex: 0 0 100%;
		order: 3;
		gap: 0;
	}
	ol.toplist li.table-row .toplist-bonus-section .toplist-stats,
	ol.toplist li.table-row .toplist-bonus-section .toplist-features{
		display: flex;
		flex-wrap: wrap;
	}
	ol.toplist li.table-row .toplist-bonus-section .toplist-features{
		flex-direction: column;
		gap: 4px;
		padding: 1rem 0;
		order: 2;
	}
	ol.toplist li.table-row .toplist-bonus-section .toplist-features .feature{
		flex-direction: row;
		align-items: center;
		text-align: left;
		font-size: 0.85rem;
		gap: 0.5rem;
		min-height: auto;
		padding: 0;
	}
	ol.toplist li.table-row .toplist-bonus-section .toplist-features .feature img{
		width: 12px;
		margin: 0;
	}
	ol.toplist li.table-row .toplist-bonus-section .toplist-stats{
		order: 1;
		gap: 0.75rem;
	}
	ol.toplist li.table-row .toplist-bonus-section .stat{
		flex: 0 0 calc(50% - 0.375rem);
		align-items: flex-start;
		text-align: left;
	}
	ol.toplist li.table-row .toplist-bonus-section .stat-label{
		font-size: 0.7rem;
		line-height: 1.5;
	}
	ol.toplist li.table-row .toplist-bonus-section .stat-value{
		font-size: 1rem;
	}
	ol.toplist li.table-row div.button{
		order: 4;
		flex: 0 0 100%;
		padding-top: 1.25rem;
	}
	#boxes .casino-features{
		grid-template-columns: 1fr;
		grid-gap: 4px;
	}
	ol.toplist li.table-row > .tags{
		order: 2;
		flex: 0 0 100%;
	}
}
@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: 768px) {
	/* OL Toplist - Single column on small screens */
	ol.toplist{
		grid-template-columns: 1fr;
	}
	tbody.toplist-box-new tr.table-row td.tags-cell{
		flex: 0 0 100%;
	}
}

@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%;
	}
	ol.toplist li.table-row div.title{
		flex: 0 0 calc(100% - 100px);
	}
}
.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;
}

/* WordPress posts pagination (archive pages) */
.navigation.pagination {
	text-align: center;
	margin: 2rem 0;
}
.navigation.pagination .screen-reader-text {
	display: none;
}
.navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
}
.navigation.pagination .page-numbers {
	background-color: #333371;
	color: white !important;
	text-decoration: none;
	display: inline-block;
	padding: 0.5rem 0.75rem;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
.navigation.pagination .page-numbers:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left: 1.25rem;
}
.navigation.pagination .page-numbers:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-right: 1.25rem;
}
.navigation.pagination .page-numbers:hover {
	background-color: #1a1a48;
}
.navigation.pagination .page-numbers.current {
	background-color: #1a1a48;
	cursor: default;
}
.navigation.pagination .page-numbers.dots,
.navigation.pagination .page-numbers.dots:hover {
	cursor: default;
	background-color: #333371;
}
.navigation.pagination .prev,
.navigation.pagination .next {
	font-weight: bold;
}

.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);
	}
}

.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 span.h2{
	display:block!important;
	color: white!important;
	padding: 1rem!important;
	padding-bottom: 0.5rem!important;
	font-size: 1.25rem!important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif!important;
	font-weight: normal!important;
  letter-spacing: 0.05rem!important;
}
.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;
}
.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;
}

body.review-template [class*="cky-revisit-bottom-"],
body.review-template .cky-btn-revisit-wrapper {
	bottom: 111px !important;
	right: 20px !important;
	left: auto !important;
	top: auto !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;
}

body.page-template-30-0-no .cky-btn-revisit-wrapper{
	display:none!important;
	visibility:hidden!important;
	z-index:-1!important;
	position:fixed!important;
	left:-99999px!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%;
}

.d-block{
	display: block!important;
}
.d-flex{
	display: flex!important;
} 
.flex-col-reverse{
	flex-flow: column-reverse;
}
.m-0{
	margin: 0!important;
}

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

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

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

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

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

.mb-20{
	margin-bottom: 20px!important;
}

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

.shadow-xs{
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.shadow-sm{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.shadow-m{
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

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

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

#content-page #casinoliste-list-section.pt-0,
.pt-0{
	padding-top: 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;
}

.w-100{
	width: 100% !important;
}
.w-90{
	width: 90% !important;
}
.w-80{
	width: 80% !important;
}
.w-70{
	width: 70% !important;
}
.w-60{
	width: 60% !important;
}
.w-50{
	width: 50% !important;
}
.w-40{
	width: 40% !important;
}
.w-30{
	width: 30% !important;
}
.w-20{
	width: 20% !important;
}
.w-10{
	width: 10% !important;
}
.h-100{
	height: 100%!important;
}

.h-fill{
	height: 100%;
	height: -webkit-fill-available;
}

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

.wp-block-column:not(:first-child).ml-0,
.ml-0{
	margin-left: 0!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,
.page-template-complaints .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: 1.5rem;
}

.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 .social-media-menu i {
	font-size: 1.25rem;
	color: #0a0a1e;
	transition: opacity 0.2s ease;
}

.page-template-toplist .author-header-wrapper .social-media-menu i{
	color: #fff!important;
}

.author-header-wrapper .social-media-menu a:hover i {
	opacity: 0.7;
}

.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 Page Header Start */

/*
 * Author Page Spacing Scale (rem-based, 1rem = 16px)
 * --ap-space-xs:  0.25rem  (4px)   — tight gaps (pill icon gap, minor offsets)
 * --ap-space-sm:  0.5rem   (8px)   — small gaps (flex column gaps, tab gaps)
 * --ap-space-md:  1rem     (16px)  — standard spacing (grid gaps, element margins)
 * --ap-space-lg:  1.5rem   (24px)  — section padding (mobile), inner padding
 * --ap-space-xl:  2rem     (32px)  — section padding (desktop), block margins
 * --ap-space-2xl: 3rem     (48px)  — large layout gaps (header columns)
 */
.author {
	--ap-space-xs: 0.25rem;
	--ap-space-sm: 0.5rem;
	--ap-space-md: 1rem;
	--ap-space-lg: 1.5rem;
	--ap-space-xl: 2rem;
	--ap-space-2xl: 3rem;
}

.author .author-page-header {
	background-color: #222259;
	color: #F3F0F9;
	padding: var(--ap-space-xl) 0;
}

.author .author-page-header__inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	gap: var(--ap-space-2xl);
}

.author .author-page-header__left {
	flex-basis: 160px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: center;
}

.author .author-page-header__photo {
	width: 160px;
	height: 160px;
	border-radius: 6px;
	object-fit: cover;
	margin: 0 !important;
}

.author .author-page-header__socials {
	padding: 0 !important;
	margin: var(--ap-space-sm) 0 0 0 !important;
	display: flex;
	list-style: none;
	width: 160px;
	justify-content: center;
}

.author .author-page-header__socials li {
	margin: 0 var(--ap-space-xs);
	line-height: 1;
}

.author .author-page-header__socials img {
	max-width: 25px;
	max-height: 25px;
	margin: 0 !important;
}

.author .author-page-header__socials i {
	font-size: 1.25rem;
	color: #ffffff;
	transition: opacity 0.2s ease;
}

.author .author-page-header__socials a:hover i {
	opacity: 0.7;
}

.author .author-page-header__right {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: var(--ap-space-sm);
	min-width: 0;
	padding: var(--ap-space-sm) 0;
}

.author .author-page-header__name {
	color: #ffffff !important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 2.5rem !important;
	font-weight: normal;
	letter-spacing: 0.05rem;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.3em;
}

.author .author-page-header__tagline {
	color: #d2c9e3 !important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.02em;
	font-size: 1rem !important;
	font-weight: normal;
	margin: 0 !important;
	padding: 0 !important;
}

.author .author-page-header__verified-tabs,
.author .author-page-header__expertise-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ap-space-sm);
	margin-top: var(--ap-space-xs);
}

.author .author-page-header__expertise-label {
	font-size: 0.85rem;
	line-height: 1.2;
	margin-top: 0.5rem;
	color: #b0b0c0 !important;
	font-weight: 400;
}

.author .author-page-header__bio {
	color: #F3F0F9 !important;
	font-size: 0.95rem;
	line-height: 1.6;
	margin: 0 !important;
	padding: 0 !important;
	max-width: 788px;
}

.author .author-page-header__bio p {
	margin: 0 0 0.75em !important;
}

.author .author-page-header__bio p:last-child {
	margin-bottom: 0 !important;
}

.author .author-page-header__bio a {
	color: #76E48B !important;
}

.author .author-page-stats {
	margin: 0 0 var(--ap-space-xl);
	width: 100%;
}

.author .author-page-stats .stat-block__inner {
	margin-bottom: 0;
}

.author .author-page-stats .stat-block__list {
	justify-content: center;
}

.author .author-page-stats .stat-block__item {
	flex: 1 1 0;
	min-width: 160px;
}

.author .author-page-header__read-more {
	display: none;
}

.author .author-tab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff !important;
	border-radius: 100px;
	padding: var(--ap-space-xs) var(--ap-space-md);
	font-size: 0.8rem;
	font-family: 'Basier Regular', Helvetica, Arial, Lucida, sans-serif;
	line-height: 22px;
	white-space: nowrap;
}

.author .author-tab svg {
	flex-shrink: 0;
}

a.author-tab {
	text-decoration: none !important;
	transition: background 0.2s ease;
}

a.author-tab:hover {
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff !important;
}

@media (max-width: 768px) {
	.author .author-page-header {
		padding: var(--ap-space-lg) 0;
	}

	.author .author-page-header__inner {
		display: grid;
		grid-template-columns: 80px 1fr auto;
		grid-template-areas:
			"left      name      socials"
			"left      tagline   tagline"
			"verified  verified  verified"
			"bio       bio       bio"
			"readmore  readmore  readmore"
			"explabel  explabel  explabel"
			"expertise expertise expertise";
		gap: var(--ap-space-sm) var(--ap-space-md);
	}

	.author .author-page-header__left,
	.author .author-page-header__right {
		display: contents;
	}

	.author .author-page-header__photo {
		grid-area: left;
		width: 80px;
		height: 80px;
		align-self: center;
	}

	.author .author-page-header__socials {
		grid-area: socials;
		width: auto;
		justify-content: flex-end;
		align-self: center;
		margin: 0 !important;
		padding-top: 0 !important;
	}

	.author .author-page-header__name {
		grid-area: name;
		font-size: 1.5rem !important;
		align-self: end;
	}

	.author .author-page-header__tagline {
		grid-area: tagline;
	}

	.author .author-page-header__verified-tabs {
		grid-area: verified;
		margin-top: var(--ap-space-sm);
	}

	.author .author-page-header__bio {
		grid-area: bio;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.author .author-page-header__bio.expanded {
		-webkit-line-clamp: unset;
	}

	.author .author-page-header__read-more {
		display: block;
		grid-area: readmore;
		background: none;
		border: none;
		color: #76E48B;
		cursor: pointer;
		padding: 0;
		font-size: 0.85rem;
		font-family: 'Basier Regular', Helvetica, Arial, Lucida, sans-serif;
		text-align: left;
		margin-top: calc(-1 * var(--ap-space-xs));
	}

	.author .author-page-header__expertise-label {
		grid-area: explabel;
		margin-top: var(--ap-space-sm);
	}

	.author .author-page-header__expertise-tabs {
		grid-area: expertise;
		margin-top: 0;
	}

	.author .author-page-stats .stat-block__list {
		flex-wrap: wrap;
		overflow-x: visible;
		cursor: default;
	}

	.author .author-page-stats .stat-block__item {
		flex: 1 1 100%;
	}

	.author .author-page-stats .stat-block__arrow {
		display: none !important;
	}
}

/* Author Page Header End */

/* Author Content Two-Column Layout */
.author-content-wrapper {
	padding: var(--ap-space-xl) 0;
}

.author-content {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

.author-content__columns {
	display: flex;
}

.author-content__main {
	flex-basis: 65.667%;
	max-width: 65.667%;
	margin-right: 3%;
}

.author-content__sidebar {
	flex-basis: 31.333%;
}

@media (max-width: 1025px) {
	.author-content__columns {
		display: block;
	}
	.author-content__main {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: var(--ap-space-xl);
	}
}

/* Author Quote Box */
.author-quote-box {
	background: #f5f5f5;
	border-radius: 12px;
	padding: var(--ap-space-md) var(--ap-space-xl) var(--ap-space-xl);
	margin: 0;
}

.author-quote-box__title {
	margin: 0 0 var(--ap-space-md);
	font-size: 1.4rem !important;
	line-height: 0.9 !important;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #514765 !important;
	padding-top: var(--ap-space-sm);
}

.author-quote-box__content {
	margin: 0;
	border: none;
	font-size: 1.4rem;
	line-height: 1.5;
	font-style: italic;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
	color: #0a0a1e !important;
}

.author-quote-box__content::before {
	content: "\201C";
}

.author-quote-box__content::after {
	content: "\201D";
}

@media (max-width: 767px) {
	.author-quote-box {
		padding: var(--ap-space-md) var(--ap-space-lg) var(--ap-space-lg);
	}

	.author-quote-box__content {
		font-size: 1.25rem;
	}
}

/* Author Quote Box End */

/* Author Video Embed */
.author-video {
	background: #f5f5f5;
	border-radius: 12px;
	padding: var(--ap-space-lg);
	margin-top: var(--ap-space-xl);
}

.author-video__embed {
	border-radius: 8px;
	overflow: hidden;
	line-height: 0;
}

.author-video__embed > div {
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100% !important;
}

.author-video__embed > div > div {
	padding-bottom: 0 !important;
	height: auto !important;
	overflow: visible !important;
	position: relative !important;
}

.author-video__embed iframe {
	position: relative !important;
	display: block;
	width: 100%;
	height: auto !important;
	aspect-ratio: 16 / 9;
	max-width: 100% !important;
	border-radius: 8px;
}

/* Author Video Embed End */

/* Author Q&A Section */
.author-qa {
	background: #f5f5f5;
	border-radius: 12px;
	padding: var(--ap-space-lg) var(--ap-space-xl) var(--ap-space-xl);
	margin-top: var(--ap-space-xl);
}

.author-qa__title {
	color: #2cb55e !important;
	font-size: 1.4rem !important;
	font-weight: 600;
	margin: 0 0 var(--ap-space-lg) !important;
	padding: 0 !important;
}

.author-qa__item {
	padding-bottom: var(--ap-space-lg);
	margin-bottom: var(--ap-space-lg);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.author-qa__item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.author-qa__question {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	font-size: 1.1rem !important;
	font-weight: normal;
	letter-spacing: 0.05rem;
	color: #0a0a1e !important;
	margin: 0 0 var(--ap-space-sm) !important;
	padding: 0 !important;
}

.author-qa__answer {
	color: #555 !important;
	font-size: 0.95rem;
	line-height: 1.7;
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 767px) {
	.author-qa {
		padding: var(--ap-space-md) var(--ap-space-lg) var(--ap-space-lg);
	}
}

/* Author Q&A Section End */

/* Author Working With (Testimonial) */
.author-working-with {
	margin-top: var(--ap-space-xl);
	padding: var(--ap-space-lg) 0;
}

.author-working-with__title {
	color: #0a0a1e !important;
	font-size: 1.4rem !important;
	font-weight: 600;
	margin: 0 0 var(--ap-space-md) !important;
	padding: 0 !important;
}

.author-working-with__quote {
	margin: 0 0 var(--ap-space-md);
	padding: 0 0 0 var(--ap-space-lg);
	border: none;
	border-left: 3px solid #76E48B;
	font-size: 1.1rem;
	font-style: italic;
	line-height: 1.7;
	color: #333 !important;
}

.author-working-with__quote::before {
	content: "\201C";
}

.author-working-with__quote::after {
	content: "\201D";
}

.author-working-with__attribution {
	color: #555 !important;
	font-size: 0.875rem;
	font-weight: 600;
	margin: 0 0 var(--ap-space-lg) !important;
	padding: 0 !important;
}

.author-working-with__button {
	display: block;
	text-align: center;
	padding: var(--ap-space-sm) var(--ap-space-xl);
	border: 2px solid #76E48B;
	border-radius: 4px;
	color: #1E214D !important;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.author-working-with__button:hover {
	background: #76E48B;
	color: #1E214D !important;
}

/* Author Working With End */

/* Author Professional Background */
.author-bg-section {
	background: #f5f5f5;
	border-radius: 12px;
	padding: var(--ap-space-lg);
	margin-top: var(--ap-space-xl);
}

.author-bg-section__title,
.kb-contributor__disclosure-title{
	color: #2cb55e !important;
	font-size: 1.1rem !important;
	font-weight: 600;
	margin: 0 0 var(--ap-space-sm) !important;
	padding: 0 !important;
}

.author-bg-section__content {
	color: #414141 !important;
	font-size: 0.95rem;
	line-height: 1.7;
	margin: 0 !important;
}

/* Author Professional Background End */

/* Author Profile Card (Sidebar) */
.author-profile-card {
	background: #1E214D;
	border-radius: 12px;
	padding: var(--ap-space-lg);
}

.author-profile-card__title {
	color: #76E48B !important;
	font-size: 1.4rem !important;
	font-weight: 600;
	margin: 0 0 var(--ap-space-md) !important;
	padding: 0 !important;
}

.author-profile-card__list {
	margin: 0;
	padding: 0;
}

.author-profile-card__item {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: var(--ap-space-sm) 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.author-profile-card__item:last-child {
	border-bottom: none;
}

.author-profile-card__label {
	color: #b0b0c0 !important;
	font-size: 0.875rem;
	font-weight: 400;
}

.author-profile-card__value {
	color: #ffffff !important;
	font-size: 0.875rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
	margin: 0;
	text-align: right;
}

/* Author Profile Card End */

/* Author Conferences (Sidebar) */
.author-conferences {
	background: #1E214D;
	border-radius: 12px;
	padding: var(--ap-space-lg);
	margin-top: var(--ap-space-xl);
}

.author-conferences__title {
	color: #76E48B !important;
	font-size: 1.4rem !important;
	font-weight: 600;
	margin: 0 0 var(--ap-space-md) !important;
	padding: 0 !important;
}

.author-conferences__tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ap-space-sm);
}

.author-conferences__tag {
	display: inline-flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff !important;
	border-radius: 100px;
	padding: var(--ap-space-xs) var(--ap-space-md);
	font-size: 0.8rem;
	font-family: 'Basier Regular', Helvetica, Arial, Lucida, sans-serif;
	line-height: 1.3;
	white-space: nowrap;
}

a.author-conferences__tag {
	text-decoration: none !important;
	transition: background 0.2s ease;
}

a.author-conferences__tag:hover {
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff !important;
}

/* Author Conferences End */

/* Author Highlights (Sidebar) */
.author-highlights {
	background: #1E214D;
	border-radius: 12px;
	padding: var(--ap-space-lg);
	margin-top: var(--ap-space-xl);
}

.author-highlights__title {
	color: #76E48B !important;
	font-size: 1.4rem !important;
	font-weight: 600;
	margin: 0 0 var(--ap-space-md) !important;
	padding: 0 !important;
}

.author-highlights__list {
	display: flex;
	flex-direction: column;
	gap: var(--ap-space-md);
}

.author-highlights__item {
	display: flex;
	align-items: center;
	gap: var(--ap-space-md);
}

.author-highlights__icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 1rem;
}

.author-highlights__text {
	display: flex;
	flex-direction: column;
	gap: var(--ap-space-xs);
	min-width: 0;
}

.author-highlights__label {
	color: #b0b0c0 !important;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.2;
}

.author-highlights__content {
	color: #ffffff !important;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
}

a.author-highlights__content {
	color: #ffffff !important;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: var(--ap-space-xs);
	transition: opacity 0.2s ease;
}

a.author-highlights__content::after {
	content: "\f0c1";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 0.7rem;
	opacity: 0.6;
}

a.author-highlights__content:hover {
	opacity: 0.8;
}

/* Author Highlights End */

/* Author Achievements (Sidebar) */
.author-achievements {
	background: #1E214D;
	border-radius: 12px;
	padding: var(--ap-space-lg);
	margin-top: var(--ap-space-xl);
}

.author-achievements__title {
	color: #76E48B !important;
	font-size: 1.4rem !important;
	font-weight: 600;
	margin: 0 0 var(--ap-space-md) !important;
	padding: 0 !important;
}

.author-achievements__list {
	display: flex;
	flex-direction: column;
	gap: var(--ap-space-sm);
}

.author-achievements__item {
	border-left: 3px solid #76E48B;
	padding: var(--ap-space-sm) var(--ap-space-md);
	display: flex;
	flex-direction: column;
	gap: var(--ap-space-xs);
}

.author-achievements__item-title {
	color: #ffffff !important;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
}

.author-achievements__item-desc {
	color: #b0b0c0 !important;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.4;
}

/* Author Achievements End */

/* Author Featured In (Sidebar) */
.author-featured-in {
	background: #1E214D;
	border-radius: 12px;
	padding: var(--ap-space-lg);
	margin-top: var(--ap-space-xl);
}

.author-featured-in__title {
	color: #76E48B !important;
	font-size: 1.4rem !important;
	font-weight: 600;
	margin: 0 0 var(--ap-space-md) !important;
	padding: 0 !important;
}

.author-featured-in__tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ap-space-sm);
}

.author-featured-in__tag {
	display: inline-flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff !important;
	border-radius: 100px;
	padding: var(--ap-space-xs) var(--ap-space-md);
	font-size: 0.8rem;
	font-family: 'Basier Regular', Helvetica, Arial, Lucida, sans-serif;
	line-height: 1.3;
	white-space: nowrap;
}

a.author-featured-in__tag {
	text-decoration: none !important;
	transition: background 0.2s ease;
}

a.author-featured-in__tag:hover {
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff !important;
}

/* Author Featured In 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;
}

/* Table Extension: Column Header Style */
.table-responsive.has-column-header table td:first-child,
.table-responsive.has-column-header table th:first-child {
	font-weight: 700;
	background-color: #f5f5f5;
	border-right: 2px solid #ddd;
}

/* Table Extension: Dark Theme */
.table-responsive.is-dark-theme table {
	background-color: #1E214D;
	color: #f0f0f0;
}
.table-responsive.is-dark-theme table th {
	background-color: #151736;
	color: #ffffff;
	border-color: #3a3f6d;
}
.table-responsive.is-dark-theme table td {
	border-color: #3a3f6d;
}
.table-responsive.is-dark-theme table tr:nth-child(even) {
	background-color: #252957;
}
.table-responsive.is-dark-theme table tr:hover {
	background-color: #2d3260;
}

/* Dark Theme + Column Header combined */
.table-responsive.is-dark-theme.has-column-header table td:first-child,
.table-responsive.is-dark-theme.has-column-header table th:first-child {
	background-color: #151736;
	border-right-color: #4a4f7d;
}

/* Table Extension: Custom Styling - Shared base */
.table-responsive.has-custom-styling table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	border-radius: 8px;
	overflow: hidden;
}
.table-responsive.has-custom-styling table th,
.table-responsive.has-custom-styling table td {
	padding: 0.75rem 1rem;
}
.table-responsive.has-custom-styling table,
.table-responsive.has-custom-styling table tr,
.table-responsive.has-custom-styling table tbody {
	background: none !important;
	background-color: transparent !important;
}
/* Border radius corners */
.table-responsive.has-custom-styling table thead tr:first-child th:first-child{
	border-top-left-radius: 8px;
}
.table-responsive.has-custom-styling table thead tr:first-child th:last-child {
	border-top-right-radius: 8px;
}
/* Bottom border radius for tbody when no tfoot exists */
.table-responsive.has-custom-styling table tbody:last-child tr:last-child td:first-child,
.table-responsive.has-custom-styling table tbody:last-child tr:last-child th:first-child {
	border-bottom-left-radius: 8px;
}
.table-responsive.has-custom-styling table tbody:last-child tr:last-child td:last-child,
.table-responsive.has-custom-styling table tbody:last-child tr:last-child th:last-child {
	border-bottom-right-radius: 8px;
}
/* Bottom border radius for tfoot */
.table-responsive.has-custom-styling table tfoot tr:last-child td:first-child,
.table-responsive.has-custom-styling table tfoot tr:last-child th:first-child {
	border-bottom-left-radius: 8px;
}
.table-responsive.has-custom-styling table tfoot tr:last-child td:last-child,
.table-responsive.has-custom-styling table tfoot tr:last-child th:last-child {
	border-bottom-right-radius: 8px;
}
/* Top border radius for tables without thead */
.table-responsive.has-custom-styling table tbody:first-child tr:first-child td:first-child {
	border-top-left-radius: 8px;
}
.table-responsive.has-custom-styling table tbody:first-child tr:first-child td:last-child {
	border-top-right-radius: 8px;
}

/* ========== LIGHT THEME (Custom Styling without Dark) ========== */
.table-responsive.has-custom-styling:not(.is-dark-theme) table th {
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 2px solid rgba(10, 10, 30, 0.75) !important;
	font-weight: 600;
	font-size: 18px;
	text-align: left;
	color: #0a0a1e;
}
.table-responsive.has-custom-styling:not(.is-dark-theme) table th:first-child {
	border-left: 2px solid rgba(10, 10, 30, 0.75) !important;
}
.table-responsive.has-custom-styling:not(.is-dark-theme) table th:last-child {
	border-right: 2px solid rgba(10, 10, 30, 0.75) !important;
}
.table-responsive.has-custom-styling:not(.is-dark-theme) table thead tr:first-child th{
	border-top: 2px solid rgba(10, 10, 30, 0.75) !important;
}
/* Top border for first tbody row when no thead exists */
.table-responsive.has-custom-styling:not(.is-dark-theme) table tbody:first-child tr:first-child td {
	border-top: 2px solid rgba(10, 10, 30, 0.75) !important;
}
.table-responsive.has-custom-styling:not(.is-dark-theme) table td {
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 2px solid rgba(10, 10, 30, 0.75) !important;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #0a0a1e;
}
.table-responsive.has-custom-styling:not(.is-dark-theme) table td:first-child {
	border-left: 2px solid rgba(10, 10, 30, 0.75) !important;
}
.table-responsive.has-custom-styling:not(.is-dark-theme) table td:last-child {
	border-right: 2px solid rgba(10, 10, 30, 0.75) !important;
}
/* Bottom border for tbody last row when no tfoot exists */
.table-responsive.has-custom-styling:not(.is-dark-theme) table tbody:last-child tr:last-child td {
	border-bottom: 2px solid rgba(10, 10, 30, 0.75) !important;
}
/* Tfoot border styles */
.table-responsive.has-custom-styling:not(.is-dark-theme) table tfoot td {
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 2px solid rgba(10, 10, 30, 0.75) !important;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #0a0a1e;
}
.table-responsive.has-custom-styling:not(.is-dark-theme) table tfoot td:first-child {
	border-left: 2px solid rgba(10, 10, 30, 0.75) !important;
}
.table-responsive.has-custom-styling:not(.is-dark-theme) table tfoot td:last-child {
	border-right: 2px solid rgba(10, 10, 30, 0.75) !important;
}
.table-responsive.has-custom-styling:not(.is-dark-theme) table tfoot tr:first-child td {
	border-top: 2px solid rgba(10, 10, 30, 0.75) !important;
}

/* ========== DARK THEME (Custom Styling + Dark) ========== */
.table-responsive.has-custom-styling.is-dark-theme table th {
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.75) !important;
	font-weight: 600;
	font-size: 18px;
	text-align: left;
	color: #ffffff;
}
.table-responsive.has-custom-styling.is-dark-theme table th:first-child {
	border-left: 2px solid rgba(255, 255, 255, 0.75) !important;
}
.table-responsive.has-custom-styling.is-dark-theme table th:last-child {
	border-right: 2px solid rgba(255, 255, 255, 0.75) !important;
}
.table-responsive.has-custom-styling.is-dark-theme table thead tr:first-child th {
	border-top: 2px solid rgba(255, 255, 255, 0.75) !important;
}
/* Top border for first tbody row when no thead exists */
.table-responsive.has-custom-styling.is-dark-theme table tbody:first-child tr:first-child td {
	border-top: 2px solid rgba(255, 255, 255, 0.75) !important;
}
.table-responsive.has-custom-styling.is-dark-theme table td {
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.75) !important;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #ffffff;
	word-break: keep-all!important;
}
.table-responsive.has-custom-styling.is-dark-theme table td:first-child {
	border-left: 2px solid rgba(255, 255, 255, 0.75) !important;
}
.table-responsive.has-custom-styling.is-dark-theme table td:last-child {
	border-right: 2px solid rgba(255, 255, 255, 0.75) !important;
}
/* Bottom border for tbody last row when no tfoot exists */
.table-responsive.has-custom-styling.is-dark-theme table tbody:last-child tr:last-child td {
	border-bottom: 2px solid rgba(255, 255, 255, 0.75) !important;
}
/* Tfoot border styles */
.table-responsive.has-custom-styling.is-dark-theme table tfoot td {
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.75) !important;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #ffffff;
}
.table-responsive.has-custom-styling.is-dark-theme table tfoot td:first-child {
	border-left: 2px solid rgba(255, 255, 255, 0.75) !important;
}
.table-responsive.has-custom-styling.is-dark-theme table tfoot td:last-child {
	border-right: 2px solid rgba(255, 255, 255, 0.75) !important;
}
.table-responsive.has-custom-styling.is-dark-theme table tfoot tr:first-child td {
	border-top: 2px solid rgba(255, 255, 255, 0.75) !important;
}

/* Editor preview styles */
.editor-styles-wrapper .has-column-header table td:first-child,
.editor-styles-wrapper .has-column-header table th:first-child {
	font-weight: 700;
	background-color: #f5f5f5;
	border-right: 2px solid #ddd;
}
.editor-styles-wrapper .is-dark-theme table {
	background-color: #1E214D;
	color: #f0f0f0;
}
.editor-styles-wrapper .is-dark-theme table th {
	background-color: #151736;
	color: #ffffff;
}
.editor-styles-wrapper .is-dark-theme table td {
	border-color: #3a3f6d;
}
.editor-styles-wrapper .has-custom-styling table th,
.editor-styles-wrapper .has-custom-styling table td {
	padding: 0.75rem 1rem;
	border: 1px solid #ddd;
}
.editor-styles-wrapper .has-custom-styling table th {
	background-color: #1E214D;
	color: #ffffff;
}

.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("https://bestenyecasino.com/wp-content/themes/Kongebonus-Theme/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{
	width: 70px!important;
	height: 70px!important;
	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%;
	}

	.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;
		max-width: 100%;
	}

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

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

	/* .bottom-bar old responsive overrides removed — now handled inline above */

	#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;
	}

	.wp-block-image.is-style-default .alignright{
		float: right !important;
		margin: 0.5em 0 1em 0.5em !important;
	}
	.wp-block-image.is-style-default .alignright img{
		width: 165px !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) {
	#mobile-header-overlay {
		display: none !important;
	}
}

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

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

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

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

	.logged-in.admin-bar #site-wrapper {
		margin-top: 80px;
	}

	#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%;
	}

	#pull-menu {
		display: block;
	}

	.page-template-world-cup #pull-menu {
		order: 3;
	}

	.page-template-world-cup .search-icon-btn{
		order: 2;
	}

	.page-template-world-cup .world-cup-auth {
		display: block;
		margin: auto 0;
		position: relative;
		right: 0;
		top: 0;
		z-index: 601;
		order: 1;
	}

	.page-template-world-cup .login-button {
		border-radius: 10px;
		-webkit-border-radius: 10px;
		border: none;
		font-size: 10px;
		font-weight: 700;
		background-color: #5aed90;
		padding: 4px 8px;
	}

	#main-nav {
		position: static;
	}

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

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

	.logged-in.has-toc .breadcrumb {
		padding-top: 10px;
	}
}

@media (min-width: 992px)
{
	.max-w-\[700px\]{
		max-width: 700px;
	}
	.max-w-70{
		max-width: 70% !important;
	}
	.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;
	}

	#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,
	ol.toplist li.toplist-header,
	div.toplist-header{
		display: none !important;
	}
	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%;
	}

	#content-page .fancy-block h2.wp-block-heading,
	#content-page .fancy-block h3.wp-block-heading{
		font-size: 1.2rem;
	}
}

@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;
	}

	.mb-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%;
	}

}

@media screen and (max-width: 1025px) and (min-width: 780px) {
	.games-iframe,
	.game-iframe{
		height: 370px;
	}
  }
  .dark-background{
	background-color: #0f1132!important;
}
.header-section{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
@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;
	}
}

/* Legacy mobile menu, overlay, and .menu-overlay CSS removed — unified nav handles mobile via slide panels */

.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.admin-bar #main-nav.fixed-top-mobile,
	body.logged-in.admin-bar #mobile-header-overlay {
		top: 46px;
	}
}
.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;
}

/* 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-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
	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-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
	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-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
  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;
}

/* ================================
   SEARCH OVERLAY
   ================================ */

.search-overlay {
	position: fixed;
	top: 80px;
	left: 0;
	width: 100%;
	height: calc(100vh - 80px);
	background: rgba(34, 34, 89, 0.75);
	backdrop-filter: blur(21px);
	-webkit-backdrop-filter: blur(21px);
	z-index: 850;
	display: none;
}

.search-overlay.active {
	display: block;
}

body.logged-in.admin-bar .search-overlay {
	top: 126px;
	height: calc(100vh - 126px);
}

.search-overlay-content {
	max-width: 1100px;
	margin: 0 auto;
	padding: 20px 20px 0px 20px;
}

.search-input-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}

.search-input-wrapper input {
	flex: 1;
	padding: 10px 15px;
	font-size: 1rem;
	border: none;
	border-radius: 10px;
	outline: none;
	background: #fff;
	color: #222259;
}

.search-close-btn {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #fff;
	transition: opacity 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-close-btn:hover {
	opacity: 0.7;
}

.search-close-btn svg {
	width: 24px;
	height: 24px;
	stroke: currentColor;
}

@media (max-width: 400px) {
	.search-overlay-content {
		padding: 20px 16px 0 10px;
	}
	.search-input-wrapper input {
		font-size: 1rem;
		padding: 8px 10px;
		min-width: 0;
	}
	.search-close-btn {
		width: 44px;
		height: 44px;
	}
}

.search-input-wrapper input::placeholder {
	color: #999;
}

/* Search Loading */
.search-loading {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 30px;
	color: #fff;
	font-size: 16px;
}

.search-loading.active {
	display: flex;
}

.search-spinner {
	width: 20px;
	height: 20px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Search Results Header */
.search-results-header {
	margin-top: 1rem;
	padding-bottom: 10px;
	border-bottom: 2px solid rgba(255, 255, 255, 1);
}

.search-query-label {
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	font-weight: 500;
}

.search-query-label strong {
	color: #fff;
	font-weight: 600;
}

.search-hint {
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
	margin-left: 10px;
}

/* Search Results */
.search-results {
	max-height: calc(100vh - 270px);
	overflow-y: auto;
	padding-bottom: 30px;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.search-loading,
.search-no-results,
.search-error {
	text-align: center;
	padding: 40px 20px;
	color: #fff;
	font-size: 18px;
}

.search-loading-more {
	text-align: center;
	padding: 20px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
}

.search-error {
	color: #ff6b6b;
}

.search-results-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}

.search-result-item {
	display: flex;
	gap: 20px;
	background: rgba(0, 0, 0, 0.48);
	border-radius: 10px;
	padding: 15px;
	transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	align-items: flex-start;
	backdrop-filter: blur(21px);
	-webkit-backdrop-filter: blur(21px);
}

/* First search result item larger */
.search-result-item:first-child {
	margin-top: 1rem;
}	

.search-result-item:hover {
	transform: translateY(-2px);
	background: rgba(0, 0, 0, 0.64);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.search-result-image {
	flex: 0 0 150px;
	width: 150px;
	height: 100px;
	overflow: hidden;
	border-radius: 8px;
}

.search-result-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.search-result-content {
	flex: 1;
	min-width: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 15px;
}

.search-result-main {
	flex: 1;
	min-width: 0;
}

.search-result-title {
	margin: 0 0 8px 0;
	font-size: 18px;
	line-height: 1.3;
	color: #fff;
}

.search-result-meta {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 8px;
}

.search-result-excerpt {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.search-result-tag {
	display: inline-block;
	background: #343477;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 4px;
	letter-spacing: 0.5px;
	flex-shrink: 0;
	align-self: flex-start;
	margin-top: 3px;
}

/* Mobile responsive */
@media (max-width: 768px) {
	.search-result-item {
		flex-direction: column;
		gap: 15px;
	}
	.search-results-list{
		gap: 12px;
		padding: 0 10px;
	}

	.search-result-item:first-child {
		margin-top: 12px;
	}	

	.search-result-image {
		flex: none;
		width: 100%;
		height: 140px;
	}

	.search-result-excerpt{
		-webkit-line-clamp: 2;
	}

	.search-result-content {
		flex-direction: column;
		gap: 10px;
	}

	.search-result-tag {
		align-self: flex-start;
	}

	.search-results {
		max-height: calc(100vh - 200px);
	}
}

/* Mobile Responsivness */
@media (max-width: 480px) {
	#breadcrumbs{
		padding: 10px 0px 6px;
		font-size: 14px;
	}
	#content-wrapper-page{
		padding-top: 12px;
		padding-bottom: 1rem;
	}
	.attachment-full{
		margin-bottom: 8px;
	}
	h1{
		font-size: 1.8rem;
		line-height: 1.4;	
	}
	#content-page h1, 
	#content-review h1, 
	#content-review .h1{
		font-size: 1.4rem;
		line-height: 1.4;
	}
	#review-top h1{
		font-size: 1.8rem;
		line-height: 1.4;
		padding-bottom: 0rem;
	}
	#content-page h2, #content-page .h2, 
	#content-review h2, #content-review .h2,
	#content-review .faq-section h2{
		line-height: 1.4;
		padding-bottom: 0.75rem;
		padding-top: 0.5rem;
	}
	.faq-section{
		padding: 1.3rem 1rem!important;
	}
	.faq-section h2{
		font-size: 1.25rem!important;
		margin-bottom: 1.5rem!important;
	}
	.faq-section .faq-element .question{
		font-size: 1.1rem!important;
	}

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

	#content-page h3, #content-page .h3, #content-review h3, #content-review .h3{
		font-size: 1.1rem;
		line-height: 1.4;
		padding-bottom: 0.75rem;
		padding-top: 0.5rem;
	}
	.author-top-wrapper{
		margin-bottom: 0.75rem;
	}
	#content-page p, #content-review p, #content-review .p{
		font-size: 0.9rem;
		line-height: 1.5;
		margin-bottom: 1rem;
		padding-bottom: 0;
	}
	.button-2, #content-page .button-2{
		font-size: 1.1rem;
		margin-bottom: 1rem;
	}
	p.author-name-link, .date-wrapper{
		font-size: 0.75rem !important;
		padding-top: 0.3rem !important;
	}
	article .wp-block-image:first-of-type{
		margin: 0 0 1rem !important;
	}
	.wp-element-caption{
		line-height: 1.5;
	}
	#content-page .wp-block-image figcaption, #content-review .wp-block-image figcaption{
		font-size: 0.75rem;
	}
	.author-header-wrapper, .post-template-default.single-post .author-header-wrapper {
		margin-top: 1rem;
		padding: 1rem;
	}
	.post-template-default .author-header-container h2.author-name{
		font-size: 1.25rem !important;
        line-height: 1.4 !important;
	}
	.author-header-wrapper .author-header-container a, .author-header-wrapper .social-media-menu{
		display: inline-block;
	}
	.preamble{
		font-size: 0.9rem !important;
        line-height: 1.5;
	}
	/* Review Page */
	#review-top{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	#review-top-left{
		display: flex;
		align-items: center;
		padding: 0;
		margin: 0;
		margin-bottom: 0rem;
		gap: 2rem;
	}
	#review-top-left #bonus-button{
		flex: 1;
	}
	#review-top-left img{
		width: 120px;
		height: 120px;
		margin-bottom: 0;
	}
	.rating-container svg.casino-rating{
		width: 100px;
	}
	review-top-right-over-first{

	}
	.casino-features-review{
		margin-top: 1rem;
	}
	.feature-review{
		margin-bottom: 0.5rem;
		font-size: 0.85rem;
	}
	#review-top-right-under{
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-row-gap: 1rem;
	}
	.freespins-info .offer-title, .freespins-info .offer-description{
		font-size: 0.8rem;
	}
	#review-author-top-wrapper{
		margin-top: 1rem;
	}
	.bonus-details{
		padding: 1rem;
		margin: 1rem 0;
	}
	.bonus-details .bonus-element{
		width: 100%;
		margin-top: 0rem;
	}
	.bonus-details .bonus-element .bonus-content{
		display: block;
	}
	.bonus-element .step-title{
		font-size: 1rem;
	}
	.bonus-element .step-detail{
		display: inline-block;
		font-size: 0.9rem;
	}

	/* Homepage */
	#top-area{
		padding-top: 1rem;
	}
	#banner-area, #top-mid-box-area {
        flex-basis: 100% !important;
    }
	#slideshow-container{
		height: 17rem;
		max-height: 17rem;
	}
	.slides{
		height: 17rem;
	}
	.slide-title{
		font-size: 1.8rem;
	}
	.slide-description{
		font-size: 1rem;
	}
	.slide-text{
		padding-top: 3.5rem;
	}
	.slide-text .button-2{
		margin-top: 1rem;
		padding: 0.8rem 1rem;
	}
	.tagline{
		line-height: 1.4;
	}
	#top-mid-box-area .tagline p strong{
		font-size: 0.8rem;
		letter-spacing: 0;
	}
	.sub-info-content{
		font-size: 1rem;
	}
	.casino-features{
		grid-template-columns: 1fr;
		grid-gap: 2px 15px;
	}
}


/* ==============================
   Footer 18-Column Grid System
   ============================== */

footer .footer-inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 0;
}

footer .row {
	display: flex;
	flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
}

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

footer .col {
	flex: 1 0 0%;
}

footer .footer-row {
	margin-bottom: 2rem;
}

footer .footer-row:last-child {
	margin-bottom: 0;
}

footer .order-first { order: -1; }
footer .order-last { order: 9999; }
footer .d-flex { display: flex !important; }
footer .align-items-center { align-items: center !important; }
footer .justify-content-end { justify-content: flex-end !important; }
footer .justify-content-center { justify-content: center !important; }
footer .justify-items-center { justify-items: center !important; }
footer .flex-wrap { flex-wrap: wrap; }
footer .flex-col { flex-direction: column !important; }
/* Footer spacing utilities */
footer .mt-40 { margin-top: 40px; !important }
footer .mt-20 { margin-top: 20px; }
footer .mb-20 { margin-bottom: 20px; }

@media (min-width: 992px) {
	footer .col-lg-4 {
		flex: 0 0 auto !important;
		width: 22.2222% !important;
	}
	footer .col-lg-6 {
		flex: 0 0 auto !important;
		width: 33.3333% !important;
	}
	footer .col-lg-7 {
		flex: 0 0 auto !important;
		width: 38.8889% !important;
	}
	footer .col-lg-8 {
		flex: 0 0 auto !important;
		width: 44.4444% !important;
	}
	footer .col-lg-9 {
		flex: 0 0 auto !important;
		width: 50% !important;
	}
	footer .col-lg-10 {
		flex: 0 0 auto !important;
		width: 55.5556% !important;
	}
	footer .col-lg-11 {
		flex: 0 0 auto !important;
		width: 61.1111% !important;
	}
	footer .col-lg-12 {
		flex: 0 0 auto !important;
		width: 66.6667% !important;
	}
	footer .col-lg-13 {
		flex: 0 0 auto !important;
		width: 72.2222% !important;
	}
	footer .offset-lg-1 {
		margin-left: 5.5556% !important;
	}
	footer .order-lg-first { order: -1 !important; }
	footer .order-lg-last { order: 9999 !important; }
	footer .mt-lg-0 { margin-top: 0 !important; }
	footer .mb-lg-0 { margin-bottom: 0 !important; }
	footer .justify-lg-content-end { justify-content: flex-end !important; }
	footer .justify-lg-items-start { justify-items: flex-start !important; }
	footer .text-lg-left { text-align: left !important; }
	footer .flex-lg-row { flex-direction: row !important; }
}

/* ==============================
   Footer Component Styles
   ============================== */

footer a {
	color: #fff;
}

footer p a {
	text-decoration: underline;
	text-underline-position: under;
}

footer li {
	line-height: 1.6em;
	list-style: none;
}

/* Row 1: Logo & Social */
footer .footer-logo img {
	max-width: 245px;
	max-height: 50px;
	object-fit: contain;
	height: auto;
	display: block;
}

footer .footer-social-menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 20px;
	align-items: center;
	margin-left: 20px;
}

footer .footer-social-menu li a img {
	max-width: 20px;
	max-height: 20px;
	object-fit: contain;
	display: block;
	transition: opacity 0.2s ease;
}

footer .footer-social-menu li a:hover img {
	opacity: 0.8;
}

/* Row 2 Left: Iframe, Verified, Address, Contact */
footer .footer-iframe-embed {
	margin-bottom: 1.5rem;
	width: 140px;
	min-height: 55px;
	max-height: 100px;
	height: fit-content;
}

footer .footer-iframe-embed iframe {
	max-width: 100%;
}

footer .footer-verified {
	display: flex;
	gap: 5px;
	margin-bottom: 1.5rem;
	flex-flow: column;
}

footer .footer-verified img {
	max-width: 140px;
	max-height: 140px;
	object-fit: contain;
	height: auto;
	display: block;
}

footer .footer-address {
	margin-bottom: 1.5rem;
}

footer .footer-verified span,
footer .h5,
footer .footer-contact span,
footer .footer-as-seen-on__title{
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	line-height: 1;
	margin-bottom: 0 !important;
	font-size: 0.7rem !important;
	opacity: 1;
	color: #a8a8ba;
}

footer .footer-contact span p{
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.2;
	margin-bottom: 0 !important;
	margin-top: 5px;
}

footer .footer-contact span p strong{
	color: #fff;
}

footer .footer-contact p,
footer .footer-address p,
footer .footer-address li {
	line-height: 1.6;
	font-size: 0.875rem;
	font-weight: normal;
}

footer .footer-contact {
	margin-bottom: 0;
}

footer .footer-contact p {
	font-size: 0.875rem;
	line-height: 1.6;
}

footer .footer-contact a {
	color: #fff;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

footer .footer-contact a:hover {
	transition: opacity 0.1s ease;
	opacity: 0.8;
}

/* Row 2 Right: Menus */

footer .footer-menu-group {
	display: flex;
	gap: 20px;
	flex: 1 1 auto;
	min-width: 0;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	padding: 20px;
}

footer .border-bottom{
	position: relative;
	padding-bottom: 30px;
}

footer .border-bottom:after {
	content: '';
	height: 1px;
	width: calc(100% - calc(3rem * .5));
	position: absolute;
	bottom: 0;
	left: calc(1.5rem * .5);
	right: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer .footer-menu-column {
	flex: 1 1 0;
	min-width: 0;
}

footer .footer-menu-column ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .footer-menu-column ul li {
	margin-top: 0.75rem;
}

footer .footer-menu-column ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 0.875rem;
	transition: opacity 0.2s ease;
}

footer .footer-menu-column ul li a:hover {
	transition: opacity 0.1s ease;
	opacity: 0.8;
}

/* Row 3: As Seen On */
footer .footer-as-seen-on {
	text-align: center;
}

footer .footer-as-seen-on__title{
	margin-bottom: 15px !important;
}

footer .footer-as-seen-on__images {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.5rem;
}

footer .footer-as-seen-on__images a img,
footer .footer-as-seen-on__images img {
	max-height: 55px;
	max-width: 110px;
	filter: brightness(0) invert(1);
	width: auto;
	display: block;
	object-fit: contain;
	transition: opacity 0.2s ease;
}

footer .footer-as-seen-on__images a:hover img {
	opacity: 0.8;
}

/* Row 4 Left: Legal & Awards */
footer .footer-legal {
	margin-bottom: 1.5rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	padding: 20px;
}

footer .footer-legal__images {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-bottom: 1rem;
}

footer .footer-legal__images a img,
footer .footer-legal__images img {
	max-height: 30px;
	max-width: 160px;
	width: auto;
	display: block;
	object-fit: contain;
}

footer .footer-legal__text {
	font-size: 0.8rem;
	line-height: 1.5;
	color: #b0b0c0;
}

footer .footer-awards {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	margin-top: 20px;
}

footer .footer-awards a img,
footer .footer-awards img {
	max-height: 50px;
	max-width: 250px;
	width: auto;
	display: block;
	object-fit: contain;
}

footer .legal-awards-container{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: -webkit-fill-available;
	height: 100%;
}

/* Row 5: Affiliate Disclosure */
footer .footer-affiliate-disclosure {
	font-size: 10px;
	letter-spacing: 0.02em;
	line-height: 1.5;
	color: #b0b0c0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding: 1.5rem 0;
}

footer .footer-affiliate-disclosure p {
	margin-bottom: 0.5rem;
}

footer .footer-affiliate-disclosure p:last-child {
	margin-bottom: 0;
}

footer .footer-affiliate-disclosure a {
	color: #76E48B;
	text-decoration: underline;
	text-underline-position: under;
}

footer .footer-wpforms{
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	padding: 20px;
}

footer .footer-wpforms .wpforms-container {
	margin: 0 !important;
}

footer .footer-wpforms .wpforms-container .wpforms-field.wpforms-field-email {
	display: flex;
	flex-direction: column;
	padding: 0 0 10px 0;
}

footer .footer-wpforms .wpforms-container .wpforms-field.wpforms-field-email .wpforms-field-label {
	margin: 0;
	font-size: 1.2rem;
}

footer .footer-wpforms .wpforms-container .wpforms-field.wpforms-field-email input[type=email] {
	order: 2;
}

footer .footer-wpforms .wpforms-container .wpforms-field-container .wpforms-field-checkbox {
	padding:5px 0;
}

footer .footer-wpforms .wpforms-container .wpforms-field.wpforms-field-email .wpforms-field-description {
	order: 1;
	padding: 10px 0 15px 0;
	margin: 0;
}

footer .footer-wpforms .wpforms-container .wpforms-submit-container {
	display: flex;
	justify-content: end;
}

footer .footer-wpforms .wpforms-container .wpforms-required-label {
	visibility: hidden;
}

footer .footer-wpforms .wpforms-container .wpforms-submit-container button[type=submit] {
	height: fit-content;
	line-height: 1;
	font-size: 12px;
	padding: 10px 20px;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
}

footer div.wpforms-container-full input[type=checkbox]:checked:after{
	border-left: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
}

footer .footer-wpforms .wpforms-container .wpforms-field-label-inline {
	line-height: 18px !important;
	font-size: 10px;
}

/* Row 6: Copyright, Security, Quick Links */
footer .footer-copyright {
	font-size: 0.8rem;
	color: #b0b0c0;
}

footer .footer-security-images {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	margin-top: 0.75rem;
}

footer .footer-security-images a img,
footer .footer-security-images img {
	max-height: 30px;
	max-width: 100px;
	width: auto;
	display: block;
	object-fit: contain;
}

footer .footer-quick-links {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 1rem;
	align-items: center;
}

footer .footer-quick-links li a {
	color: #b0b0c0;
	font-size: 0.8rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

footer .footer-quick-links li a:hover {
	color: #fff;
}

.max-h-fit{
	max-height: fit-content;
}

/* Footer Mobile */
@media (max-width: 991px) {
	footer .col {
		flex: 0 0 auto;
		width: 100%;
	}

	footer .footer-inner {
		width: 90%;
	}

	footer .footer-menu-group {
		gap: 15px;
	}

	footer .footer-iframe-embed {
		width: 190px;
	}

	footer .footer-as-seen-on__images {
		gap: 1.5rem;
	}

	footer .footer-quick-links {
		justify-content: center;
	}

	footer .footer-social-menu {
		justify-content: center;
		margin-left: 0;
		margin-top: 5px;
	}

	footer .footer-logo {
		text-align: center;
	}

	footer .footer-logo img {
		margin: 0 auto;
	}
}

/*footer .row .col .row .col{*/
/*	padding-left: 0;*/
/*	padding-right: 0;*/
/*}*/

footer .row .col .row{
	margin-right: calc(-.5 * 1.5rem);
	margin-left: calc(-.5 * 1.5rem);
}

@media (max-width: 768px) {
	footer .footer-iframe-embed {
		width: 160px;
		max-height: 90px;
	}

	footer .row .col .row .col{
		padding-left: 0;
		padding-right: 0;
	}

	footer .footer-legal__images {
		row-gap: 10px;
		column-gap: 20px;
	}

	footer .footer-legal__images a img, footer .footer-legal__images img {
		max-height: 24px;
		max-width: 150px;
		object-fit: contain;
	}

	footer .footer-as-seen-on__images a img, footer .footer-as-seen-on__images img {
		max-height: 20px;
		max-width: 100px;
	}

	footer .footer-security-images img {
		max-width: 80px;
	}
}

/* ========================================
   HTML Sitemap
   ======================================== */
.sitemap-categories {
    columns: 2;
    column-gap: 16px;
}

.sitemap-category-group {
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 16px;
    break-inside: avoid;
}

.sitemap-category-group h3 {
	margin-top: 0;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0.75rem;
}

.sitemap-category-group h3 a{
	text-decoration: none;
	transition: opacity 0.1s ease;
}

.sitemap-list {
    list-style: none;
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
	margin: 0 !important;
}

.sitemap-list--nested {
    padding-left: 1.25rem !important;
    padding-inline-start: 1.25rem !important;
    margin-top: 0.25rem;
    margin-bottom: 0 !important;
}

.sitemap-category-group ul.sitemap-list:first-of-type{
	margin-left: 0!important;
}

.sitemap-list li {
    padding: 0.3rem 0 0 !important;
}

/*.sitemap-list--nested li{*/
/*	padding:0!important;*/
/*}*/

.sitemap-list:not(.sitemap-list--nested) > li:first-child {
	padding-top: 0 !important;
}

.sitemap-list li > a {
    display: block;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #e8e8e8;
    text-decoration: none;
    position: relative;
	transition: opacity 0.1s ease;
}


.sitemap-category-group h3 a:hover,
#content-page .sitemap-list a:hover {
	opacity: 0.85;
}

.sitemap-list li > a:hover::after {
    width: 100%;
}

@media (max-width: 768px) {
    .sitemap-categories {
        columns: 1;
    }
}

/* ============================================================
   UNIFIED MOBILE NAV — SLIDE PANEL SYSTEM
   Single-HTML menu: desktop uses existing CSS hover dropdowns,
   mobile uses slide panels toggled by .is-open classes.
   All rules scoped to max-width: 1500px so desktop is untouched.
   ============================================================ */

/* Hide mobile-only walker elements on desktop */
li.menu-item-besok {
	display: none !important;
}

/* Hide mobile header overlay on desktop (also covered by min-width:1501px rule) */
#mobile-header-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #222259;
	z-index: 1100;
}

/* Overlay: back button (hidden until a sub-panel is open) */
.overlay-back {
	display: none;
	color: #fff;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
	align-items: center;
	line-height: 0;
}

.overlay-back svg {
	width: 15px;
	height: 26px;
	stroke: currentColor;
}

/* Overlay: panel title (empty until a sub-panel is open) */
.overlay-title {
	color: #fff;
	font-size: 1.1rem;
	font-weight: 600;
	flex: 1;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Overlay: close button */
.nav-close-btn {
	color: #fff;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
}

.nav-close-btn svg {
	width: 35px;
	height: 35px;
}

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

	/* ---- Root panel: #main-menu as mobile drawer ---- */
	#main-menu.is-open {
		display: block !important;
		position: fixed;
		top: 80px;
		left: 0;
		width: 100%;
		height: calc(100% - 80px);
		background-color: #222259;
		background-image: url("https://bestenyecasino.com/wp-content/themes/Kongebonus-Theme/images/embossed-kongebonus-logo.webp");
		background-size: clamp(230px, 60%, 300px);
		background-position: center bottom calc(5vh + 100px);
		background-repeat: no-repeat;
		z-index: 1000;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0 25px 10vh;
		list-style: none;
		margin: 0;
	}

	/* Logged-in offset for root panel */
	body.logged-in.admin-bar #main-menu.is-open {
		top: calc(80px + 32px);
		height: calc(100% - 80px - 32px);
	}

	/* ---- Every sub-menu becomes a full-screen slide panel ---- */
	/* Uses left (not transform) for slide animation so that nested
	   panels stay viewport-fixed and scroll independently. */
	#main-menu.is-open .sub-menu {
		position: fixed !important;
		top: 80px !important;
		left: 100% !important;
		width: 100% !important;
		height: calc(100% - 80px) !important;
		min-height: 0 !important;
		max-height: none !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 25px 10vh !important;
		background-color: #222259 !important;
		background-image: url("https://bestenyecasino.com/wp-content/themes/Kongebonus-Theme/images/embossed-kongebonus-logo.webp");
		background-size: clamp(230px, 60%, 300px);
		background-position: center bottom calc(5vh + 26px);
		background-repeat: no-repeat;
		z-index: 1010 !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		list-style: none;

		/* Cancel desktop hover transforms */
		opacity: 1 !important;
		transform: none !important;
		transform-origin: unset !important;
		transition: left 0.3s ease, visibility 0s linear 0.3s !important;

		/* Keep in DOM but off-screen */
		display: block !important;
		visibility: hidden;
		pointer-events: none;
	}

	/* Open state — slide in from right */
	#main-menu.is-open .sub-menu.is-open {
		left: 0 !important;
		visibility: visible;
		pointer-events: auto;
		transition: left 0.3s ease, visibility 0s linear 0s !important;
	}

	/* Z-index stacking for nested depth */
	#main-menu.is-open .sub-menu .sub-menu {
		z-index: 1020 !important;
	}
	#main-menu.is-open .sub-menu .sub-menu .sub-menu {
		z-index: 1030 !important;
	}
	#main-menu.is-open .sub-menu .sub-menu .sub-menu .sub-menu {
		z-index: 1040 !important;
	}

	/* Logged-in offset for ALL sub-panels */
	body.logged-in.admin-bar #main-menu.is-open .sub-menu {
		top: calc(80px + 32px) !important;
		height: calc(100% - 80px - 32px) !important;
	}

	/* ---- Besøk [Parent] link ---- */
	li.menu-item-besok {
		display: list-item !important;
		list-style: none;
	}

	li.menu-item-besok a {
		text-decoration: underline !important;
		text-underline-offset: 5px;
		color: #fff;
		padding: 10px;
		display: block;
		font-size: 14px;
		font-weight: 600;
		line-height: 23px;
		margin-left: 10px;
	}

	/* ---- Menu items in mobile drawer ---- */
	#main-menu.is-open > li,
	#main-menu.is-open .sub-menu .menu-item {
		display: block;
		width: 100% !important;
		list-style: none;
	}

	/* Remove desktop nested indent on mobile */
	#main-menu.is-open li li {
		padding-left: 0 !important;
	}

	#main-menu.is-open li a {
		color: #fff !important;
		padding: 10px !important;
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		font-size: 14px;
		text-decoration: none;
		font-weight: 600;
		line-height: 23px;
		position: relative;
		margin-left: 10px;
		width: calc(100% - 10px);
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	}

	/* Dropdown chevron: show and point right on mobile */
	#main-menu.is-open .menu-dropdown-icon {
		display: inline-block !important;
		transform: rotate(-90deg);
		flex-shrink: 0;
		margin-left: 8px;
		width: 16px;
		height: 16px;
		stroke: currentColor;
	}

	/* Suppress desktop CSS triangle arrows on sub-menu items */
	#main-menu.is-open .sub-menu .menu-item.menu-item-has-children::after,
	#main-menu.is-open .sub-menu .menu-item.menu-item-has-children:hover::after {
		display: none !important;
	}

	/* ---- Mobile header overlay (back + title + close) ---- */
	#mobile-header-overlay.is-open {
		display: flex;
		align-items: center;
		padding: 0 20px;
	}

	/* When a sub-panel is open, show back button */
	#mobile-header-overlay.has-panel .overlay-back {
		display: flex;
	}

	body.logged-in.admin-bar #mobile-header-overlay.is-open {
		top: 32px;
	}

	/* ---- Menu icon images on mobile ---- */
	#main-menu.is-open .menu-icon {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		width: 20px;
		height: auto;
		margin-left: 10px;
	}

	#main-menu.is-open .menu-icon img {
		position: static !important;
		width: 20px;
		height: 20px;
		object-fit: contain;
		vertical-align: middle;
	}

	/* When a li has an icon, make it flex so icon + link sit in one row */
	#main-menu.is-open li:has(> .menu-icon) {
		display: flex !important;
		align-items: stretch;
	}

	#main-menu.is-open li:has(> .menu-icon) > a {
		margin-left: 0;
		flex: 1;
		min-width: 0;
	}
}

/* 782px: WP admin bar collapses from 32px to 46px */
@media screen and (max-width: 782px) {
	body.logged-in.admin-bar #main-menu.is-open {
		top: calc(80px + 46px);
		height: calc(100% - 80px - 46px);
	}

	body.logged-in.admin-bar #main-menu.is-open .sub-menu {
		top: calc(80px + 46px) !important;
		height: calc(100% - 80px - 46px) !important;
	}

	body.logged-in.admin-bar #mobile-header-overlay.is-open {
		top: 46px;
	}
}
.buttonwpf-calc-form {
	display: none;
}
.wpform-title, 
.wpform-title .wpforms-field-medium.wpforms-field-row,
.wpforms-field.wpforms-field-content.wpform-title .wpforms-field-medium.wpforms-field-row{
	background: transparent !important;
	padding: 0 !important;
}

.dark-text-input input,
.dark-text-input select{
	color: black !important;
}

.world-cup #content-page .wp-block-columns{
	margin-bottom: 0!important;
}

/* Anchor offset for fixed nav (80px) — affects scroll position only, not layout */
#faq,
.faq-section {
	scroll-margin-top: 96px;
}

body.logged-in.admin-bar #faq,
body.logged-in.admin-bar .faq-section {
	scroll-margin-top: 128px;
}

@media (max-width: 782px) {
	body.logged-in.admin-bar #faq,
	body.logged-in.admin-bar .faq-section {
		scroll-margin-top: 142px;
	}
}

/* ── Text-shadow utility classes ── */
.text-shadow-black {
	text-shadow: 0px 0px 10px rgb(0 0 0);
}

.text-shadow-white {
	text-shadow: 0px 0px 10px rgb(255 255 255);
}

.page-template-complaints div.wpforms-container-full input[type=submit]:focus:after, div.wpforms-container-full button[type=submit]:focus:after, div.wpforms-container-full .wpforms-page-button:focus:after, .wp-core-ui div.wpforms-container-full input[type=submit]:focus:after, .wp-core-ui div.wpforms-container-full button[type=submit]:focus:after, .wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after{
	content: '';
	border: none;
	display: none;
}

.page-template-complaints .wpforms-error.mailcheck-error *{
	color: #D63637!important;
}

.page-template-complaints .wpforms-field-medium:not(.contact-us-form .wpforms-field-medium){
	background-color: #47496b!important;
}

.page-template-complaints div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector[data-allow-page-navigation="1"] .wpforms-page-indicator-page:not(.active):not(.wpforms-disabled):hover .wpforms-page-indicator-page-number {
	background: #fff;
	border-color: #fff;
	transition: all 300ms ease;
}

.page-template-complaints .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page:first-of-type .wpforms-page-indicator-page-number{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.page-template-complaints .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page:last-of-type .wpforms-page-indicator-page-number{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.page-template-complaints .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{
	display: none;
}

.page-template-complaints .wpforms-confirmation-container-full{
	background-color: transparent;
	border: none;
}

.page-template-complaints div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{
	color: #fff;
}

.page-template-complaints div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) a{
	color: #5aed90;
}

.page-template-complaints div.wpforms-container-full select,
.page-template-complaints div.wpforms-container-full input[type=text],
.page-template-complaints div.wpforms-container-full select>option.placeholder,
.page-template-complaints div.wpforms-container-full select>option[disabled]{
	color:#fff!important;
}
/* The dropdown popup is painted by the OS, not by the page, and the two big
   platforms disagree about what sits behind it. macOS paints it from the
   select's own dark background, so white option text reads fine. Windows paints
   it on the system's LIGHT background but still honours author colours on
   <option> — so the white text inherited from the select above lands on white
   and the whole list looks empty (reported on Windows; browser-independent).
   Two defences, because neither covers every engine on its own:
     1. color-scheme asks for a native dark popup (Chromium 81+, Firefox 96+).
     2. an explicit option background for engines that ignore that but do honour
        author styling on options.
   Don't "simplify" by darkening the option TEXT instead: the same <option> is
   also what the closed field displays, and dark text there would vanish against
   the dark field. */
.page-template-complaints div.wpforms-container-full select{
	color-scheme: dark;
}
.page-template-complaints div.wpforms-container-full select>option{
	background-color:#47496b; /* matches the closed field */
	color:#fff;
}

.page-template-complaints div.wpforms-container-full input[type=text]::placeholder{
	color: #c0c0d0!important;
}

.page-template-complaints div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
	background-color: transparent;
	border: none;
}

/* ============================================================
   Contributor Profiles ("Friends of Kongebonus" / Bransjeprofiler)
   CPT: bransjeprofil. Reuses .author header + two-column CSS via the
   .author wrapper; the rules below cover the contributor-specific parts.
   Docs: docs/contributor-profiles-feature.md
   ============================================================ */

/* --- Header --- */
/* Breadcrumb sits inside the dark header — no separate darker strip; let the
   header background (#222259) show through. #breadcrumbs keeps its own
   90%/1200 wrapper so it aligns with the header inner row. */
.kb-contributor__breadcrumb {
	background: transparent;
	margin: 0;
	padding: 0;
}

.kb-contributor__breadcrumb #breadcrumbs {
	padding: 0 0 var(--ap-space-md);
}

.kb-contributor .author-page-header__name {
	font-size: 2.1rem;
	line-height: 1.15;
}

.kb-contributor__role {
	color: #76E48B !important;
	font-weight: 600;
	font-size: 1.05rem;
	margin: var(--ap-space-xs) 0 var(--ap-space-sm);
}

/* Green "Bransjeprofil" badge (overrides the generic verified pill) */
.kb-contributor__badge {
	background: rgba(118, 228, 139, 0.15) !important;
	color: #76E48B !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.75rem;
}

.kb-contributor__badge-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #5aed90;
	display: inline-block;
}

.kb-contributor__intro {
	color: #d7d5e6 !important;
	max-width: 720px;
}

.kb-contributor__intro p {
	color: #d7d5e6 !important;
}

/* --- Mentions ("Intervjuer og omtaler") --- */
.kb-mentions {
	padding: var(--ap-space-xl) 0 0;
}

.kb-mentions .author-content {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

.kb-mentions__title {
	font-size: 1.6rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
	color: #1E214D;
	margin: 0 0 var(--ap-space-lg);
}

.kb-mentions__wrap {
	position: relative;
}

/* 1–3 mentions: static 3-up grid */
.kb-mentions__wrap--static .kb-mentions__track {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--ap-space-lg);
}

/* 4+ mentions: horizontal scroll slider */
.kb-mentions__wrap--slider .kb-mentions__track {
	display: flex;
	gap: var(--ap-space-lg);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: var(--ap-space-xs);
}

.kb-mentions__wrap--slider .kb-mentions__track::-webkit-scrollbar {
	display: none;
}

.kb-mentions__wrap--slider .kb-mentions__card {
	flex: 0 0 320px;
	max-width: 320px;
	scroll-snap-align: start;
}

.kb-mentions__card {
	display: block;
	background: #ffffff;
	border: 1px solid #ececf2;
	border-radius: 12px;
	overflow: hidden;
	text-decoration: none !important;
	box-shadow: 0 1px 3px rgba(10, 10, 30, 0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kb-mentions__card:hover {
	box-shadow: 0 0 5px 2px rgba(10, 10, 30, 0.12);
}

.kb-mentions__thumb {
	aspect-ratio: 350 / 200;
	background: #f0f0f4;
	overflow: hidden;
}

.kb-mentions__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.kb-mentions__body {
	padding: var(--ap-space-md);
}

.kb-mentions__card-title {
	font-size: 1.1rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
	line-height: 1.3;
	color: #1E214D !important;
	margin: 0 0 var(--ap-space-md);
}

.kb-mentions__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ap-space-sm) var(--ap-space-md);
	font-size: 0.72rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #777;
}

.kb-mentions__author {
	font-weight: 600;
}

/* Slider arrows — mirrors the .block__arrow convention */
.kb-mentions__arrow {
	position: absolute;
	top: 38%;
	transform: translateY(-50%);
	z-index: 10;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: none;
	background-color: #1E214D;
	color: #ffffff;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.kb-mentions__arrow:hover {
	background-color: #171a3d;
}

.kb-mentions__arrow--left {
	left: -10px;
}

.kb-mentions__arrow--right {
	right: -10px;
}

/* Drag-to-scroll affordance (mouse) — added by JS when the track overflows */
.kb-mentions__track--draggable {
	cursor: grab;
}

.kb-mentions__track--draggable.is-dragging {
	cursor: grabbing;
}

.kb-mentions__track.is-dragging {
	scroll-snap-type: none;
	user-select: none;
}

.kb-mentions__card img {
	-webkit-user-drag: none;
}

/* --- Sidebar: Temaer + Eksterne lenker --- */
.kb-contributor-topics,
.kb-contributor-links {
	background: #f5f5f5;
	border-radius: 12px;
	padding: var(--ap-space-lg);
	margin-bottom: var(--ap-space-lg);
}

.kb-contributor-topics__title,
.kb-contributor-links__title {
	font-size: 1.2rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
	color: #1E214D !important;
	margin: 0 0 var(--ap-space-md);
}

.kb-contributor-topics__tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ap-space-sm);
}

.kb-contributor-topics__tag {
	display: inline-flex;
	align-items: center;
	background: #ffffff;
	border: 1px solid #e2e2ea;
	color: #1E214D;
	border-radius: 6px;
	padding: 0.4rem 0.75rem;
	font-size: 0.85rem;
	line-height: 1.2;
}

.kb-contributor-links__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--ap-space-sm);
}

.kb-contributor-links__list a {
	display: flex;
	align-items: center;
	gap: var(--ap-space-sm);
	color: #1E214D !important;
	text-decoration: none;
	font-size: 0.95rem;
	transition: color 0.2s ease;
}

.kb-contributor-links__list a:hover {
	color: #2cb55e !important;
}

.kb-contributor-links__list i {
	width: 20px;
	text-align: center;
	color: #2cb55e;
}

/* --- Main: perspective label + attribution --- */
.kb-contributor__perspective-label {
	font-size: 0.8rem !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.kb-contributor__perspective-attr {
	margin: var(--ap-space-md) 0 0;
	font-size: 0.9rem;
	color: #555;
}

/* --- Main: disclosure box --- */
.kb-contributor__disclosure {
	background: #f5f5f5;
	border-radius: 12px;
	padding: var(--ap-space-lg) var(--ap-space-xl);
	margin-top: var(--ap-space-xl);
}

.kb-contributor__disclosure-text p,
.kb-contributor__disclosure-text li {
	color: #555 !important;
	font-size: 0.95rem;
	line-height: 1.6;
	margin: 0 0 var(--ap-space-sm);
}

.kb-contributor__disclosure-text p:last-child,
.kb-contributor__disclosure-text ul:last-child,
.kb-contributor__disclosure-text ol:last-child {
	margin-bottom: 0;
}

.kb-contributor__disclosure-text ul,
.kb-contributor__disclosure-text ol {
	margin: 0 0 var(--ap-space-sm);
	padding-left: 1.25rem;
}

.kb-contributor__disclosure-text li {
	margin-bottom: var(--ap-space-xs);
}

.kb-contributor__disclosure-text strong,
.kb-contributor__disclosure-text b {
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
}

.kb-contributor__disclosure-text a {
	color: #1E214D;
	text-decoration: underline;
}

.kb-contributor__disclosure-text h3,
.kb-contributor__disclosure-text h4,
.kb-contributor__disclosure-text h5 {
	font-weight: 600;
	padding: 0 !important;
	color: #1E214D !important;
	font-size: 1.15rem !important;
	margin: 1rem 0 0.25rem !important;
}

.kb-contributor__disclosure-text h4 {
	font-size: 1.05rem !important;
}

.kb-contributor__disclosure-text h5 {
	font-size: 1rem !important;
}

/* --- Archive grid --- */
.kb-contributors-archive__inner {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 2rem 0 3rem;
}

.kb-contributors-archive__heading {
	font-size: 2rem;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif;
	letter-spacing: 0.05rem;
	color: #1E214D;
	margin: 0 0 0.5rem;
}

.kb-contributors-archive__intro {
	color: #555;
	max-width: 640px;
	margin: 0 0 2rem;
}

.kb-contributors-archive p {
	font-size: 1rem;
	line-height: 1.7em;
	font-family: Inter, Helvetica, Arial, Lucida, sans-serif;
	padding-bottom: 1em;
}

.kb-contributors-archive h2 {
	font-size: 2rem;
	font-family: "Basier Bold", Helvetica, Arial, Lucida, sans-serif;
	margin: 0 0 0.5rem;
	padding-top: 1.3em;
	padding-bottom: 10px;
	line-height: 1.2;
	font-weight: normal;
	letter-spacing: 0.05rem;
}

.kb-contributors-archive__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

.kb-contributor-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: #f5f5f5;
	border: 1px solid #ececf2;
	border-radius: 12px;
	padding: 1.5rem;
	text-decoration: none !important;
	box-shadow: 0 1px 3px rgba(10, 10, 30, 0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kb-contributor-card:hover {
	box-shadow: 0 0 20px 0 rgba(10, 10, 30, 0.12);
}

.kb-contributor-card__photo img {
	width: 96px;
	height: 96px;
	border-radius: 9999px;
	object-fit: cover;
	margin-bottom: 1rem;
}

.kb-contributor-card__name {
	font-size: 1.15rem!important;
	font-family: 'Basier Bold', Helvetica, Arial, Lucida, sans-serif!important;
	letter-spacing: 0.05rem!important;
	line-height: 1 !important;
	color: #1E214D !important;
	margin: 0 0 0.25rem!important;
	padding: 0 !important;
}

.kb-contributor-card__role {
	font-size: 0.85rem!important;
	color: #4f4f4f!important;
	margin: 0 0 0.75rem!important;
	padding: 0 !important;
}

.kb-contributor-card__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(118, 228, 139, 0.15);
	color: #003814;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 22px;
	font-size: 0.7rem;
	border-radius: 100px;
	padding: 0.3rem 0.7rem;
	margin-top: auto;
}

/* --- Responsive --- */
@media (max-width: 1025px) {
	.kb-contributors-archive__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Contributor header mirrors the author-page mobile layout: photo left,
   name + socials beside it, tagline under the name. Trimmed grid-areas drop
   the author-only rows (expertise) so there is no trailing empty gap. */
@media (max-width: 768px) {
	.author.kb-contributor .author-page-header__inner {
		grid-template-areas:
			"left      name      socials"
			"left      tagline   tagline"
			"verified  verified  verified"
			"bio       bio       bio"
			"readmore  readmore  readmore";
	}

	/* A touch smaller than an author's name — the contributor title is longer. */
	.author.kb-contributor .author-page-header__name {
		font-size: 1.4rem !important;
	}

	/* Top-align the top-row items (photo / name / socials) instead of centering. */
	.author.kb-contributor .author-page-header__photo,
	.author.kb-contributor .author-page-header__socials,
	.author.kb-contributor .author-page-header__name {
		align-self: start;
	}
}

@media (max-width: 767px) {
	/* Mentions: swipeable horizontal slider on mobile (both static & slider variants) */
	.kb-mentions__wrap--static .kb-mentions__track,
	.kb-mentions__wrap--slider .kb-mentions__track {
		display: flex;
		gap: var(--ap-space-md);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		-ms-overflow-style: none;
		padding-bottom: var(--ap-space-xs);
	}

	.kb-mentions__wrap--static .kb-mentions__track::-webkit-scrollbar,
	.kb-mentions__wrap--slider .kb-mentions__track::-webkit-scrollbar {
		display: none;
	}

	.kb-mentions__wrap--static .kb-mentions__card,
	.kb-mentions__wrap--slider .kb-mentions__card {
		flex: 0 0 80%;
		max-width: 80%;
		scroll-snap-align: start;
	}

	.kb-contributors-archive__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.kb-contributors-archive__grid {
		grid-template-columns: 1fr;
	}
}

/* --- Refinements: consistent light theme + uniform spacing --- */

/* Om heading: dark navy to match the mock-up (not the author-page green). */
.kb-contributor__about .author-bg-section__title,
.kb-contributor__disclosure-title {
	color: #1E214D !important;
	font-size: 1.4rem !important;
	margin: 0 0 var(--ap-space-md) !important;
}

/* Om body: full article typography — paragraph spacing, links, lists. */
.kb-contributor__about-content p {
	color: #414141;
	font-size: 0.95rem;
	line-height: 1.7;
	margin: 0 0 var(--ap-space-md);
}

.kb-contributor__about-content p:last-child {
	margin-bottom: 0;
}

.kb-contributor__about-content a {
	color: #2cb55e;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.kb-contributor__about-content a:hover {
	color: #23904b;
}

.kb-contributor__about-content ul,
.kb-contributor__about-content ol {
	color: #414141;
	font-size: 0.95rem;
	line-height: 1.7;
	margin: 0 0 var(--ap-space-md);
	padding-left: 1.25rem;
}

.kb-contributor__about-content li {
	margin-bottom: 0.35rem;
}

.kb-contributor__about-content li:last-child {
	margin-bottom: 0;
}

.kb-contributor__about-content h2,
.kb-contributor__about-content h3,
.kb-contributor__about-content h4 {
	color: #1E214D;
	line-height: 1.3;
	margin: var(--ap-space-lg) 0 var(--ap-space-sm);
}

.kb-contributor__about-content strong {
	color: #1E214D;
}

.kb-contributor__about-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

/* Profil card: light grey to match every other card on this page. */
.kb-contributor .author-profile-card {
	background: #f5f5f5;
}

.kb-contributor .author-profile-card__title {
	color: #1E214D !important;
	font-size: 1.2rem !important;
}

.kb-contributor .author-profile-card__item {
	border-bottom-color: #e2e2ea;
}

.kb-contributor .author-profile-card__label {
	color: #555 !important;
}

.kb-contributor .author-profile-card__value {
	color: #514765 !important;
}

/* Uniform vertical rhythm + aligned column tops. Every top-level card in
   each column shares one gap; the first card has no top margin so the "Om"
   and "Profil" headers line up, and the last card has no trailing gap. */
.kb-contributor .author-content__main > *,
.kb-contributor .author-content__sidebar > * {
	margin-top: 0;
	margin-bottom: var(--ap-space-xl);
}

.kb-contributor .author-content__main > *:last-child,
.kb-contributor .author-content__sidebar > *:last-child {
	margin-bottom: 0;
}