/*
Theme Name: The WP Business
Theme URI: https://www.themesglance.com/products/wp-business-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: WP Business is a versatile, fully responsive, and mobile-friendly theme designed for business owners, consulting firms, corporate organizations, marketing agencies, startups, digital agencies, and professional service providers looking to build a strong online presence. Ideal for creating business portfolios, landing pages, corporate websites, eCommerce stores, financial service platforms, and lead generation sites, it caters to a wide range of industries including hotels, tours, hospitals, retail, and large-scale corporations. Built with secure and clean Bootstrap-based code, this theme ensures a smooth user experience even for beginners without coding knowledge while staying compatible with the latest platform updates. Its SEO-optimized structure and cross-browser compatibility help boost search engine rankings and improve visibility across multiple channels, while seamless social media integration enhances marketing efforts. With extensive customization options, fast loading performance, multipurpose shortcodes, testimonial sections, and engaging banners with strong Call-to-Action (CTA) buttons, WP Business empowers every agency and enterprise to create impactful digital experiences and establish a professional and credible brand identity online. Demo: https://preview.themesglance.com/wp-business/
Requires at least: 5.0
Version: 2.4.1
Tested up to: 7.0
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: the-wp-business
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, featured-image-header, footer-widgets, sticky-post, full-width-template, post-formats, theme-options, translation-ready, threaded-comments, rtl-language-support, blog, e-commerce, portfolio

The WP Business WordPress Theme has been created by Themesglance(themesglance.com), 2017.
The WP Business WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */
*{
	margin:0;
	padding:0;
}
:root {
  --primary-color: #1e7600;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	color:#5b5b5b;
	font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1, h2, h3, h4, h5, h6{
	margin: 15px 0 0;
	padding:10px 0;
	font-family: Montserrat;
	color: #000;
	font-weight: bold;
}
p{
  margin: 0 ;
  padding: 0;
  font-size: 15px;
  color: #666;
  line-height: 1.7;	
}
a, code{
	text-decoration:none;
	color:var(--primary-color);
}
a:hover{
	text-decoration:none;
	color:#666;
}
a:focus, a:hover{
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, button:focus{
  outline: 2px solid #000;
}
ul{
	margin:0 0 0 15px;
	padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select{
  width: 100%;
  padding: 8px 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
  clear:both;
}

/* 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;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 99999;
  right: 0;
  margin: 0;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
input[type="text"], input[type="email"], input[type="phno"], textarea{
	border:1px solid #bcbcbc;
	width: 100%;
	font-size:16px;
	padding:10px 10px;
	margin:0 0 23px 0;
	height:auto;
}

input[type="submit"] {
	border: none;
	text-align:center;
	text-transform:uppercase;
	font-size:15px;
	padding:7px 35px;
	background:var(--primary-color);
	font-weight:bold;
	color: #fff;
	display:table;
	margin: 0;
}
table, th, td {
	border: 1px solid #d1d1d1;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th, td {
	padding: 0.4375em;
}
.bypostauthor{
  padding: 0;
  margin: 0;
}
/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}
.widget_calendar td, .widget_calendar th,.wp-block-calendar td,.wp-block-calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}
.widget_calendar caption {
	font-weight: 500;
  margin-bottom: 1.75em;
  padding-left: 15px;
}
.widget_calendar tbody a {
	background-color: #54a85d;
	color: #fff;
	display: block;
	font-weight: 700;
}
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}
span.page-links-title {
	clear: both;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  font-weight: bold;
  padding: 15px;
}
span.page-number {
  padding: 10px 15px;
}
span.page-number,span.page-links-title{
	display: block;
  float: left;
  margin: 2px 2px 2px 0;
	text-decoration: none;
  width: auto;
  color: #fff;
  font-weight: bold;
  background: #11b292;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	border-radius: 3px;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 5px var(--primary-color);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	  color: #000 !important;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*wide block*/
.alignwide {
  margin-left  : -70px;
  margin-right : -70px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 

/* ---------Buttons--------- */
a.button{
	background: var(--primary-color);
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
}

/*-------- Single post Header Image --------*/
.page-header {
  padding: 8%;
}
.page-header h1{
  display: block;
  font-size: 35px;
  color: #000;
  font-weight: bold;
}
/*single post cat*/
.post-categories li ,.single-post ul{
  display: inline-block;
}
.post-categories li a{
  margin-right: 8px;
  margin-bottom: 8px;
  background-color:var(--primary-color);
  padding: 8px 10px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.feature-box.single-feature-img img{
  height: 480px;
  width: 500px;
  object-fit: cover;
  transition:0.5s ease;
}
.feature-box.single-post-img:hover img{
    transform:scale(1.05);
}
/* single post navigation */
.nav-links .nav-previous .nav-title::before,.nav-links .nav-next .nav-title::before {
  content: ":";
  margin-right: 4px;
}
.nav-links .nav-previous .nav-title,.nav-links .nav-next .nav-title {
  font-size: 14px;
}
.nav-links .nav-previous, .nav-links .nav-next{
  display: flex;
  width: 45%;
}
.nav-links .nav-previous a, .nav-links .nav-next a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: inline;
}
.nav-menu ul{
  margin:0;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold; 
}
.nav-menu li{
  display:inline-block;
  position:relative;
}
.nav-menu a{
  color: #fff;
  padding: 10px 25px 10px 10px;
  display:block;
}
.nav-menu ul li a:active{
  color:var(--primary-color);
}
.nav-menu  ul li li a:focus, #footer a:focus, #footer input:focus{
	outline: 2px solid #fff;
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  background: #252525;
  min-width: 215px;
  z-index: 9999;
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: #fff;
  padding: 10px;
  background: #000;
  border-bottom: 1px solid #333;
}
.nav-menu ul ul a:hover{
  color: var(--primary-color);
  border-left: 4px solid var(--primary-color);
}
.nav-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: absolute;
  right: 8px;
  top: 3px;
  font-size: 18px;
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
  border-top-color: #e1e1e1;
}
.toggle-menu, a.closebtn{
  display: none;
}

/*----- PRELOADING -------- */
#overlayer {
  width: 100%;
  height:100%;  
  position:fixed;
  top:0;
  z-index:999999;
  background:#fff;
}
.tg-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:999999;
  border: 4px solid #333;
  top: 50%;
  left: 50%;
  animation: loader 2s infinite ease;
}
.tg-loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #333;
  animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
