/*
Theme Name: Advance Training Academy
Theme URI: https://www.themescaliber.com/products/advance-training-academy/
Author: Themeshopy
Author URI: https://www.themeshopy.com/
Description: The Advance Training Academy theme is a professional, modern, and fully responsive solution designed for educational institutions, training centers, coaching institutes, and professional development academies. Perfect for offering courses, workshops, certifications, online classes, skill development programs, vocational training, corporate training, soft skills coaching, language courses, and exam preparation classes, this theme provides a user-friendly and visually appealing platform to showcase educational services. It features a clean, minimal layout with customizable sections for course listings, instructor profiles, testimonials, event schedules, and Call to Action (CTA) buttons to drive student engagement. Fully responsive and retina-ready, the theme ensures seamless accessibility across desktops, tablets, and mobile devices. With advanced personalization options for colors, typography, and layouts, you can create a professional learning website that reflects your academy’s brand identity. Fully compatible with LearnPress for course management and online learning, Contact Form 7 for student inquiries, and WooCommerce for paid courses or workshop registrations, the Advance Training Academy theme is SEO-friendly, fast-loading, and a complete solution for building a high-performing online education platform. Demo: https://preview.themescaliber.com/advance-training-academy/
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.8.3
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gps-3.0.html
Text Domain: advance-training-academy
Tags: wide-blocks, flexible-header, block-styles, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, e-commerce, education, portfolio

Advance Training Academy WordPress Theme has been created by Themeshopy, 2023.
Advance Training Academy WordPress Theme is released under the terms of GNU GPL

In this theme some code is taken from Twenty Sixteen.
*/

