/*
Theme Name: Minivers games
Text Domain: miniversgames
Description: Minivers.online games custom theme
Author: Myakishev Olga

*/

/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Oswald:wght@200;300;400;500;600;700&family=Russo+One&display=swap');

html,
body {
	border: none;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}


/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */

html {
	font-size: 62.5%; /* 1rem = 10px */
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	background: #242424;
	box-sizing: border-box;
	color: #000;
	font-family: "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 0;
	text-align: left;
}
body.overflow-hidden{
	overflow: hidden;
}
@supports ( font-variation-settings: normal ) {

	body {
		font-family: "Archivo Narrow","Oswald", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	}
}

*,
*::before,
*::after {
	box-sizing: content-box;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
	word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6{ 
font-weight: 400;
font-family: 'Oswald', sans-serif;
font-style: normal;
text-transform: uppercase;
}
h1{ 	
	font-size: 2.5rem;
}
h2{font-size: 2rem;}
h3{font-size: 1.8rem;}
h4,h5,h6{font-size: 2rem;}
	@media screen and (min-width: 640px) {
		h2{font-size: 2.3rem;}
	}
	@media screen and (min-width: 1024px) {
		h2{font-size: 2rem;}
	}
img {
    width: 100%;
    height: auto;
	display: block;
}
a {
    color: #000;
    font-weight: 400;
    text-decoration: none;
}

/* VARS */
:root {
	--site_width: 90vw;	
	--sidebar: 20vw;
	--gamelist: calc(100% - var(--sidebar) - 2px)/*68vw*/;
	--gameiner: calc(var(--gamelist) - 2px - 1.5vw);
	--columns: 3;
	--popup-height: 0px;
}

.mobile{display: block;}
.desktop{display: none;}
@media screen and (min-width: 1024px) {
	.mobile{display: none;}
	.desktop{display: block;}
	
} 
@media screen and (min-width: 1360px) {
	:root {
		--sidebar: 18vw;	
	}
}
/*END vars*/





#site-content {
	overflow: hidden;
	margin: 0 0.5em 1em;
}
	@media screen and (min-width: 640px) {
		#site-content {			
			 margin: 0 1.5em 1.5em;
		}
	}
	@media screen and (min-width: 1024px) {
		#site-content {			
			margin: 0 1.5vw 3vw;
		}
	}
#site-container{
	background: #fff;
    width:  96vw;
    margin: 0 auto;
    min-height: 100vh;
	margin-top: 2vw;
	overflow: hidden;
}
@media screen and (min-width: 1024px) {
	#site-container{		
		width: var(--site_width);		
	}
}
.header-inner {
    display: flex; 
	flex-direction: column;    
    align-items: center;
    padding: 0.5em;
	
	
}
	@media screen and (min-width: 1024px) {
		.header-inner {
			display: flex;			
			justify-content: space-between;
			padding: 2vw 1.5vw;
			flex-direction: unset;
		}
	}

.logo {
    font-family: 'Russo One';
    font-weight: bold;
    font-size: clamp(14px, 1.6vw, 42px);
    text-transform: lowercase;
    min-width: 170px;
    line-height: 1.2em;
    display: inline-block;
    margin-bottom: 0.6em;
	margin-left: 2em;
}
	@media screen and (min-width: 360px) {
		.logo {
			margin-left: 0;
		}
	}
	@media screen and (min-width: 640px) {
		.logo {			
			font-size: clamp(14px, 1.2em, 42px);
		}
	}
	@media screen and (min-width: 1024px) {
		.logo {			
			font-size: clamp(15px, 1.62vw, 42px);			
			margin-bottom: 0;
			
		}
		[lang="ru-RU"] .logo {			
			font-size: clamp(15px, 1.55vw, 42px);
		}
	}
	 
.logo a {
    display: flex;
    align-items: center;
    align-content: center;
    text-decoration: none;
    color: #000;

}
	
.logo .logo-image-wapper {
	width: 5vw;
    min-width: 40px;
    display: inline-flex;
}
	@media screen and (min-width: 640px) {
		.logo .logo-image-wapper{			
			width: 3em;
		}
	}
	@media screen and (min-width: 1024px) {
		.logo .logo-image-wapper {			
			width: 5vw;
		}
	}
	
.logo .logo-title-wapper {
	display: flex;
    flex-direction: column;
    margin-left: 0.5em;
    white-space: nowrap;
    margin-right: 1vw;
}
	@media screen and (min-width: 1024px) {
		.logo .logo-title-wapper {
			margin-left: 1vw;			
		}
	}

.logo .logo-title {
    font-size: clamp(23px, 2.5vw, 66px);
}
	@media screen and (min-width: 640px) {
		.logo .logo-title {
			font-size: clamp(23px, 1.65em, 66px);
		}
	}
	@media screen and (min-width: 1024px) {
		.logo .logo-title {
			font-size: clamp(23px, 2.65vw, 66px);
		}		
	}
#header_ads_728x90 {
    max-width: 728px;
    width: 65%;
}

.header-menu {
    position: relative;    
    margin: 0 1.5vw;
    z-index: 2;
}

.header-menu::before, .header-menu::after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    width: 50%;
    top: 0;
    max-width: 300px;
    -webkit-box-shadow: 0 15px 10px rgb(0 0 0 / 70%);
    -moz-box-shadow: 0 15px 10px rgba(0,0,0,.7);
    box-shadow: 0 15px 10px rgb(0 0 0 / 70%);
	left: auto;
	right: auto;
}

.header-menu::before {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);    
    left: 1px;
}



.header-menu::after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    
}