.elementor-html .tg-loader, .elementor-html #overlayer, .elementor-html .preloader{
  display: none;
}
@-webkit-keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

/* Styles */
.preloader {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #fff;
}
.preloader .preloader-container {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: auto;
  position: absolute;
  top: 44%;
  left: 0;
  position: relative;
}
.preloader .preloader-container .animated-preloader {
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  border-radius: 50em;
}
.preloader .preloader-container .animated-preloader:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50em;
  background: white;
  -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
  -ms-animation: preloader-inside-white 1s ease-in-out infinite;
  animation: preloader-inside-white 1s ease-in-out infinite;
}
.preloader .preloader-container .animated-preloader:before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 50em;
  background: #333;
  -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
  -ms-animation: preloader-inside-red 1s ease-in-out infinite;
  animation: preloader-inside-red 1s ease-in-out infinite;
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; 
  left:0;
  margin:0 !important;
  width: 100%;
  background: var(--primary-color);
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 99999;
}
.admin-bar .fixed-header{
  margin-top: 32px !important;
}
	
/* ---------HEADER--------- */
.page-template-custom-front-page #header{
	position: absolute;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
}
.page-template-custom-front-page #header .header-top{
	border: none;
}
#header .header-top {
  background: var(--primary-color);
  color: #fff;
  border-bottom: 2px solid;
}
#header .header-top a, #header .the_wp_business a, #footer .textwidget a, nav.woocommerce-MyAccount-navigation ul li a, #footer a.rsswidget, .copyright a, #footer .tagcloud a, .tags a:hover i{
	color: #fff;
}
span.call, span.email_corporate {
  font-size: 14px;
}
.social-media i {
  font-size: 16px;
  color: #fff;
}
#header .the_wp_business h1, #header .the_wp_business p.site-title{
	text-transform:uppercase;
	font-size:25px;
	font-weight:bold;
  line-height: 1.3;
  font-family: Montserrat;
}
#header .the_wp_business p{
	font-size:12px;
	color: #fff;
}
#header{
	z-index:999;
	width: 100%;
	background-color:var(--primary-color);
}
.search-field{
  width: 100%;
  padding: 4%;
}
form.search-form {
  text-align: center;
}
input[type="search"] {
  border: solid 1px #bbb;
  padding: 0px 0px 10px 9px;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
}
.footerinner ul li a {
  color: #fff;
  font-size: 15px;
}
.footerinner ul li a:hover{
  color: var(--primary-color);
}
.search-box {
	padding: 3px;
}
.page-template-custom-front-page .search-box span i {
  color: #fff;
  background: var(--primary-color);
}
.search-box span i {
  color: var(--primary-color);
  font-size: 15px;
  padding: 14px;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.serach_inner form.search-form label{
	width: 78%;
	float: left;
}
.serach_inner form.search-form input[type="submit"]{
	float: right;
	margin: 0;
}
.page-template-custom-front-page .testbutton a {
  border:none;
}
.testbutton a {
  background: var(--primary-color);
  color: #fff;
  padding: 12px 20px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  border:2px solid;
  display: inline-block;
}
.wrap input[type="search"]::placeholder{
  background: #fff;
}
.wrap input[type="search"] {
  height: 45px;
  font-size: 15px;
  font-weight: 100;
  border: none;
  color: #000;
  padding: 0;
  padding-right: 60px;
  width: 0;
  position: absolute;
  top: 4px;
  right: 0;
  background: none;
  z-index: 9999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}
.wrap {
  display: inline-block;
  position: relative;
  border:none !important;
  padding: 8px 30px !important;
}
.wrap label, #wethink img, #content .container, span.woocommerce-input-wrapper, iframe, .entry-audio audio{
  width: 100%;
}
.wrap:focus input[type="search"], .wrap input[type="search"]:focus {
  width: 230px;
  z-index: 999;
  cursor: text;
  padding-right: 0;
  top: -10px;
  right: 58px;
  border: 2px solid #000;
  padding:10px;
  background: #fff;
}
.page-template-custom-front-page .wrap{
	background: none !important;
}
.page-template-custom-front-page .wrap input[type="submit"]{
	border:none;
	padding: 12px;
	background: url(images/search.png) no-repeat 14px center var(--primary-color);
}
.wrap input[type="submit"], .page-template-custom-front-page .toggle-menu .wrap input[type="submit"] {
  width: 50px;
  display: inline-block;
  float: right;
  padding:  10px;
  background: url(images/search.png) no-repeat 12px center;
  text-indent: -10000px;
  position: absolute;
  top: -12px;
  right: 4px;
  z-index: 2;
  cursor: pointer;
  border-radius: 5px;
  border:2px solid;
  transition: opacity .4s ease;
}
button.search-submit {
	border: 0;
	background: transparent;
}
form.search-form label{
	float: left;
	margin: 0;
}
input.search-field {
	padding: 5px;
	background: transparent;
	width: 95%;
}
/* ---------wethink--------- */
#wethink h2 {
  color: #222222;
  font-size: 30px;
  text-transform: none;
  font-weight: 700;
  letter-spacing: 1px;
}
#wethink p {
  font-size: 15px;
  color: #666;
  line-height: 1.8;
}
.read-btn a{
  padding: 10px 15px;
}

