/*
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 WordPress theme designed to meet the needs of demolition, demolition services, residential demolition, commercial demolition, industrial demolition, concrete demolition, interior demolition, structural demolition, building demolition 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. The theme is fully responsive and retina ready, ensuring your website looks beautiful and user-friendly on all devices, from desktops to smartphones. One of the key strengths of this theme is its personalization options. With powerful customization tools, shortcodes, and a flexible bootstrap framework, developers and business owners can easily tailor the site to fit their brand’s identity. You can highlight your services with a bold banner, engage visitors through an interactive testimonial section, and showcase your skilled workforce with a professional team display. The inclusion of call-to-action (CTA) buttons and social media integration ensures seamless interaction, helping agencies drive conversions and build stronger customer relationships. Performance is at the core of the theme’s design. With optimized codes, secure and clean code, and faster page load times, your website runs smoothly while maintaining high security standards. The theme is also translation ready, making it suitable for global audiences, and its modern, luxurious aesthetics make it appealing to businesses that want to blend functionality with style. Whether you run a demolition company, or a general service firm, this theme is agency friendly, highly interactive, and equipped with animated features that keep visitors engaged. From professional developers to small business owners, anyone can take advantage of the customization options to build a professional-grade website without hassle. The Demolition Services stands out as a clean, mobile-friendly, and versatile choice for creating an impactful digital presence that captures attention and drives results.
Version: 1.1
Tested up to: 6.8
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;
  }
}