/*
Theme Name: Luxury Travel
Theme URI: https://www.themesglance.com/products/free-travel-agency-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Luxury Travel is a modern and versatile theme crafted for travel agencies, tour operators, adventure planners, and tourism businesses looking to highlight every kind of voyage, from serene seaside escapes to vibrant city explorations and thrilling yachting sports experiences. Ideal for travel guides, vacation planners, honeymoon packages, safari tours, lifestyle travel blogs, airlines, hotels, and photography-focused travel sites, this theme delivers a professional and engaging platform to present travel services, itineraries, packages, destinations, and client testimonials. Its responsive, mobile-friendly design, clean and optimized code, and cross-browser compatibility ensure fast loading speeds and a seamless user experience across all devices. With built-in customization options, integrated Call-to-Action (CTA) buttons, social media connectivity, and an SEO-optimized structure, it helps businesses attract more visitors, increase engagement, and improve search rankings. Featuring visually appealing layouts along with dedicated sections for testimonials and team showcases, Luxury Travel enables travel brands to present their services, curated packages, and unforgettable experiences in a compelling way while building a strong global online presence. 
Live Demo: https://preview.themesglance.com/luxury-travel-pro/
Requires at least: 5.0
Version: 1.4.8
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: luxury-travel
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, post-formats, sticky-post, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce
Luxury Travel WordPress Theme has been created by Themesglance(themesglance.com), 2017.
Luxury Travel WordPress Theme is released under the Terms of GNU GPL
*/

/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
:root {
  --primary-color: #00739d;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#fff;
	font-size: 15px;
	color:#333;
  overflow-x: hidden; 
	font-family: 'Open Sans', sans-serif;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:10px 0;
	font-family: Ubuntu;
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:16px;
	color: #333;
  line-height: 1.8;
}
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, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, select: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%;
}
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;
}
#respond{
	clear:both;
}
.bypostauthor{
	margin:0;
	padding:0;
}
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:18px;
	padding:7px 35px;
	background:var(--primary-color);
	font-weight:bold;
	color:#fff;
	display:table;
	margin: 0;
}
input[type="submit"]:hover{
	background:#222;
}
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;
}

/* 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;
}
#footer .widget_calendar caption, .widget_calendar a,#footer .widget_calendar td a, #footer .textwidget a, #footer a.rsswidget, .copyright a, #footer .tagcloud a, .tags a:hover i{
  color: #fff;
}
.widget_calendar caption {
  font-weight: 700;
  margin-bottom: 0;
  color: var(--primary-color);
  font-size: 20px;
  padding-bottom: 0;
}
.widget_calendar tbody a ,.wp-block-calendar td a{
	background-color: var(--primary-color);
	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;
}
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;
  -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;
}


/*wide block*/
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.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: 16px;
	font-weight:bold;
  display: inline-block;
}
a.button:hover{
  background: #000;
}

/*-------- Single post Header Image --------*/
.page-header {
  padding: 8%;
  margin-bottom: 20px;
}
.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-weight:400;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold; 
}
.nav-menu li{
  display:inline-block;
  position:relative;
}
.nav-menu a{
  color:#000;
  padding: 25px 15px;
  display:block;
}
.sf-arrows ul .sf-with-ul{
  padding: 10px;
}
.sf-arrows .sf-with-ul{
  padding: 25px 25px 25px 10px;
}
.nav-menu  ul li li a:focus, #footer a:focus, #footer input:focus{ 
  outline: 2px solid #fff;
}
.nav-menu ul li a:active{
  color:var(--primary-color);
}
.nav-menu ul li a:hover{
  color:#fff;
  background: var(--primary-color);
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  background: #252525;
  min-width: 215px;
  z-index: 9999;
  border:1px solid var(--primary-color);
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: #fff;
  padding: 10px;
  background: var(--primary-color);
}
.nav-menu ul ul a:hover{
  background: #fff !important;
  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;
}
.nav-menu a:hover{
  color: #121212;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul, .topbar .sf-arrows .sf-with-ul{
  padding: 20px 25px 10px 10px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 5px;
  font-size: 18px;
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
}
.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%;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 99999 !important;
  background: #fff;
}
	