nav#primary-navigation {
    width: 100%;
    background: #242424;
    display: flex;
    justify-content: flex-start;
    margin: 0 auto 1.5em;
}

nav#primary-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

nav#primary-navigation ul li {
    padding: 0;
    display: inline-block;
    margin: 0;
    position: relative;
	margin-right: 0.5vw;
}

nav#primary-navigation ul li a {
    color: #fff;
    display: inline-flex;
    text-decoration: none;
    padding: 0 1.5vw;
    line-height: 3vw;
    font-size: 1vw;
    text-transform: uppercase;
	padding-top: 0.25vw;
	align-items: center;
	position: relative;
}
	@media screen and (min-width: 1024px) {
		nav#primary-navigation ul li a {
			font-size: 1.2vw;
		}
	}
	@media screen and (min-width: 1360px) {
		nav#primary-navigation ul li a {
			font-size: 1.1vw;
		}
	}
	@media screen and (min-width: 1480px) {
		nav#primary-navigation ul li a {
			font-size: 1vw;
		}
	}
	
.menu-item i._mi{
	margin-top: -0.1em;
}
nav#primary-navigation ul ul.sub-menu {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 3.25vw;
    background: #242424;
    white-space: nowrap;
    width: fit-content;    
    flex-direction: column;
	inset 0px 7px 19px 8px rgba(0,0,0,0.19)
	-webkit-box-shadow: inset 0px 7px 19px 8px rgba(0,0,0,0.19); 
	box-shadow: inset 0px 7px 19px 8px rgba(0,0,0,0.19);
}
nav#primary-navigation ul ul.sub-menu li {
    width: 100%;
	margin:0;
}
nav#primary-navigation ul ul.sub-menu li a {
    color: #fff;
	padding-right: 3vw;
}
nav#primary-navigation ul li:hover ul.sub-menu {
   display: flex;
}
nav#primary-navigation ul li.current-page-ancestor
{
    background: #f90;
	
}
nav#primary-navigation ul li:hover, 
nav#primary-navigation ul li.current-menu-item,
nav#primary-navigation ul li.current-page-ancestor:hover
{
    background: #ffbb1e;	
}
nav#primary-navigation ul li a:hover , 
nav#primary-navigation ul li.current-menu-item a, 
nav#primary-navigation ul ul.sub-menu li a:hover,
nav#primary-navigation ul li.current-page-ancestor a
{
	color: #242424;
}

nav#primary-navigation ul li.menu-item.menu-item-has-children>a:after{
	position: relative;
    margin-left: 0.7vw;
    margin-right: -0.7vw;
    content: "\f347";
    font-family: dashicons;
    font-style: normal;
    font-size: 1vw;
    font-weight: 400;
    text-decoration: inherit;
    color: #242424;    
}
nav#primary-navigation ul li.menu-item.menu-item-has-children:hover > a:after{
	color: #4e4323; 
}
.category-content {
    display: flex;
	flex-direction: column;
}
.game-main-conteiner.one-sidebar .category-content {    
    flex-direction: column-reverse;
}
	@media screen and (min-width: 1024px) {
		.category-content,
		.game-main-conteiner.one-sidebar .category-content
		{
			flex-direction: unset;
		}
	}


.gamelist-wrapper {
    border: 1px solid #dde1ef;
	/*width: var(--gamelist);*/ 
}
.cat-title {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dde1ef;
    margin: 0;
    position: relative;
    padding: 0.3em 1em;
}


ul.gamelist {
    display: flex;
    list-style: none;    
    flex-wrap: wrap;
    justify-items: start;
    padding: 0.5em;
    justify-content: flex-start;
}
	@media screen and (min-width: 640px) {
		ul.gamelist {			
			padding: 1.5em;		
		}
	}
	@media screen and (min-width: 1024px) {
		ul.gamelist {			
			padding: 1vw;
			
		}
	}

ul.gamelist li {
	width: calc(100% - 1em);
    margin: 1em 0.5em;
}
	@media screen and (min-width: 640px) {
		ul.gamelist li{
			
			margin: 1em 1.5em 2em;		
		}
	}
	
	@media screen and (min-width: 1200px) {
		ul.gamelist li {
		    width:  100%;
			margin: 1vw;
			  
		} 
		ul.gamelist[data-columns="1"]  li { 
			width: calc(100% / 1 - 2vw);
		}
		ul.gamelist[data-columns="2"] li,
		ul.gamelist[data-columns="3"] li,
		ul.gamelist[data-columns="4"] li,
		ul.gamelist[data-columns="5"] li,
		ul.gamelist[data-columns="6"] li
		{ 
			width: calc(100% / 2 - 2vw);
		}
		
		
		ul.gamelist li[data-ad_columns="0"] {
			width: 100%;
		}		
		
	}
	
	@media screen and (min-width: 1360px) {
		ul.gamelist li {
		    width:  100%;
			margin: 1vw;
			  
		} 
		ul.gamelist[data-columns="1"]  li { 
			width: calc(100% / 1 - 2vw);
		}
		ul.gamelist[data-columns="2"] li { 
			width: calc(100% / 2 - 2vw);
		}
		ul.gamelist[data-columns="3"] li { 
			width: calc(100% / 3 - 2vw);
		}
		ul.gamelist[data-columns="4"] li { 
			width: calc(100% / 4 - 2vw);
		}
		ul.gamelist[data-columns="5"] li { 
			width: calc(100% / 5 - 2vw);
		}
		ul.gamelist[data-columns="6"] li { 
			width: calc(100% / 6 - 2vw);
		}
		
		ul.gamelist li[data-ad_columns="0"] {
			width: 100%;
		}
		
		ul.gamelist[data-columns="3"] li[data-ad_columns="2"]{
			width: calc(100% / 3 * 2 - 2vw);
		}
		
		ul.gamelist[data-columns="4"] li[data-ad_columns="3"]{
			width: calc(100% / 4 * 3 - 2vw);
		}		
		ul.gamelist[data-columns="4"] li[data-ad_columns="2"]{
			width: calc(100% / 4 * 2 - 2vw);
		}
		
		ul.gamelist[data-columns="5"] li[data-ad_columns="4"]{
			width: calc(100% / 5 * 4 - 2vw);
		}		
		ul.gamelist[data-columns="5"] li[data-ad_columns="3"]{
			width: calc(100% / 5 * 3 - 2vw);
		}		
		ul.gamelist[data-columns="5"] li[data-ad_columns="2"]{
			width: calc(100% / 5 * 2 - 2vw);
		}
		
		ul.gamelist[data-columns="6"] li[data-ad_columns="5"]{
			width: calc(100% / 6 * 5 - 2vw);
		}
		ul.gamelist[data-columns="6"] li[data-ad_columns="4"]{
			width: calc(100% / 6 * 4 - 2vw);
		}
		ul.gamelist[data-columns="6"] li[data-ad_columns="3"]{
			width: calc(100% / 6 * 3 - 2vw);
		}		
		ul.gamelist[data-columns="6"] li[data-ad_columns="2"]{
			width: calc(100% / 6 * 2 - 2vw);
		}
	}

