/*
Theme Name: Demolition Services
Theme URI: https://www.seothemesexpert.com/products/demolition-services-theme
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The Demolition Services theme is a multipurpose, modern, and professional solution crafted for demolition services, residential demolition, commercial demolition, industrial demolition, concrete demolition, interior demolition, structural demolition, building contractor needs, contractor services, construction company operations, building demolition, construction contractor workflows, construction companies, excavation services, renovation contractors, civil engineers, industrial service providers, and related architecture and constrction industries, while also remaining flexible enough for other business types. Built with a minimal yet elegant design, this theme combines clean layouts with refined elements to establish a strong digital presence for heavy equipment rental firms, wrecking companies, and construction contractors. It delivers a fully responsive, SEO optimized, and retina ready experience, ensuring seamless performance across desktops, tablets, and mobile devices. With advanced customization options, shortcodes, and a Bootstrap framework foundation, users can easily align the design with their brand identity. It integrates smoothly with essential tools such as WooCommerce, Contact Form 7, Yoast SEO, and Jetpack, helping businesses manage services, improve visibility, generate leads, and enhance customer engagement. Service sections can be highlighted using bold banners, completed demolition projects can be showcased in visually rich galleries, client feedback can be displayed through interactive testimonials, and professional teams can be presented with structured layouts. Call-to-action buttons, social media connectivity, and animated sections improve user interaction and boost conversions. Engineered with optimized and secure coding, fast loading performance, and strong stability, it ensures a smooth browsing experience with high security standards. Translation-ready and agency-friendly, this theme is ideal for global businesses, architecture firms, and professional developers seeking design excellence and functional flexibility.
Version: 1.6.5
Tested up to: 6.9
Requires PHP: 7.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: demolition-services
Template: expert-construction-company
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, editor-style, full-width-template, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, featured-image-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, portfolio, e-commerce, education

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
  --color-primary1: #ff5f13;
  --color-primary2: #042e5c;
}
a{
    text-decoration: none;
    color: var(--color-primary1);
}
.menu-content{
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.main-navigation ul, .main-navigation .menu ul{
  justify-content: start;
}
.navbar-menubar .main-navigation .menu > li > a, .page_item a,.main-menu i.fas.fa-caret-down.abc{
   color:#fff;
}
.navbar-menubar .main-navigation .menu > li > a, .navbar-menubar .page_item a{
  color: #fff;
}
.logo h1 a, .logo p a, h1.site-title a, p.site-title a, p.site-description{
  color: #fff;
}
h1.site-title, p.site-title{
  text-align: center;
}
.contact i{
  border-radius: 50%;
}
p.infotext{
  font-weight: 700;
}
.search-bar button i{
  color: #fff;
}
.social-media{
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-media i{
  font-size: 15px;
  background: #000000;
  color: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.social-media i:hover{
  background: var(--color-primary1);
  color: #fff;
}
.logo:after{
  content: "";
  position: absolute;
  z-index: 99;
  width: 100%;
  height: auto;
  top: -10px;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(assets/images/logo-shape-1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.navbar-menubar.responsive-menu.navigation_header{
  width: 93%;
}
.menu-content{
  display: flex;
  justify-content: space-between;
}
.search-bar{
  width: 5%;
}
.logo{
  position: relative;
  display: block;
  padding-bottom: 30px;
}
#slider .slide-btn1 a{
  color: #fff;
  border-radius: 30px;
}
#slider .slide-btn2 a{
  border-radius: 30px;
  border: none;
}
#slider .slide-btn2 a:hover{
  color: #fff;
}
p.slider-appointment-text.text-capitalize,
.slider-call i, .slider-appointment a{
  color: #fff;
}
.slider-call i{
  padding-right: 10px;
}
button.search-submit i{
  color: #fff;
}
.headerbox{
  border-bottom: none;
}
.main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, .main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu, .main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu, .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu, .main-navigation .menu .page_item_has_children:not(.off-canvas):hover > .children, .main-navigation .menu .page_item_has_children:not(.off-canvas):focus > .children, .main-navigation .menu .page_item_has_children.is-focused:not(.off-canvas) > .children, .main-navigation .menu .page_item_has_children:not(.off-canvas)[focus-within] > .children, .main-navigation .menu .page_item_has_children:not(.off-canvas):focus-within > .children{
  text-align: left;
}
.inner-content{
  background: var(--color-primary1);
  padding: 0 10px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:focus{
  background: var(--color-primary2);
}
/*owl nav*/
#slider .owl-nav{
  position: static;
  transform: none;
}
#slider button.owl-next, #slider button.owl-prev {
    color: #fff;
    font-weight: 900;
    border-radius: 50%;
    font-size: 35px;
    border: none;
    background: var(--color-primary1);
    height: 39px;
    width: 39px;
    right: 5%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
