/*
Theme Name: Construction Service
Theme URI: https://www.seothemesexpert.com/products/construction-service-theme
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The Construction Service is a multipurpose and modern free theme designed to meet the needs of construction companies, building contractors, residential construction, commercial construction, general contractors, home builders, developers, architects, renovation experts, interior designers, plumbers, electricians, roofing contractors, and engineering firms while also catering to related service providers. Built with a minimal yet elegant approach, this theme delivers a clean and sophisticated layout that highlights professionalism and trust. Its beautiful, SEO-optimized design ensures your business stands out with stunning visuals that are retina-ready and fully responsive, providing a seamless experience across all devices. With advanced personalization options, you can easily tailor the theme to your brand identity using colors, fonts, banners, and layout adjustments. It integrates seamlessly with popular plugins like WooCommerce, Contact Form 7, Yoast SEO, and Jetpack to enable eCommerce functionality, boost visibility, enhance performance, and simplify client communication. The theme comes with interactive features like an animated homepage, project portfolio section, testimonial showcase to build credibility, and a dedicated team display to highlight your experts. Strategically placed Call to Action (CTA) buttons help drive inquiries and conversions, while built-in social media integration enhances audience engagement. Crafted with optimized and secure coding standards, faster page load speed, and the powerful Bootstrap framework, the Construction Service theme ensures flexibility, stability, and mobile responsiveness. It also supports shortcodes for easy customization, making it suitable for professionals, contractors, and agencies. Additionally, this translation-ready theme is perfect for global businesses that want to connect with clients in multiple languages. With its luxurious design elements, interactive visuals, and user-friendly navigation, the Construction Service theme creates a professional, high-performing online presence that reflects quality, reliability, and industry expertise.
Version: 1.5.2
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: construction-service
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: #DB9A11;
  --color-primary2: #E1AA35;
}
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, .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;
}
.slider-call{
  display: none;
}
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;
}
#service-sec .serv-short{
  border-radius: 30px;
  color: #fff;
}
#service-sec .post-content, #service-sec .post-icon{
  position: static;
}
.inner-content{
  background: var(--color-primary1);
  padding: 0 10px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
#service-sec .cat-inner-box .post-title{
  border-bottom-left-radius: 30px;
}
#service-sec .cat-inner-box img, .post-color{
  height: 300px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
#service-sec .post-icon i{
  color: #fff;
}
#service-sec .more-details a{
  color: #fff;
}
#service-sec .post-content, #service-sec .post-icon{
  padding:0 0 0 10px !important;
}
#service-sec .post-title{
  padding: 10px 30px;
}
#service-sec .more-details:hover{
  background: none;
}
#service-sec .more-details a:hover{
  color: #000;
}
#service-sec .more-details a{
  font-size: 16px;
}
#service-sec .more-details{
  padding: 17px;
  border-bottom-left-radius: 30px;
}
#service-sec .inner-content h3 a{
  font-size: 17px;
}
#service-sec .post-icon{
  background: var(--color-primary2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 30px;
}

/*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);
}
/*responsive css*/
@media (max-width: 767px) {
  .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) {
  .social-media{
    justify-content: start;
    margin-bottom: 1em !important;
  }
  .logo h1 a, .logo p.site-title a, .logo p.site-description{
    color: #fff;
  }
}