/* Basic Style */
:root {
  --primary-color: #fdc800;
  --secondary-color: #002147;
}
body{
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color: #fff;
  color: #000;
  overflow-x: hidden;
  font-family: 'Ubuntu', sans-serif;
  position: static !important;
}
img{
  border:none;
  height:auto;
}
section img, img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:10px 0;
  color: var(--secondary-color);
  font-weight: bold;
  line-height: 1.5;
  font-family: "Source Serif Pro";
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:15px;
}
a{
  text-decoration:none;
  color:var(--primary-color);
}
a:hover{
  color: var(--primary-color);
}
a:focus,a:hover{
  text-decoration:none !important;
}
body a:focus, .toggle-menu button:focus, body textarea:focus, .closepop:focus, body input:focus, body button:focus, body input:focus{
  border-bottom: 1px solid #000 !important;
}
#footer a:focus, #footer input:focus, .primary-navigation a:focus, .primary-navigation .sub-menu > li > a:focus, .top-header a:focus{
  border-bottom: 1px solid #fff !important;
}
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%;
}
.clear, article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.wp-caption{
  font-size:13px;
  max-width:100%;
}
.bypostauthor, .wp-caption-text, *, body, img, .wp-caption, .sticky, .gallery-caption{
  margin:0;
  padding:0;
}
.widget_text a,.entry-summary a, #footer .textwidget a, #sidebar .textwidget a, .woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a, #content-vw a, .woocommerce-MyAccount-content p a, .new-text p a, .comment p a{
  text-decoration: underline;
  color: var(--primary-color);
}
/*wide block*/
.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 
.left-sidebar-page .entry-content .alignwide, .left-sidebar-page .entry-content .alignfull, .right-sidebar-page .entry-content .alignwide, .right-sidebar-page .entry-content .alignfull{
  margin-left  : 0;
  margin-right : 0;
}
/* block image */
.page-box-single .alignwide, .page-box-single .alignfull, .our-services .alignwide, .our-services .alignfull{
  margin-left: 0;
  margin-right: 0;
}
/* Block Gallery */
.page-box-single .blocks-gallery-caption{
  margin-bottom: 15px;
}
.page-box-single .extraclass.wp-block-gallery-3{
  margin-right: 25px;
  margin-top: 10px;
}
/* block button */
.page-box-single .wp-block-button.is-style-outline{
  margin: 5px 0;
}
.page-box-single .wp-block-button.is-style-outline a{  
  color: var(--primary-color) !important;
}
.page-box-single .wp-block-button.is-style-squared a{
  border-radius: 0;
}
/* Block Layout */
.page-box-single .wp-block-media-text__media img{
  width: 100% !important;
}
/* Block widget */
#sidebar .widget_block.widget_tag_cloud a, .page-box-single .wp-block-tag-cloud a{
  border: solid 1px #999;
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
.page-box-single .wp-block-tag-cloud a{
  line-height: 25px;
}
#sidebar .widget_block.widget_tag_cloud a:hover, .page-box-single .wp-block-tag-cloud a:hover{
  background: var(--primary-color);
}
#footer .widget_block.widget_tag_cloud a{
  border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#footer .widget_block.widget_tag_cloud a:hover{
  background-color: #000;
}
#sidebar .widget_block .wp-block-calendar .wp-calendar-nav, #footer .widget_block .wp-block-calendar .wp-calendar-nav{
  text-align: left;
}
#footer .widget_block .wp-block-calendar th{
  background: transparent;
  font-weight: 800;
}
#sidebar .widget_block .wp-block-social-links li:before{
  display: none;
}
#sidebar .widget_block .wp-block-social-links li:hover, #footer .widget_block .wp-block-social-links li:hover{
  transform: none;
}
#sidebar .widget_block .wp-block-social-links li, #footer .widget_block .wp-block-social-links li{
  padding: 0;
}
#sidebar .widget_block .wp-block-social-links li a, #footer .widget_block .wp-block-social-links li a{
  color: #ffffff;
  padding: 10px;
}
#sidebar .widget_block.widget_media_image .wp-block-image, #sidebar .widget_block .wp-block-gallery{
  margin-bottom: 0;
}
/* 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;
  border:1px solid #bbb;
  padding:5px;
}
.alignright,img.alignright {
  display: inline;
  float: right;
  border:1px solid #bbb;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
}
.aligncenter,img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
#respond{
  clear:both;
}
p.logged-in-as a{
  color: var(--primary-color) ;
}
small{
  font-size:14px !important;
}
input[type="text"],input[type="email"],input[type="phno"],input[type="password"],textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:auto;
}
input[type="search"] {
  padding: 10px;
  border: none;
}
input[type="submit"] {
  border: none;
  text-align:center;
  padding:10px 20px;
  background: var(--primary-color);
  color:#fff;
}
.innerlightbox input[type="submit"] {
  padding:10px 20px;
  background: var(--primary-color);
  color:#fff;
}
.noresult-content .search-form{
  display: flex;
}
.noresult-content .search-form input.search-field{
  width: 95%;
}
.entry-content a , .comment a, .woocommerce-product-details__short-description p a, .entry-content ul li a, .entry-content ol li a, #sidebar .textwidget a {
  text-decoration: underline;
  color: var(--primary-color);
}
.entry-content code{
  color:#000;
}
a.closebtn.mobile-menu, .toggle-menu, #category .owl-dots, a.closebtn, #sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li:before, .no-js #loader-wrapper, .elementor-html #loader,.elementor-html #loader-wrapper {
  display: none;
}
.single-product .background-img-skin {
  margin: 36px 0;
}
/* ---------Buttons--------- */
.read-moresec a {
  background: var(--primary-color);
  color: #fff;
  font-weight: 500;
}
.read-moresec a:hover{
  background: var(--primary-color);
  color: #fff;
}
/*preloader*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  display: block;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
          animation: spin 1.7s linear infinite;
  z-index: 99999999;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse .6s linear infinite;
          animation: spin-reverse .6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #222;
  z-index: 10;
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/*preloader 2*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  display: block;
  background: #fff;
}
.loader{
  width: 70px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader div{
    background-color: #14213d; 
    width: 48px;
    height: 48px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    animation: jump 2.25s linear infinite;
}
.loader div:nth-child(1):after{
    content: '';
    width: calc(48px * 2 / 3);
    height: calc(48px * 2 / 3);
    border-radius: 50%;
    border-top: 4px solid #14213d;
    border-left: 4px solid #14213d;
    transform: rotate(135deg);
    position: absolute;
    left: 28px;
    bottom: calc(48px / 6);
}
.loader div:nth-child(2){
    background-color: #fca311;
    width: calc(48px / 2);
    height: calc(48px / 2);
    left: calc(5px * 2.2);
    z-index: 0;
    animation: jump1 2.25s linear infinite;
}
.loader div:nth-child(3){
    background-color: #f72585;
    width: calc(48px / 3);
    height: calc(48px / 3);
    left: calc(5px * 5 / 2);
    z-index: 0;
    animation: jump2 2.25s linear infinite;
}
@keyframes jump{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(0.5) scaleX(1.4);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    25%{
      transform: scaleY(1) scaleX(1);
      bottom: calc(48px * 3);
      animation-timing-function: cubic-bezier(0.8, 0.42, 1, 0.64);
    }
    95%{
      transform: scaleY(1) scaleX(1) rotate(0turn);
      bottom: 0;
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(0turn);
      bottom: 0;
    }
}
@keyframes jump1{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    55%{
      transform: scaleY(1) scaleX(1) rotate(-1turn);
      transform-origin: center;
      bottom: calc(48px * 5.5);
      animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55);
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(-2turn);
      bottom: 0;
    }
}
@keyframes jump2{
    0%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
    }
    8%{
      transform: scaleY(1) scaleX(1);
      transform-origin: bottom;
      bottom: 0;
      animation-timing-function: cubic-bezier(0, 0.8, 0.74, 1);
    }
    55%{
      transform: scaleY(1) scaleX(1) rotate(1turn);
      transform-origin: center;
      bottom: calc(48px * 6.5);
      animation-timing-function: cubic-bezier(0.29, 0.01, 1, 0.55);
    }
    100%{
      transform: scaleY(1) scaleX(1) rotate(2turn);
      bottom: 0;
    }
}

/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  background:var(--primary-color);
  color: var(--secondary-color);
  padding: 9px 17px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  font-weight: 600;
}
.bradcrumbs a:hover, .post-categories li a:hover{
  background:#121212;
  color: #fff;
}
.bradcrumbs span{
  background:var(--primary-color);
  color:var(--secondary-color);
  padding: 10px 15px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 99999;
}

/* ---------Logo Middle Header--------- */
#header {
  border-bottom: 1px solid var(--primary-color);
}
.logo-box{
  background: var(--secondary-color);
}
.logo .site-title{
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left !important;
}
.logo .site-title a {
  color: #fff;
}
.logo p{
  font-size: 13px;
  color: #fff;
}
.topbar {
  background: var(--primary-color);
}
.topbar .contact a{
  color: var(--secondary-color);
  display: inline-block;
}
.topbar span.contact {
  margin-left: 10px;
  display: inline-block;
  padding: 10px 10px 10px 0;
}
.req-btn {
  text-align: center;
}
.topbar .email{
  border-right: 1px solid var(--secondary-color);
}
#header a.reach-btn {
  display: inline-block;
  color: var(--secondary-color);
  background: var(--primary-color);
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  border: 2px solid var(--primary-color);
}
#header a.reach-btn:hover{
  color: var(--primary-color);
  background:none;
  border: 2px solid var(--primary-color);
}
/* ---------HEADER--------- */
.social-icons i {  
  color: var(--secondary-color);
  margin-left: 10px;
}
.social-icons a:first-child i {
  margin-left: 0;
}
.social-icons i:hover {
  background: var(--primary-color);
  color: #fff;
}
#footer #calendar_wrap a, #footer #calendar_wrap a:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .social-icons a, .tagcloud a, #footer td#prev a, table#wp-calendar td a, .copyright p a{
  color: #fff;
}
.social-icons{
  margin: 5px !important;
}
/*-----------------Search pop up----------------*/
.serach_inner label {
  width: 95%;
}
.serach_inner{
  background: linear-gradient(-90deg, var(--primary-color) 0%, var(--secondary-color) 120% );
  max-height: 150px;
  display: flex;
  justify-content: center;
  position: relative;
  box-shadow: 0px 0px 12px #c0bebe;
  transition: 1s height ease-in-out;
}
.search-close {
  position: absolute;
  top: 0;
  font-size: 40px;
  z-index: 9999;
  right: 50%;
  color: #ffff;
  background: none;
  border:none;
  cursor: pointer;
  transition: 0.5s height ease-in-out;
}
.serach_inner form.search-form {
  width: calc(100% - 30px);
  color: #fff;
  border: none;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 20px;
  display: table;
  padding: 0;
  border-radius: 0;
  max-width: 1200px;
  text-align: left;
}
.serach_inner form.search-form label {
  width: 95%;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
.serach_inner input.search-field {
  padding: 10px;
  font-size: 20px;
  font-style: italic;
  font-weight: normal;
  color: #fff;
  max-height: 1200px;
}
.serach_inner input.search-field::placeholder {
  color: #fff;
}
.serach_inner input.search-submit {
  padding: 8px 35px;
  margin: 5px 0;
  font-size: 20px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 10px;
  background: transparent;
  width: 95%;
}
.serach_inner input[type="submit"]{
  text-indent: -9999px;
  z-index: 9999;
  background: url(images/search.png) no-repeat 0 10px;
  position: absolute;
  margin:0;
  background-size: 30px;
  background-color: transparent !important;
}
.search-box button{
  background: transparent;
  border: 0;
}
.search-outer {
  background: rgb(0 0 0 / 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  text-align: center;
  height: 100%;
  transition: 1s height ease-in-out;
  z-index: 999;
}
body.search-focus .search-outer{
  visibility: visible;
  transition: 1s height ease-in-out;
}
.search-box i {
  color: #121212;
  font-size: 15px;
}
a.search-box{
  color: var(--secondary-color);
}
body.admin-bar .serach_inner{
  margin-top: 32px;
}
body.admin-bar .search-close{
  top: 40px;
}

/* --------- MENUS CSS --------- */
.primary-navigation ul{
  list-style: none;
  margin: 0;
}
.primary-navigation li{
  display: inline-block;
  position: relative;
}
.primary-navigation li a:hover{
  background: var(--primary-color);
  color: var(--secondary-color);
  font-weight: 600;
}
.primary-navigation a {
  display: block;
  color: var(--secondary-color);
  font-size: 14px;
  padding: 10px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  line-height: 1;
}
.primary-navigation ul ul li a:before {
  display: none;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 999;
  top: 32px;
  border: 1px solid var(--primary-color);
}
.primary-navigation ul ul ul{
  left: 100%;
  top: 5px;
}
.primary-navigation ul ul a{
  color: var(--secondary-color);
  background-color: var(--primary-color);
  border: none;
  padding: 12px;
  z-index: 999;
}
.primary-navigation ul ul a:hover {
  background: #fff;
  color: var(--primary-color);
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  padding: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
#menu-sidebar{
  display: inline;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f067';
  position: absolute;
  font-weight: 600;
  font-family: 'Font Awesome 7 Free';
  font-size: 10px;
  padding: 0 6px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 10px;
  color: var(--secondary-color);
}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows .sfHover > .sf-with-ul:after{
  content: '\f068';
  font-weight: 600;
  font-family: 'Font Awesome 7 Free';
  color: var(--primary-color);
}
.sf-arrows .sf-with-ul{
  padding-right: 30px;
}

/*----------------- content page ----------------*/
.page-box {
  position: relative;
  overflow: hidden;
} 
.new-text h2 a {
  color: #fff;
}
.new-text h2 {
  font-weight: bold;
  font-size: 22px;
}
.entry-content ul{
  margin: 0 0 15px 15px;
}
.page-box-single .related-posts p, .page-box:hover p, .page-box:hover .new-text h2 a, .page-box:hover .metabox, .page-box:hover .metabox a, .page-box:hover .entry-comments {
  color: #fff;
}
.page-box p,.page-box-single p{
  font-size:15px;
  line-height:2;
}
.page-box-single p{
  color: var(--secondary-color);
}
.page-box-single .box-img img{
  width: 100%;
}
.our-services img{
  width:100%;
}
.read-more-btn a, .entry-comments, .page-box p {
  color: #fff;
}
.page-box:hover .read-more-btn a {
  opacity: 1;
}
.page-box .metabox, .metabox a{
  color: #fff;
  clear:both;
}
.page-box-single .entry-date a, .page-box-single .entry-comments, .page-box-single .metabox .edit-link a{
  color: var(--secondary-color);
  clear: both;
  font-size: 16px;
}
.page-box-single .entry-author a{
  color: var(--secondary-color);
  font-size: 16px;
}
.page-box-single .metabox .edit-link i{
  margin-right: 6px;
}
.page-box-single .metabox .entry-author i, .page-box-single .metabox .entry-date i, .page-box-single .metabox .entry-comments i, .page-box-single .metabox .edit-link i{
  font-size: 10px;
  padding: 8px;
  color: #fff;
  background: var(--secondary-color);
  border-radius: 50%;
}
.page-box .new-text ,.related-posts .new-text{
  padding: 150px 20px 20px;
  background: var(--secondary-color);
  margin-top: -130px;
}
.page-box .box-img{
  margin: 10px 10px 0;
  background: #121212;
}
.related-box{
  box-shadow: 0 0 5px 2px #b1b1b1;
  padding: 10px !important
}
.related-box .box-image{
  margin-top: 10px;
}
.related-box .read-more-btn a{
  background: var(--secondary-color);
}
.page-box-single .related-posts .metabox{
  padding: 0;
  margin: 0;
  border:0;
}
.page-box-single .entry-content p{
  color: var(--secondary-color);
  line-height: 40px;
}
.single-post .nav-links{
  display: block;
  float: unset;
}
.nav-links {
  margin: 10px 0;
  display: flex;
  gap: 6px;
}
.page-box-single {
  background: #fff;
}
.page-box-single h1 {
  font-size: 28px;
  color: var(--secondary-color);
}
.metabox span {
  font-size: 15px;
  margin-right: 5px;
}
.metabox span:last-child {
  margin: 0;
}
.post-btn {
  display: flex;
}
.tags p a{
  font-size: 15px;
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  padding: 3px 25px;
  display: inline-block;
  margin: 10px 10px 5px 10px;
} 
.tags p a:hover{
  color: #fff;
  background: var(--secondary-color);
}
article.new-text.col-lg-6.col-md-6 {
  max-width: 100%;
}
.page-box-single .related-posts{
  margin: 0 40px;
}
.page-box .box-img img{
  margin-bottom: -23px;
}
.page-box .post-categories{
  margin: 10px;
}
.page-box .post-categories li{
  margin-bottom: 0;
}
.page-box.grid-post .post-categories a{
  margin-right: 0;
}
.page-box .box-img img {
  margin-bottom: 0px;
}

/* --------- content-single  Page ------- */
.page-box-single .box-image img{
  width: 100%;
}
.meta-nav {
  color: #aaaaaa;
  font-size: 16px;
}
.post-title{
  color: var(--secondary-color);
  display: block;
}
.meta-nav i {
  font-weight: 900;
  font-size: 15px;
  padding: 8px 0;
}
.page-box-single .main-content-box {
  padding: 2em 2em;
  background: #fff;
  position: relative;
  margin-top: -115px;
  margin-left: 2em;
  z-index: 9999;
  margin-right: 2em;
}
.single-bottom-content {
  border-top: 1px solid #aaaaaa;
}
.page-box-single .commentbox {
  padding: 1em;
}
.page-box-single #comments:hover{
  padding: 20px;
  box-shadow: 0 0 5px 2px #b1b1b1;
}
.page-box-single #comments{
  padding: 20px;
}
.page-box-single .att_socialbox a{
  color: #fff;
  border-radius: 50%;
  display: inline-block;
}
.page-box-single .sharing i{
  color: #000;
  background-color: #eee;
  border-radius: 50%;
  padding: 17px;
}
.page-box-single .facebook{
  padding: 12px 17px;
  background-color: #3b5998;
}
.page-box-single .twitter{
  padding: 12px 16px;
  background-color: #00acee;
}
.single-img{
  background-color: var(--primary-color);
  height: 350px;
}
.woocommerce-page .single-img{
  display: none;
}
.woocommerce-page .page-box-single .main-content-box{
  padding: 10px; 
  margin: 0;
}
/* Headings */
a.r_button {
  background: #3790ca;
  padding: 0.5em 2em;
  color: #fff;
}
.innerlightbox input.search-field, .error404 input.search-field{
  padding: 9px 10px;
  border: 1px solid #bbb;
  width: 100%;
}

