/*
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 constrction and architecture 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, construction project management, construction site specialists, roofing contractors, engineering firms, and related service providers, including housetop construction and design professionals. Built with a minimal yet elegant approach, this architecture theme delivers a clean and sophisticated layout that highlights professionalism, trust, and industry expertise. Its visually appealing, SEO-optimized structure ensures your business stands out with stunning, retina-ready and fully responsive designs that perform seamlessly across all devices. With advanced customization options, you can easily align the theme with your brand identity through colors, fonts, banners, and layout adjustments. It integrates smoothly with popular tools like WooCommerce, Contact Form 7, Yoast SEO, and Jetpack to support online services, improve visibility, enhance performance, and streamline client communication. The theme includes interactive features such as an animated homepage, project portfolio section, testimonial showcase, and dedicated team display to build credibility and highlight expertise. Strategically placed Call to Action buttons help increase inquiries and conversions, while built-in social media integration boosts engagement. Developed with optimized and secure coding standards, fast loading speed, and the powerful Bootstrap framework, this construction service theme ensures flexibility, stability, and mobile responsiveness. It also supports shortcodes for easy customization and is translation-ready for global reach. With its luxurious design elements, interactive visuals, and intuitive navigation, the Construction Service architecture theme creates a high-performing digital presence that reflects quality, reliability, and modern construction excellence.
Version: 1.6.4
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: 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;
  }
}