ul.gamelist li a:hover img {
	opacity: 0.8;
}
ul.gamelist li h3{
	padding-top: 0.5em;
}
	@media screen and (min-width: 640px) {
		ul.gamelist li h3{
			padding-top: 1em;
		}
	}
	@media screen and (min-width: 1024px) {
		ul.gamelist li h3{
			padding-top: 0.5vw;
		}
	}
nav.pagination-nav {
    margin: 2vw;
}

ul.page-numbers {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
	line-height: 2.5;
}
ul.page-numbers li .page-numbers {
    padding: 0.5em 0.7em;
    background: #d0cece;
    margin: 0 0.5vw;
}

ul.page-numbers li .page-numbers.current {
    background: #ffbb1e;
}
ul.page-numbers li a.page-numbers:hover {
    background: #fe7b0c;
}
/*HOMEPAGE*/
.main-content {
    width: 100%;
}
	@media screen and (min-width: 1024px) {
		.main-content {
			width: var(--gamelist);
		}
	}

.hm-widget {
    border: 1px solid #dde1ef;
    margin-bottom: 0.5em;
    position: relative;
}
	@media screen and (min-width: 1024px) {
		.hm-widget {			
			margin-bottom: 1vw;			
		}
	}
	
.hm-cat-title {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dde1ef;
    margin: 0;
    position: relative;
    padding: 0.3em 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hm-cat-title h2 ,
.category-cat-title h2
{
    font-size: 2rem;
}
	@media screen and (min-width: 640px) {
		.hm-cat-title h2 ,
		.category-cat-title h2
		{
			font-size: 3rem;
		}
	}
	@media screen and (min-width: 1024px) {
		.hm-cat-title h2 ,
		.category-cat-title h2
		{
			font-size: 2.5rem;
		}
	}
.hm-cat-link a {
    background: #ff8f11;
    line-height: 1.5em;
    display: flex;
    color: #fff;
    text-align: center;
    padding: 0 0.5em;
    align-items: baseline;
}
	@media screen and (min-width: 1024px) {
		.hm-cat-link a {			
			line-height: 2vw;			
			padding: 0 1vw;			
		}
	}
	
.hm-cat-link a i {
    margin-left: 0.5em;
    font-size: 0.8em;
}
	@media screen and (min-width: 1024px) {
		.hm-cat-link a i {
			margin-left: 0.5vw;
			font-size: 0.8em;
		}
	}
	
.hm-widget-wrapper ul {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	justify-items: start;
	padding: 0.5em;
	justify-content: flex-start;
}
	@media screen and (min-width: 640px) {
		.hm-widget-wrapper ul {			
			padding: 1.5em;			
		}
	}
	
	@media screen and (min-width: 1024px) {
		.hm-widget-wrapper ul {			
			padding: 1vw;			
		}
	}

	
.hm-widget-wrapper ul li {
	width: calc(100%  - 1em);
	margin: 0.5em;
}

.hm-external-game-block[data-mcolumns="2"] .hm-widget-wrapper ul li {
    width: calc(100% / 2 - 1em) ;
    margin: 0.5em ;
}

.hm-external-game-block[data-mcolumns="3"] .hm-widget-wrapper ul li {
    width: calc(100% / 2 - 1em) ;
    margin: 0.5em ;
}

	@media screen and (min-width: 640px) {
		.hm-widget-wrapper ul li {
			width: calc(100%  - 3em);
			margin: 1.5em;
		}		
		.hm-external-game-block[data-mcolumns="3"] .hm-widget-wrapper ul li {
			width: calc(100% / 3 - 2em) ;
			margin: 0.5em 1em;
		}
	}
	
	@media screen and (min-width: 1024px) {
		.hm-external-game-block[data-mcolumns="2"] .hm-widget-wrapper ul li,
		.hm-external-game-block[data-mcolumns="3"] .hm-widget-wrapper ul li,
		.hm-widget-wrapper ul li
		{
			width: calc(100% / 3 - 2vw);
			margin: 1vw;
		}
		.hm-external-game-block.hm-widget[data-columns="1"] ul li,
		.hm-widget[data-columns="1"] ul li {
			width: calc(100% / 1 - 2vw);
		}
		.hm-external-game-block.hm-widget[data-columns="2"] ul li,
		.hm-widget[data-columns="2"] ul li {
			width: calc(100% / 2 - 2vw);
		}
		.hm-external-game-block.hm-widget[data-columns="3"] ul li,
		.hm-widget[data-columns="3"] ul li {
			width: calc(100% / 3 - 2vw);
		}
		.hm-external-game-block.hm-widget[data-columns="4"] ul li,
		.hm-widget[data-columns="4"] ul li {
			width: calc(100% / 4 - 2vw);
		}
		.hm-external-game-block.hm-widget[data-columns="5"] ul li,
		.hm-widget[data-columns="5"] ul li {
			width: calc(100% / 5 - 2vw);
		}
		.hm-external-game-block.hm-widget[data-columns="6"] ul li,
		.hm-widget[data-columns="6"] ul li {
			width: calc(100% / 6 - 2vw);
		}
		
	}


.hm-widget-wrapper ul li a:hover img {
    opacity: 0.8;
}
.hm-ads-block .hm-widget-wrapper,
.hm-categories-block .hm-widget-wrapper
{
    padding: 0.5em;
}
	@media screen and (min-width: 1024px) {
		.hm-ads-block .hm-widget-wrapper,
		.hm-categories-block .hm-widget-wrapper
		{
			padding: 1.5em;
		}
	}
	
	@media screen and (min-width: 1024px) {
		.hm-ads-block .hm-widget-wrapper,
		.hm-categories-block .hm-widget-wrapper
		{
			padding: 1vw;
		}
	}
.hm-categories-block .hm-term {
    display: inline-block;
    width: auto;
    margin: 0 0.5em;
}

.hm-term i {
    margin-right: 0.3em;
    font-size: 0.7em;    
}
 
.hm-term a {
    text-decoration: underline;    
}
.content-block{
	margin-top:2vw;
}

.content-block a, .page-block-text a {
    text-decoration: underline;
}

.content-widget {
    border: 1px solid #dde1ef;
	border-top-width: 5px;    
    position: relative;
}
.content-widget-wrapper {
    padding: 1.5em;
}
	@media screen and (min-width: 640px) {
		.content-widget-wrapper {
			padding: 2.5em;
		}
		
	}
	@media screen and (min-width: 1024px) {
		.content-widget-wrapper {
			padding: 2vw;
		}
		
	}
.content-block p {
    padding: 0.75vw 0;
}
.content-block ul {
	padding-left: 1.8em;
}
	@media screen and (min-width: 1024px) {
		.content-block ul {
			padding-left: 3vw;
		}
		
	}

ul.gamelist li img, .hm-game-block li img, .sidebar img, .page-game-image img{
	background-color: #c9d2d5;
}

#tags {
    margin-top: 1em;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

#tags .tag {
    padding-right: 0.5em;
	padding-bottom: 0.5em;
}
#tags .tag:last-child {
	padding-right: 0;
}
#tags .tag a {
    background: #ffbb1e;
    text-decoration: none;
    padding: 0.1em 0.5em;
    border-radius: 0.6em;
    text-transform: lowercase;
}

