/*
Theme Name: Preventive Maintenance
Theme URI: https://www.themespride.com/themes/free-maintenance-wordpress-theme/
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: Preventive Maintenance is a versatile and user-friendly website design template tailored for businesses and professionals in the maintenance, repair, and service industries. With its sleek and responsive design, the theme offers a seamless browsing experience across various devices. This theme is optimized for showcasing preventive maintenance services, equipment repairs, and routine upkeep solutions. It includes a range of customizable features, such as a comprehensive service list, appointment scheduling tools, and interactive contact forms, making it easy for clients to request and book services directly through the website. The Preventive Maintenance theme emphasizes visual appeal with high-quality imagery and customizable layouts that allow users to effectively highlight their expertise and showcase before-and-after examples of their work. Additionally, the theme provides options for integrating client testimonials, enabling businesses to build credibility and trust among potential customers. Its user-friendly backend interface simplifies content management, allowing users to effortlessly update service offerings, images, and other information without extensive technical knowledge. The theme also supports essential plugins and widgets that enhance functionality, such as SEO optimization tools for improved search engine visibility and social media integration for expanded online reach. In essence, the Preventive Maintenance WordPress theme serves as an efficient and professional platform for maintenance and service providers to connect with their target audience, enhance their online presence, and ultimately grow their business.
Version: 0.7
Tested up to: 6.4
Requires PHP: 5.6
Requires at least: 5.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: preventive-maintenance
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images,featured-image-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, translation-ready, blog, news, portfolio

Preventive Maintenance WordPress Theme, Copyright 2023 ThemesPride
Preventive Maintenance is distributed under the terms of the GNU GPL
*/

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size:15px;
  color:#000;
  font-family: 'Poppins', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
  color: #000000;
}
p{
  font-size: 14px;
}
a{
  text-decoration:none;
  color:#348ce2;
}
a:hover{
  text-decoration:none;
  color:#ffcf00;
}
input[type="search"] {
  padding: 10px;
  border: 1px solid #ebebeb;
  font-size: 15px;
}
button[type="submit"] {
  padding: 11px;
  background: #348ce2;
  border: none;
  cursor: pointer;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
textarea{
  width: 100%;
}
.box-content a,
#theme-sidebar .textwidget a,
#footer .textwidget a,
.comment-body a,
.entry-content a,
.entry-summary a,
#main-content p a{
  text-decoration: underline;
}

.wp-block-button.is-style-squared a.wp-block-button__link {
  border-radius: 0;
}

/*--------------------------------------------------------------
Accessibility CSS
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
  Pre Loader
--------------------------------------------------------------*/