/* ---------HEADER--------- */
.page-template-custom-front-page .header-nav #header {
  display: block;
}
.page-template-custom-front-page #header {
  display: none;
}
.menu-sec {
  z-index: 999;
  width: 100%;
}
.page-template-custom-front-page .social-media{
  display: inline-grid ;
}
.social-media {
  position: absolute;
  top: 50%;
  z-index: 999;
  right: 15em;
  transform: translateY(-50%);
  display: none;
  gap: 0.5em;
}
.social-media i {
  font-size: 15px;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 50%;
  padding: 10px;
}
.social-media i:hover {
  background: #fff;
  color: var(--primary-color);
}
.social-media i.fab.fa-facebook-f {
   padding: 13px 23px 10px 15px;
  align-items: center;
 
         
}
.social-media i.fab.fa-instagram, .social-media i.fab.fa-twitter  {
  padding: 13px 24px 10px 14px;
  align-items: center;
 
}
.social-media i.fab.fa-youtube {
  padding: 13px 25px 10px 13px;
  align-items: center;
  justify-content: center;
}
.social-media i.fab.fa-pinterest-p {
  padding: 13px 24px 10px 14px;
  align-items: center;
  justify-content: center;
}
#header .logo h1, #header .logo p.site-title{
	text-transform:uppercase;
  line-height: 1.5;
	font-size: 26px !important;
	font-weight:bold;
}
#header .logo a{
	color:var(--primary-color);
}
#header .logo p{
	font-size:12px;
	color: var(--primary-color);
}
#header {
  z-index: 999;
  width: 100%;
  height: auto;
  border-bottom: solid 2px #bbb;
  box-shadow: 0 3px 10px #bbb;
}
.search-field{
  width: 100%;
  padding: 4%;
  margin: 0 3%;
}
form.search-form {
  text-align: center;
}
form.search-form label{
  float: left;
  margin-right: 20px;
}
input[type="search"] {
  border: solid 1px #bbb;
  padding: 10px 25px 10px 10px;
  color: #000;
  margin: 0;
}
.top-contact i {
  background: var(--primary-color);
  padding: 13px 30px 13px 14px;
  border-radius: 50%;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

/* ---------blog--------- */
.blog-sec,.grid-sec {
  border: solid 1px var(--primary-color);
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.37);
}	
.blog-sec h2,.grid-sec h2 {
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 1px;
  text-transform: capitalize;
}
.blog-sec h2 a,.grid-sec h2 a {
  color: var(--primary-color);
}
.blog-sec p,.grid-sec p {
  color: #666;
  font-size: 15px;
  letter-spacing: 1px;
}
h1.page-title, h1.search-title {
  background: var(--primary-color);
  color: #fff;
}
iframe, .entry-audio audio {
  width: 100%;
}
#blog_post .blog-sec img{
  height: 400px;
  object-fit: cover;
}
#blog_post .blog-sec:hover{
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
#blog_post .blog-sec {
  position: relative;
}
#blog_post .blog-sec::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; 
}
#blog_post .blog-sec:hover::before {
  transform: scale(1);
  border-radius: 0;
  opacity: 0;
}
#blog_post .blog-sec h2 a{
  background-repeat: no-repeat;
  background-size: 0% 1px; 
  background-position: left 100%;
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#blog_post .blog-sec h2:hover a{
  background-size: 100% 1px; 
  color: var(--primary-color);
}
/*------- Related Posts ------*/
#wrapper .related-posts{
  border-top: 1px solid;
}
#wrapper .related-posts h2.related-posts-main-title{
  font-size: 28px;
  color: var(--primary-color);
  font-weight: 600;
  letter-spacing: 0;
}
#wrapper .related-posts h3{
  font-weight: bold ;
  font-size: 22px;
  letter-spacing: 1px;
  text-transform: capitalize;
}
#wrapper .related-posts h3 a{
  color: var(--primary-color);
}
.related-posts .post-info{
  font-size: 14px;
}
/* About us */
.about {
  background: #ddd;
}
.about h3 {
	font-weight: 700;
	font-size: 30px;
	letter-spacing: 2px;
	color: var(--primary-color);
}
.abt-image img {
  width: 100%;
  box-shadow: 5px 5px 10px 0 #bbb;
  height: 250px;
  border-radius: 10px;
}
.about p {
  font-size: 16px;
  color: #333;
  line-height: 28px;
}
/* Our Products */
#our-products h2 {
  color: var(--primary-color);
  letter-spacing: 3px;
  font-size: 28px;
}
span.onsale {
  background: #000 !important;
  border-radius: 0;
  font-size: 12px;
  color: #fff !important;
}
/* woocommerce */
.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;
}