#tags .tag a:hover {
    background: #cbd2d5;
}
/*SIDEBAR*/

.category-content .sidebar {
    width: 100%; 
	margin-top: 1em;
}
	@media screen and (min-width: 640px) {
		.category-content .sidebar {
			margin-top: 1.5em;
		}
	}
	
	@media screen and (min-width: 1024px) {
		.category-content .sidebar {
			margin-left: 1.5vw;
			margin-top: 0;
			width: var(--sidebar);	
			
			/*min-width: calc(300px + 2vw + 2px);*/
		}		
		.category-content .sidebar.sidebar-game-details-sidebar {
			margin-left: 0;
			margin-right: 1.5vw;
			margin-bottom: 1vw;
			width: var(--sidebar);
		}
		.sidebar.sidebar-game-left {
			margin-left: 0;
			margin-right: 1.5vw;
		}
	}


.sidebar-widget {
	border: 1px solid #dde1ef;
	margin-bottom: 1em;
	position: relative;
}
.sidebar-widget:last-child {
	margin-bottom: 0;
}

	@media screen and (min-width: 640px) {
		.sidebar-widget {			
			margin-bottom: 1.5em;			
		}
	}
	
	@media screen and (min-width: 1024px) {
		.sidebar-widget {			
			margin-bottom: 1vw;			
		}
		
	}

.sidebar-widget-wrapper {
    padding: 0.5em; 
}
	@media screen and (min-width: 640px) {
		.sidebar-widget-wrapper {
			padding: 3em; 
		}
		.sidebar-ads-block .sidebar-widget-wrapper {
			/*padding: 1.5em; */
			padding: 0.5em;
		}
	}
	@media screen and (min-width: 1024px) {
		.sidebar-widget-wrapper {
			padding: 1vw; /*2vw 1vw*/
		}
	}

.sidebar-widget-wrapper ul {
    list-style: none;
}

.sidebar-widget-wrapper .wp-video,
.sidebar-widget-wrapper iframe {
    width: 100% !important;
	height: auto !important;
}