.loader{
  background: #fff;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  position: fixed;
}
.center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 5px solid #000000;
  border-radius: 50%;
}
.center1{
  width: 200px;
  height: 200px;
  border-left-color: #348ce2;
  border-top-color: #348ce2;
  animation: animateCenter1 2s infinite linear;
}
.center2{
  width: 100px;
  height: 100px;
  border-left-color: #2196f3;
  border-top-color: #2196f3;
  animation: animateCenter2 2s infinite linear;
}
.ring{
  position: absolute;
  top: 0;
  left: 50%;
  transform-origin: bottom;
  transform: translateX(-50%);
  width: 4px;
  height: 50%;
  background: transparent;
}
.center1 .ring{
  transform: translateX(-50%) rotate(45deg);
}
.center2 .ring{
  transform: translateX(-50%) rotate(-135deg);
}
.ring::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.center1 .ring::before{
  background: #ffc107;
}
.center2 .ring::before{
  background: #2196f3;
}
@keyframes animateCenter1{
  0%{
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100%{
    transform: translate(-50%,-50%) rotate(360deg);
  }
}
@keyframes animateCenter2{
  0%{
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100%{
    transform: translate(-50%,-50%) rotate(-360deg);
  }
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.page-template-front-page .menubar {
  background: transparent; 
  position: absolute;
  width: 100%;
  z-index: 999;
  margin-top: -25px;
}
.social-media i {
  color: #fff;
  font-size: 20px;
  margin: 0 10px;
}
.social-media i:hover {
  color: #ffcf00;
}
.social-media span {
  font-weight: bold;
  color: #000;
  font-size: 10px;
}
.top-header {
  background: #1e2452;
  padding: 10px 0;
}
.timebox span {
  font-size: 14px;
  color: #fff;
  margin-left: 8px;
  font-weight: 500;
}
.timebox i {
  font-size: 12px;
  color: #ffcf00;
}
.headerbox {
  padding: 20px 0px;
  background: #ffffff;
}

.header-contact-text p {
  color: black;
  font-weight: 500;
  font-size: 16px;
}
.call i,
.email i, .location i {
  font-size: 18px;
  color: #ffffff;
  background: #348ce2;
  padding: 12px;
  border-radius: 30px;
}
.call p,
.email p, .location p {
  color: black;
  font-weight: 500;
  font-size: 16px
}

.menubox {
  background: #ffffff;
  border-radius: 10px 0px 0px 10px;
  padding: 5px 0px 5px 20px;
  box-shadow: 0 0 20px 4px #e0e5eb;
}

.call-detail {
  text-align: left;
  background: #ffcf00;
  padding: 10px 45px;
  border-radius: 0px 11px 11px 0px;
}
.menubar .phone-icon i {
  margin-right: -77px;
  float: right;
  color: #fff;
  background: #348ce2;
  padding: 10px;
  border-radius: 30px;
}
p.infotext {
  color: #000;
  font-size: 12px;
  margin-bottom: 0;
}
.logo {
  color: #000;
}
.logo h1 {
  font-weight: bold;
  padding: 0;
  font-size: 30px;
}
.logo p {
  margin-bottom: 0;
}
.logo-same-line {
  text-align: left;
}
.logo-same-line h1 {
  font-size: 25px;
}

/*--------------------------------------------------------------
Menu bar
--------------------------------------------------------------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.main-navigation li.page_item_has_children:after,
.main-navigation li.menu-item-has-children:after{
  content: '\f0d7';
  position: absolute;
  right: 1px;
  top: 15px;
  font-size: 15px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.main-navigation ul ul li.menu-item-has-children:after{
  color: #fff;
  right: 3px;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation li{
  position: relative;
  padding: 15px;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  color: #000;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}
.main-navigation a:hover{
  color: #348ce2;
}
.main-navigation ul ul{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #1e2452;
  min-width: 215px;
  z-index: 9999;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul a{
  color: #fff;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  opacity: 1;
}
.main-navigation li.menu-item-has-children:hover > ul, .main-navigation li.menu-item-has-children:focus > ul, .main-navigation li.menu-item-has-children.focus > ul{
  opacity: 1;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #348ce2;
}
.main-navigation .menu-nav > ul > li.highlight{
  background-color: #348ce2;
}
.main-navigation .menu-nav > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu-nav > ul > li:hover > a:after,
.menubar.scrolled .menu-nav > ul > li.current_page_item > a:after,
.menubar.scrolled .menu-nav > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu-nav > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.main-navigation ul ul li:hover > a{
  color: #fff;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation .sub-menu {
  list-style: none;
  padding-left: 0;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
.main-navigation .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-navigation .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-navigation .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu{ 
  left: -202px !important;
}
/*--------------------------------------------------------------
Search pop up
--------------------------------------------------------------*/
.search_outer {
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 99999;
  position: absolute;
  right: 0px;
  display: none;
}
.search_inner {
  width: 100%;
  padding: 10px;
  background: #ffffff;
}
.search_inner form.search-form {
  border: 3px double #348ce2;
  padding: 10px 20px;
  border-radius: 0;
  background: #ffffff;
}
.search_inner [type="submit"] {
  padding: 5px 12px;
  background: url(assets/images/search.png) no-repeat scroll 0 4px;
  font-size: 13px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
}
.search_inner input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 88%;
}
.search-box i {
  color: #000000;
  padding: 18.5px;
  cursor: pointer;
}
.search-box button {
  background: transparent;
  border: none;
}

/*--------------------------------------------------------------
Post Pages
--------------------------------------------------------------*/
.wp-block-query-pagination-numbers{
  padding: 10px;
}
#category-post{
  padding-bottom: 30px;
}
#category-post .entry-video, #category-post .entry-audio{
  padding-bottom: 7px;
}
.page-box {
  border: 1px solid #ebebeb;
  padding: 20px;
}
.box-image img,
.box-content img {
  width: 100%;
  height: auto;
}
.external-div {
  position: relative;
  text-align: center;
  margin-top: 0;
  height: 500px;
  margin-bottom: 0;
  background: #000;
}
.external-div .box-image img{
  object-fit: cover;
  position: absolute;
  height: 500px;
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0.5;
  background-size:cover;
}
.box-text{
  position: absolute;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  right: 30%;
  left: 30%;
  z-index: 99;
  text-align: center;
}
.box-text h2{
    color: #fff;
    text-transform:uppercase;
    letter-spacing: 3px;
}
.box-info i {
  margin-right: 5px;
  background: #ffcf00;
  padding: 10px;
  color: #000;
  font-size: 12px;
}
.box-info {
  padding: 5px 0;
}
.box-info span {
  margin-right: 10px;
  color: #000;
  font-size: 12px;
}
.page-box p {
  color: #000;
  font-size: 15px;
  margin: 15px 0;
}
.page-box h4 a {
  font-size: 25px;
}
.page-box h4 {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.page-box a,.nav-links a {
    text-decoration: none;
}
.readmore-btn a {
  border-bottom: 1px solid #ebebeb;
  font-weight: 600;
  color: #ffcf00;
}
/*--------------------------------------------------------------
SLIDER
--------------------------------------------------------------*/
#slider{
  max-width:100%;
  margin:auto;
  padding:0;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
}
#slider h6 {
  background: #ffcf00;
  padding: 10px 25px;
  display: inline-block;
  color: #000000;
  border-radius: 30px;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image: none;
  font-size: 22px;
  font-weight: 800;
  padding: 10px;
  border-radius: 30px;
  background: #333333c9;
  color: #fff;
  width: 50px;
  height: 50px;
}
#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
  background:#348ce2;
  color: #000;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}
