/*!
Theme Name: pikakasinotsuomi
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pikakasinotsuomi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background-color: #FFFFFF;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

.hidden {
	display: none !important;
}

/* Typography
--------------------------------------------- */
body,
input,
select,
optgroup,
textarea {
	color: #101010;
	font-family: 'Baloo 2', sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h2 {
	font-size: 32px;
	font-weight: 700;
	line-height: 51px;
	color: #000954;
}

h3 {
	font-size: 28px;
	font-weight: 600;
	line-height: 45px;
	margin-bottom: 18px;
	margin-top: 35px;
}

h4 {
	font-size: 24px;
	font-weight: 500;
	line-height: 38px;
	margin-bottom: 20px;
}

p {
	margin-bottom: 0.5em;
}

@media screen and (max-width: 800px) {
	h2 {
		font-size: 28px;
		line-height: 45px;
	}
	h3 {
		font-size: 24px;
		line-height: 38px;
	}
	h4 {
		font-size: 22px;
		line-height: 35px;
	}
}

/* Elements
--------------------------------------------- */
ul,
ol {
	margin: 0 0 1.5em 0em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}



/* Links
--------------------------------------------- */
a,
a:visited,
a:hover,
a:focus,
a:active {
	/* color: #056FD1; */
	color: #2A50D1;
}

a:focus,
a:hover,
a:active {
	outline: 0;
}

/* Navigation
--------------------------------------------- */
.main-navigation {
	flex-basis: auto;
	flex-shrink: 1;
	flex-grow: 0;
	display: flex;
	width: 100%;
	position: relative;
}

.main-navigation > div {
	display: flex;
	flex: 1 0 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	background-color: #000745;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	padding: 10px;
	gap: unset;
	justify-content: flex-start;
	flex-direction: column;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
	padding: 10px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-size: 18px;
}

.main-navigation ul ul li.has-casino-logo a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	min-width: 200px;
}

.main-navigation ul ul li.has-casino-logo a .menu-item-casino-logo img {
	display: block;
	max-width: 60px;
}

.main-navigation ul li.menu-item-has-children > a::after {
    content: "▼";        /* Unicode alaspäin nuoli */
    display: inline-block;
    margin-left: 5px;
    font-size: 0.6em;    /* pienempi nuoli */
    vertical-align: middle;
}

@media screen and (max-width: 800px) {
	.main-navigation ul li.menu-item-has-children > a::after {
		content: unset;
		display: unset;
		margin-left: unset;
		font-size: unset;
		vertical-align: unset;
	}
}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
	z-index: 9;
}

.menu-toggle {
	border: none;
	background: none;
	position: absolute;
	right: 23px;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	cursor: pointer;
}

.main-navigation.toggled ul {
	position: absolute;
    left: 0;
    top: 0px;
    background-color: #FFF;
    padding: 20px;
    width: 100%;
    box-shadow: 0px 5px 13px #888888;
}

@media screen and (min-width: 800px) {
	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		flex: 1 0 100%;
		flex-wrap: wrap;
		justify-content: end;
		row-gap: 1px;
    	column-gap: 30px;
		padding-right: 30px;
	}
}