/* Footer Section */
#footer form.search-form label{
  width: 100%;
}
#footer .widget {
  padding: 5% 0;
}
#footer .textwidget a{
  color: var(--secondary-color);
  text-decoration: underline;
}
#footer input[type="search"] {
  width: 95%;
  border: none;
  padding: 10px;
  border: solid 1px var(--secondary-color);
  color: #000;
  background:#fff;
}
#footer input[type="submit"] {
  font-size: 10px;
  padding: 12px 8px;
  font-weight: bold;
  color: var(--secondary-color);
  margin: 3px 0 0 0;
  font-size: 15px;
  width: 100%;
  background:var(--primary-color);
}
table#wp-calendar {
  width: 100%;
}
#footer caption,#sideabr caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
#footer table,#footer th,#footer td,#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td,#sidebar td#prev a,#sidebar th {
  color:#202020 !important;
  padding: 5px;
}
#sidebar table#wp-calendar td a {
  color: var(--secondary-color);
}
#footer td {
  padding: 6px;
  color: #fff;
}
#footer th,#sidebar th {
  text-align: center;
  padding: 6px;
  color: #fff;
}
#footer select,#sidebar select {
  padding: 8px 5px;
  color: #4d4d4d;
}
#footer li a {
  color: #fff;
  font-size: 15px;
}
#footer ul li {
  list-style: none;
  padding: 5px 0;
}
#footer ul {
  margin: 0;
}
.main-footer {
  background: url(images/footer-img.png) repeat;
  background-size: 100%;
  color: #fff;
  clear: both;
  padding-top: 0;
  position: relative;
  object-fit: cover;
}
.main-footer .footer-overlay {
  content: '';
  width: 100%;
  height: 100%;
  background-color: var(--secondary-color);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.7;
  z-index: 1;
}
#footer{
  position: relative;
  z-index: 9;
  padding: 0 35px;
}
#footer h2{
  letter-spacing: 1px;
  font-size:24px;
  font-weight: bold;
  color: #fff;
}
#footer p{
  font-size:14px;
}
#footer .news-form{
  margin-top:24px;
}
#footer input[type="search"]{
  width: 100%;
  padding: 10px;
  margin-bottom: 5px;
}
.copyright p {
  font-size: 15px;
  color: #fff;
}
.copyright {
  border-top: 1px solid #fff;
  position: relative;
  z-index: 9;
}
.footer-social-icon{
  background: transparent;
  padding-bottom: 15px;
  text-align:center;
  position: relative;
  z-index: 9;
}
.footer-social-icon a{
  color: #ffffff;
  padding: 10px;
  font-size: 18px;
}
#footer .tagcloud a {
  border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#footer a.rsswidget{
  color:#fff;
}
#footer .tagcloud a:hover{
  background-color: #000; 
}
#footer .entry-content p a{
  color: #fff !important;
}
/*scroll to top*/
#scroll-top{
  background:var(--secondary-color);
  border:2px solid var(--secondary-color);
  color:#fff;
  cursor:pointer;
  width:65px;
  height:65px;
  position:fixed;
  bottom:60px;
  right:20px;
  z-index:9999;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  font-size:20px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  display: none;
}
.left-align{
  left: 20px;
}
.center-align {
  left: 50%;
  right: 50%;
}
/* Comments BOX */
#comments {
  display: block;
}
#comments h2.comments-title{
  font-size:25px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],#comments input[type="email"],#comments textarea,input#url{
  width:100%;
  padding:12px 10px;
  font-size:18px;
}
#comments input[type="submit"].submit{
  background: var(--primary-color) !important;
  padding:10px 50px;
  text-transform: none;
  font-weight:bold;
  color: var(--secondary-color);
  border: none;
}
#comments a.comment-reply-link{
  color:#fff;
  background: var(--primary-color);
  padding: 6px 15px;
  text-decoration: none;
  font-size: 16px;
}
#comments a.comment-reply-link:hover{
  background: #121212;
  color: #fff;
}
#comments a time{
  font-weight:bold;
  font-size:13px;
  text-decoration: none;
}
#comments ol li li{
  margin-left: 25px;
}
.comment-body{
  margin-bottom: 20px;
}
.content-ts #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align: right;
}
#comments .comment-author{
  width:100%;
}  
#comments ol.comment-list {
  color: #121212;
  padding: 0;
}
.comment-meta.commentmetadata {
  margin: 8px 0;
}
#comments ol.comment-list li {
  margin-bottom: 20px;
  list-style: none;
}
.comment-author cite.fn{
  padding-left: 10px;
}
.content-ts #comments h2.comments-title{
  padding-top: 10px;
  font-size: 25px;
}
.content-ts #comments ol li li{
  margin-left: 25px;
}
.content-ts #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0;
  background:#fff;
  display: inline-block;
} 
/*------------- Woocommerce --------------*/
.woocommerce .woocommerce-MyAccount-navigation ul{
  margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .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{
  padding: 10px 15px;
  font-size: 18px;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,.woocommerce-message::before{
  color: var(--primary-color);
}
.woocommerce-message, .learnpress .learn-press-message.success {
  border-top-color: var(--primary-color);
}
.learnpress .learn-press-message.success::before, .learnpress .learn-press-message.success::before {
  background: var(--primary-color);
}
.woocommerce span.onsale {
  background: var(--primary-color);
  color: var(--secondary-color);
  padding: 0;
  border-radius: 0;
  margin: 0 !important;
}
h2.woocommerce-loop-product__title{
  color: var(--secondary-color);
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 22px !important;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--secondary-color);
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.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, .woocommerce a.added_to_cart.wc-forward{
  background: var(--primary-color);
  color: var(--secondary-color);
  border-radius: 8px;
}
.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, .woocommerce a.added_to_cart.wc-forward:hover {
  background: #121212;
  color: #fff;
}
.woocommerce a.added_to_cart.wc-forward {
  line-height: 1;
  margin-top: 5px;
  margin-left: 10px;
  font-weight: 700;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px var(--secondary-color);
  color: var(--secondary-color);
}
.woocommerce div.product .product_title {
  font-size: 25px;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--primary-color) !important;
  padding: 12px !important;
  margin-bottom: 5px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: var(--secondary-color);
  font-weight: bold;
  text-decoration: none;
}
.woocommerce-Addresses header.woocommerce-Address-title{
  display: inline-grid;
  margin-bottom: 20px;
}
.woocommerce .woocommerce-MyAccount-content .title a{
  background: var(--primary-color);
  color: var(--secondary-color);
  font-weight: 500;
  text-decoration: none;
  padding: 5px 8px;
}
.woocommerce .entry-summary .posted_in a{
  color: var(--secondary-color);
  background: var(--primary-color);
  border-radius: 3px;
  text-decoration: none;
  padding: 5px 10px;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
span.woocommerce-input-wrapper{
 width: 100%;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce ul.products li.product .price{
  font-size: 16px;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price, .woocommerce div.product span.price, .woocommerce div.product p.price {
  color: #121212;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce form.woocommerce-shipping-calculator a{
  color: #121212 !important;
}
.woocommerce .woocommerce-breadcrumb{
  margin-top: 10px;
}
.woocommerce ul.products.columns-4 {
  display: table;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  padding: 10px 0;
  text-align: center;
  text-transform: capitalize;
}
.page-template-custom-front-page .woocommerce ul.products li.product .price{
  position: relative;
  top: -45px;
}
.page-template-custom-front-page .woocommerce ul.products li.product .button{
  margin-top: 0px;
  position: relative;
  top: 0;
}
.woocommerce ul.products li.product .button{
  margin-top: 0;
  margin-bottom: 10px;
}
.woocommerce-info {
  border-top-color: #000;
}
.woocommerce-info::before {
  color: #000;
}
.woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a{
  text-decoration: none;
}
.woocommerce-privacy-policy-text p a,.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #000;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.select2-container--default .select2-selection--single, input#billing_phone {
  padding: 10px 0px;
  border-radius: 0px;
  border: 1px solid #bcbcbc;
}
.woocommerce #reviews #comment{
  height: auto;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce-Address{
  max-width: 100%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
  border: 2px solid #e6f0fa;
}
#sidebar .star-rating, #footer .star-rating{
  margin: 0 !important;
}
#sidebar .product_list_widget .star-rating, #footer .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #000;
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
#footer .price_label, #sidebar .price_label{
  font-size: 14px;
}
.woocommerce .star-rating {
  float: left;
}
.news-item.layout-two .news-text-wrap{
  font-size: 14px;
}
.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
  float:none;
  display: inline-table;
  width: 29%;
  text-align: center;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 20px 0 0;
}
.woocommerce form.login .form-row,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce-Reviews .comment-text p.meta {
  width: 100%;
  float: left;
  padding-top: 10px;
}
#sidebar a.remove.remove_from_cart_button , #footer a.remove.remove_from_cart_button{
  font-size: 22px !important;
}
.woocommerce #reviews #comments h2{
  font-size: 25px;
}
.related.products h2 {
  text-align: left;
}
.comment-form-rating label {
  padding: 10px 0;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
#footer .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 0 2em;
}
#sidebar .widget_shopping_cart_content li:hover{
  padding-left: 2em;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