#slider .inner_carousel h2 {
  margin: 0;
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 0;
}
#slider .inner_carousel {
  color: #fff;
}
#slider .inner_carousel p {
  font-size: 15px;
  margin-top: 10px;
}
.more-btn a:hover {
  background: #ffcf00;
  color: #000;
}
.more-btn a {
  background: #348ce2;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 14px;
}
.more-btn{
  margin: 25px 0;
}


/*--------------------------------------------------------------
ABOUT US
--------------------------------------------------------------*/
#about {
  padding: 3% 0;
}
#about .about-box {
  padding: 0 35px;
}
#about h3 {
  padding: 0;
  color: #348ce2 ;
  font-size: 14px;
  font-weight: 600; 
  border-radius: 30px;
  letter-spacing: 2px;
}
#about h4 {
  padding: 0;
  font-size: 25px;
  font-weight: 600;
  margin: 15px 0;
  color: #000000;
  text-decoration: none;
}
#about p {
  font-size: 15px;
  color: #000000;
}
#about i.fas.fa-check {
    color: #0000a7;
}
#about span.short-box {
  width: 100px;
  position: relative;
  display: block;
  margin-left: -12px;
  border-top: 2px solid #000051;
  height: 12px;
  border-left: 2px solid #000051;
  border-right: 2px solid #000051;
}

#about span.exp-no {
  background: #348ce2;
  color: white;
  border-radius: 30px;
  width: 50px;
  text-align: center;
  height: 50px;
  padding: 6px 0px;
  font-size: 25px;
  font-weight: 500;
  margin-right: 10px;
}
#about span.exp-text {
  font-size: 23px;
  font-weight: 500;
  color: white;
}
#about .exp-box .media {
  background: #000;
  padding: 24px 24px;
}
#about .media {
  background: #1e2452;
  width: 50%;
  position: absolute;
  right: 15px;
  padding: 10px 30px;
  bottom: 0;
  }

