/*
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 is a multipurpose, modern, and professional free theme designed to meet the needs of demolition, demolition services, residential demolition, commercial demolition, industrial demolition, concrete demolition, interior demolition, structural demolition, building demolition, construction contractor, building contractor, contractor services, construction companies, excavation services, renovation contractors, civil engineers, and industrial service providers while offering flexibility for other businesses. Built with a minimal yet elegant design, it combines clean layouts with sophisticated elements to create a stunning online presence for heavy equipment rental firms, wrecking companies, or construction contractors. The theme is fully responsive, SEO optimized, and retina ready, ensuring your website looks beautiful and user-friendly on all devices, from desktops to smartphones. With powerful customization tools, shortcodes, and the Bootstrap framework, developers and business owners can easily tailor the site to fit their brand identity. It integrates smoothly with essential plugins like WooCommerce, Contact Form 7, Yoast SEO, and Jetpack, allowing users to manage projects, improve visibility, generate leads, and enhance customer interaction. You can highlight your services with a bold banner, feature completed demolition projects in a gallery, engage visitors through interactive testimonial sections, and showcase your skilled workforce with a professional team display. The inclusion of call-to-action (CTA) buttons, social media integration, and animated sections ensures seamless interaction and helps agencies build trust and drive conversions. Engineered with optimized and secure coding, faster page load times, and advanced performance, this theme ensures a smooth browsing experience while maintaining top security standards. Translation-ready and agency-friendly, it’s ideal for global businesses and professional developers seeking functionality and design excellence. Whether you operate a demolition firm, construction service, or industrial solutions company, the Demolition Services theme delivers flexibility, customization, and sophistication to create a powerful digital presence that boosts credibility and drives results.
Version: 1.5.7
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;
}
.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;
  }
}