/*
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 WordPress theme designed to meet the needs of construction companies,, building contractor, residential construction, commercial construction, general contractor, construction services, home builder, developers, architects, and 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 design ensures that 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. The theme comes with interactive features like an animated homepage, testimonial section to build credibility, and a dedicated team showcase to highlight your experts. Strategically placed Call to Action (CTA) buttons help in driving inquiries and conversions, while integrated social media options allow easy engagement with your audience. The Construction Service Theme is crafted with SEO-friendly and optimized codes, ensuring faster page load time and better search engine visibility. Built on Bootstrap, it provides flexibility, mobile friendliness, and robust functionality. The theme also supports shortcodes for quick element integration, giving you more customization options without needing technical skills. Its clean and secure code structure guarantees a safe and stable website environment. Additionally, this theme is translation-ready, making it perfect for global businesses that want to connect with clients in multiple languages. The elegant and luxurious design elements, combined with user-friendly navigation, create a professional online presence that appeals to both local and international customers.
Version: 0.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: construction-service
Template: expert-construction-company
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, full-width-template, rtl-language-support, post-formats, theme-options, threaded-comments, 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, .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;
  }
}