.page-template-custom-front-page #our-products .woocommerce ul.products li.product .onsale{
  display: none;
}
.woocommerce ul.products li.product .onsale{
	top: 6px;
  right: 6px;
}
#our-products ul.products li {
  padding: 0 !important;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  color: #666;
}
ul.products li {
  background: #000;
  text-align: center;
  padding-bottom: 10px !important;
}
h2.woocommerce-loop-product__title:focus, .woocommerce ul.products li.product a:focus{
  outline: 2px solid #fff;
}
#our-products h2.woocommerce-loop-product__title {
  text-align: left;
  color: #fff;
  margin: 0;
  letter-spacing: 0;
  text-transform: capitalize;
  font-weight: 500;
  float: left;width: 67%;
}
h2.woocommerce-loop-product__title {
  font-size: 18px !important;
  color: #fff;
  text-align: center;
  padding: 10px !important;
}
span.price {
/*  position: absolute;*/
  top: 0px;
/*  background: rgba(0, 0, 0, 0.66);*/
  padding: 5px;
}
.woocommerce ul.products li.product a img{
	margin:0;
}
.woocommerce ul.products li.product .price del{
	opacity: inherit;
	display: block;
	color: #fff;
}
.price span {
  font-size: 16px;
}
.single-product p.price {
  margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs .panel{
	padding: 15px;
}
.woocommerce-notices-wrapper a.button.wc-forward,button.single_add_to_cart_button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt {
  background: transparent;
	color: var(--primary-color);
	border: 2px solid;
}
.woocommerce-notices-wrapper a.button.wc-forward{
  color: var(--primary-color) !important;
  padding: 10px 12px !important;
  text-decoration: none;
}
.single-product .summary.entry-summary .price span{
	color: #000;
}
#our-products .woocommerce ul.products li.product .button{
	display: none;
}
.woocommerce .products .star-rating{
	margin: 15px 0;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce-message{
	border-color: var(--primary-color);
}
.woocommerce-message::before{
	color: var(--primary-color);
}
.woocommerce ul.products li.product .star-rating {
  float: right ;
  width: 33% ;
  color: #fff;
  margin: 10px 0;
}
p.woocommerce-result-count {
  font-size: 22px;
  color: #000;
}
select.orderby {
  padding: 5px;
  background: transparent;
  border: solid 1px #000;
  color: #000;
}
.woocommerce .quantity .qty{
	padding: 7px;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper, .woocommerce label {
 width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--primary-color);
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a, a.added_to_cart.wc-forward{
	color: #fff;
	text-decoration: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, a.button.wc-forward, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
	background: transparent;
	color: var(--primary-color) ;
	border: 2px solid;
	padding: 12px;
  border-radius: 0;
}
.woocommerce a.remove, .woocommerce form .form-row .required {
  color: #df0000 !important;
}
.woocommerce li a.button{
  color: #fff !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  background:#eee;
}
.woocommerce #respond input#submit:hover, .woocommerce input.button:hover, .woocommerce button.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce a.button:hover{
	background: var(--primary-color);
	color: #fff !important; 
	border-color: var(--primary-color);
}
.woocommerce-page ul.products li.product .star-rating{
  margin: 0 auto 10px;
  font-size: 15px;
  float: none;
  width: 5.5em;
}
.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;
}
.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 .col2-set .col-1, .woocommerce .col2-set .col-2{
  max-width: 100%;
}
.woocommerce #sidebar{
  margin: 5% 0 !important;
}
.woocommerce-breadcrumb{
  margin-top: 4% !important;
}
/*------ 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: 0 0 10px;
  background: none
}
.woocommerce.widget_shopping_cart .cart_list li{
  padding-bottom: 10px;
}
.woocommerce.widget_shopping_cart p{
  margin: 0;
}
#sidebar .woocommerce .widget_shopping_cart .cart_list li a.remove, #footer .widget_shopping_cart .cart_list li a.remove{
  font-size: 20px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
}
#sidebar .woocommerce ul.cart_list li .star-rating, #sidebar .woocommerce ul.product_list_widget li .star-rating{
  color: #333;
}
.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 !important;
  float: none !important;
}
#sidebar .woocommerce form{
  border: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;
}

/* 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{
  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;
}

/* --------- 404 --------- */
.notfound h1{
  font-weight: bold;
  font-size: 60px;
}