/* Woocommerce CSS */
.woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins {
  text-decoration: none;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  padding-left: 15px !important;
}
.woocommerce-products-header h1.page-title{
  padding-left: 5px;
}
.woocommerce-account .addresses .u-column2 .title .edit,.woocommerce-account .addresses .u-column1 .title .edit{
  float: left;
}
.woocommerce .col-1, .woocommerce .col-2{
  max-width: 100%;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
  background: var(--primary-color);
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  background: #fff;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  padding: 10px;
  margin-right: 10px;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb{
	color: #000;
}
.woocommerce .panel{
	padding: 15px !important; 
}
li.product {
  background: #fff;
  padding: 5px;
  text-align:  center;
}
li.product:hover {
  box-shadow: 0 0 20px 5px #bbb;
}
#content {
  padding-top: 4%;
}
.woocommerce a{
	text-decoration: none;
}
h2.woocommerce-loop-product__title {
  text-align: center;
  font-size: 22px !important;
  font-weight: bold;
  color: var(--primary-color);
  padding-bottom: 0 !important;
}
span.price {
  text-align: center;
  margin-top: 3%;
}
.woocommerce ul.products li.product .price {
  font-size: 16px;
  margin: 10px 0;
  color: #000;
}
.woocommerce-notices-wrapper a.button.wc-forward{
  background: var(--primary-color);
  opacity: 1;
  color: #fff !important;
  padding: 10px 12px !important;
  text-decoration: none;
}
.woocommerce a.button, .woocommerce a.added_to_cart {
  padding: 12px 20px !important;
  color: #fff !important;
  text-align: center;
  background: var(--primary-color);
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0px 4px 0px 0px #164c04;
}
.woocommerce a.added_to_cart {
  margin: 5px 0 0 5px;
  font-weight: 700;
  padding: 6px 20px !important;
}
.woocommerce ul.products li.product .button{
	margin-bottom: 1em;
}
.woocommerce select.orderby {
  padding: 10px;
  border: solid 2px var(--primary-color);
  background: #fff;
  color: var(--primary-color);
}
p.woocommerce-result-count {
  font-size: 17px;
  color: var(--primary-color);
}
h1.woocommerce-products-header__title {
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 1px;
  color: var(--primary-color);
}
.woocommerce div.product .product_title {
  color: var(--primary-color);
  font-weight: bold;
}
.woocommerce div.product p.price {
  color: #000;
  font-weight: bold;
}
.woocommerce .quantity .qty {
  text-align: center;
  padding: 5px;
  border: solid 2px #bbb;
  color: #000;
}
.woocommerce div.product form.cart div.quantity {
  width: 20%;
  margin: 0 15px 4% 0;
}
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt {
  background: var(--primary-color);
  padding: 12px 30px;
  font-size: 15px;
  letter-spacing: 1px;
  color: #fff !important;
  border-radius: 4px;
  box-shadow: 0px 4px 0px 0px #164c04;
}
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover {
  background: #bbb;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 23%;
  margin: 1%;
}
.woocommerce-product-details__short-description p {
  font-size: 15px;
  color: #000;
}
.woocommerce span.onsale {
  background-color: var(--primary-color);
  font-size: 15px;
  padding: 0;
}
.woocommerce ul.products li.product .star-rating{
  font-size: 15px;
}
.woocommerce .star-rating span::before{
  color: #ffd400;
}
span.posted_in {
  display: block;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
  background: var(--primary-color);
  color: #fff !important;
}
.woocommerce form .form-row .required {
  color: #df0000;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--primary-color);
  padding: 12px;
  margin-bottom: 10px;
  margin-left: -9px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  text-decoration: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background: var(--primary-color);
  color: #fff;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover{
	background: #000;
	color: #fff;
	box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.7);
}
.woocommerce ul.products li.product .star-rating{
  margin: 5px auto 10px;
  font-size: 15px;
}
.related.products ul.products li.product{
  width: 29%;
  float: none;
  display: inline-table;
}
.select2-container--default .select2-selection--single{
  height: 45px;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 7px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text{
  padding: 10px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce  form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce ul.products li.product a img, .woocommerce ul.products li.product .button{
  margin: 0;
}
#sidebar .woocommerce-product-search input[type="search"], #footer .woocommerce-product-search input[type="search"]{
  padding: 10px;
  width: 100%;
  border: 1px solid;
  margin: 0;
}
.woocommerce-product-search button{
  width: 100%;
  padding: 10px;
  background: var(--primary-color);
  border:0;
  font-size: 15px;
  color: #fff;
  margin-top: 6px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: var(--primary-color);
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}
.woocommerce #sidebar{
  margin: 5% 0 !important;
}
.woocommerce-breadcrumb{
  margin-top: 4% !important;
}
.woocommerce-shop .widget,.single-product .widget {
  padding: 10px;
}
/*------ Woocommerce widget css -----*/
#sidebar .woocommerce .widget_shopping_cart .cart_list li, #sidebar .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
  margin-bottom: 10px;
  background: none;
}
.woocommerce.widget_shopping_cart .cart_list li{
  padding-bottom: 10px;
}
.woocommerce.widget_shopping_cart p{
  margin: 0;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 5px 0 5px;
  font-size: 14px;
  width: 5.5em;
}
/* Added Woocommerce css*/
.wp-block-woocommerce-cart.alignwide{
  margin-left: auto;
  margin-right: auto;
}
td.wc-block-cart-item__image{
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
tr.wc-block-cart-items__header th{
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name{
  color: #000;
  font-size: 20px;  
  font-weight: 600;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,.wc-block-components-totals-coupon__button.contained,button.wc-block-components-checkout-place-order-button{
  background: var(--primary-color);
  border-radius:8px;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  text-decoration: none;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
  padding-right: 0%;
}
button.wc-block-components-checkout-place-order-button:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color:#000;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
  padding: 10px;
}

li.wc-block-grid__product{
  border: 1px solid #dcdcdc;
  padding: 10px;
  max-width: 30.75% !important;
  float: left;
  margin: 0 3.8% 2.992em 0;
}
.wc-block-grid__product-onsale{
    padding: 5px 10px !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
    margin: -0.5em -0.5em 0 0 !important;
}
.wc-block-grid__product-title{
  font-size: 22px !important;
  color: #000 !important;
  font-weight: 600; 
}
a.wc-block-grid__product-link{
  text-decoration: none !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 12px;
  border-radius: 8px !important;
  font-size: 16px;
}
span.woocommerce-Price-amount.amount{
  font-size: 16px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
  width: 100% !important;
}
h2.wp-block-heading.has-text-align-center{
  margin: 10px 0;
}
span.price.wc-block-components-product-price{
  text-align: left;
}
/* Homepage */
.postbox a.blogbutton-small,.gridbox a.blogbutton-small {
  font-size: 15px;
  padding: 10px 15px;
  background: var(--primary-color);
  color: #fff;
}
.postbox h2 a,.gridbox h2 a{
	font-size: 25px;
	color: #000;
	font-weight: 600;
	background: none !important;
}
.yearwrap {
  background: var(--primary-color);
  opacity: 0.65;
}
.date-monthwrap {
  background: var(--primary-color);
}
.datebox {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.hovereffect img{
	display: inherit !important;
  position: relative;
  max-width: 100% !important;
  -webkit-transition: none !important; 
  transition: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}

/*------- Related Posts ------*/
.related-posts{
  border-top: 1px solid;
}
.related-posts h2.related-posts-main-title{
  font-size: 28px;
  color: #000;
  font-weight: 600;
  letter-spacing: 0;
}
.related-posts h3{
  font-size: 22px;
  font-weight: 600;
}
.related-posts h3 a{
  color: #000;
  background: none;
  font-size: unset;
}
.related-posts .post-info a {
  background: none;
}
.related-posts .post-info{
  font-size: 14px;
}

/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
  color: transparent;
  visibility: hidden;
  z-index: 3;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  background-color: var(--primary-color);
}
.back-to-top:hover, .back-to-top:focus {
  text-decoration: none;
}
.back-to-top::before, .back-to-top::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 0;
}
.back-to-top::before {
  top: -20px;
  z-index: 4;
  border-bottom: 20px solid var(--primary-color);
}
.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid #25333c;
}
.back-to-top:hover, .back-to-top:focus {
  height: 40px;
  color: #fff;
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
#footer{
	background:#25333c;
	color: #fff;
  clear:both;
}
#footer h3,#footer h2,#footer .wp-block-search__label{
	color: #fff;
	font-size:24px;
	border-bottom:2px solid var(--primary-color);
	font-weight: 600;
  margin-top: 0;
  width: 100%;
  margin-bottom: 10px;
}
#footer p{
	font-size:16px;
	margin: 0;
	color: #fff;
}
#footer input[type="text"]{
  width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"]{
  width: 100%;
	padding:6px 2%;
	float:right;
	border:none;
	background:var(--primary-color);
	margin:0;
}
#footer .searchform label {
  width: 100%;
  float: left;
}
#footer .search-field {
  width: 100%;
  background: #fff;
  margin: 0 0 10px;
  padding: 5px;
}
#footer .copyright{
	text-align:center;
}
#footer .copyright a i{
  padding: 0px 7px;
}
.inner{
  background: var(--primary-color);
  padding: 15px;
}