.golink {
    position: relative;
    height: 1.8em;
    margin-bottom: 0.5em;
    text-align: right;
    padding-right: 0.5em;
    display: flex;
    justify-content: flex-end;
}
	@media screen and (min-width: 640px) {
		.golink {
			margin-bottom: 1.5em;
			padding-right: 3em;
			margin-top: -2em;
		}
	}
	
	@media screen and (min-width: 1024px) {
		.golink {
			margin-top:0;
			height: 2vw;
			margin-bottom: 1vw;			
			padding-right: 1vw;
		}
	}
.golink a {
    background: #ff8f11;
    line-height: 1.8em;
    display: flex;
    color: #fff;
    text-align: center;
    padding: 0 0.5em;
    align-items: center;
} 
	@media screen and (min-width: 1024px) {
		.golink a {
			line-height: 2vw;
			padding: 0 1vw;
		}
	}
.golink a i{
	margin: 0 0.5em;
}
	@media screen and (min-width: 1024px) {
		.golink a i{
			margin: 0 0.5vw;
		}
	}
.golink a:hover {
    background: #242424;
} 
.sidebar-categories-block .sidebar-widget-wrapper{
	padding: 1vw;
}
.sidebar-categories-block .sidebar-term {
    background: #242424;
    margin-bottom: 0.1vw;
    line-height: 2.5vw;
    border: 1px solid #dde1ef;
}
.sidebar-categories-block .sidebar-term a {
    color: #f9f9f9;
    display: flex;
    align-items: center;
    padding: 0 1em;
    align-content: center;
	font-size: 1vw;
}
.sidebar-categories-block .sidebar-term a:hover {
	color: #242424;
	background: #ffbb1e;
}
.sidebar-categories-block .sidebar-term a i,
.sidebar-categories-block .sidebar-term .current-term i
{
    margin-right: 0.7em;
    font-size: 0.7em;
}
.sidebar-categories-block .sidebar-term .current-term{
	color: #242424;
    display: flex;
    align-items: center;
    padding: 0 1em;
    align-content: center;
	background: #ffbb1e;
}
.sidebar-video-block{
	background: #f9f9f9;
}
/*.sidebar-video-block .sidebar-widget-wrapper{
	padding: 0 0 1vw;
}*/
.sidebar-video-block .golink{
	padding-right: 0.5em;
}
	@media screen and (min-width: 1024px) {
		.sidebar-video-block .golink{
			padding-right: 1vw;
		}
	}
	
.sidebar-category-game-block li:not(.first) a {
    display: flex;
    margin: 0.5em;
	align-items: flex-start;
}
	@media screen and (min-width: 1024px) {
		.sidebar-category-game-block li:not(.first) a {
			margin: 1vw;			
		}
	}
	
.sidebar-category-game-block li:not(.first) a img {
    width: 40%;
    margin-right: 0.5em;
}
	@media screen and (min-width: 640px) {
		.sidebar-category-game-block li:not(.first) a img {			
			width: 20%;
			margin-right: 1em;
		}
	}
	
	@media screen and (min-width: 1024px) {
		.sidebar-category-game-block li:not(.first) a img {			
			margin-right: 1vw;
			width: 40%;
		}
	}
	
.sidebar-widget-text h3 {
    font-size: 1em;
    margin: 0.3em 0;
	
}

.sidebar-category-game-block li.first h3 {
    padding: 0.5em 0;
}
.sidebar-category-game-block li.first .short-description {
    padding: 0 0 0.5em;
}
.sidebar-widget .cat-title a:hover, .sidebar-widget ul li a:hover {
    color: #ff6900;
}
/*.sidebar-slider-games-block .sidebar-widget-wrapper{
	padding:0;
}*/
.sidebarSlider .swiper-slide a {
    display: flex;
	flex-direction: column;
}
.sidebarSlider .swiper-slide .sidebar-widget-text {
    position: absolute;
    bottom: 0;
    margin: 0; 	
    color: #fff;
    transform: translateY(0em);
    line-height: 1.2;
    background: #2424248a;
    width: 100%;
}
.sidebarSlider .swiper-pagination{
	right: 0.5em !important;
    left: auto !important;
    width: auto !important;
	bottom: 0.2em !important;
	
}
.sidebarSlider .swiper-pagination .swiper-pagination-bullet {
    background: #444;
    border: 2px solid #fff;
	width: 0.5em !important;
	height: 0.5em !important;
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .4) !important;
}
.sidebarSlider .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) !important;
}
.sidebarSlider .sidebar-widget-text h3{
	padding: 0.2em 0.5em 1.3em;
}

/*END SIDEBAR*/
/* GAME */
.game-wapper {
    display: flex;
    justify-content: center;
    padding: 0 0 0.5em;
	
}
	@media screen and (min-width: 1024px) {
		.game-wapper {	
			padding: 1.3em 0;			
		}
	}
.game-wapper iframe{
	border: 1px solid #717070;
	width: calc(100% - 2px );
	height: 70vh;
}
	@media only screen and (max-height: 400px) and (orientation : landscape) {
		.solitaire .game-wapper iframe {
			min-height: calc( var(--wh) * 0.9 );
		}
	}
	@media screen and (min-width: 1024px) {
		.game-wapper iframe{
			height: auto;	
			width: calc(86% - 2px );
			aspect-ratio: 6/4;
		}
		.solitaire .game-wapper iframe {
			aspect-ratio: 6/5.5;
			height: auto;
		}
	}
	
	@media screen and (min-width: 1600px) {
		.solitaire .game-wapper iframe {
			aspect-ratio: 5/4.1;
		}
	}
.game-main-conteiner {
    display: flex;
	flex-direction: column-reverse;    
}
	@media screen and (min-width: 1024px) {
		.game-main-conteiner {
			flex-direction: unset;
		}
	}

