/*
Theme Name: Modern Blogger
Theme URI: https://www.themesglance.com/products/free-adsense-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: The Modern Blogger Theme is a stylish, minimalist, and performance-optimized solution built for content creators, bloggers, influencers, and writers who want a professional, visually appealing, and engaging blog. Ideal for personal blogging, lifestyle blogs, travel journals, food blogs, fashion blogging, technology writing, creative storytelling, and digital media publishing, it features a clean and fully responsive layout focused on readability, strong typography, and high-quality visuals across desktops, tablets, and smartphones. With flexible customization options for colors, fonts, layouts, and multiple post formats including video, audio, gallery, and standard posts, this theme helps creators establish a unique online identity while presenting diverse content effectively. Designed for influencer marketing, content monetization, and audience growth, it is SEO-optimized with fast-loading performance, structured data support, and clean code to improve search visibility and organic traffic. The theme supports popular plugins like Yoast SEO for optimization, Smash Balloon Social Feed for social media integration, and Mailchimp or Contact Form 7 for email subscriptions and communication, making it easy to expand reach and engagement. Whether you are starting a personal blog or scaling a professional content platform, Modern Blogger offers a modern, flexible, and feature-rich foundation for long-term blogging success. View: https://preview.themesglance.com/modern-blogger-pro/
Requires at least: 5.0
Version: 0.7.4
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: modern-blogger
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, full-width-template, theme-options, post-formats, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, News
Modern Blogger WordPress Theme has been created by Themesglance(themesglance.com), 2023.
Modern Blogger WordPress Theme is released under the Terms of GNU GPL
*/
/* #f72e1c; */
/* Basic Style */
*{
  margin:0;
  padding:0;
  outline:none;
}
:root {
  --primary-color: #f72e1c;
}
body{ 
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size: 16px;
  color:#121619;
  overflow-x: hidden;
  font-family: 'Inter', sans-serif;
  position: static !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img, .entry-video video, iframe{
  max-width:100%;
}
h1, h2, h3, h4, h5, h6{
  margin: 0;
  font-weight: bold;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:15px;
  color: #000;
  line-height: 1.7;
}
a, a:hover{
  text-decoration:none;
  color: var(--primary-color);
}
a:focus, a:hover, li.woocommerce-MyAccount-navigation-link a{
  text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, button:focus, select:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
  opacity: 1;
  outline: 2px solid var(--primary-color);
}
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;
}
hr{
  margin: 0 !important;
}
/* 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. */
}
.alignleft,
 img.alignleft {
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  padding:5px;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.bypostauthor{
  margin:0;
  padding:0;
}
small{
  font-size:14px !important;
}
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: 16px;
  padding: 10px 18px;
  background:var(--primary-color);
  font-weight: 500;
  color: #fff;
  margin: 0 10px;
}
input[type="submit"]:hover{
  background:#484949;
}
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,#footer .components-placeholder .notice-error,#footer  .widget_calendar tbody a, .widget_calendar tbody a:hover, .widget_calendar tbody a:focus, span.page-number, span.page-links-title, a.button, .blogbtn a:hover, #footer p, #footer .copyright p, .copyright a, .footerinner ul li, .footerinner ul li a, .footerinner ul li a:hover, .footerinner .tagcloud a, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .bradcrumbs a, .bradcrumbs a:hover, #comments input[type="submit"].submit:hover, #comments a.comment-reply-link:hover, .pagination a:hover, #footer .textwidget p a, #footer .widget_calendar td, #footer .widget_calendar th {
  color: #fff !important;
}
.widget_calendar caption {
  font-weight: 900;
  font-size: 20px;
}
.widget_calendar tbody a {
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
  background-color: #686868;
}
.widget th, .widget td {
  padding: 0em;
}
span.page-links-title{
  clear: both;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  padding: 10px 13px !important;
}
span.page-number, span.page-links-title{
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  text-decoration: none;
  width: auto;
  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:#000;
  font-size: 16px;
  display: inline-block;
}
.notfound a.button:hover{
  background:#000 !important;
}
/*-------- Single post Header Image --------*/
.page-header {
  padding: 8%;
}
.page-header h1{
  display: block;
  font-size: 35px;
  color: #000;
  font-weight: bold;
}
.feature-box.single-post-img img{
  height: 480px;
  width: 500px;
  object-fit: cover;
}
/* 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;
}
/*sidebar pop*/
.sidebar-pop i{
  color: #000;
}
.bar-icon {
  background: #fff;
  text-align: center;
  font-size: 30px;
  padding: 25px;
}
.admin-bar .header-sidebar {
  margin-top: 32px;
}
.header-sidebar {
  position: fixed;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  visibility: hidden;
  overflow-y: scroll;
  background: #fff;
  z-index: 999;
  transition: 0.5s width ease-in-out;
  box-shadow: -3px 0px 10px 0px #666;
}
.header-sidebar.show {
  visibility: visible;
  width: 280px;
  transition: 0.5s width ease-in-out;
}
.header-sidebar .close-pop {
  text-align: right;
  font-size: 25px;
  padding: 10px 0;
  transition: 0.2s all ease-in-out;
}
.header-sidebar .logo {
  padding: 10px;
}
.header-sidebar #sidebar td{
  padding: 5px;
}
/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: inline;
}
.nav-menu ul{
  margin:0;
}
.nav-menu li{
  display:inline-block;
  position:relative;
  padding: 0 15px;
}
.nav-menu ul li a{
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
}
.nav-menu ul li.current_page_item a:before, .nav-menu ul li a:hover:before {
  opacity: 1;
}
.nav-menu ul ul a:before {
  display: none;
}
#footer a:focus, #footer button:focus, .logo .site-title a:focus, .nav-menu ul li a:focus, .top-bar a:focus, .search-box input:focus, .read-more a:focus, #slider .social-icons a:focus {
  outline: 2px solid var(--primary-color);
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  min-width: 200px;
  z-index: 999;
}
.nav-menu ul ul ul{
  left: 200px;
  top: 0;
}
.nav-menu ul ul a{
  padding: 10px;
  font-size: 15px;
  background: var(--primary-color);
}
.nav-menu ul ul a:hover{
  background-color: #fff;
  color:var(--primary-color) !important;
}
.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 ul li a:hover , li.current-menu-item a{
  color: var(--primary-color);
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul{
  padding: 10px;  
}
.sf-arrows .sf-with-ul{
  padding: 16px 20px 16px 0;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: relative;
  top:50%;
  transform: translateY(-50%);
  margin-left: 5px;
  font-size: 15px;
  font-family: 'Font Awesome 7 Free';
  font-weight: 900;
}
.toggle-menu, a.closebtn{
  display: none;
}
.woocommerce .cart .button:hover{
  color: #fff !important;
}
.wp-block-pullquote blockquote, .wp-block-quote:not(.is-large):not(.is-style-large){
  border-color: var(--primary-color) !important;
}
.woocommerce button.button:hover{
  color: #000 !important;
}
.woocommerce-cart table.cart td a{
  text-decoration: none !important;
}
.footerinner .wp-block-heading{
  color: #fff;
}
/*----- PRELOADING -------- */
#overlayer {
  width:100%;
  height:100%;  
  position:fixed;
  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-out;
}
@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: 99999;
  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: 9999;
  background: #fff;
  padding: 10px;
}
.admin-bar .fixed-header{
  margin-top: 32px !important;
}

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