/* Homepage */
.post-info span,.grid-post-info span{
  color: #000;
  font-size: 15px;
}
.post-info i,.grid-post-info i{
  margin-right: 5px;
}
.blogbtn a {
  border: solid 2px var(--primary-color);
  color: var(--primary-color);
  font-size: 15px;
  font-weight: bold;
  padding: 6px 16px;
  display: inline-block;
}
.blogbtn a:hover{
	background: var(--primary-color);
	color: #fff;
}

/* 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 #333;
}
.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:#333;
	color:#fff;
  clear:both;
}
#footer h3,#footer h2,#footer .wp-block-search__label {
  font-size: 30px;
  border-bottom: 3px double;
  color: #fff;
  font-weight: bold;
  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:35%;
	padding:7px 2%;
	float:right;
	border:none;
	background:var(--primary-color);
	margin:0;
}
#footer .search-field {
  padding: 10px 5px;
  margin: 0;
}
#footer form.search-form{
	text-align: left;
}
#footer form.search-form label {
    display: block;
    width: 100%;
}
#footer .search-field {
    margin: 0;
    width: 100%;
    padding: 10px 5px;
    margin-bottom: 10px;
}
#footer input[type="submit"] {
    width: 100%;
    padding: 11px 2%;
    border: none;
    background: var(--primary-color);
    margin: 0;
}
#footer .copyright{
	text-align:center;
}
#footer .copyright a i{
  padding: 0px 7px;
}
.inner{
  background: var(--primary-color);
  padding: 15px;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 15px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 15px;
}
.footerinner ul li a:hover{
  color: var(--primary-color);
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
.textwidget {
  padding: 10px;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
}
/* --------- Bradcrumbs --------- */
.bradcrumbs a,.woocommerce-account .addresses .title .edit {
  background: var(--primary-color);
  color: #fff;
  padding: 5px 12px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 16px;
}
.bradcrumbs a:hover{
	background:#000;
}
.bradcrumbs span{
	background:var(--primary-color);
	color:#fff;
	padding:8px 15px;
  font-size: 14px;
}

/* Comments BOX */
#comments p.comment-form-comment label{
  display: block;
}
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding:40px 0 0 0;
}
#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;
	margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
	background:var(--primary-color)  ;
	padding:8px 20px;
	text-transform:capitalize;
	font-weight:600;
	margin:20px 0;
	border:none;
  border-radius: 0;
}
#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;
  text-decoration: none !important;
}
#comments a.comment-reply-link:hover{
  background: #000;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
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;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
#comments .comment-metadata{
	width:90%;
	float:left;
}
#comments .comment-content{
	width:90%;
	float:left;
	margin-left:7%;
}

/* --------- SLIDER--------- */
#slider {
    max-width: 100%;
}