/*--------------------------------------------------------------
WOOCOMMERCE CSS
--------------------------------------------------------------*/
.woocommerce-page .external-div{
  display: none;
}
.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  padding:15px;
}
.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: #000000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul{
  border:none;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
  padding: 10px;
}
.woocommerce ul.products li.product .button,
a.checkout-button.button.alt.wc-forward {
  margin-top: 1em;
  font-size: 14px;
  text-transform: none;
}
.woocommerce  .star-rating {
  margin: 0 auto 10px !important;
}
.woocommerce span.onsale{
  background: #348ce2;
  padding: 0;
}
.products li {
  border: solid 1px #ddd;
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000000;
  font-weight: 800;
  font-size: 18px !important;
  margin-bottom: 10px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000000;
  font-size: 15px
}
.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{
  background: #348ce2;
  color: #fff;
  border-radius: 0;
}
.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: #ffcf00;
  color: #000;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 4px;
  border-radius: 0;
  border: solid 2px #000000;
  color: #000000;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  border: solid 2px #000000;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 2px 2px 0 0 #000000;
  font-weight: bold;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #000000;
  text-decoration: none;
}
span.woocommerce-input-wrapper,
.woocommerce label,span.password-input {
 width: 100%;
}
.woocommerce .woocommerce-ordering select {
  padding: 5px;
  font-size: 12px;
}
span.posted_in {
  display: block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 22%;
  display: inline-block;
  margin: 5px;
}
a.added_to_cart.wc-forward {
  margin-top: 2px;
  background:#ffcf00;
  color: #fff;
  font-weight: 300;
  padding: 15px;
  border-radius: 5px;
  text-transform: uppercase;
}
/*--------------------------------------------------------------
Posts Numbers
--------------------------------------------------------------*/
.page-numbers {
  background: #348ce2;
  color: #fff;
  padding: 10px 11px;
  font-weight: bold;
}
.prev.page-numbers,
.next.page-numbers {
  font-size: 15px;
  background: #348ce2;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
  background-color: #ffcf00;
  color: #000;
}
.page-links {
  font-size: 14px;
  font-weight: 800;
  padding: 2em 0 3em;
  position: absolute;
  margin-top: 16%;
}
.page-links .page-number {
  color: #000;
  display: inline-block;
  padding: 0.5em 1em;
}
.page-links a {
  display: inline-block;
}
.page-links a .page-number {
  color: #000000;
}

span.page-numbers.current{
  color: white !important;
}
/*related post*/
.related-post-block{
    margin-top: 12%;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 30px #d5d5d58c;
}
.related-post-block .page-box{
  padding: 10px;
}
/* Post Navigation */