#slider button.owl-next:hover, #slider button.owl-prev:hover{
  background-color: #000;
}
#slider button.owl-prev {
  top: 40%;
}
#slider button.owl-next {
  top:50%;
}
#slider .owl-nav button.owl-prev span:hover, #slider .owl-nav button.owl-next span:hover{
  background: #fff;
  color: #000;
}
#slider button.owl-next, #slider button.owl-prev{
  font-weight: 600;
  background: none;
}
#slider .owl-nav button.owl-prev, #slider .owl-nav button.owl-next{
  right: 8%;
  left: auto;
}
#slider .owl-nav button.owl-prev span, #slider .owl-nav button.owl-next span{
  border-radius: 50%;
  width: 45px;
  height: 40px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  color: #fff;
  padding: 0;align-items: center;
}
.social-media a{
  display: inline-block;
}
.blog-item.inner-related-post .post-title a{
  color: var(--color-primary1);
  text-decoration: none;
}
.singel-page-area a{
  color: var(--color-primary1);
}
#slider{
  margin-bottom: 0;
}
.search-outer{
  background: rgb(255 95 19 / 50%);
}
#scrolltop, .pagination .page-numbers:not(.dots), .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover, .woocommerce ul.products li.product .product-action .button.add_to_cart_button:hover, .woocommerce ul.products li.product .product-action .button:hover{
  background: var(--color-primary2);
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button, .woocommerce ul.products li.product .product-action .button.add_to_cart_button, .woocommerce ul.products li.product .product-action .button{
  color:#fff;
  border-radius: 30px;
}
.theme-button, .blog-item.sticky:before, .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, .wp-block-woocommerce-cart .wc-block-components-product-badge,
.woocommerce p.woocommerce-result-count{
  color: #fff !important;
}
/*About section */
#about{
  padding-top: 6em;
  background: #f2f3f6;
}
#about .abt-small{
  font-size: 18px;
  background: var(--color-primary1);
  color: #ffffff;
  display: inline-block;
  padding: 7px 46px;
  border-radius: 30px;
  font-weight: 600;
}
#about .abt-title{
  color: #070b07;
  font-size: 28px;
  text-transform: capitalize;
  font-weight: 500;
}
#about img{
  height: 450px;
  object-fit: cover;
  width: 100%;
  border-radius: 15px;
}
#about img{
  border-radius: 0;
}
#about .top-space { 
 padding-top: 2em;
} 
#about i{
  font-size: 40px;
  color: #000;
}
#about .tab-title h3{
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
  font-weight: 400;
}
#about .tab-item h3{
  font-size: 17px;
    color: #000;
    display: block;
    background: #fff;
    font-weight: 500;
    padding: 33px 20px 10px 20px;
    font-family: "Roboto", sans-serif;
    text-transform: capitalize;
    line-height: 1.5;
}
#about .tab-item i{
  width: 50px;
  margin-bottom: -25px;
  height: 50px;
  position: relative;
  display: flex;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  background: var(--color-primary1);
  color: #fff;
  border: 5px solid #fff;
  margin-left: 5px;
}
.serv-left{
  padding-right: 3em;
}
/*responsive css*/
@media (max-width: 767px) {
  .serv-left{
    padding-right: 0;
  }
  #about img{
    height: 250px;
  }
  #about .top-space{
    padding-top: 0;
  }
  #about .abt-title{
    font-size: 22px;
    line-height: 1.4;
  }
  #about .abt-small{
    padding: 5px 25px;
    font-size: 14px;
  }
  #about .tab-item i{
    width: 45px;
    height: 45px;
  }
  #about .top-space{
    margin-top: 0;
  }
  #about .tab-item h3{
    font-size: 15px;
  }
  .logo:after{
    margin-bottom: 20px;
  }
  #slider-section .carousel-control-next, #slider-section .carousel-control-prev{
    display: none;
  }
}
@media (max-width: 1000px) {
  .toggle-nav i{
    color: #fff;
  }
  .navbar-menubar.responsive-menu.navigation_header, .search-bar{
    width: 50%;
  }
  button.navbar-toggler {
    background: #fff;
  }
  #service-offer .titlebox{
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .contact {
    margin-bottom: 10px;
  }
  .serv-left{
    padding-right: 1em;
  }
   #about .abt-title{
    font-size: 22px;
    line-height: 1.4;
  }
  #about .abt-small{
    padding: 5px 25px;
    font-size: 14px;
  }
  #about .tab-item i{
    width: 40px;
    height: 40px;
    font-size: 12px;
  }
  #about .tab-item h3{
    font-size: 15px;
  }
  .social-media{
    justify-content: start;
    margin-bottom: 1em !important;
  }
  .logo h1 a, .logo p.site-title a, .logo p.site-description{
    color: #fff;
  }
}