/* --------- Blog Page ------- */
.metabox{
	color:#000;
	clear:both;
	font-size: 15px;
}
.metabox i{
  margin-right: 5px;
}
.metabox a{
	background: none !important; 
	color: #000;
}
.datebox a{
	font-size: 18px;
  color: #fff;
}
.postbox.smallpostimage img{
  height: 400px;
  object-fit: cover;
}
.postbox.smallpostimage:hover{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.postbox.smallpostimage {
  position: relative;
}
.postbox.smallpostimage::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: scale(0);
  opacity: 0.1;
  background-color:#000;
  transition: transform 0.35s, border-radius 0.5s, opacity 0.9s;
  pointer-events: none; 
}
.postbox.smallpostimage:hover::before {
  transform: scale(1);
  border-radius: 0;
  opacity: 0;
}
.postbox h2 a{
  background-repeat: no-repeat!important;
  background-size: 0% 1px!important; 
  background-position: left 100%!important;
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%)!important;
  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1)!important;
}
.postbox h2:hover a{
  background-size: 100% 1px!important; 
  color: var(--primary-color)!important;
}
/* --------- 404 --------- */
.notfound h1{
  font-weight: bold;
  font-size: 60px;
}
.entry-title {
  font-size: 25px;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
}
/* --------- POST --------- */
.bradcrumbs a,.woocommerce-account .addresses .title .edit{
	background:var(--primary-color);
	color: #fff;
	padding:5px 15px;
	margin-right:5px;
  margin-bottom: 10px;
  display: inline-block;
}
.woocommerce-account .addresses .title .edit{
  float: none;
}
.bradcrumbs {
  margin: 10px 0 30px;
}
h1.search-title {
  border-bottom: 1px solid; 
}
.bradcrumbs a:hover{
	background:#222222;
}
.bradcrumbs span{
	background:var(--primary-color);
	color:#fff;
	padding: 10px 15px;
}

