/*
Theme Name: Gaming Lite
Description: Gaming Lite is a responsive, modern, and luxury WordPress game theme ideal for developing game portals, gamer sites, gaming magazines, tournament websites, gaming news, music sites, game stores, and video game clan websites. This theme is lightweight and provides a smooth loading experience with no bugs. The optimized codes offer the best user experience. As an SEO-friendly theme, it will help your site rank higher on major search engines like Google. Its responsive design makes it mobile-friendly, meaning it looks great on any device. It is compatible with popular WordPress plugins like Contact Form 7, WooCommerce, Elementor, and many others. Gaming Lite is completely customisable, with numerous customization possibilities. It is translation-ready and supports RTL layout. The theme is built on the Bootstrap framework, which makes it extremely easy to work with. You may also expand the functionality of your website by using shortcodes from the available options. WPBakery Page Builder for WordPress is integrated, so you can easily construct sophisticated layouts. With social symbol widgets, you can connect all of your social media pages to your website, maintaining a continuous connection with your audience. The theme is cross-browser compatible, which means it works seamlessly on all major browsers. You may create pages using a dozen Gutenberg blocks and theme choices. This fantastic game theme is perfect for creating a website that is unique to your company, with features to support clan groups, creative esports platforms, gaming forums, and more. It's ideal for promoting online games, reviews, game stores, galleries, news, PlayStation, Xbox, and gaming technology material. Gaming Lite allows you to simply adapt the website to meet your specific gaming demands, whether they be for gaming sports, gaming technology, or video games. This theme is the perfect tool for establishing a unique gaming website.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-gaming-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 5.2
Requires PHP: 7.2
Tested up to: 6.8
Requires at least: 5.0
Tags: entertainment, portfolio, e-commerce, wide-blocks, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: gaming-lite
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Gaming Lite WordPress Theme has been created by misbahwp(misbahwp.com), 2021.
Gaming Lite WordPress Theme is released under the terms of GNU GPL
*/

.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;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.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: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
  font-family: 'Inter', sans-serif;
  color: #a3aab4;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	color: #090913;
}
a {
  color:#090913;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
}

a:hover,
a:focus {
  color:#fd7900;
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -30px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}

.alignfull { 
 margin-left: -48px;
 width: calc(100% + 64px) !important;
 max-width : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a, .sidebar-area .textwidget a, .comment-content a, .woocommerce-product-details__short-description a, #tab-description a, .extra-home-content a{
	text-decoration: underline;
}
/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
    width: 100%;
}

/* ===============================================
   HEADER BOX
   ============================================= */

.social-links i{
	color: #727489;
}
.top-header p,.sign-button a {
  color: #727489;
  font-size: 14px;
  font-weight: 500;
}
.top-header p i,.social-links i:hover{
	color: #fd7900;
}
.social-links span {
  color: #727489;
  margin-right: 15px;
}
.page-template-frontpage .inner-header-box {
  background: #090913;
  clip-path: polygon(20% 400%, 70% 650%, 100% 0, 0 0);
}
.page-template-frontpage .main-header-box {
  position: absolute;
  width: 100%;
  z-index: 999;
  right: 0;
  left: 0;
  background: transparent;
}
.main-header-box{
	background: #090913;
}
.page-template-frontpage .top-header p {
	margin-left: 25px;
}
.page-template-frontpage #main-menu{
	margin-left: 45px;
}
.page-template-frontpage .social-links {
	margin-right: 15px;
}
.page-template-frontpage .sign-button,
.page-template-frontpage .sign-button a.signin-box {
	margin-right: 30px;
}
.top-header {
  border-bottom: solid 1px #15151f;
}
.sign-button a.signin-box{
	background: #fd7900;
	color: #fff;
	padding: 10px;
	border-radius: 3px;
}
.sign-button a.signup-box:hover{
	padding: 10px;
	border-radius: 3px;
}
.sign-button a.signin-box:hover,
.sign-button a.signup-box:hover{
	background: #fff;
	color: #fd7900;
}

/* ===============================================
   LOGO BOX
   ============================================= */