/* ---------HEADER--------- */
.top-header{
  background-color: #101216;
}
.logo-outer {
  border-right: 1px solid #fff;
}
.logo {
  padding: 20px 0px;
}
.logo h1, .logo p.site-title {
  font-size: 25px;
  line-height: 1.2;
  font-weight: bold;
}
.logo .site-title a, .logo .site-description {
  color: #fff;
}
#sidebar .widget_calendar td a, #banner .inner_carousel h1, #banner .inner_carousel p, .read-more a,.blog-sec h2 a,.grid-sec h2 a, #wrapper .related-posts h2.related-posts-main-title, #wrapper .related-posts h3 a, .footerinner .tagcloud a:hover, .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, a.added_to_cart.wc-forward, .product_meta a, .woocommerce table.shop_table td a, a.showcoupon, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .comment-meta.commentmetadata a, p.logged-in-as a, #sidebar ul li a, #sidebar .tagcloud a, #wrapper h1, .tags a:hover, .tags a:hover i, #sidebar ul li a:hover{
  color: #000;
}
.post-info a,.grid-post-info a,.blogbtn a,#sidebar h3,.pagination .current,#sidebar h3 a.rsswidget,#sidebar input[type="submit"], #sidebar .tagcloud a:hover, .nav-menu ul ul a,#comments a.comment-reply-link,.woocommerce span.onsale,.woocommerce button.button,.woocommerce button.button.alt, .woocommerce input.button.alt, .navigation .nav-previous a, .navigation .nav-next a, .top-bar p{
  color: #fff ;
}
.logo p{
  font-size: 14px;
  letter-spacing: 0;
}
span.page-number, span.page-links-title, .inner, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .bradcrumbs a, .bradcrumbs a:hover {
  background: var(--primary-color);
}
.footerinner{
  background: #000;
}
/*.post-info i,.grid-post-info i{
  margin-right: 5px;
}*/
/*-----------------Search pop up----------------*/
.header-search{
  border-bottom: 1px solid #000;
}
.header-search form { 
  display: flex;
}
.header-search form label {
  width: 100%;
}
.header-search form input {
  border: 0;
  background: transparent;
  width: 100%;
  padding: 10px 0;
}
.header-search form input[type="search"]::placeholder {
  color: #121212;
}
.header-search form input.search-submit {
  margin: 0;
  background: url(./images/search.png) no-repeat 6px 10px;
  text-indent: -99999px;
  width: auto;
  padding: 10px 18px;
}
/* -------- Slider Section --------- */
.slider-box{
  background-color: #000;
}
.service-box{
  background: #000;
}
#slider-section .owl-nav{
  display: block;
}
#slider-section button.owl-prev, #slider-section button.owl-next {
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  padding: 0;
}
#slider-section button.owl-prev i, #slider-section button.owl-next i {
  background: #fff;
  color: var(--primary-color);
  border-radius: 50%;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#slider-section button.owl-prev{
  left: 30px;
}
#slider-section button.owl-next{
  right: 30px;
}
#slider-section .owl-dots {
  display: none;
}
#slider-section button.owl-prev i:hover, #slider-section button.owl-next i:hover{
  background:var(--primary-color);
  color: #fff;
}
#slider-section .service-box h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 0;
}
#slider-section .service-box .service-icon i {
  color: #fff;
  background: var(--primary-color);
  padding: 6px 8px;
  font-size: 20px;
  border-radius: 10px 0 10px 0;
}
#slider-section img{
  position: relative;
  height: 550px;
  opacity: 0.9;
  object-fit: cover;
}
.slider-content{
  position: absolute;
  top: 25%;
  left: 15%;
  right: 50%;
}
 .slider-content p{
  font-weight: 500 !important;
 }
