/*
Theme Name: Understrap
Theme URI: https://understrap.com
Author: Howard Development & Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.2.2
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready
*/
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/*
Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme.
Full developer documentation: https://docs.understrap.com
*/
::-webkit-scrollbar {
  width: 5px;
}
 
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
body{
	background: #f0f2f5;
}

h3{font-size: 1.2rem;}
h1{font-size: 1.5rem;}
a{color: #0064D1;}
.bg-primary {
  background-color: #fff !important;
}
.btn-link{color:#0064D1;}
.navbar-dark .navbar-brand a:focus, .navbar-dark .navbar-brand a:hover {
    color: #555555!important;
}
.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:hover{color: #050505!important;font-weight: bold;}
/*layout*/
.wrapper{
	padding-top: 58px;
	padding-bottom: 0px
}
.navbar-dark a:hover{text-decoration: none;}
.navbar-dark .navbar-brand a {
    color: #050505;
    font-weight: bold;
}
.navbar-dark .navbar-nav .nav-link {
    color: gray;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
	color: gray;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
	color: #000;
}
.navbar-dark .navbar-toggler{
	color: rgb(7 7 7 / 80%);
    border-color: rgb(0 0 0 / 50%);
}
.navbar-dark .navbar-toggler-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='gray' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.site-main.row#main{
	padding: 10px;padding-left: 10px;
}
header#wrapper-navbar{
	    position: fixed;
    width: 100%;
    z-index: 99999999;
        box-shadow: 0px 2px 5px 0px rgb(158 154 154 / 75%);
    -webkit-box-shadow: 0px 2px 5px 0px rgb(194 194 194 / 75%);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
nav img.logo{
	width: 40px;
}
#left-sidebar{
	background: #fff;position: initial;
}
#left-sidebar a:hover{text-decoration: none;}

header.page-header{padding-left: 5px;}
#loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(241, 241, 241, 0.5);
  background-image: url("/wp-content/uploads/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
}

/*widget*/
/*mobile*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	header h1.navbar-brand{
		width: 50%;
    	overflow: hidden;
	}
	.widget_categories ul li{
		width: 120px;border:1px solid;
		text-align: center!important;
	    padding-left: 0px!important;
	    padding-right: 0px!important;
	}
	.widget_categories ul{padding-bottom: 0px;max-height: 85px;overflow: hidden;}
	li.cat-item img,li.cat-item .ic-game-all{
		display: block!important;
    	margin: auto!important;
	}
	li.cat-item span.ic-game-all{background: none!important;padding: 5px!important;}
	.flickity-viewport{height: 84px!important;}
	.textwidget p {
	    display: inline-block;
	}
	select#cat{display: none;}
}
/*desktop*/
@media only screen and (min-width : 768px) {
	#left-sidebar{padding: 0px;}
	#left-sidebar .sidebar-inner>aside{border-bottom: 1px solid #dadada;}
	.sidebar-inner{
		display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;align-content: flex-start;
	    justify-content: flex-start;align-items: stretch;
	    overflow: auto;
	    max-height: 100%;
	    position: fixed;
	    width: auto;
	}
	#left-sidebar .widget_categories{
		/*position: fixed;*/
		padding: 10px;
		overflow: hidden;
	}
	#left-sidebar .widget_categories:hover{
		overflow: auto;
	    max-height: 100%;
	}
	.widget_categories ul{padding-bottom: 100px;}	
	.widget_categories ul li{width: 100%;}
}
/*mobile+stablet*/
@media only screen and (max-width : 767px) {
	#left-sidebar .widget_categories{
		overflow: auto;
	    max-height: 200px;
	}
}

.widget_custom_html{padding: 10px;}
.widget_custom_html>div{/*height: 100px;*/}/*test*/
.widget_custom_html>div>div{text-align: left;}
.btn-teleg-bot{font-size: 18px;}
.btn-teleg-bot img{width: 30px;}

#left-sidebar .widget_categories{background: #fff;}
.widget_categories ul{
	list-style: none;
	padding: 0px;margin: 0px;
	/*width: 92%;*/background: #fff;
}
.widget_categories ul li{
	    padding: 10px;padding-left: 0px;
    border: 0px solid;    
    cursor: pointer;
}
.widget_categories ul li:hover{
	background: #f2f2f2;
	border-radius: 5px;	
}
.widget_categories ul li a{
    font-weight: bold;
    color:#414141;
}
.widget_categories ul li a:hover{text-decoration: none;}
li.cat-item img,li.cat-item span.ic-game-all{
	    padding: 8px;
    border-radius: 50%;
    background-color: #f2f2f2;
    margin-right: 2px;
}
li.cat-item.current-cat{background: #f2f2f2;border-radius: 5px;}
li.cat-item.current-cat img{background: none!important;}
.ic-fb-game {
	background-image: url(/wp-content/uploads/game-term/fb-icons.png);
    background-position: 0px -296px;
    background-size: 82px 574px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
}

#wrapper-footer{
	padding: 0px;
}
/*index*/
#index-wrapper{padding-bottom: 0px;}

.g-box-item {
	padding: 4px;
}
.g-box-item img,.g-box-item .g-footer h3{cursor: pointer;}
.g-box-item .g-inner{
	background: #fff;
	border:1px solid #dadada;
	border-radius: 10px;
	padding: 0px;
	overflow: hidden;
	box-shadow: 0px 1px 3px 0px rgba(218,218,218,0.75);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(218,218,218,0.75);
	-moz-box-shadow: 0px 1px 3px 0px rgba(218,218,218,0.75);
}
.g-box-item .cat-links a{
	background: #e4e6eb;
	border-radius: 10px;
	font-weight: normal;
	color:#878787;
	    padding: 0px 5px;
    display: inline-block;
}
.g-box-item .g-footer{
	padding: 8px;
}
.g-box-item h3{
	font-size: 16px;
	color: #050505;
}
.g-box-item a:hover,main a:hover,.btn-link:hover{text-decoration: none;}
.g-box-item a.ic-store:not([href*="http"]){display: none;}
.g-box-item a.ic-store img{
	float:right;
	margin-left: 5px;
}
.g-box-item a.ic-store {
    /*display: inline-block;*/
}
.g-box-item .cat-links{font-size: 15px;}
nav[aria-labelledby="posts-nav-label"]{padding: 10px;}
/*shop page*/
.toolbar{padding: 5px;}
.toolbar span.sort,.toolbar .view-all{cursor: pointer;}
#list_games{width: 100%;}
.pagination li.active .page {
    z-index: 3;
    color: #fff;
    background-color: #0064D1;
    border-color: #0064D1;
}
.pagination li:first-child .page {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.pagination li:last-child .page {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.pagination li .page:hover {
    z-index: 2;
    color: #2600e6;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.pagination li .page {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0064D1;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
ul.pagination{
	margin-top: 10px;
    text-align: center;
    margin-left: 5px;
}