/* Comments BOX */
#comments p.comment-form-comment label{
  display: block;
}
#comments h2.comments-title{
	font-size: 22px;
  font-weight: bold;
  border-top: 2px dotted #7e7e7e;
  padding: 25px 0;
  text-transform: capitalize;
}
#comments h3.comment-reply-title{
	font-size:20px;
	font-weight:bold;
}
#comments input[type="text"], #comments input[type="email"], #comments textarea{
	padding:12px 10px;
	font-size:18px;
}
ol.comment-list li{
  margin: 10px 0 0px;
  padding: 0 0  0 10px;
}
ol.comment-list .comment-body{
	background: #f7f7f7;
	padding: 10px;
	margin-bottom:20px;
}
ol.comment-list li li{
	padding-left: 20px;
	padding-bottom:0;
}
.comment-author.vcard img {
  margin-right: 10px;
}
#comments input[type="submit"].submit{
	background:var(--primary-color)  ;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0 0;
	border:none;
}
#comments input[type="submit"].submit:hover{
	background: #000;
}
.comment-meta.commentmetadata {
    margin: 10px 0;
}
#comments .reply{
	text-align: right;
  margin: 10px 0;
}
#comments a.comment-reply-link{
	color: #fff;
	background:var(--primary-color);
	padding:5px 15px;
}
#comments a.comment-reply-link:hover{
	background:#000;
	color: #fff;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
.content-tg #comments ol.children li{
	list-style: none;
}
.content-tg #comments ol li{
	background:none;
	margin: 0 0 20px;
	padding: 20px;
	background:#eee;
}
.content-tg #comments ul{
	margin:0 0 0 40px;
}
.comments .reply{
	float:right;
}
.comments .comment-author{
	width: 100%;
	clear:both;
}
#comments .comment-metadata{
	width:90%;
	float:left;
}
#comments .comment-content{
	width:90%;
	float:left;
	margin-left:7%;
}
#comments p {
	float:none;
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
  object-fit: cover;
  height: 600px;
}
#slider .inner_carousel h1 {
	letter-spacing: 1px;
	color: #fff;
	font-size: 33px;
	font-weight: 800;
}
#slider .inner_carousel p {
  font-size: 15px;
  line-height: 1.6;
  padding: 0 7em;
  color: #fff;
}
#slider .inner_carousel {
  text-align: center;
}
#slider .carousel-caption {
	top: 55%;
	transform: translateY(-50%);
	left: 20%;
	right: 20%;
  padding: 0;
  bottom: auto;
}
.read-more a{
	font-size: 14px;
  padding: 13px 16px;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  background: var(--primary-color);
  color: #fff;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
  background: transparent;
  width: auto;
  height: auto;
  font-size: 25px;
  color: #fff;
}