.slider-content h1 a, .slider-content p, .inner-content a, .inner-content i , .inner-content .entry-comments{
  color: #fff;
  font-weight: 600;
  margin-top: 8px;
}
.slider-content .read-more ,.blogbtn a{
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.slider-content .read-more:hover, .blogbtn a{
  color:var(--primary-color);
}
.inner-content{
  background-color: rgb(16 18 22 / 50%);
  padding: 8px 10px;
  margin-bottom: 20px;
  display: inline-block;
}
.seperator {
  color: #fff;
}
#slider-section .slider-box {
    position: relative;
    overflow: hidden;
}

#slider-section .slider-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(17, 17, 17, 0.74),   /* left dark */
        rgba(0, 0, 0, 0.05)    /* right transparent */
    );
    z-index: 1;
    pointer-events: none;
}

#slider-section .slider-content {
    position: absolute;
    left: 50px;   /* adjust text position */
    bottom: 80px; /* adjust spacing */
    z-index: 2;   /* above overlay */
    color: #fff;
}

#slider-section .slider-content h1,
#slider-section .slider-content p {
    color: #fff;
    text-shadow: 0 3px 6px rgba(0,0,0,0.6);
}

/*sevice section*/
/*2nd section*/
#category-section h2{
  line-height: 28px;
}
.post-categories li a{
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: var(--primary-color);
  padding: 8px 10px;
  color: #fff !important;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.post-categories li, .single-post-category ul {
    display: inline-block;
}
.abt-img-box img{
  width: 100%;
  max-height: 165px;
  object-fit: cover;
}
.abt-image img{
  width: 100%;
  height: 300px;
}
.mid-content {
  position: absolute;
  left: 50px;
  margin-top: -80px;
  padding: 8px 10px;
  background-color: rgb(16 18 22 / 80%);
  display: inline-block;
}
.mid-content a, .mid-content i , .mid-content .entry-comments{
  color: #fff;
  font-weight: 500;
}
#category-section h2 a{
  color: #121212;
  font-weight: 600;
  font-size: 22px;
}
#category-section p{
  color: #121212;
  font-size: 15px;
}
#category-section .read-full-text{
  color: var(--primary-color);
  font-weight: 600;
  font-size: 14px;
}
#category-section .read-full-text:hover{
  color: #000;
}
#category-section .add-post img{
  width: 100%;
}
/*3rd section*/
.post-middle-content {
  position: absolute;
  padding: 8px 10px;
  background-color: rgb(16 18 22 / 80%);
  display: inline-block;
  bottom: 45%;
  left: 38px;
}
.post-middle-content a, .post-middle-content i , .post-middle-content .entry-comments{
  color: #fff;
  font-weight: 500;
}
.middle-part h2 a{
  color: #121212;
  font-weight: 800;
  font-size: 22px;
}
.middle-part{
  margin-bottom: 20px;
}