.gamelist-main-conteiner {
    display: flex;	
	flex-direction: column-reverse;
    width: 100%;
}
	@media screen and (min-width: 1024px) {
		.gamelist-main-conteiner {				    
			width: var(--gamelist);
			flex-direction: unset;
		}
	}

.game-main-wrapper,
.inner-game-main-wrapper
{
    width: 100%;	
}
	@media screen and (min-width: 1024px) {
		.game-main-wrapper,
		.inner-game-main-wrapper
		{
			width: var(--gameiner);			
		}
	}
	
.one-sidebar .gamelist-wrapper,
.one-sidebar .game-main-wrapper,
.full-column .inner-game-main-wrapper
{
    width: calc(100% - 2px);
}


.game-page-block {
    margin-bottom: 0.5em;
    border: 1px solid #dde1ef;
}
	@media screen and (min-width: 1024px) {
		.game-page-block {
			margin-bottom: 1vw;
		}
	}
.game-page-block.game-iframe {
    margin-top: 0;
}
.game-page-block-title{
	background-color: #f9f9f9;
    border-bottom: 1px solid #dde1ef;
    margin: 0;
    position: relative;
    padding: 0.3em 1em;
}
.game-page-block-wrapper {
    padding: 0.5em;
}
	@media screen and (min-width: 1024px) {
		.game-page-block-wrapper {
			padding: 1vw;
		}
	}
.game-page-tabs {
    display: flex;
}
.game-page-tabs .tab {
    padding: 0.3em 1em;		
	color: #000;
}
.game-page-tabs .tab:not(.active){
	color:#000;
	cursor: pointer;
}
.game-page-tabs .tab.active {
    background: #ffbb1e;
	
}
.game-page-tabs .tab:not(.active):hover{
	background:#000;
	color: #fff;
}

.game-rules .game-page-block-title {
    padding: 0;
}
.page-game-image {
    margin-bottom: 1vw;
}
.hm-ads-block {
    width: 100%;
}
/*END GAME */

/** FOOTER **/
#site-footer {
    background: #242424;
    padding: 1em 0;
	display: flex;
    justify-content: space-between;
	flex-direction: column;    
    align-items: center;
}
	@media screen and (min-width: 1024px) {
		#site-footer {
			background: #242424;
			padding: 1em 0;
			display: flex;
			flex-direction: unset;		
		}	
	}
#site-footer .logo {
	font-size: clamp(16px, 1em, 30px);
}
	@media screen and (min-width: 1024px) {
		#site-footer .logo {
			font-size: clamp(14px, 1vw, 30px);
		}
	}

#site-footer span.logo-title {
    font-size: clamp(26.5px, 1.65em, 66px);
} 
	@media screen and (min-width: 1024px) {
		#site-footer span.logo-title {
			font-size: clamp(23.1px, 1.65vw, 66px);
		}
	}

#site-footer .logo .logo-image-wapper {
    width: 4vw;
}

#site-footer .logo a {
    color: #6c787e;
}
section.footer-box {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
	@media screen and (min-width: 1024px) {
		section.footer-box {		
			align-items: flex-end;
			flex-direction: unset;
			max-width: 75%;
		}
	}
	
section.footer-box nav {
    margin-top: 1em;
}
	@media screen and (min-width: 1024px) {	
		section.footer-box nav {
			margin-top: 0;
		}
	}
	
nav#footer-navigation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
	@media screen and (min-width: 1024px) {
		nav#footer-navigation {			
			justify-content: flex-end;
		}
	}


ul.footer-menu {
    display: flex;
    list-style: none;	
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
}
	@media screen and (min-width: 1024px) {
		ul.footer-menu {
			display: flex;
			list-style: none;
			align-items: unset;
			justify-content: unset;
		}
	}

ul.footer-menu li {
    margin: 0 1em;
    font-size: 1em;
}

ul.footer-menu li a {
    color: #6c787e;
}

ul.footer-menu li a:hover {
    text-decoration: underline;
}

ul.language-menu {
    width: max-content;
    list-style: none;
    margin: 0;
    padding: 0;
}
span.lang-current-item {
    color: #000000;
    display: inline-flex;
    text-decoration: none;
    padding: 0 1.5em;
    line-height: 2em;
    font-size: 1em;
    text-transform: uppercase;    
    align-items: center;       
	cursor:pointer;
}
ul.lang-sub-menu {
    position: absolute;
    z-index: 1;
    bottom: 2em;
    right: 0;
    list-style: none;
    background: #c3cdd2; /*#889196;*/
	display:none;	
    width: 100%;
    align-items: center;
}
li.lang-parent-item:hover{
	background: #f90;
}
li.lang-parent-item:hover ul.lang-sub-menu {
    display: block;
}
li.lang-parent-item {
    position: relative;
	background: #ffbb1e;
}
li.lang-parent-item > span:after{
	position: relative;
    margin-left: 0.7em;
    margin-right: -0.7em;
    content: "\f347";
    font-family: dashicons;
    font-style: normal;
    font-size: 0.8em;
    font-weight: 400;
    text-decoration: inherit;
    color: #242424;    
}
li.lang-parent-item:hover > span:after{
	transform: rotate(-180deg);
   -webkit-transform: rotate(-180deg);
}
li.lang-item a {
    width: 100%;
    line-height: 2em;
    display: block;
}