/* Sidebar */
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar h3,#sidebar .wp-block-search__label,#sidebar .widget h2{
	text-transform:none;
	font-weight:bold;
	font-size:20px;
	background:var(--primary-color);
	color: #fff;
  width: 100%;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border:1px solid #d1d1d1;
	font-size:15px;
	color:#000;
	width: 100%;
}
#sidebar form.search-form label{
	width:65%;
	float:left;
}
#sidebar input[type="submit"]{
	background:var(--primary-color);
	border:none;
	color: #fff;
	padding: 10px 0px;
	width:33%;
	font-size:14px;
	float:right;
	margin:0;
}
#sidebar aside, .postbox,.gridbox {
	border: 1px solid #c7c7c7;
}
#sidebar ul {
  list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li{
	background:url('images/bullets-sidebar.png') no-repeat 0 7px;
	margin:0 0 15px 10px;
	padding:0 0 0 20px;
}
#sidebar ul li li{
	padding-left: 0;
	margin: 0;
}
#sidebar ul li li a{
	padding-left: 20px;
}
#sidebar ul li a{
	color:#000;
}
#sidebar ul li a:hover{
	color:var(--primary-color);
}
#sidebar .tagcloud a, #footer .tagcloud a,.wp-block-tag-cloud a{
	color:#666;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	border:1px solid;
	display:inline-block;
  text-decoration: none!important;
}
#footer .tagcloud a,#footer .wp-block-tag-cloud a{
  color: #fff;
}
#sidebar .tagcloud a:hover, #footer .tagcloud a:hover,.wp-block-tag-cloud a:hover{
	background: var(--primary-color);
	color: #fff;
	border-color: var(--primary-color);
}
#sidebar ul li a {
  display: inline-block; 
  transition: padding-left 0.3s ease;
}
#sidebar ul li a:hover,#sidebar ol li a:hover{
  padding-left: 8px; 
  color: var(--primary-color);
}
#sidebar ol.wp-block-latest-comments {
  padding-left: 0px !important;
}
/* About Us Widget */
#sidebar .widget{
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #c7c7c7;
  box-shadow: 0 0 15px 3px #bbb;
}
#footer .widget{
  padding: 22px 0;
}
#footer .widget form.search-form label {
  width: 100%;
}
#sidebar .widget h3,#sidebar .wp-block-search__label,#sidebar .widget h2{
  text-align: center;
  margin: 0 0 10px;
}
#sidebar .wp-block-search__label{
  line-height: 2;
}
#sidebar .widget p, #footer .custom_title{
  margin-bottom: 10px;
}
#footer p.custom_author, #sidebar p.custom_author {
  font-size: 20px;
  font-weight: 700;
}
#footer p.custom_designation, #sidebar p.custom_designation{
  font-size: 16px;
  font-weight: 600;
}
#footer p.custom_desc, #sidebar p.custom_desc{
  font-size: 15px;
}
.social-links i{
  color: var(--primary-color);
}
.more-button a {
  background: var(--primary-color);
  color: #fff;
  display: inline-block;
  line-height: 1.5;
  font-weight: 500;
}

/* Page */
.title-box{
	color: var(--primary-color);
  font-weight: bolder;
  text-transform: uppercase;
}
.title-box h1 {
  font-weight: 700;
  font-size: 30px;
}
.entry-content li {
  margin-bottom: 10px;
  font-size: 15px;
}
.entry-content a, .comment p a, #footer .textwidget p a, #sidebar .textwidget p a, .woocommerce-product-details__short-description p a,.price ins{
  text-decoration: underline;
}
.entry-content ul{
	margin-top: 10px;
}
.content-tg ul{
	margin:0 0 0 10px;
	font-size:16px;
}
.content-tg ul li{
	line-height:25px;
}
.content-tg ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
.content-tg ol li{
	padding:0 0 0 0;
}
#respond{
  border-top: 1px solid #121619;
}
/*block css*/
.middle-align .alignfull,.middle-align .alignwide,.middle-align .aligncenter{
  margin-left: 0;
  margin-right: 0; 
  margin-bottom: 20px; 
}
.middle-align .alignleft{
  margin-right: 10px;
}