/*last post*/
.last-post{
  position: relative;
}
.add-post img{
  min-height: 554px;
  object-fit: cover;
}
.last-post h2 a{
  position: absolute;
  top: 30px;
  left: 10px;
  z-index: 9999;
  background-color: #ffd931;
  padding: 10px;
  right: 20px;
}
.last-post h2{
  padding: 0;
}
.last-post .read-full{
  position: absolute;
  right: 40px;
  bottom: 15px;
  background-color: #ffd931;
  padding: 10px;
  color: #000 !important;
  font-weight: 700;
  font-size: 16px;
}
/* ---------blog--------- */
.post-info,.grid-post-info{
  color: #fff;
  background: var(--primary-color);
  font-size: 13px;
  font-weight: 500;
  margin-top: 14px;
  margin-bottom: 14px !important;
}
.blog-sec h2,.grid-sec h2 {
  font-size: 25px;
  letter-spacing: .40px;
  margin-top: 15px;
}
.blog-sec,.grid-sec {
  border: 1px solid #000;
  background: #fff;
}
.blog-sec p,.grid-sec p{
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 0 !important;
}
h1.page-title, h1.search-title {
  background: var(--primary-color);
  color: #fff;
  font-size: 25px;
  padding: 6px;
}
#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;
  letter-spacing: 0;
}
#wrapper .related-posts h3{
  font-size: 22px;
}

/*-----------------Search----------------*/
button.search-submit {
  border: 0;
  background: transparent;
}