@media screen and (max-width: 800px) {
	.main-navigation > div > ul > li > a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.main-navigation ul ul a {
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.main-navigation.toggled ul {
		position: absolute;
		left: 0;
		top: 10px;
		background-color: #FFF;
		padding: 20px;
		width: 100%;
		box-shadow: 0px 5px 13px #888888;
	}
	.main-navigation.toggled ul ul.sub-menu {
		position: unset;
		box-shadow: none;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.main-navigation.toggled ul li {
		padding-bottom: 5px;
	}

	.main-navigation.toggled a {
		color: #000000;
	}

}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.entry-header,
.entry-content,
.page-header,
.page-content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.page-content.search {
	margin-bottom: 50px;
}

.page-content.search article {
	display: flex;
	flex-direction: column;
	padding-top: 0;
}

.page-content.search article h2 {
	font-size: 20px;
	margin: 0;
}

.page-content.search article h2 a {
	color: #101010;
}

.page-content.search article .entry-summary p {
	margin-top: 0;
}

.page-content.search .navigation.posts-navigation {
	margin-top: 50px;
}

.page-content.search .navigation.posts-navigation a {
	color: #101010;
}

.page-content.search .navigation.posts-navigation .nav-links {
	display: flex;
	justify-content: space-between;
}

.entry-header h1.entry-title {
	margin-left: 80px;
	margin-right: 80px;
	font-size: 45px;
	font-weight: 700;
	line-height: 44px;
}

.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > p,
.entry-content > .wp-block-columns,
.entry-author,
.post-thumbnail,
.entry-content > ul,
.entry-content > ol {
	margin-left: 80px;
	margin-right: 80px;
}

.entry-content > .wp-block-image {
	margin-left: 80px;
	margin-right: 80px;
}

blockquote,
.entry-content .wp-block-quote {
	background-color: #78E7FF;
	border-radius: 20px;
	margin-left: 80px;
	margin-right: 80px;
	color: rgba(3, 12, 91, 0.8);
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 30px;
	background-image: url(img/blockquote-bg.webp);
	background-repeat: no-repeat;
	background-position: 30px center;
	padding-left: 100px;
	margin-top: 30px;
	margin-bottom: 30px;
}

blockquote a,
blockquote a:visited,
blockquote a:hover,
blockquote a:focus,
blockquote a:active
.entry-content .wp-block-quote a,
.entry-content .wp-block-quote a:visited,
.entry-content .wp-block-quote a:hover,
.entry-content .wp-block-quote a:focus,
.entry-content .wp-block-quote a:active {
	color: #0066CC;
}

.entry-author {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.post-thumbnail {
	margin-top: 30px;
}

.post-thumbnail img {
	border-radius: 20px;
}

@media screen and (max-width: 600px) {
	.entry-content .wp-block-quote {
		font-size: 16px;
		font-weight: 500;
		line-height: 28px;
		margin-left: 0;
		margin-right: 0;
		padding-right: 15px;
		padding-top: 2px;
		padding-bottom: 14px;
		padding-left: 55px;
		background-image: url(img/blockquote-bg-mobile.webp);
		background-position: 8px center;
	}
}

@media screen and (max-width: 1200px) {
	.entry-content > h2,
	.entry-content > h3,
	.entry-content > p,
	.entry-content > .wp-block-columns,
	.entry-content .wp-block-quote,
	.entry-content > .wp-block-image,
	.entry-header h1.entry-title,
	.post-thumbnail {
		margin-left: unset;
		margin-right: unset;
	}
	.entry-author {
		margin-left: 20px;
		margin-right: 20px;
	}
	ul,
	ol {
		margin: 0 0 1.5em 0;
		padding-left: 20px;
	}
	.frontpage-top {
		margin-left: unset !important;
		margin-right: unset !important;
	}
	
}

.site-header {
	background-color: #000745;
}

.header-container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	height: 100px;
	position: relative;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 1200px) {
	.entry-header,
	.entry-content,
	.page-header,
	.page-content,
	.header-container,
	.author-lower,
	.news-archive.authorpage {
		margin-left: 20px;
		margin-right: 20px;
	}
}


.content-wrapper {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.content-wrapper.col2 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.content-wrapper.col2 article {
	width: 72.5%;
	margin-right: 2.5%;
}

.content-wrapper.col2 aside {
	width: 25%;
	flex-shrink: 0;
	margin-top: 30px;
}

.content-wrapper.authorpage {
	margin-bottom: 60px;
}

article.type-page,
article.type-post,
article.type-casinos {
	padding-top: 55px;
}

.content-wrapper.sitemap article {
	padding-top: 0;
}

@media (max-width: 991.98px) {
	.content-wrapper.col2 {
		flex-direction: column;
	}

	.content-wrapper.col2 article {
		width: 100%;
		margin-right: 0;
	}

	.content-wrapper.col2 aside {
		width: 100%;
	}
}

.site-branding {
	flex-shrink: 0;
	flex-basis: 200px;
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	align-items: center;
}

.site-branding > a {
	display: block;
}

.site-branding > a img {
	display: block;
}

.header-search-container {
	flex-shrink: 0;
	position: relative;
}

.header-search-container .header-toggle-search {
	cursor: pointer;
}

.header-search-container > img {
	display: block;
}

.header-search-form {
	position: absolute;
	display: none;
	right: 46px;
  	top: 0px;
}

.search-form {
	background-color: #78E7FF;
	padding: 10px;
	display: flex;
	border-radius: 10px;
	width: fit-content;
}

.search-form > input {
	margin-left: 10px;
	background: #FFD95B;
	color: #000000;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.search-form .search-field {
	color: #000000;
}

@media screen and (max-width: 800px) {
	.header-search-container {
		display: none;
	}
	.header-container {
		flex-direction: column;
	}
	.site-branding {
		flex-direction: column;
		flex-basis: unset !important;
	}
}

.site-footer {
	background-color: #000745;
	color: #FFFFFF;
}

.footer-content,
.footer-info {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.footer-content {
	display: flex;
	justify-content: space-between;
	padding-top: 60px;
	padding-bottom: 50px;
	flex-wrap: wrap;
}

.footer-content .footer-col-1 p a {
	color: #7DE4FF;
}

.footer-content .socialmedia {
	display: flex;
	gap: 20px;
	padding-top: 10px;
	align-items: center;
}

.footer-content .footer-additional-title {
	color: #FFD95B;
	font-size: 20px;
	font-weight: 700;
	margin-top: 20px;
}

.footer-content .footer-additional-menu {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.footer-content .footer-additional-menu li {
	margin-top: 20px;
}

.footer-content .footer-additional-menu li a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer-content .footer-col-1 {
	flex-basis: 400px;
}

.footer-content .footer-col-1 p {
	line-height: 29px;
}

.footer-content .footer-header {
	color: #FFD95B;
	font-size: 20px;
	font-weight: 700;
}

.footer-content > div > div > div > ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.footer-content > div > div > div > ul li {
	margin-top: 20px;
}

.footer-content > div > div > div > ul li a,
.footer-content > div > div > div > ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.footer-menus {
	display: flex;
	margin-top: auto;
	flex-grow: 1;
	justify-content: space-evenly;
}

.site-footer-info {
	background-color: #000C77;
	color: #FFFFFF;
}

.footer-info {
	display: flex;
	justify-content: space-between;
	padding-top: 15px;
	padding-bottom: 15px;
}

.footer-info .site-info-left {
	font-size: 14px;
	display: flex;
	align-items: center;
	opacity: 0.5;
}

.footer-info .site-info-right {
	display: flex;
	gap: 15px;
	align-items: center;
}

.footer-info .site-info-right a {
	display: block;
	font-size: 14px;
	color: #FFFFFF;
}

.footer-info .site-info-right img {
	display: block;
}


@media screen and (max-width: 1200px) {
	.footer-content {
		margin-left: 20px;
		margin-right: 20px;
	}
	.footer-info {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 1000px) {
	.footer-content {
		flex-direction: column;
	}
	.footer-content .footer-col-1 {
		flex-basis: 100%;
  		text-align: center;
	}
	
	.footer-content .socialmedia {
		display: flex;
		gap: 20px;
		padding-top: 10px;
		padding-bottom: 20px;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 800px) {
	.footer-content .footer-menus {
		flex-direction: column;
  		align-items: center;
  		text-align: center;
	}
	.footer-info {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}

.site-main {
	overflow-x: clip;
}

.content-wrapper {
	position: relative;
}

.frontpage-top {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	margin-left: 80px;
	margin-right: 80px;
}

.frontpage-top-content {
	flex-basis: 680px;
}

.frontpage-top-content h1 {
	font-size: 54px;
	line-height: 54px;
	color: #2F3C90;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.frontpage-top-content h1 .frontpage-header-alt {
	color: #78E7FF;
}

.frontpage-top-content h2 {
	font-size: 45px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 20px;
}

.frontpage-top-content .frontpage-top-authorbox {
	border-radius: 20px;
	background-color: #0F40B1;
	padding: 15px 25px 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.frontpage-top-content .frontpage-top-author,
.frontpage-top-content .frontpage-top-author:hover,
.frontpage-top-content .frontpage-top-author:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.frontpage-top-content .frontpage-top-authorbox .lastupdate {
	font-size: 14px;
}

.frontpage-top-content .frontpage-top-author img {
	border: 4px solid #FFD95B;
	border-radius: 35px;
	margin-right: 15px;
}

.frontpage-top-content > p {
	font-size: 18px;
	font-weight: 600;
	margin-top: 30px;
}

.frontpage-top-content .frontpage-top-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #78E7FF;
	color: #000745;
	font-size: 20px;
	font-weight: 600;
	border-radius: 20px;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 30px;
	margin-top: 30px;
}

.frontpage-top-hero {
	flex-basis: 360px;
	margin-bottom: -157px;
}

.frontpage-top-hero img {
	display: block;
}

@media screen and (min-width: 800px) and (max-width: 1000px) {
	.frontpage-top-content h1 {
		margin-top: 0;
		font-size: 47px;
		line-height: 48px;
	}
}

@media screen and (max-width: 800px) {
	.frontpage-top {
		padding-top: 0;
	}

	.frontpage-top-content h1 {
		font-size: 40px;
		line-height: 40px;
		text-align: center;
	}

	.frontpage-top-content h2 {
		font-size: 32px;
		line-height: 44px;
		text-align: center;
	}
	.frontpage-top-content .frontpage-top-author img {
		width: 32px;
		height: 32px;
		margin-right: 5px;
	}
	.frontpage-top-content > p {
		font-size: 16px;
		text-align: center;
		line-height: 26px;
	}
	.frontpage-top-content .frontpage-top-authorbox .authorsname {
		font-size: 14px;
	}
	.frontpage-top-content .frontpage-top-authorbox .lastupdate {
		font-size: 12px;
	}
	.frontpage-top-content .frontpage-top-link {
		font-size: 18px;
	}
	.frontpage-top-hero {
		display: none;
	}
}

.entry-author .top-authorbox {
	border-radius: 20px;
	background-color: #0F40B1;
	padding: 6px 25px 6px 20px;
	display: flex;
	justify-content: space-between;
}

.entry-author .top-authorbox img {
	border: 4px solid #FFD95B;
	border-radius: 35px;
	margin-right: 15px;
}

.entry-author .top-authorbox  .top-author,
.entry-author .top-authorbox  .top-author:hover,
.entry-author .top-authorbox  .top-author:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.entry-author .top-lastupdate {
	color: rgba(0, 7, 70, 1);
	background: #ffffff;
	display: flex;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 21px;
}

.entry-author .top-lastupdate svg {
	margin-right: 10px;
}

@media screen and (max-width: 800px) {
	.entry-author {
		flex-direction: column;
	}
	.entry-author .top-authorbox {
		margin-bottom: 20px;
	}

}


.top-toc-container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background-color: #2A3AD1;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 7;
}

.top-toc-container .top-toc-header {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	cursor: pointer;
	color: #FFD95B;
}

.top-toc-container .top-toc-header svg {
	margin-left: 10px;
}

.top-toc-container .top-toc-header svg path {
	fill-opacity: 1;
}

.top-toc-container .top-toc-links {
	padding-top: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	display: flex;
	flex-direction: column;
	text-align: center;
	background-color: #000954;
	width: 100%;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.top-toc-container .top-toc-links a,
.top-toc-container .top-toc-links a:visited {
	color: #FFFFFF;
	font-size: 15px;
	margin-bottom: 4px;
}

@media screen and (max-width: 600px) {
	.top-toc-container .top-toc-links a,
	.top-toc-container .top-toc-links a:visited {
		color: #FFFFFF;
		font-size: 15px;
		margin-bottom: 10px;
	}
}


.author-content-section {
	background: rgba(255, 217, 91, 1);
	border-radius: 20px;
	display: flex;
	padding: 35px;
	margin-bottom: 50px;
	margin-top: 50px;
}

.author-content-section .author-img {
	margin-right: 35px;
	flex-shrink: 0;
}

.author-content-section .author-img a {
	display: block;
	outline: none;
}

.author-content-section .author-img img {
	width: 185px;
	border-radius: 95px;
	display: block;
	outline: none;
}

.author-content-section .author-content .author-content-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.author-content-section .author-content .author-content-header a,
.author-content-section .author-content .author-content-header span {
	color: rgba(0, 7, 69, 1);
	font-size: 24px;
	font-weight: 600;
	line-height: 33px;
	text-decoration: none;
}

.author-content-section .author-content .author-content-header .author-content-header-updated {
	font-size: 14px;
	color: rgba(0, 7, 69, 0.6);
}

.author-content-section .author-content p {
	color: rgba(0, 7, 69, 1);
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
}

@media screen and (max-width: 600px) {
	.author-content-section {
		flex-direction: column;
		align-items: center;
		padding: 20px;
	}

	.author-content-section .author-content .author-content-header {
		flex-direction: column;
	}

	.author-content-section .author-img {
		margin-right: 0;
	}

	.author-content-section .author-img img {
		width: 120px;
	}
	
	.author-content-section .author-content {
		text-align: center;
		margin-top: 15px;
	}

	.author-content-section .author-content .author-content-header a,
	.author-content-section .author-content .author-content-header span {
		font-size: 22px;;
	}
	

	.author-content-section .author-content p {
		font-size: 16px;
	}

}

.contentarea {
	position: relative;
	background: radial-gradient(83.77% 83.77% at 50% 50%, rgba(0, 12, 119, 0) 0%, rgba(120, 231, 255, 0.33) 100%);
	border-radius: 20px;
	padding-left: 55px;
	padding-right: 55px;
	padding-top: 35px;
	padding-bottom: 35px;
}

figure.wp-block-table {
	overflow-x: auto;
}

.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
	display: block;
}

.wp-block-table.aligncenter table {
	margin-left: auto !important;
	margin-right: auto !important;
}

.wp-block-table table tbody tr,
.wp-block-table table tbody tr th,
.wp-block-table table tbody tr td {
	width: unset !important;
	height: unset !important;
	border: none;
}

.wp-block-table table {
	margin: 20px 0 !important;
	display: block;
	overflow-x: auto;
	width: fit-content;
	height: unset !important;
	border-collapse: separate !important;
	border-spacing: 0px 15px;
}

.wp-block-table table tbody {
	/* display: table; */
	width: 100%;
}

.wp-block-table table tbody tr th,
.wp-block-table table thead tr th {
	background-color: #FFD95B;
	color: #000746;
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	padding: 15px 20px;
	display: table-cell;
	text-align: left;
	word-break: normal !important;
	border: none;
}

.wp-block-table table tbody tr th:first-child,
.wp-block-table table thead tr th:first-child {
	border-top-left-radius: 20px;
}

.wp-block-table table tbody tr th:last-child,
.wp-block-table table thead tr th:last-child {
	border-top-right-radius: 20px;
}

.wp-block-table table tbody tr:not(:first-child) th:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.wp-block-table table tbody tr:not(:first-child) th:last-child {
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.wp-block-table table tbody tr td {
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	text-align: left;
	background: #2A50D1;
	color: #FFFFFF;
	padding: 15px 20px;
	vertical-align: middle;
	width: unset !important;
	word-break: normal !important;
}

.wp-block-table table tbody tr td a {
	color: #FFFFFF;
}

.wp-block-table table tbody tr td:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.wp-block-table table tbody tr td:last-child {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
	color: #000746 !important;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
	background-color: unset !important;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) td {
	background-color: #f0f0f0;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) td a {
	color: #000746 !important;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.contenticon-wide-text table,
.contenticon-text table {
	margin: 20px auto !important;
	display: block;
	overflow-x: auto;
	width: 100%;
	height: unset !important;
	border-collapse: separate !important;
	border-spacing: 0px 15px;
}

@media screen and (max-width: 1000px) {
	.contenticon-wide-text table,
	.contenticon-text table {
		width: 600px;
	}
}

@media screen and (max-width: 900px) {
	.contenticon-wide-text table {
		width: 500px
	}
}

@media screen and (max-width: 800px) {
	.contenticon-wide-text table {
		width: 450px;
	}
	.contenticon-text table {
		width: 500px;
	}
}


@media screen and (max-width: 600px) {
	.contenticon-wide-text table,
	.contenticon-text table {
		width: 400px;
	}
}


@media screen and (max-width: 450px) {
	.contenticon-wide-text table,
	.contenticon-text table {
		width: 300px;
	}
}


.contenticon-wide-text table tbody tr,
.contenticon-wide-text tbody tr th,
.contenticon-wide-text tbody tr td,
.contenticon-text table tbody tr,
.contenticon-text tbody tr th,
.contenticon-text tbody tr td {
	width: unset !important;
	height: unset !important;
	border: none;
}

.contenticon-wide-text table tbody,
.contenticon-text table tbody {
	display: table;
	width: 100%;
}

.contenticon-wide-text table tbody tr th,
.contenticon-wide-text thead tr th,
.contenticon-text table tbody tr th,
.contenticon-text thead tr th {
	background-color: #FFD95B;
	color: #000746;
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	padding: 15px 20px;
	display: table-cell;
	text-align: left;
	word-break: normal !important;
	border: none;
}

.contenticon-wide-text table tbody tr th:first-child,
.contenticon-wide-text table thead tr th:first-child,
.contenticon-text table tbody tr th:first-child,
.contenticon-text  table thead tr th:first-child {
	border-top-left-radius: 20px;
}

.contenticon-wide-text table tbody tr th:last-child,
.contenticon-wide-text table thead tr th:last-child,
.contenticon-text table tbody tr th:last-child,
.contenticon-text  table thead tr th:last-child {
	border-top-right-radius: 20px;
}

.contenticon-wide-text table tbody tr:not(:first-child) th:first-child,
.contenticon-text table tbody tr:not(:first-child) th:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.contenticon-wide-text table tbody tr:not(:first-child) th:last-child,
.contenticon-text table tbody tr:not(:first-child) th:last-child {
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.contenticon-wide-text table tbody tr td,
.contenticon-text table tbody tr td {
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	text-align: left;
	color: #000000;
	padding: 15px 20px;
	vertical-align: middle;
	width: unset !important;
	word-break: normal !important;
	background-color: #FFFFFF;
}

.contenticon-wide-text table tbody tr td a,
.contenticon-text table tbody tr td a {
	color: #000000;
}

.contenticon-wide-text table tbody tr td:first-child,
.contenticon-text table tbody tr td:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.contenticon-wide-text table tbody tr td:last-child,
.contenticon-text table tbody tr td:last-child {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.breadcrumb-container {
	color: #101010;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
}

.breadcrumb-container a {
	/* text-decoration: none; */
}

@media screen and (max-width: 1200px) {
	.breadcrumb-container {
		margin-left: 20px;
		margin-right: 20px;
	}
}

.content-wrapper.news-archive article {
	padding-top: 0;
}

.news-archive .news-archive-items {
	display: flex;
	flex-wrap: wrap;
	row-gap: 35px;
	column-gap: 25px;
	justify-content: center;
}

.news-archive .news-archive-items .news-archive-item {
	position: relative;
	flex-basis: 380px;
	display: flex;
	flex-direction: column;
	background-color: #010A65;
	border-radius: 20px;
}

.news-archive .news-archive-items .news-archive-item .news-archive-date {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	position: absolute;
	color: rgba(0, 7, 70, 1);
	background: #ffffff;
	display: flex;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 21px;
	top: 8px;
	left: 8px;
}

.news-archive .news-archive-items .news-archive-item .news-archive-date svg {
	margin-right: 8px;
}

.news-archive .news-archive-items .news-archive-item img {
	width: 100%;
	object-fit: cover;
	height: 180px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	display: block;
}

.news-archive .news-archive-items .news-archive-item .news-archive-placholder {
	width: 100%;
	height: 180px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	background-color: #eeeeee;
}

.news-archive .news-archive-items .news-archive-item .news-archive-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

.news-archive .news-archive-items .news-archive-item .news-archive-readmore {
	display: flex;
	justify-content: end;
	align-items: center;
	padding: 20px;
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	margin-top: auto;
}

.news-archive .news-archive-items .news-archive-item .news-archive-readmore svg {
	margin-left: 20px;
}

.news-archive .news-archive-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	gap: 15px;
}

.news-archive .news-archive-pagination .page-numbers {
	color: #010A65;
	font-size: 24px;
	font-weight: 600;
	line-height: 38px;
	width: 48px;
	height: 48px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.news-archive .news-archive-pagination .page-numbers.current {
	background-color: #010A65;
	color: #FFFFFF;
	border-radius: 9px;
}

.news-archive .news-archive-pagination .page-numbers.prev {
	margin-right: 20px;
}

.news-archive .news-archive-pagination .page-numbers.next {
	margin-left: 20px;
}


.news-archive .news-archive-pagination .page-numbers.prev,
.news-archive .news-archive-pagination .page-numbers.next {
	background-color: #FFD95B;
	color: #FFFFFF;
	border-radius: 9px;
	width: 40px;
	height: 40px;
}

.news-archive .news-archive-pagination .page-numbers.prev.disabled,
.news-archive .news-archive-pagination .page-numbers.next.disabled {
	background-color: rgba(255, 255, 255, 0.14);
	color: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 600px) {
	.news-archive .news-archive-pagination .page-numbers.prev {
		margin-right: 0px;
	}

	.news-archive .news-archive-pagination .page-numbers.next {
		margin-left: 0px;
	}

	.news-archive .news-archive-pagination {
		gap: 10px;
	}
}

.author-container .author-lower {
	display: flex;
}

.author-container .author-lower .author-content {
	flex-basis: 50%;
}

.author-container .author-lower .author-image {
	margin-left: 60px;
}

@media screen and (max-width: 600px) {
	.author-container .author-lower .author-content {
		flex-basis: 100%;
	}
	.author-container .author-lower {
		flex-direction: column-reverse;
		align-items: center;
	}
	.author-container .author-lower .author-image {
		margin-left: 0px;
	}
}

.author-articles-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  	gap: 15px;
}

.author-articles-container .author-articles-item {
	flex-basis: 24%;
	box-shadow: 0px 4px 5px 0px rgba(0, 19, 117, 0.05);
	background: rgba(15, 64, 177, 1);
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 16px;
	padding-bottom: 20px;
	flex-shrink: 0;
	margin-bottom: 10px;
}

.casino-archive-container {
	margin-top: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.casino-archive-container .casino-archive-items {
	display: flex;
	flex-wrap: wrap;
	row-gap: 35px;
	column-gap: 24px;
	justify-content: center;
}

.casino-archive-container .archive-item {
	position: relative;
	flex-basis: 282px;
	max-width: 282px;
	display: flex;
	flex-direction: column;
	background-color: #2A50D1;
	border-radius: 20px;
	align-items: center;
	padding: 20px;
	color: #FFFFFF;
}

.casino-archive-container .archive-item .archive-imagecontainer {
	background-color: #FFF;
	padding-top:10px;
	padding-bottom: 10px;
	border-radius: 5px;
	width: 100%;
}

.casino-archive-container .archive-item .archive-imagecontainer img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.casino-archive-container .archive-item .archive-title a {
	color: #FFF;
	font-weight: bold;
	margin-top: 10px;
	font-size: 18px;
	display: block;
	text-decoration: none;
}

.casino-archive-container .archive-readmore {
	color: #FFFFFF;
}

.casino-archive-showall {
	border-radius: 20px;
	background: #000954;
	color: #FFFFFF;
	border: none;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	cursor: pointer;
	padding: 5px 40px;
}