img.custom-logo {
    height: 70px;
    width: 200px;
}
.logo {
  background: #fd7900;
  position: absolute;
  top: -20px;
  z-index: 9999;
  width: 100%;
  clip-path: polygon(20% 100%, 80% 100%, 100% 0, 0 0);
  padding: 20px 0;
}
.logo-position{
	position: relative;
}
.logo a {
  color: #fff;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo span {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  padding: 0 30px;
}
.logo-image {
  float: left;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	text-decoration:none;
	display:block;
	z-index:1;
	padding: 0px 0px 10px 10px;
	margin:0;
	color: #727489;
	font-size: 13px;
  font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:53px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#fd7900;
}
li.menu-item-has-children:after {
	color: #fff;
	content: ' ▾';
	position: absolute;
	top: 14px;
	right: 7px;
}
#main-menu ul li a{
  margin-right: 40px;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 45px;
	left: -9999em;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #090913;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
	background: #fd7900;
	color: #fff;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left: 0;
}
#main-menu a:hover, #main-menu ul li a:hover{
	color: #fff !important;
}
#main-menu ul li.current-menu-item > a, #main-menu ul li.current_page_item > a{
	color: #fff !important;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
  font-weight: 500;
}
.post-content p{
	color: #898d94;
}
.post-meta i{
	color: #fd7900;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #090913;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
	width: 100%;
	object-fit: cover;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-thumbnail img {
    height: 225px;
    object-fit: cover;
    width: 100%;
}

.related-post-thumbnail {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 15px;
}

.related-post-item h4.post-title {
    word-wrap: break-word;
}

/* ===============================================
   Slider
   ============================================= */

.blog_box p {
  color: #474e57;
  font-size: 20px;
}
.blog_inner_box img{
  height: 700px;
  object-fit: cover;
}
.blog_inner_box{
	background: #090913;
  position: relative;
}
.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55%;
  left: 15%;
}
.blog_box h3 {
  font-size: 45px;
  color: #fff;
}
.blog_inner_box h6 {
	color: #fd7900;
	font-size: 16px;
  font-weight: normal;
}
p.slider-button a {
  background: #fd7900;
  padding: 12px 25px;
  color: #fff;
  font-size: 15px;
  border-radius: 5px;
  font-weight: 500;
}
p.slider-button a:hover{
	background: #fff;
	color: #fd7900;
}
.slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.slider button.owl-prev,.slider button.owl-next {
  color: #fff !important;
  letter-spacing: 5px;
	position: absolute;
}
.slider button.owl-prev i, .slider button.owl-next i {
  padding: 15px;
  border: solid 2px #fff;
  border-radius: 50%;
  color: #fd7900;
}
.slider button.owl-prev i:hover, .slider button.owl-next i:hover{
	background: #fd7900;
	border-color: #fd7900;
	color: #fff;
}
.slider button.owl-prev{
  left: 50px;
}
.slider button.owl-next{
	right: 50px;
}

/* ===============================================
   Latest Games
  ============================================= */

#latest_game h5{
	color: #fe7900;
	font-weight: 600;
	font-size: 18px;
}
#latest_game h3{
	color: #090a14;
	font-weight: 800;
}
#latest_game .product-btn{
	padding: 10px 15px;
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	border: 1px solid #ededed;
	width: 100%;
	text-align: left;
}
#latest_game .product-cat{
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	border: 1px solid #ededed;
	list-style: none;
	position: absolute;
	width: 93%;
	z-index: 999;
	text-align: left;
}
#latest_game .product-btn i,#latest_game li.drp_dwn_menu i {
  text-align: right;
  float: right;
  margin: 3px 0;
}
#latest_game li.drp_dwn_menu {
  border-bottom: 1px solid #ededed;
  padding: 14px;
}
#latest_game li.drp_dwn_menu:hover{
	background: #fe7900;
}
#latest_game li.drp_dwn_menu:hover a,#latest_game li.drp_dwn_menu:hover i{
	color: #fff;
}
#latest_game li.drp_dwn_menu a{
	color: #727489;
}
#latest_game input.search-field{
	padding: 10px 15px;
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	border: 1px solid #ededed;
}
#latest_game input.search-field::placeholder{
	color: #727489;
}
#latest_game button.search-button{
	padding: 10px 15px;
	border-radius: 6px;
	background: #f5f5f5;
	color: #727489;
	border: 1px solid #ededed;
	cursor: pointer;
}
#latest_game img{
	border-radius: 6px;
	width: 100%;
}
#latest_game h4.product-text{
	color: #090a14;
	font-size: 18px;
	font-weight: 600;
	float: left;
}
#latest_game h4 a:hover{
	color: #fe7900;
}
#latest_game .button2{
  display: inline-block;
  padding: 10px 20px;
  margin: 30px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: #fe7900;
  font-weight: 400;
  font-size: 14px;
}
#latest_game .button2,
#latest_game .button2::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#latest_game .button2::before,
#latest_game .button2::after{
	background: #fe7900;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#latest_game .button2:hover{
  color: #fff;
  background: #090a14;
}
#latest_game .button2::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}
#latest_game .button2:hover:after{
  width: 100%;
}
#latest_game .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #fdce38;
}
#latest_game .star-rating::before {
  content: "\73\73\73\73\73";
  color: #ffab18;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#latest_game .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#latest_game .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#latest_game .cart-button {
	margin: 10px 0;
  float: right;
  display: inline-block;
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
#latest_game .icon {
  background: #f5f5f5;
  width: 45px;
	height: 45px;
	padding: 12px;
	border-radius: 6px;
	color: #fe7900;
  border: 1px solid #cbcdcd;
  text-align:center;
  position: relative;
  left: 50%;
   -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
   cursor: pointer;
}
#latest_game .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
  color:#fe7900;
  background: #f5f5f5;
  font-weight: 600;
  position:absolute;
  transform: translateY(-15px);
  bottom:0;
  right:-50px;
  width: 100px;
  left: -75px;
  padding:10px 10px;
  z-index:-1;
  font-size:14px;
  border-radius:6px;
  visibility:hidden;
  opacity:0;
  -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#latest_game .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:before {
  content:'';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cbcdcd;
  position:absolute;
  bottom:-5px;
  left:50px;
}
#latest_game .tab-product:hover .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  bottom:55px;
  visibility:visible;
  opacity:1;
  width: 100px;
}
#latest_game .icon::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07a";
}
#latest_game .icon:before{
  z-index: 99;
  position: relative;
}
#latest_game a.added_to_cart.wc-forward{
	position: absolute;
	transform: translateY(-30%);
	bottom: 59px;
	width: 100px;
	padding: 10px;
	background: #f5f5f5;
	color: #fe7900;
	font-weight: 600;
	right: 135px;
	border-radius: 6px;
	font-size: 14px;
}
#latest_game a.added_to_cart.wc-forward:before {
  content:'';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cbcdcd;
  position:absolute;
  bottom:-5px;
  left:50px;
}
#latest_game figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
	border-radius: 10px;
}
#latest_game figure:hover+span{
	opacity: 1;
}
#latest_game figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: auto;
}
#latest_game .product-image:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.gaming-lite-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.gaming-lite-pagination a span,
.gaming-lite-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.gaming-lite-pagination span.current,
.gaming-lite-pagination span.current:hover,
.gaming-lite-pagination span.current:focus,
.gaming-lite-pagination a span:hover,
.gaming-lite-pagination a span:focus {
	background: #fd7900;
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #090913;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #fd7900;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #fd7900;
  padding: 5px 15px;
  color: #fff;
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
	float: none;
	background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
	color: #2f3235;
}
ol.wp-block-latest-comments{
	padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
    margin-bottom: 0;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

   .bread_crumb a:hover{
    color:#fd7900;
  }
  .bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
  }
  .bread_crumb span {
    color: #fd7900 ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
  }
  .bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 65%;
  }

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 4px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  background: #fd7900;
  border-left: solid 5px #33302d;
}
.footer-area h4.title, .footer-area h1.wp-block-heading,  
.footer-area h2.wp-block-heading,  
.footer-area h3.wp-block-heading,  
.footer-area h4.wp-block-heading,  
.footer-area h5.wp-block-heading,  
.footer-area h6.wp-block-heading,
.footer-area .wp-block-search__label{
	background: none !important;
	border-left: none;
}
footer .wp-block-search__label, footer .sidebar-area h1.wp-block-heading, footer .sidebar-area h2.wp-block-heading, footer .sidebar-area h3.wp-block-heading, footer .sidebar-area h4.wp-block-heading, footer .sidebar-area h5.wp-block-heading, footer .sidebar-area h6.wp-block-heading{
	background: none !important;
	border-left: none !important;
  padding: 20px 0px !important;
  color: #fff !important;
  font-size: 25px !important; 
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}
footer .sidebar-area form {
	padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: #fd7900;
}