/* Homepage */
.blogbtn a {
  font-size: 16px;
  padding: 10px 0px;
  font-weight: 500;
  border-radius: 8px;
  display: inline-block;
  letter-spacing: 0px;
}
.blogbtn a:hover {
  color: #000 !important;
}
hr{
  background-color: #000000;
  opacity: 1;
}
/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: bold;
  color: transparent;
  visibility: hidden;
  z-index: 999;
  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;
  color: #fff;
}
.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 #000;
}
.back-to-top:hover, .back-to-top:focus {
  height: 45px;
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
#footer h3 ,#footer h2,#footer .wp-block-search__label{
  color: var(--primary-color);
  font-weight: 600;
  font-size: 25px;
  border-bottom: 2px solid;
  width: 100%;
  margin-bottom: 10px;
}
#footer h3 a.rsswidget {
  color: var(--primary-color);
}
#footer p {
  margin: 0;
}
.rssSummary{
  font-size: 15px;
}
#footer .copyright p {
  font-size: 16px;
  letter-spacing: 1px;
}
#footer .copyright a i{
  padding: 0px 7px;
}
#footer .news-form{
  margin-top:24px;
}
#footer input[type="text"]{
  width: 60%;
  padding: 8px 5%;
  float: left;
  margin-right: 2%;
  border-radius: 5px;
  letter-spacing: 1px;
}
#footer input[type="submit"]{
  width:33%;
  padding:11px 2%;
  float:right;
  border:none;
  background:var(--primary-color);
  margin:0;
}
[type=search]{
  padding: 10px;
}
#footer .search-field,#footer .wp-block-search__input {
  width: 65%;
  padding: 10px 5px;
  font-size: 15px;
}
#footer .search-form label {
  display: inline;
}
#footer form.search-form{
  text-align: left;
}
.inner {
  padding: 16px 0;
  border-top: 1px solid #000;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  font-size: 14px;
  letter-spacing: 1px;
}
.footerinner ul li a {
  font-size: 15px;
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
.footerinner .tagcloud a,.footerinner .wp-block-tag-cloud a{
  border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  background: transparent;
}
.footerinner .tagcloud a:hover,.footerinner .wp-block-tag-cloud a:hover{
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}


/* 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: 5px !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;
  margin: 12px 0 16px 0;
}
.woocommerce span.onsale {
  padding: 0;
  background: var(--primary-color);
  border-radius: 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: #000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  background: #fff;
  color: #000;
  border: 1px solid #000;
  padding: 10px;
  margin-right: 10px;
}
.woocommerce .woocommerce-breadcrumb{
  margin:22px 0;
}
.woocommerce-message::before{
  color: #000;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce-message{
  border-color: #000;
}
.woocommerce-checkout #payment {
  background: #fff;
}
.woocommerce #sidebar {
  margin: 5% 0;
}
select.orderby {
  padding: 10px;
}
span.posted_in {
  display: block;
}
.woocommerce div.product p {
  line-height: 1.5;
  font-size: 16px;
}
.woocommerce ul.products li.product .button, a.added_to_cart.wc-forward{
  margin:0;
  border-radius: 8px !important;
  text-transform: uppercase;
  font-size: 14px;
}
a.added_to_cart.wc-forward {
  padding: 10px 12px;
  font-weight: 500;
  line-height: 1;
  margin: 10px 0 0 10px;
}
.woocommerce ul.products li.product a img{
  margin-bottom: 0;
}
.woocommerce-product-gallery__image {
  margin-bottom: 10px;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce-notices-wrapper a.button.wc-forward,.woocommerce-MyAccount-content .edit,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, a.added_to_cart.wc-forward{
  background: var(--primary-color);
  border-radius: 8px;
  color: #fff !important ;
  font-weight: 500;
}
.woocommerce-MyAccount-content .edit{
  padding: 10px 12px;
}
.woocommerce-notices-wrapper a.button.wc-forward{
  padding: 10px 20px !important;
  opacity: 1;
  text-decoration: none;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background: #000 !important;
  color: #fff !important;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0 !important;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--primary-color);
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff !important;
  font-weight: 500;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
  background: #fff;
  padding: 10px;
  border-radius: 0;
  border: 1px solid #dcdcdc;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 22px !important;
  color: #212121;
  font-weight: 600;
}
.woocommerce ul.products li.product .price{
  font-size: 14px;
  display: block;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 15px;
  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 .col2-set .col-1, .woocommerce .col2-set .col-2{
  max-width: 100%;
}
.comment-form-rating, .comment-form-rating label {
  margin-bottom: 10px;
}
select#rating {
    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;
}
.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, #sidebar .woocommerce.widget_shopping_cart .cart_list li a.remove{
  font-size: 15px;
  top: 3px;
}
.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-product-search button{
  width: 100%;
  margin-top: 5px;
  padding: 10px;
  border: 0;
  background: #000;
}
#sidebar .woocommerce-product-search input[type="search"], #footer .woocommerce-product-search .search-field{
  padding: 10px;
  width: 100%;
}
.woocommerce .widget_shopping_cart .buttons a:hover{
  color: #fff !important;
}
.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #000 !important;
  color: #202020;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 5px 0 8px;
  font-size: 14px;
  width: 5.5em;
}
.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}
.woocommerce .widget_rating_filter ul li .star-rating{
  width: 5.5em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}

/* 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 rgba(0,0,0,.1);
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
/*  border-collapse: separate;*/
  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.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,
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{
  background: var(--primary-color);
  border-color:var(--primary-color);
  border-radius: 4px;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
}
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.wp-block-button__link.add_to_cart_button.ajax_add_to_cart: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,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
  background-color:#000 ;
  border-color: #000 !important;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid rgba(0,0,0,.1);
}
.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: 0;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    margin: -0.5em -0.5em 0 0 !important;
}
.wc-block-grid__product-title{
  font-size: 22px !important;
  color: #212121 !important;
  font-weight: 600;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 12px;
  border-radius: 8px !important;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
  width: 100% !important;
}
h2.wp-block-heading.has-text-align-center{
  margin: 10px 0;
}
a.button.wc-backward, .woocommerce-MyAccount-content p a, .woocommerce-privacy-policy-text p a{
  text-decoration: underline;
}
.woocommerce-account .addresses .title .edit{
  padding: 10px 12px;
}
/* --------- Bradcrumbs --------- */
.main-wrap-box .bradcrumbs a {
  padding: 7px 12px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 14px;
}
.main-wrap-box .bradcrumbs a:hover{
  background:#000 !important;
}
.bradcrumbs span{
  background:var(--primary-color);
  color:#fff;
  padding:7px 15px;
}