#slider img {
  width: 100%;
  opacity: 0.7;
  height: 400px;
  object-fit: cover;
  
}
#slider .inner_carousel h1 {
  font-weight: bolder;
  letter-spacing: 1px;
  color: #fff;
  font-size: 40px;
}
.carousel-caption {
  left: 12%;
  right: 55%;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
.read-more a{
	color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.read-more a:hover {
  color: var(--primary-color);
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
  width: 10%;
}
.carousel-control-next-icon:hover, .carousel-control-prev-icon:hover {
  color: var(--primary-color);
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
  font-size: 25px;
  color: #fff;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
  background: transparent;
}

/* Sidebar */
.woocommerce div#sidebar {
  margin-top: 2em;
}
#sidebar form{
 	display: table;
	width: 100%;
	border: none;
}
#sidebar h3,#sidebar .wp-block-search__label,#sidebar h2 {
  text-transform: none;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  background: var(--primary-color);
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
#sidebar .wp-block-search__label{
  line-height: 2;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border: solid 1px #bbb;
	font-size:15px;
	color:#000;
	width:100%;
}
#sidebar label{
	margin: 0px; 
}
#sidebar input[type="submit"]{
	background:var(--primary-color);
	border:none;
	color:#fff;
	padding:10px 0;
	width:30%;
	font-size:14px;
	float:left;
	margin:0;
	border-radius: 0;
}
#sidebar aside{
  border: 1px solid var(--primary-color);
  box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.37);
  background: #fff;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:16px;
}
#sidebar ul li{
  background:url('images/tower.png') no-repeat 0 1px;
  background-size: 18px;
  margin:0 0 20px 10px;
  padding:0 0 0 20px;
}
#sidebar ul li li{
  padding-left: 0;
  margin:0 0 10px;
}
#sidebar ul li li a{
  padding-left: 20px;
}
#sidebar ul li a{
  color:#000;
}
#sidebar .tagcloud a,.wp-block-tag-cloud a{
	border:1px solid ;
	color:#000;
	font-size:15px !important;
	padding:5px 18px;
	margin: 0 5px 8px 0;
	display:inline-block;
  text-decoration: none !important;
}
#footer .tagcloud a,#footer .wp-block-tag-cloud a{
  border:1px solid ;
  color:#fff;
  font-size:15px !important;
  padding:5px 18px;
  margin: 0 5px 8px 0;
  display:inline-block;
}
#sidebar .tagcloud a:hover,.wp-block-tag-cloud a:hover, #footer .tagcloud a:hover,#footer .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 var(--primary-color);
  box-shadow: 0px 0px 10px 0px rgb(51 51 51 / 37%);
}
#footer .widget{
  padding: 16px 0;
}
#sidebar .widget h3{
  text-align: center;
  margin-bottom: 10px;
}
#sidebar .widget p, #footer .widget h3{
  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{
	background-repeat:no-repeat;
	background-size:100% 100%;
	color:#fff;
	text-transform:uppercase;
	padding:75px 0;
	font-weight:bold;
	margin-bottom:25px;
	background-color: var(--primary-color);
}
#wrapper ul{
	margin:0 0 0 10px;
	font-size:16px;
}
#wrapper ul li{
	line-height:25px;
}
#wrapper ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
#wrapper ol li{
	padding:0 0 0 0;
}
#respond{
  border-top: 1px solid #121619;
}
/*block css*/
.main-wrap-box .alignfull,.main-wrap-box .alignwide,.main-wrap-box .aligncenter{
  margin-left: 0;
  margin-right: 0; 
  margin-bottom: 20px; 
}
.main-wrap-box .alignleft{
  margin-right: 10px;
}
.main-wrap-box .wp-block-button a{
  color: #fff;
  background: var(--primary-color);
  border-radius: 30px;
  text-decoration: none !important;
}
.main-wrap-box .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.main-wrap-box .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;
}
.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;
}
.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,.wp-block-latest-comments__comment-excerpt{
  margin-left: 1em !important;
}
#sidebar form.search-form label{
  width: 70%;
}
#footer .wp-block-calendar td,#footer .wp-block-calendar th{
  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 5px 5px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:var(--primary-color);
  border: solid 2px 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);
}
.page-links a span{
  background: #000;
} 
.pagination .current, .page-links .current .page-number {
  padding: 10px 15px;
  color: #fff;
  font-weight: bold;
  border: solid 2px var(--primary-color);
  background: var(--primary-color);
}
span.page-links-title{
  line-height: 8px;
}
/* ------------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: 20px 0;
}
.nav-next{
	float: left;
	width: 50%;
	text-align: right;
	margin: 20px 0;
}
span.post-title {
  font-size: 20px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: var(--primary-color);
}
.entry-content a, .comment a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a{
  text-decoration: underline;
}
.entry-content{
  margin-top: 20px;
}
.tags a {
  font-size: 15px;
  color: #666;
  border:1px solid;
  display: inline-block;
}
.tags a:hover{
  background: var(--primary-color);
  color: #fff;
  border-color:var(--primary-color);
}
.tags a i{
  font-size: 12px;
  color: var(--primary-color);
}
p.comment-form-url label{
  display: block;
}
p.comment-form-url input{
    padding: 12px 10px !important;
    font-size: 18px;
    margin: 20px 0 0 0 !important;
    border: 1px solid #bcbcbc;
    width: 100%;
    height: auto;
}
.comment-metadata a ,.comment-meta a{
    text-decoration: none !important;
}
#sidebar .wp-block-search__button{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 10px 20px;
    margin-left: 0;
}
#sidebar .wp-block-search__button{
    margin-left: 0px;
}
.woocommerce a.added_to_cart.wc-forward{
  padding: 6px 10px;
  background: transparent;
  border: 2px solid #fff;
  margin: 5px 0 0 5px;
  font-weight: 700;
}
/* Media Css*/
@media screen and (max-width: 1000px){
  .fixed-header{
    position: static;
  }
  .sf-arrows .sf-with-ul:after{
    top: 5px;
  }
  .sf-arrows .sf-with-ul{
    padding: 10px;
  }
  .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%;
    top: 0;
    cursor: pointer;
    z-index: 999999;
    background: #000;
    right: 0;
    font-size: 20px;
    border-bottom: 1px solid #333;
  }
  .nav-menu ul ul a:hover{
    background: none !important;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
  }
  .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: 47px;
    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;
  }
  .toggle-menu{
    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: 0px;
  }
  .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;
    border:none;
  }
  .nav-menu li{
    padding: 0;
    display: block;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #sidelong-menu {
    display: inline;
  }
  .nav-menu ul li a:hover{
    color: var(--primary-color);
    border-left: 4px solid var(--primary-color);
  }
  .page-template-custom-front-page .header-nav #header {
    display: none;
  }
  .page-template-custom-front-page #header {
    display: block;
  }
}
@media screen and (min-width: 320px) and (max-width:720px) {
  #slider .inner_carousel h1{
    font-size:20px ;
  }
  .carousel-caption{
    right: 10% !important;
    left: 10% !important;
    top: 40%;
    text-align: center;
  }
  #slider img{
    height: 200px !important;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
  .alignwide{
    margin:0;
  }	
	.social-media {
    padding: 10px 0;
    display: table !important;
    width: 100%;
    top: 85%;
    right: 0;
    text-align: center;
	}
	#our-products ul.products li {
    width: 100%;
	}
	ol.children {
    margin: 0 !important;
	}
	ol.children img {
    width: 30px;
    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	#wrapper #comments ol li{
		padding:0 !important;
	}
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
  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;
  }
}
@media screen and (min-width: 721px) and (max-width:768px){
  .carousel-caption{
    top: 45%;
  }
    #slider img{
    height: 300px !important;
  }
}
@media screen and (min-width: 720px) and (max-width:768px) {
	#slider .inner_carousel h1 a{
		font-size: 27px;
	}
	.read-more a{
		font-size: 10px;
	}
  .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }	
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  .related.products ul.products li.product{
    width: 48%;
  }
  .main-wrap-box .alignleft{
    max-width: unset;
  }
  #footer .wp-block-search__button,#footer input[type="submit"]{
    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;
  }
}
@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;
  }
  .wp-block-search__button{
    margin-left: 0 !important;
  }
}
@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%;
    }
}
@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 (min-width: 1000px) and (max-width: 1024px){
	#footer input[type="submit"]{
		font-size: 15px;
		padding: 10px 2%;
	}
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }  
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}
@media screen and (max-width: 720px){
  .social-media a{
    margin-right: 10px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px){
   #slider img{
    height: 300px !important;
  }
  
}
@media screen and (min-width: 769px) and (max-width: 1290px){
  #slider .carousel-caption{
    top: 45%;
  }
}
.slider-img {
  background: linear-gradient(
    rgba(0,0,0,0.8),
    rgba(0,0,0,0.4)
) !important;

}

/* Product page price css  */

.product {
    position: relative;
}
.product .price {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.2;
    z-index: 10;
    display: block;
}
.product .price del,
.product .price ins {
    display: block;
    color: #fff !important;
}
.product .price del bdi,
.product .price ins bdi {
    color: #fff !important;
}
.product .price .screen-reader-text {
    display: none;
}

/* 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) 80% );
    z-index: 2;
}
/* social icon css */
.social-media {
    display: flex;
    justify-content: center; 
    gap: 12px;              
}
.social-media a {
    font-size: 20px;
    color: #333;
}
.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);
}
.custom-prev {
    left: 20px;
}
.custom-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;
}