li.lang-item a:hover {background: #242424;color: #fff;}

li.lang-item {
    width: 100%;
    text-align: center;
}

.copyright {
    width: 100%;
    background: #242424;
    color: #495b64;
    font-size: 0.7em;
}

/** END FOOTER **/

/** MOBILE MENU **/
.menu-button {
    position: absolute;
    z-index: 99;
    top: 1em;
    left: 4vw;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: transparent;
}
	@media screen and (min-width: 640px) {
		.menu-button {
			top: 2.2em;
			left: 2.5em;
		}
	}	
	@media screen and (min-width: 1024px) {
		.menu-button {
			display: none;
		}
	}	
.menu-button span {
    width: 25px;
    height: 3px;
    background: #242424;
    display: block;
    margin: 4px;
}
	@media screen and (min-width: 640px) {
		.menu-button span {
			width: 40px;
			margin: 6px 4px;
		}
	}
.menu-button span.menu-button-item-2 {
	width: 17px;
}
	@media screen and (min-width: 640px) {
		.menu-button span.menu-button-item-2 {
			width: 30px;
		}
	}
	
.mobile-menu-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
	left: -100vw;
	transition: left 0.2s cubic-bezier(0.77,0.2,0.05,1.0);
}

.mobile-menu-layer-warpper {
    background: #242424;
    width: 80vw;
    height: 88vh;
    margin-top: 12vh;
    position: relative;
    z-index: 1;
	
	
}

.mobile-menu-layer.open {
    left: 0;
	
}
.mobile-menu-layer.open .mobile-menu-layer-warpper {
	left: 0;
	
}
.mobile-menu-layer .overflow {
    position: absolute;
    z-index: 0;
    background: transparent;
    width: 100vw;
    height: 100vh;
}

nav#mobile-navigation {
    padding: 0 1.5em;
    position: relative;
    top: 7vh;
    overflow: auto;
    height: 78vh;
}

ul.mobile-menu {
    list-style: none;
}
nav#mobile-navigation ul li {
    position: relative;
    border-bottom: 1px solid #373636;
    margin-left: 1.5em;
}

ul.mobile-menu ul.sub-menu {
    list-style: none;
    display: none;
	border-top: 1px solid #373636;	
}
ul.mobile-menu ul.sub-menu li:last-child {
    border-bottom: none !important;
}
ul.mobile-menu li a {
    color: #f9f9f9;        
    display: inline-block;
    padding: 0.3em 0;
	width: 100%;
}
ul.mobile-menu li:not(.menu-item-has-children) a {
    width: 100%;
}
nav#mobile-navigation ul li.menu-item.menu-item-has-children:after{
	position: absolute;	
	content: "\f347";
	font-family: dashicons;
	font-style: normal;
	font-size: 0.7em;
	font-weight: 400;
	text-decoration: inherit;
	color: #f9f9f9;
	right: 0;
	width: 2em;
	height: 2em;
	background: #444;
	display: block;
	text-align: center;
	line-height: 2.2em;
	overflow: hidden;
	top: 0.4em;
	z-index: 1;
	transform: rotate(-90deg);
	transition: rotate 0.2s cubic-bezier(0.77,0.2,0.05,1.0);
}
nav#mobile-navigation ul li.menu-item.menu-item-has-children.sub-menu-open:after{
	transform: rotate(0deg);
	transition: rotate 0.2s cubic-bezier(0.77,0.2,0.05,1.0);
}

ul.mobile-menu li.current-menu-item a {
    color: #f90;
}

ul.mobile-menu li.current-menu-item ul.sub-menu li a {
    color: white;
}
ul.mobile-menu ul.sub-menu:has(li.current-menu-item){
	display: block; 
}


button.menu-close-button {
    position: absolute;
    right: 0.4em;
    top: 0.3em;
    width: 1.8em;
    height: 1.8em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #444444;
}
button.menu-close-button i {
	position: relative;
	width: 70%;
	height: 3px;
}

button.menu-close-button span {
    width: 100%;
    height: 3px;
    background: #ffbb1e;
    display: block;
    margin: 0 auto;
    position: absolute;
}
button.menu-close-button span.menu-close-button-item-1 {
    transform: rotate(45deg);
}

button.menu-close-button span.menu-close-button-item-3 {
    transform: rotate(-45deg);
}


/** END MOBILE MENU **/

/*PAGE 404*/
.title-404 i {
    font-size: 7em;
    display: flex;
    font-weight: bolder;
    justify-content: center;
    color: #f5f5f5;
}
@media screen and (min-width: 1024px) {
	.title-404 i {
		font-size: 10em;		
	}
}

.title-404 h2 {
	display: flex;
    justify-content: center;
    margin-top: -4em;
    margin-bottom: 3em;
    font-size: 1.5em;
}
@media screen and (min-width: 1024px) {
	.title-404 h2 {		
		margin-top: -5em;
		margin-bottom: 5em;		
	}
}

h2.title-try{
	display: flex;
    font-size: 1.8em;
    justify-content: center;
}
@media screen and (min-width: 1024px) {
	h2.title-try{		
		font-size: 2em;		
	}
} 
/* END PAGE 404 */

/* CONTACT PAGE */
.contact-page-content {
    width: 86%;
    margin: 0 auto;
}
@media screen and (min-width: 1024px) {
	.contact-page-content {
		width: 66%;
	}
}
.contact-content-block {
    padding: 2em 0 0;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    width: 93.8%;
    border: 1px solid #d9d6d6;
    background: #f9f9f9;
    font-size: 1.3em;
    padding: 1.3% 3%;
    line-height: 1;
}

.contact-form {
    padding: 1.5em 0;
}
@media screen and (min-width: 1024px) {
	.contact-form {
		padding: 3em 0;
	}
}