.post-navigation {
  font-weight: 500;
  margin: 3em 0;
}
.nav-subtitle {
  background: transparent;
  color: #000;
  display: block;
  font-size: 11px;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.nav-title {
  color: #333;
  font-size: 15px;
}
span.meta-nav {
  color: #fff;
  background: #348ce2;
  padding: 5px 10px;
}
span.meta-nav:hover {
  color: #000;
  background: #ffcf00;
}
.nav-previous {
  float: right;
}

/*--------------------------------------------------------------
 404 page
--------------------------------------------------------------*/

.error404 .page-content {
  padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
  margin-bottom: 3em;
}
.error-404 input[type="search"] {
  border: solid 1px #000;
  padding: 10px;
}
.error-404 [type="submit"] {
  padding: 10px;
  background: #348ce2;
  border: solid 1px #000;
  cursor: pointer;
  font-weight: 500;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/

#theme-sidebar section {
  border: 1px solid #ebebeb;
  padding: 20px;
  background: #fff;
  margin-bottom: 30px;
}
.wp-block-search .wp-block-search__label {
  color: #348ce2;
}
#footer h1.wp-block-heading, #footer h2.wp-block-heading, #footer h3.wp-block-heading,#footer h4.wp-block-heading, #footer h5.wp-block-heading, #footer h6.wp-block-heading ,
#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading,#theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading  {
  border-bottom: 1px solid #ebebeb;
  font-size: 16px;
  color: #348ce2;
  padding-bottom: 10px;
  font-weight: bold;
}
#theme-sidebar ul,#footer ul {
  list-style: none;
  padding: 0;
}
#theme-sidebar li:last-child {
  border: none;
}
#theme-sidebar li {
  border-bottom: 1px dashed #ebebeb;
  color: #000;
  padding: 10px 0;
  font-size: 12px;
}
#theme-sidebar a:hover {
  color: #ffcf00;
}
#footer  a:hover{
  color: #ffcf00;
}
#footer .wp-block-latest-comments__comment-author, #footer .wp-block-latest-comments__comment-link,
#theme-sidebar a,#theme-sidebar .wp-block-latest-comments__comment-author, #theme-sidebar .wp-block-latest-comments__comment-link{
  color: #000;
  font-size: 13px;
}
#footer .wp-block-latest-comments article,
#theme-sidebar .wp-block-latest-comments article {
    margin-bottom: 0em;
}
#footer .wp-block-latest-comments__comment-meta,
#theme-sidebar .wp-block-latest-comments__comment-meta {
    margin-bottom: 0px;
}
#footer ol.wp-block-latest-comments,
#theme-sidebar ol.wp-block-latest-comments{
  padding-inline-start: 0px;
}
#theme-sidebar .textwidget img,
#footer img  {
  width: 100%;
  height: auto;
}
#theme-sidebar select {
  padding: 10px;
  border: solid 1px #ebebeb;
  background: transparent;
  font-size: 14px;
  width: 100%;
  color: #000;
}
#theme-sidebar .tagcloud a, p.wp-block-tag-cloud a ,.post_tag a, #theme-sidebar .widget_tag_cloud a {
  border: 1px solid #ebebeb;
  padding: 5px 10px;
  color: #222222;
  font-size: 12px !important;
  display: inline-block;
  margin-bottom: 5px;
}
#theme-sidebar .tagcloud a:hover,p.wp-block-tag-cloud a:hover, .post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
  color: #ffcf00;
  border-color:#ffcf00;
}
#theme-sidebar .tagcloud {
  margin-top: 15px;
}
#theme-sidebar input[type="search"],
#footer input[type="search"] {
  padding: 10px;
  width: 100%;
  border: 1px solid #ebebeb;
  font-size: 15px;
}

#footer .wp-block-search__inside-wrapper,
#theme-sidebar .wp-block-search__inside-wrapper{
  display: block;
}
#footer .wp-block-search__button,
#theme-sidebar .wp-block-search__button{
  margin-left: 0px;
}

#theme-sidebar button[type="submit"], #footer button[type="submit"] {
  padding: 8px;
  width: 100%;
  margin-top: 10px;
  font-weight: 500;
  background: #348ce2;
  border: none;
  cursor: pointer;
  color: #fff;
}
#theme-sidebar button[type="submit"]:hover,#comments input[type="submit"]:hover, #theme-sidebar button[type="submit"]:hover, #footer button[type="submit"]:hover{
  color: #000;
  background: #ffcf00;
}
#theme-sidebar table#wp-calendar {
  border: solid 1px #ebebeb;
  text-align: center;
  margin-top: 15px;
  width: 100%;
}
#theme-sidebar th,#theme-sidebar td {
  border-right: solid 1px #ebebeb;
  padding: 10px 0;
}
#theme-sidebar tr {
  border-bottom: solid 1px #ebebeb;
}
.woocommerce #theme-sidebar {
  margin-top: 30px;
}