/* Comments BOX */
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding: 25px 0 0 0;
  margin-top: 25px;
}
#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:10px 20px;
  font-weight:bold;
  margin:20px 0 0;
  border:none;
  border-radius: 8px;
}
#comments input[type="submit"].submit:hover, #comments a.comment-reply-link:hover, a.button:hover {
  background: #000 !important;
}
#comments a.comment-reply-link{
  background: var(--primary-color);
  padding: 5px 15px;
  border-radius: 8px;
  font-weight: 500;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#wrapper #comments ol li{
  background:none;
  margin: 0 0 20px;
}
.comment-body{
  background: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px;
}
#wrapper #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align: right;
}
#comments .comment-author{
  width:100%;
  clear:both;
}
.comment-author.vcard img {
  margin-right: 10px;
}
#comments .comment-content{
  margin-left:7%;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments p.comment-form-comment label{
  display: block;
}
#header{
  border-bottom: 1px solid #000;
}
/* Sidebar */
#sidebar .widget {
  border: 1px solid #000;
}
#sidebar form.search-form{
  display: table;
}
#sidebar form{
  display: inline-block;
  width: 100%;
}
#sidebar h3 ,#sidebar h2,#sidebar .wp-block-search .wp-block-search__label{
  font-size: 20px;
  background: var(--primary-color);
  padding: 10px !important;
  color: #fff;
  width: 100%;
}
#sidebar input[type="search"] {
  padding:8px 10px;
  font-size:15px;
  color:#000;
  width:100%;
}
#sidebar form.search-form label{
  width:70%;
  float:left;
  margin-bottom: 0px; 
}
#sidebar input[type="submit"],button.wp-block-search__button.wp-element-button{
  background: var(--primary-color);
  border: none;
  padding: 11px 0;
  line-height: 1.45;
  width: 30%;
  font-size: 14px;
  float: left;
  margin: 0;
  border-radius: 0;
  color: #fff;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:14px;
}
#sidebar ul li {
  padding: 8px 0;
  border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
  font-size: 14px;
}
#sidebar .tagcloud a,.wp-block-tag-cloud a{
  border: 1px solid;
  background: #fff;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
  color: #000;
}
#sidebar .tagcloud a:hover, .wp-block-tag-cloud a:hover{
  background: var(--primary-color);
  color: #fff;
}
/* sidebar hover effect */
#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: 40px;
}
#footer .widget{
  padding: 16px 0;
}
#sidebar .widget h3,#sidebar .widget h2,#sidebar .wp-block-search .wp-block-search__label{
  text-align: center;
  margin-bottom: 10px;
}
#sidebar .widget p{
  margin-bottom: 10px;
}
#footer p.custom_author, #sidebar p.custom_author {
  font-size: 20px;
}
#footer p.custom_designation, #sidebar p.custom_designation{
  font-size: 16px;
}
#footer p.custom_desc, #sidebar p.custom_desc{
  font-size: 15px;
}
.social-links i{
  color: #000;
}
.more-button a {
  background: #000;
  color: #fff !important;
  display: inline-block;
  line-height: 1.5;
}
.notfound a.button{
  background: var(--primary-color);
}
/* Page */
.notfound h1{
  font-size: 60px;
}
#wrapper p{
  line-height: 25px;
  font-size: 16px;
}
#wrapper hr{
  border:none;
  border-bottom:1px solid #e4e4e4;
  margin: 15px 0;
  clear:both;
}
#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 #000;
  padding-top: 20px;
  margin-top: 20px;
}