.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: #fd7900;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #090913;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #090913;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
.searchform label {
	display: block;
}
.searchform input[type=text], .sidebar-area .wp-block-search__input {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit], .sidebar-area .wp-block-search__button {
	background: #fd7900;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#fd7900;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer {
	background: #090913;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

.wp-block-group__inner-container h2 {
    color: #fff;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}

.footer-area ul {
  padding: 0;
}

.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
  border: none;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}

.scroll-up a:hover{
	background: #090a14;
	color:#fff;
}

.scroll-up a {
	background: #fd7900;
	color:#ffffff;
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}

.copy-text a:hover {
    color: #fff;
}

/*===============================================
   Footer Social Icons
=============================================== */

.copy-text a.social-links {
    margin-left: 10px;
    text-decoration: none;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #fd7900 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*--------------------------------*/
.loader-main {
    top: 10px;
    position: relative;
    left: -70px;
}
.triangle35b {
  position:absolute;
  transform-origin:bottom center;
  left:50%;
  top:50%;
  margin: 0 auto;
  width:110px;
  height:55px;
  clip-path:polygon(0% 0%,100% 0%,50% 100%);
  animation:animTriangle35b 3s linear infinite;
}
@keyframes animTriangle35b {
  0%,14% { transform:rotate(calc(0deg + var(--angle))); }
  25%,39% { transform:rotate(calc(90deg + var(--angle))); }
  50%,64% { transform:rotate(calc(180deg + var(--angle))); }
  75%,89% { transform:rotate(calc(270deg + var(--angle))); }
  100% { transform:rotate(calc(360deg + var(--angle))); }
}
.triangle35b:nth-child(1) {
  --angle:0deg;
  background:#fd7900;
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:#fd7900;
}

/* ===============================================
   sticky header
   =============================================== */

   .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
}
   .admin-bar .sticky-header.fixed-header {
    margin-top: 32px;
}


/* ===============================================
   STICKY POST
   =============================================== */

.post-box.sticky {
  background: #eee;
  border: none;
  box-shadow: 2px 2px 10px 2px #ccc;
}

/* ===============================================
   Feature Header Image
   =============================================== */

.feature-header{
  position: relative;
  background-color: #000;
}

.feature-header img {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    opacity: 0.9;
}
h1.post-title.feature-header-title{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    word-break: break-all;
}