#footer  .wp-block-media-text {
  margin-top: 10px;
  box-sizing: border-box;
  direction: ltr;
  display: inline;
}
#footer  .wp-block-media-text .wp-block-media-text__content {
  color: #fff;
  margin-top: 5px;
} 
#theme-sidebar .wp-block-media-text .wp-block-media-text__content{
  color: #222222;
  margin-top: 5px; 
}
#theme-sidebar  .wp-block-media-text {
  box-sizing: border-box;
  direction: ltr;
  display: inline;
}
#footer .wp-block-search .wp-block-search__label{
  color: #fff;
  margin-top: 10px;
}
/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.box-content #respond{
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0px 4px 30px #d5d5d58c;
  margin-bottom: 20px;
}
#comments {
  clear: both;
  padding: 2em 0 0.5em;
}
.comments-title {
  font-size: 20px;
  margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list li:before {
  display: none;
}
.comment-body {
  margin-left: 65px;
}
.comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}
.comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}
.comment-author .says {
  display: none;
}
.comment-meta {
  margin-bottom: 1.5em;
}
.comment-metadata {
  color: #767676;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.comment-metadata a {
  color: #767676;
}
.comment-metadata a.comment-edit-link {
  color: #000000;
  margin-left: 1em;
}
.comment-body {
  color: #333;
  font-size: 14px;
  margin-bottom: 4em;
}
.comment-reply-link {
  font-weight: 800;
  position: relative;
}
.comment-reply-link .icon {
  color: #000000;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}
.children .comment-author .avatar {
  height: 30px;
  left: -45px;
  width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #333;
  padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-style: italic;
}
.comments-pagination {
  margin: 2em 0 3em;
}
.comment-form #wp-comment-cookies-consent {
  margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
  display: inline;
}
#comments input[type="submit"] {
  background: #348ce2;
  color: #fff;
  border: none;
  padding: 10px 50px;
  font-weight: 500;
  cursor: pointer;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea{
  border:1px solid #c8c8c8;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}

/*--------------------------------------------------------------
Commen CSS
--------------------------------------------------------------*/

#primary {
  padding: 3% 0;
}
.sticky .page-box h4{
  background: url(assets/images/pin.png) no-repeat scroll 0 0px;
  padding-left: 40px;
}
#gallery-1 img {
  border: 2px solid #000 !important;
}
#gallery-1 .gallery-item {
  width: 30% !important;
  margin: 4px;
}
iframe,
.entry-audio audio{
  width: 100%;
}
.entry-video {
    width: 100%;
}
.entry-audio {
    width: 100%;
}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer {
  background: #000000;
  clear: both;
}
#footer h3 {
  font-size: 20px;
  padding: 10px 0;
  color: #fff;
  border-bottom: dashed 1px #656363;
  margin-bottom: 10px;
}
#footer li a {
  color: #fff;
}
#footer li {
  color: #fff;
  font-size: 13px;
  padding: 5px 0;
}
#footer table#wp-calendar {
  border: dashed 1px #656363;
  text-align: center;
  margin-top: 15px;
  width: 100%;
}
#footer th,#footer td {
  border-right: dashed 1px #656363;
  padding: 5px 0;
  color: #fff;
}
#footer tr {
  border-bottom: dashed 1px #656363;
  color: #fff;
}
#footer select {
  padding: 5px;
  width: 100%;
}
#footer .widget_rss img{
  width: auto;
}
#footer .widget_rss li{
  border-bottom: solid 2px #656363;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#footer .textwidget {
  color: #fff;
}
#footer .tagcloud a {
  border: 1px dashed #656363;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px !important;
  display: inline-block;
  margin-bottom: 5px;
}
.site-info {
  background: #1e2452;
  padding: 15px 0;
}
.site-info p{
  margin-bottom: 0;
  text-align: center;
  
}
.site-info a{
  color: #fff!important;
}
.site-info a:hover{
  color: #348ce2;
}