/*block css*/
.single-post .main-wrap-box .alignfull,.single-post .main-wrap-box .alignwide,.single-post .main-wrap-box .aligncenter{
  margin-left: 0;
  margin-right: 0;  
}
.single-post .main-wrap-box .alignfull,.single-post .main-wrap-box .alignwide,.single-post .main-wrap-box .aligncenter{
  margin-bottom: 20px;
}
.single-post .main-wrap-box .alignleft{
  margin-right: 10px;
}

.single-post .main-wrap-box .wp-block-button a{
  color: #fff;
  background: var(--primary-color);
  border-radius: 30px;
  text-decoration: none !important;
}
.single-post .main-wrap-box .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.single-post .main-wrap-box .wp-block-button a:hover{
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

/*new block css*/
.alignfull img{
  width: 100%;
}
.wp-block-calendar{
  text-align: left;
}
.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;
}
.alignright{
  float: right;
}
.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;
}

/* Pagination */

.pagination {
  clear:both;
  position:relative;
  font-size:14px;
  line-height:13px;
} 

.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#242424;
  border: 1px solid #202020;
  -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{
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
} 
.pagination .current ,.page-links a span{
  padding: 10px 15px;
  background: #000;
  border: 1px solid #000;
  color: #fff;
}

/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a{
  background: var(--primary-color);
  font-size: 16px;
  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-links{
  text-align: right;
  margin: 10px 0;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
  text-align: left;
}
.nav-next{
  float: right;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.post-title {
  font-size: 20px;
  margin: 3%;
  line-height: 1.5;
  color: #000;
}
.tags a {
  font-size: 15px;
  color: #666;
  border: 1px solid;
  display: inline-block;
}
.tags a:hover{
  background: #000;
  border-color:#000;
  color: #fff;
}
.tags a:hover i {
  color: #fff;
}
.tags a i{
  font-size: 12px;
  color: #000;
}
 .comment-content a, #sidebar .textwidget a, .woocommerce-product-details__short-description a, #footer .textwidget a{
  text-decoration: underline;
  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;
}
.footerinner .woocommerce-product-search button{
  background: var(--primary-color);
  color: #fff;
}

#sidebar{
  margin-bottom: 20px;
}