#footer form.woocommerce-product-search button{
  background: #000;
  border-radius: 0px;
  color: #fff;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  border: none;
}
#sidebar form.woocommerce-product-search button{
  background: var(--primary-color);
  border-radius: 0px;
  color: #fff;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  border: none;
  border: solid 1px #000;
}
#sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img {
  width: 50px;
}
#footer .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
}
#footer .woocommerce a.button,#footer .widget_price_filter .price_slider_amount .button{
  background: #000;
  color: #fff;
}
.woocommerce ul.products li.product .star-rating{
  margin: 10px auto;
}
.woocommerce form.login{
  display: inline-block;
}
#sidebar .woocommerce ul.product_list_widget li{
  position: relative;
  padding: 0 0 10px 20px;
  margin: 0;
}
#sidebar .woocommerce ul.product_list_widget li a{
  padding: 0
}
#sidebar .woocommerce ul.product_list_widget li:before{
  position: absolute;
  left: 0;
  top: 12px;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{
  text-align: center;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li a.remove{
  position: absolute;
}
#sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li{
  padding-left: 2em;
}
/*-------Cart Page---------*/
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide{
  margin-left: auto;
  margin-right: auto;
} 
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-main th, .wp-block-woocommerce-cart .wc-block-components-main tr{
  padding: 10px !important;
}
.wc-block-cart__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button,
.wc-block-checkout__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, 
.wc-block-checkout__form .wc-block-components-button{
  border: none;
  min-height: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon a, .wp-block-woocommerce-cart .wc-block-cart__submit-container a, .wp-block-woocommerce-checkout .wc-block-components-totals-coupon a, .wp-block-woocommerce-checkout .wc-block-checkout__actions_row a, .wc-block-cart__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, .wc-block-checkout__sidebar form.wc-block-components-totals-coupon__form .wc-block-components-button, .wc-block-checkout__form .wc-block-components-button{
  font-size: 18px;
  background: var(--primary-color);
  color: var(--secondary-color);
  font-weight: 500;
  padding: 13px 20px;
  text-decoration: none;
}
.wp-block-woocommerce-checkout .wc-block-checkout__actions_row a{
  padding-left: 35px;
}
.wc-block-checkout__main .wc-block-checkout__actions .wc-block-components-checkout-place-order-button{
  padding: 12px !important;
  min-height: 2em !important;
}
.wc-block-checkout__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text,
.wc-block-cart__sidebar .wc-block-components-totals-coupon__form button .wc-block-components-button__text{
  opacity: 1 !important;
}
.wc-block-cart .wc-block-cart-item__product a{
  text-decoration: none;
  font-size: 20px;
}
.wp-block-woocommerce-cart table.wc-block-cart-items, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #e6e3e3;
  padding: 10px;
}
.wc-block-components-sidebar span.wc-block-cart__totals-title, .wc-block-components-sidebar .wc-block-components-totals-coupon{
  text-align: left !important;
}
.wc-block-components-sidebar .wc-block-components-totals-coupon, .wc-block-components-sidebar .wc-block-components-totals-item, .wc-block-components-sidebar .wc-block-components-totals-item{
  padding-left: 0 !important;
}
.wp-block-woocommerce-cart table th span, .wp-block-woocommerce-cart .wc-block-cart__totals-title, .wc-block-cart .wc-block-cart__totals-title{
  color: #000 !important;
  font-size: 15px !important;
}
.wc-block-components-main .wc-block-checkout__actions_row button, .wc-block-components-sidebar .wc-block-components-totals-coupon__content button{
  color: #000;
  border-color: #000;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a{
  border-radius: 0px;
  text-decoration: none;
  font-size: 15px !important;
  font-weight: 800;
  color: var(--secondary-color) !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button a:hover{
  background: #121212;
  color: #fff !important;
}
.wp-block-woocommerce-empty-cart-block .price del{
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .price ins{
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  padding: 5px 0;
  text-align: center;
  text-transform: capitalize;
  color: #121212 !important;
  font-size: 22px !important;
  font-weight: 400;
  font-family: "Source Serif Pro";
}
.wp-block-woocommerce-empty-cart-block a img{
  width: 100% !important;
}
.wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
  text-decoration: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--secondary-color) !important;
  padding: 10px !important;
  font-size: 14px !important;
  border-radius: 0px !important;
  margin: 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  text-transform: capitalize !important;
}
/*------------- Sidebar -------------*/
#sidebar caption{
  color: #000;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3, #sidebar .widget_block h2, #sidebar .wp-block-search .wp-block-search__label {
  font-weight: bold;
  font-size: 20px;
  text-transform: capitalize !important;
  color: #121212;
  text-align: left;
  padding: 0 0 10px;
}
#sidebar .wp-block-search .wp-block-search__label{
  font-family: "Source Serif Pro";
}
#sidebar #block-2 input[type="search"] {
  margin-bottom: 0;
}
#sidebar #block-2 button[type="submit"] {
  background: var(--primary-color); 
  color: #fff;
  border-color: var(--primary-color);
}
#sidebar input[type="search"] {
  border: solid 1px #bbb !important;
  padding: 10px;
  font-size: 15px;
  color: #000;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar form.search-form label{
  width:100%;
}
#sidebar input[type="submit"]{
  background: var(--primary-color);
  border: none;
  color: #fff;
  padding: 10px 0;
  letter-spacing: 2px;
  width: 100%;
  font-size: 18px;
  margin: 0;
}
#sidebar aside {
  background: #fff;
  padding: 10px;
  margin-bottom: 30px;
  box-shadow: 0 0 5px 2px #b1b1b1;
}
#sidebar ul {
  list-style:none;
  margin:0;
  font-size: 12px;
}
#sidebar ul li{
  font-size: 15px;
  margin:  10px;
  text-transform: capitalize;
}
#sidebar ul li a{
  border-radius: 2px;
  padding: 5px 0;
  position: relative;
  color: #000;
  font-size: 15px;
}
#sidebar ul li:before{
  background: #000;
  content: "";
  display: inline-block;
  height: 2px;
  margin-right: 12px;
  transition: all 0.15s ease-out 0s;
  vertical-align: middle;
  width: 8px;
}
#sidebar ul li:hover:before{
  background: var(--primary-color) !important;
}
#sidebar ul li:hover{
  padding-left: 7px ;
  position:relative;
}
#sidebar ul li a:hover, #sidebar ul li a:active, #sidebar ul li a:focus {
  text-decoration: none;
  transition: all 500ms ease 0s;
  color: #000;
  text-decoration: none !important;
  transition: all .3s;
}
#sidebar .tagcloud a{
  border: solid 1px #999;
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#sidebar .tagcloud a:hover{
  background:var(--primary-color);
}
img.rss-widget-icon {
  width: auto !important;
}
#sidebar table#wp-calendar caption {
  color: #121212;
}
/* Page */
h2.entry-title,h1.page-title {
  text-align: left;
  margin-bottom: 10px;
  color: #121212;
  padding: 0;
}
.content-ts p{
  line-height: 25px;
  font-size: 16px;
  margin:0 0 10px;
}
.content-ts hr{
  clear:both;
}
.content-ts ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content-ts ul li{
  padding:0;
  margin:0 0 10px 0;
  line-height:25px;
}
.content-ts ol{
  list-style: none;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content-ts ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
/* Pagination */
.our-services .navigation .nav-previous a, .our-services .navigation .nav-next a{
  background: var(--primary-color);
  color: var(--secondary-color);
  padding: 9px 17px;
  font-weight: 700;
}
.our-services .navigation .nav-previous a:hover, .our-services .navigation .nav-next a:hover{
  background: #121212;
  color: #fff;
}
.our-services .navigation .nav-previous{
  margin: 0;
}
.nav-previous {
  float: left;
  font-size: 15px;
  margin-top: 24px;
}
.nav-next {
  text-align: right;
  font-size: 15px;
}
.pagination {
  clear:both;
  position:relative;
  font-size:14px;
  line-height:13px;
  float:right;
  font-weight:bold;
}
.pagination span,.pagination a, .page-links .page-links-title, .page-links .post-page-numbers.current, .page-links a {
  display:block;
  float:left;
  margin: 2px 8px 15px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#000;
  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;
}
.page-links .page-links-title{
  padding-left: 0;
}
.pagination a:hover, .page-links a:hover{
  color:#fff;
  background: var(--primary-color);
}
.pagination .current, .page-links .post-page-numbers.current{
  padding:10px 15px;
  background: var(--primary-color);
  color:#fff;
}
iframe , .entry-audio audio{
  width: 100%;
}
ul.post-categories {
  list-style: none;
  margin-top: -10px;
}  
.post-categories li{
  display: inline-block;
}
.post-categories li a{
  color: var(--secondary-color);
  margin-right: 8px;
  background-color: var(--primary-color);
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.category-sec{
  display: flex;
  margin-top: 10px;
  align-items: baseline;
}
.toggle-menu i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Media */
@media screen and (max-width: 768px) and (min-width: 720px){
  #sidebar th,#sidebar td, #footer th, #sidebar th, #footer td{
    padding: 0px;
  }
  .metabox span{
    font-size: 14px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    display: inline-table;
    margin: 10px;
  }
  .related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
    width: 44%;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 44%;
    float: left;
    clear: both;
    margin: 10px;
  }
  #sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  .page-box-single .main-content-box{
    padding: 1em;
    margin-left: 1em;
    margin-right: 1em;
  }
  .page-box-single .commentbox {
    padding: 3em 2em;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 50% !important;
    flex: 1 0 50% !important; 
  }
}
@media screen and (max-width:720px) { 
  .topbar span.contact {
    display: block;
    border: 0;
  }
  .logo .site-title {
    text-align: center !important;
  }
  body.admin-bar .search-close {
    top: 55px;
  }
  #header a.reach-btn {
    margin: 10px 0;
  }
  section .innerlightbox {
    padding: 0;
  }
  #footer input[type="submit"] {
    padding: 6px 0;
    float: right;
    border-radius: 0px;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 10px;
  }
  .center-align {
    left: 40%;
    right: 50%;
  }
  .topbar{
    text-align: center;
  }
  .topbar span.contact{
    padding: 5px 5px 5px 0;
  }
  .main-content-box{
    padding: 25px;
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-box-single .commentbox{
    padding: 0;
  }
  .att_socialbox{
    text-align: left !important;
  }
  #comments input[type="submit"].submit{
    padding: 10px 15px;
  }
  .page-box-single .main-content-box{
    padding: 20px;
    margin-right: 1em;
    margin-left: 1em;
  }
  .wc-block-checkout__main .wc-block-checkout__actions_row{
    flex-direction: column;
    gap: 15px;
  }
}
@media screen and (max-width: 768px){
  #footer .widget,#footer .widget-title{
   text-align: center!important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  .entry-content .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
  #footer input[type="submit"]{
    margin-top: 5px;
  }
  #footer th,#footer td{
    padding: 4px;
  }
  #sidebar th,#sidebar td{
    padding: 0px;
  }
  .page-box-single .commentbox {
    padding: 5em;
  }
  .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
    max-width: 34% !important;
    flex: 1 0 30% !important; 
  }
}
@media screen and (max-width: 425px){
  .entry-content .alignwide {
    margin-left: -10px;
    margin-right: -10px;
  }
  #footer input[type="search"]{
    width: 100%;
  }
  .woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{
    width: 100% !important;
    float: none !important;
  }
}
@media screen and (max-width: 1000px){
  .menubar .nav ul li a:focus,a.closebtn.mobile-menu:focus, .primary-navigation a:focus, .toggle-menu button:focus{
    border-bottom: 1px solid #fff;
  }
  .toggle-menu i, .search-box i {
    font-size: 22px;
    color: #fff;
    background: var(--secondary-color);
    padding: 10px;
  }
  .search-box i {
    font-size: 16px ;
    padding: 13px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
    visibility: hidden;
  }
  body.noscroll .sidebar{ 
    width: 100%; 
    visibility: visible;
  }
  .sidebar .closebtn {
    position: absolute;
    top: -9px;
    left: -6px;
    font-size: 40px !important;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
    padding: 20px;
  }
  .sidebar #primary-site-navigation, input.search-field {
    width: 100%;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
  }
  .toggle-menu, .primary-navigation ul ul li, a.closebtn.mobile-menu,.sidebar-responsive {
    display: block;
  }
  .primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{
    background-image: linear-gradient(-90deg, var(--primary-color) 0%, #000 120% );
  }
  .primary-navigation li a:hover, .primary-navigation li:hover a, .primary-navigation a:focus{
    background: none !important;
  }
  .primary-navigation ul li a{
    padding: 15px;
    display:block;
    color:#ffffff;
    border:none;
  }
  .primary-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .primary-navigation ul li ul li a{
    padding-left:20px !important;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:30px !important;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
    background: unset;
    border: none;
  }
  .primary-navigation ul ul li{
    text-align: center;
  }
  .primary-navigation li{
    padding: 0;
  }
  #menu-sidebar {
    background-image: linear-gradient(-90deg, var(--primary-color) 0%, var(--secondary-color) 120% );
    opacity: 0.95;
  }
  #header .primary-navigation ul.sub-menu li a, #header .primary-navigation ul li a{
    color: #fff !important;
  }
  .primary-navigation ul{
    display: grid;
    text-align: center;
  }
  nav#primary-site-navigation a.closebtn.mobile-menu i {
    color: #fff;
    font-size: 30px;
  }  
  .primary-navigation a{
    display: unset;
  }
  .main-menu-navigation{
    overflow-y: scroll;
    scroll-behavior: auto;
  }
  .sf-arrows .sf-with-ul:after{
    position: absolute;
    left: 87%;
    right: 0;
    color: #fff;
  }
  .topbar .contact a, .social-icons a, #header a.reach-btn{
    font-size: 12px;
  }
}
/*---------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;
}

/* woocommerce page css */
.wc-block-components-checkout-return-to-cart-button svg {
      left: 4px !important;
}
/* Sidebar hover effect */
#sidebar .widget {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
#sidebar .widget:hover {
  transform: translateY(-7px);
  box-shadow: 0 0 10px #5e5e5e;
  border-color: transparent;
}