.middle-align .wp-block-button a{
  color: #fff;
  background: var(--primary-color);
  border-radius: 30px;
  text-decoration: none !important;
}
.middle-align .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.middle-align .wp-block-button a:hover{
  background: #000 ;
  color: #fff ;
  border: 1px solid #000;
}
/*new block css*/
.alignfull img,.wp-calendar-table{
  width: 100%;
}
.wp-block-button.is-style-outline a{
  background-color: transparent !important;  
  color: #000 !important;
  box-shadow: none;
}
.wp-block-button.is-style-outline a:hover{
  color: #000 !important;
  background: transparent;
  border: 2px solid #000 !important;
}
.alignright{
  float: right;
}
.wp-block-search__button{
  background: var(--primary-color);
  color: #fff;
  margin-left: 0px;
}
#footer .wp-block-search__input{
  width: 30%;
}
.wp-block-calendar{
  text-align: left;
}
#menu-testing-menu ul,#menu-testing-menu-2 ul,#menu-testing-menu-1 ul{
  display: block;
}
.wp-block-latest-comments__comment{
  display: flex;
}
.widget_recent_comments ol{
  padding-left: 1rem;
}
.widget_recent_comments .wp-block-latest-comments__comment-meta{
  margin-left: 1em !important;
}
.widget_calendar td#today,.wp-block-calendar td#today{
  background: var(--primary-color);
  color: #fff;
}
.footerinner .widget_calendar td{
  color: #fff;
}
/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	font-weight:bold;
} 
.pagination span, .pagination a {
	display:block;
  float:left;
  margin: 2px 6px 10px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color: #fff;
  background: var(--primary-color) ;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.pagination a:hover, .page-links a span:hover,span.page-links-title{
	color: #fff;
  background: var(--primary-color);
}
.pagination .current, .page-links .current .page-number{
	padding:10px 15px;
  background: var(--primary-color);
  color: #fff;
	font-weight:normal;
}
.page-links a span{
  background-color: #000;
}

/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a{
  color: #fff;
  background: var(--primary-color);
  font-size: 16px;
  font-weight: 600;
  padding: 6px 10px;
}
.navigation .nav-previous a::before {
  content: "\f100";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 7 Free';
  font-size: 16px;
  margin: 0 8px 0 0;
  font-weight: 900;
}
.navigation .nav-next a::after {
  content: "\f101";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 7 Free';
  font-size: 16px;
  margin: 0 0 0 8px; 
  font-weight: 900;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0 20px;
}
.nav-next{
	float: left;
	width: 50%;
	text-align: right;
	margin: 15px 0;
}
span.post-title {
  font-size: 16px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: var(--primary-color);
}
.tags a {
  font-size: 15px;
  color: #666;
  display: inline-block;
  border:1px solid;
}
.tags a:hover{
	background: var(--primary-color);
	color: #fff;
	border-color:var(--primary-color);
}
.tags a i{
	font-size: 12px;
	color: var(--primary-color);
}

/* ------------Responsive ------------*/

@media (min-width: 992px) { /* Large screens and above */
  .custom-width1 {
    width: 41.66666667% !important;
  }
  .custom-width2{
    width: 58.33333333% !important;
  }
}


@media screen and (max-width: 1024px) and (min-width: 1000px){
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  .woocommerce-account .addresses .title h3{
  font-size: 24px;
  }
}
@media screen and (max-width: 1000px){
  .fixed-header{
    position: static;
    background: none;
  }
  .nav-menu .nav ul li a:focus, a.closebtn.responsive-menu:focus, .toggle-menu button:focus, .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 2px solid #fff;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    cursor: pointer;
    z-index: 9999;
    background: #000;
    font-size: 20px;
    border-bottom: 1px solid #333;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
    width: 75%;
    text-align: left;
  }
  .side-nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    visibility: hidden;
    right: 0;
    overflow-y: scroll;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 60px;
  }
  body.show-main-menu .side-nav{
    visibility: visible;
    top: 63px;
    transition: 0.5s top ease-in-out;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    font-size: 18px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .search-box{
    display: none;
  }
  .toggle-menu, .toggle-menu .search-box{
    display: block;
  }
  .nav-menu .nav ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #ffffff;
    border: none;
    border-bottom: 1px solid #333;
    background: none !important;
  }
  .sf-arrows .sf-with-ul:after{
    right: 20px;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #333;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav-menu .current_page_item > a, .nav-menu .current-menu-item > a, .nav-menu .current_page_ancestor > a {
    color: var(--primary-color);
  }
  .nav ul li ul li a:before{
    content:"__";
    padding-right: 10px;
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .nav-menu ul ul{
    position: static;
    width: 100%;
    background: none;
  }
  .nav-menu li{
    display: block;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  .nav-menu ul li a:hover{
    color: var(--primary-color);
    border-left: 4px solid var(--primary-color);
  }
  .page-template-custom-front-page #header{
    position: static;
    background: var(--primary-color);
  }
  .page-template-custom-front-page .testbutton a {
    border: 2px solid #fff;
  }
}
@media screen and (max-width: 767px){
  #slider .inner_carousel p{
    display: none;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
	}
  .alignwide{
    margin:0;
  }
  .datebox{
    display: inline-block;
  }
	#slider .inner_carousel h1{
		font-size: 20px;
    margin-bottom: 0.5rem !important;
	}
  .read-more a{
    padding: 10px 16px;
  }
  #slider .carousel-caption{
    top: 45%;
    left: 15%;
    right: 15%;
  }
	ol.children {
    margin: 0 !important;
	}
	ol.children img {
    width: 30px;
    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	.slider .inner_carousel h2, #slider .inner_carousel p{
		display: none;
	}
	.page-template-custom-front-page #header{
		position: static;
    background: var(--primary-color);
	}
  .wrap:focus input[type="search"], .wrap input[type="search"]:focus{
    width: 200px;
  }
  .page-template-custom-front-page #header .header-top{
    border-bottom: 2px solid;
  }
  .page-template-custom-front-page .testbutton a{
    border:2px solid;
  }
  .post-categories{
    margin-top: 10px !important;
    margin-left: 0 !important;
  }
  #comments .comment-list{
    margin-bottom: 7rem;
  }
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total{
      padding-left: 0px !important;
  }
  li.wc-block-grid__product{
      max-width:100% !important;
      float:none;
      flex: 100% !important;
  }
  ul.wc-block-grid__products{
    padding: 10px;
  }
  #slider img{
    height: 200px !important;
  }
}
@media screen and (max-width: 1000px) and (min-width: 721px){
  #slider img{
    height: 400px !important;
  }
}
@media screen and (max-width: 767px) {
  .footerinner .footer-block p,.footerinner .footer-block ul li,.footerinner .footer-block h3{
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 720px){
  .page-template-custom-front-page #header{
    position: static;
    background: var(--primary-color);
  }
  .page-template-custom-front-page .testbutton a{
    border: 2px solid #fff;
  }
  .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
	.testbutton a {
  	padding: 12px;
	}
	#slider .carousel-caption{
		top: 50%;
	}
  .related.products ul.products li.product{
    width: 48%;
  }
  .middle-align .alignleft{
    max-width: unset;
  }
  #footer .wp-block-search__input,#footer  .wp-block-search__button{
    width: 100%;
    margin-bottom: 10px;
  }
  #footer .wp-block-search__inside-wrapper,#sidebar .wp-block-search__inside-wrapper,.wp-block-latest-comments__comment{
    display: block;
  }
  #sidebar .wp-block-search__button,#sidebar form.search-form label,#sidebar input[type="submit"]{
    width: 100%;
  }
  #sidebar input[type="search"]{
    margin-bottom: 5px;
  }
  .wp-block-search__button,#sidebar input[type="search"]{
    margin-left: 0px ;

  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  li.wc-block-grid__product{
      max-width: 48% !important;
      float: left;
      clear: both;
      margin: 0 1% 2.992em;
      flex: 1 0 48% !important;
  }
  .postbox h2 a,.gridbox h2 a{
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
  #footer .search-field, #footer input[type="submit"],  #footer .wp-block-search__button,#footer .wp-block-search__input, 
  #sidebar .wp-block-search__button,#sidebar form.search-form label,#sidebar input[type="submit"],#sidebar input[type="search"]{
    width: 100%;
  }
   #footer .wp-block-search__input,#footer .search-field, #sidebar input[type="search"]{
    margin-bottom: 5px;
  }
  .wp-block-search__inside-wrapper{
    display: block;
  }
}
@media screen and (max-width: 991px){
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
      float: none;
      width: 100%;
    }
}
.copyright-wrapper .container {
  margin-bottom: 20px;
}
/* slider overlay css */
#slider .carousel-item {
    position: relative;
}
#slider .carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(0,0,0,0.75) 0%,
        rgba(0,0,0,0.35) 60% );
    z-index: 2;
}
.banner-wrapper {
    position: relative;
    display: inline-block;
}
.banner-image {
    display: block;
    width: 100%;
    height: auto;
}
/* Arrow Button Base */
.banner-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;       
    background: rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    padding: 12px 18px;
    font-size: 25px;
    cursor: pointer;
    border-radius: 50%;
    transition: 0.3s;
}
.carousel-control-prev,
.carousel-control-next {
    z-index: 9999 !important;   
    width: 60px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px;
    border-radius: 50%;
    background-size: 20px;
}
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.8);
}

/* banner css */
.carousel-caption {
    position: absolute;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10 !important;
}
.carousel-control-prev,
.carousel-control-next {
    z-index: 9999 !important;
    transform: translateY(-50%);
}
.carousel-control-prev { left: 20px; }
.carousel-control-next { right: 20px; }

/*---------Sticky Copyright---------*/
.copyright-fixed {
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  z-index: 999;
  transition: bottom 0.4s;
  box-shadow: 0px 0px 8px #000000;
}


/*--------- custom cursor --------------*/
.custom-cursor,
.custom-cursor-follower {
  position: fixed;
  width: 24px;
  height: 24px;
  background-color: var(--primary-color);
  opacity: 0.5;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.custom-cursor-follower {
  transform-origin: center;
  opacity: 0;
}

/* Cursor Active State */
.custom-cursor.active,
.custom-cursor-follower.active {
  transform: scale(1.5);
  opacity: 0.6;
}