/* Media Css*/
@media screen and (max-width: 720px){
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total{
      padding-left: 0px !important;
  }
  .wc-block-grid__products{
    padding: 10px !important;
  }
}
@media screen and (max-width: 1000px){
.nav-menu ul li a:before {
    display: none;
  }
  .fixed-header{
    position: static;
    box-shadow: none;
  }
  .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%;
    cursor: pointer;
    padding: 12px;
    font-size: 20px;
  }
  .nav-menu ul ul a:hover{
    background: transparent !important;
  }
  .nav-menu ul ul a,.side-nav .closebtn, .nav ul li a{
    color: #fff;
  }
  .toggle-menu button, .toggle-menu i{
    color: #000;
  }
  .toggle-menu i {
    font-size: 25px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .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: 0;
    transition: 0.5s top ease-in-out;
  }
  #sidelong-menu {
    text-align: left;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    font-size: 18px;
    display: block;
    border:none;
    background: transparent;
  }
  .toggle-menu{
    display: block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    border: none;
    border-bottom: 1px solid #333;
    background: none !important;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #333;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .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{
    display: block;
    padding: 0;
  }
  .nav-menu ul li a:hover{
    color: #000;
    border-left: 4px solid #000;
  }
  #primary-site-navigation{
    padding: 0;
  }
}
@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: 720px) and (min-width: 320px){
  .alignwide{
    margin:0;
  }
  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%;
  }
  .header-search {
    width: 100%;
  }
  .middle-header{
    padding: 10px;
  }
  .inner-content, .slider-content p{
    display: none;
  }
  .slider-content {
    top: 30%!important;
    left: 15%!important;
    right: 15%!important;
    text-align: center !important;
  }
  .slider-content h1 a{
    font-size: 20px;
  }
  .mid-content {
    left: 10%;
    margin-top: -70px;
  }
  .mid-content a, .mid-content i, .mid-content .entry-comments {
    font-size: 12px;
    font-weight: 500;
  }
  .post-middle-content{
    bottom: 55%;
    right: 13%;
  }
  .post-middle-content a, .post-middle-content i, .post-middle-content .entry-comments{
    font-size: 12px;
  }
  #slider-section button.owl-prev i, #slider-section button.owl-next i{
    padding: 10px;
  }
  #slider-section button.owl-prev{
    left: 10px;
  }
  #slider-section button.owl-next{
    right: 10px;
  }
}
@media screen and (max-width: 719px){
  #slider-section img {
    height: 250px !important;
  }
}
@media screen and (max-width: 767px){
   .slider-content p{
    display: none;
  }
  li.wc-block-grid__product{
      max-width:100% !important;
      float:none;
      flex: 100% !important;
  }
  .logo img{
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 721px) and (max-width:768px){
  .slider-content {
    top: 12%;
  }
}
@media screen and (min-width: 720px) and (max-width:768px){
  .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  .wp-block-latest-comments__comment-meta,.widget_recent_comments ol,.wp-block-latest-comments__comment-meta, 
  .wp-block-latest-comments__comment-excerpt{
    margin-left: 0em !important;
    padding-left: 0em !important;
  }
  .related.products ul.products li.product{
    width: 48%;
  }
  .logo-outer {
    border: 0;
  }
  #slider-section img{
    height: 350px !important;
  }
  .mid-content{
    left: 6%;
  }
  .post-middle-content{
    right: 35%;
  }
  .slider-content .read-more{
    line-height: 48px;
  }
  #slider-section button.owl-prev i, #slider-section button.owl-next i{
    padding: 10px;
  }
  #slider-section .inner-content{
    margin-bottom: 10px;
  }
  .single-post .main-wrap-box .alignleft{
    max-width: unset;
  }
}
@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"]{
    width: 100%;
  }
   #footer .wp-block-search__input,#footer .search-field, #sidebar input[type="search"]{
    margin-bottom: 5px;
  }
  #footer label,.wp-block-search__inside-wrapper,.wp-block-latest-comments__comment{
    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%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 769px){
  #slider-section img{
    height: 600px;
  }
  .slider-content h1 {
    font-size: 27px !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
  .slider-content {
    top: 20%;
  }
  .mid-content{
    left: 8%;
  }
  .post-middle-content {
    right: 16%;
    padding: 0 0px 0px 7px;
    bottom: 58%;
  }
  .post-middle-content a, .post-middle-content i, .post-middle-content .entry-comments{
    font-size: 12px;
    font-weight: 500;
  }
  .last-post .read-full{
    right: 10px;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}
.entry-comments:hover {
  color: #000 !important;
}
.woocommerce-page .woocommerce-result-count,.woocommerce-shop .woocommerce-result-count{
  margin-top: 10px !important;
}
.woocommerce-page .woocommerce-ordering,woocommerce-shop  .woocommerce-ordering{
    margin-top: 10px !important;
}