/*--------------------------------------------------------------
Scroll Top
--------------------------------------------------------------*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #ffcf00;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: #000;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top:hover {
  background: #348ce2;
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

/*--------------------------------------------------------------
WordPress Core
--------------------------------------------------------------*/
/*.alignwide {
  margin-left : -80px;
  margin-right : -20px;
}
.alignfull {
  margin-left: -48px;
  width: calc(100% + 64px) !important;
  max-width: 100vw;
}
.alignfull img {
  width: 100vw;
}*/
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  margin: 0;
  padding: 0 4px 5px;
}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 800px){
  .nav-links {
    padding-bottom: 21px;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .page-template-front-page .menubar{
    position: static;
  }
  #about .media {
    position: static;
    width: 100%;
  }
  .logo{
    text-align: center;
  }
  span.short-box{
    margin-top: 30px;
  }
  .menubox {
    background: #ffffff;
    border-radius: none;
    padding: 4px 0px;
    box-shadow: none;
    text-align: center;
  }
  .toggle-nav i {
    font-size: 30px;
    color: #fff;
  }
  .toggle-nav button{
    background: #348ce2;
    border: none;
    font-size:30px;
    text-align: right;
  }
  .toggle-nav button:focus{
    outline: -webkit-focus-ring-color auto 1px;
  }
   .main-navigation .sub-menu {
    width: 100% !important;
  }
  .main-navigation .sub-menu li {
    opacity: 1 !important;
    display: block !important;
  }
  .main-navigation .sub-menu{
    opacity: 1;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    visibility: hidden;
    background-color: #1e2452;
    transition: 0.5s width ease-in-out;
    padding-top: 60px;
    box-shadow: 2px 2px 10px 0px #2d2d2d;
    overflow-y: scroll;
  }
  .sidenav.open{
    visibility: visible;
  }
  .sidenav a {
    text-decoration: none;
    color: #818181;
    display: block;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav{
    display: block;
  }
  .main-navigation a{
    color: #444;
  }
  .main-navigation .menu-nav{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation li.page_item_has_children:after,
  .main-navigation li.menu-item-has-children:after{
    display: none;
  }
  .main-navigation .menu-nav > ul > li.highlight{
    background: transparent !important;
  }
  .menu-nav > ul > li:hover:before,
  .menu-nav > ul > li.current_page_item:before,
  .menu-nav > ul > li.current-menu-item:before{
    display: none;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{
    width:100%;
    margin-top:0;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid;
    display:block;
    text-align:left;
    float:none;
    width: 100%;
  }
  .nav ul li a{
    padding: 10px;
    display:block;
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{
    opacity: 1;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .main-navigation li{
    padding: 0;
  }
  .scrolled{
    position: static;
  }
  #footer h3{
    font-size: 18px;
  }
  #category-post img{
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 560px){
  .nav-links {
    padding-bottom: 21px;
  }
  .page-numbers{
    font-size: 10px;
  }
  a.next.page-numbers{
    font-size: 10px;
  }  
  .top-header,
  .social-media,
  .headerbox,
  .call, #static-blog,.site-footer,.content-area{
    text-align: center;
  }
  div#gallery-1 {
    text-align: -webkit-center;
  }
  #static-blog h3{
    font-size: 28px;
  }
  #return-to-top i{
    left: 1px;
  }
  .menubar .phone-icon i {
    margin-right: 0px;
  }
  .call-detail{
    border-radius: unset;
  }
  .calender {
    margin: 10px;
  }
  .serach_outer{
    top: auto;
  }
  #slider .inner_carousel p{
    display: none;
  }
  #slider .inner_carousel h2{
    margin: 32px;
    font-size: 15px;
  }
  #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
    font-size: 14px;
    background: transparent;
  }
  #slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
    background: transparent;
  }
  #slider .more-btn a {
    padding: 7px 14px;
    font-size: 14px;
  }
  #slider h6{
    padding: 8px 9px;
    font-size: 11px;
  }
  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product{
    width: 100%;
  }
  .woocommerce .woocommerce-ordering,
  .woocommerce-page .woocommerce-ordering{
    float: none;
  } 
  #slider .carousel-caption{
    text-align: center !important;
    left: 15% !important;
    right: 15% !important;
  }
}
@media screen and (max-width: 768px){
 .nav-previous{
    padding: 15px;
    text-align: center;
    float: none;
  }
 .nav-next{
     text-align: center;
  }
 .nav ul li a{
    font-size: 15px;
  }
 .headerbox, .top-header{
    text-align: center;
  }
}