.wpcf7-response-output {
    margin: 1.5em  0 0 !important;
    width: 97%;
}

span.wpcf7-not-valid-tip {
    font-size: 0.8em;
}

.contact-form p {
    padding-bottom: 1em;
}

.wpcf7-submit {
    font-size: 1.3em;
    padding: 0.3em 1.5em;
    background: #242424;
    color: #ffbb1e;
    font-weight: 600;
}
/* END CONTACT PAGE */

/* page-template-default */
@media screen and (min-width: 1024px){
	.page-template-default #site-content {
		margin: 0 3.5vw 3vw;
	}
}

.page-template-default #site-content ul, 
.page-template-default #site-content p, 
.page-template-default #site-content ol, 
.page-template-default #site-content h1, 
.page-template-default #site-content h2, 
.page-template-default #site-content h3 
{
    padding: revert;
    margin: revert;
}
.page-template-default #site-content li {
    padding-bottom: 0.3em;
	margin-left: -0.5em;
}

.page-template-default #site-content a{
	text-decoration: underline;
}
.page-template-default #site-content a:hover{
	text-decoration: none;
}


/* END page-template-default */

/*PRIVACY POPUP*/
body.privacy-popup-view .copyright {
    padding-bottom: var(--popup-height);
}
@media screen and (min-width: 1024px){
	body.privacy-popup-view .copyright {
		padding-bottom: var(--popup-height);
	}
}
.privacy-popup {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    z-index: 9998;
    padding: 0.3em 1em;
    background-color: #ffaf04;
    color: #030303;
    line-height: 1.2em;
    font-size: 1em;
    display: flex;
    justify-content: space-between;
	align-items: flex-end;
	flex-direction: column;
}
@media screen and (min-width: 1024px){
	.privacy-popup {
		flex-direction: inherit;
	}
}
.privacy-popup-text::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "";
    margin-right: 0.5407911001em;
}

.privacy-popup-text p {
    display: inline-block;
    margin: 0;
    padding: 0;
}

a.privacy-popup-ok-link {
    background: rgba(0,0,0,.1);
    display: inline-block;
    margin: 0.5em -1.41575em -0.4em 0;
    padding: 0.3em 1.41575em;
    white-space: nowrap;
	
}
@media screen and (min-width: 1024px){
	a.privacy-popup-ok-link {
		margin: -0.3em -1.41575em -0.4em 0;
	}
}
a.privacy-popup-ok-link::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -0.125em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f058";
    margin-right: 0.3342343017em;
}

.privacy-popup-text {
    display: flex;
	width: 100%;	
}

.privacy-popup p a {
    text-decoration: underline;
}
/*END PRIVACY POPUP*/

/*ADS */
#site-header {
    width: 100%;
}
#header_ads_top {    
    padding: 4%;
	
	width: 92%;	
}
	@media screen and (min-width: 1024px) {
		#header_ads_top {			
			padding: 1vw;
			width: 62%;	

		}
	}
.ads_middle{
	display: block;
    width: 100%;	
}
.ads_middle.desktop{
	display:none;
}
@media screen and (min-width: 1024px) {
	.ads_middle.mobile{
		display:none;
	}
	.ads_middle.desktop{
		display: flex;
	}
}

.ads_middle iframe {
    width: inherit !important;
    height: inherit !important;
}
.side_ads {
    border: 1px solid #dde1ef;
    padding: 0.5em;
}
	@media screen and (min-width: 1024px) {
		.side_ads {			
			padding: 1vw;
		}	
	}

@media screen and (min-width: 1024px) {
	ul.gamelist li .category_ads{		
	/*	padding: 1vw;
		border: 1px solid #f1f1f1;
		*/
		text-align: center; 
	}
}
/* END ADS */


/* swap templates */
.swap-link-games{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.swap-link-games #tags .tag a{
	background: #07d4ff;
	padding: 0 0.8em;
	font-size: 1.2em;
}
.swap-link-games #tags .tag a:hover {
    background-color: #06e7e9;
}
.swap-puzzle-game-block-title{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.swap-game-page-block-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.swap-game-page-block-title  span{
    display: block;
    padding: 0 0.5em;
}
.swap-game-page-block-title h2{
	font-size: 2.5rem;
}
.swap-game-page-block-title a.title-link:hover {
    color: #ff6900;
}
.swap-puzzle-game-block-buttons {
    margin: 0;
    position: relative;
    padding: 0.3em 0;   
    display: flex;
    align-items: center;
    justify-content: space-between;
}
	@media screen and (min-width: 1024px) {
		.swap-puzzle-game-block-buttons {
			 padding: 0.3em 1em; 
		}
	}
.swap-button-reload-game {
    width: 1.5em;
    height: 1.5em;
    font-size: 1.5em;
    line-height: 1.5em;
    display: block;
    content: "↺";
    text-align: center;
    color: #242424;
    font-weight: 800;
    background-color: #ffbb1e;
    border-radius: 0.3em;
}
.swap-button-reload-game:hover {
	color: #cbcbcb;
    background-color: #242424 ;
}

a.swap-button-options {
    height: 1.8em;
    font-size: 1.2em;
    line-height: 1.8em;
    display: block;
    text-align: center;
    color: #000;
    background-color: #07d4ff;
    border-radius: 0.3em;
    padding: 0 0.5em;
}
a.swap-button-options:hover {
    background-color: #06e7e9;
}
/* END swap templates */

.m_solitare img {
    width: 1.8em !important;
    filter: invert(100%);
}
.m_solitare.current-menu-item img, .m_solitare:hover img{
	filter: invert(0%);
}