/*!
Theme Name: Bosa Construction Industrial
Theme URI: https://bosathemes.com/bosa-construction-industrial
Author: Bosa Themes
Author URI: https://bosathemes.com
Description: Bosa Construction Industrial is a fast, lightweight WordPress theme for construction companies, industrial businesses, building contractors, engineering firms, architecture firms, infrastructure companies, manufacturing, renovation services, commercial construction, and industrial equipment sites, built for Elementor and WooCommerce. Launch your site visually — no code required. Built with SEO, speed, and usability in mind, Bosa Construction Industrial supports custom headers, footers, and mega menus with Elementor, and includes a full starter site you can import in one click. Works seamlessly with Elementor and Gutenberg, and stays compatible with major plugins like WooCommerce, Yoast, Contact Form 7, and Mailchimp. Bosa Construction Industrial also works with BEW, an Elementor addon offering widgets, templates, and AI-powered content generation.
Version: 1.0.3
Requires PHP: 7.4
Tested up to: 7.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: bosa
Text Domain: bosa-construction-industrial
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Bosa Construction Industrial WordPress Theme, Copyright 2023 Bosa Themes
Bosa Construction Industrial is distributed under the terms of the GNU General Public License v2 or later

Bosa Construction Industrial is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

body {
  color: #333333;
  font-family: 'Poppins', sans-serif;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #111111;
  font-family: 'Jost', serif;
  font-weight: 500;
}

.entry-content p a, 
.comment-content p a, 
.entry-content li a, 
.comment-content li a, .widget p a, 
.comments-area .comment-list .comment-content a {
  color: #2e92ff;
}
.entry-content p a:hover, 
.entry-content p a:focus, 
.comment-content p a:hover, 
.comment-content p a:focus, 
.entry-content li a:hover, 
.entry-content li a:focus, 
.comment-content li a:hover, 
.comment-content li a:focus, 
.widget p a:hover,
.widget p a:focus,
.comments-area .comment-list .comment-content a:hover,
.comments-area .comment-list .comment-content a:focus {
  color: #086abd;
}

.wp-block-quote {
  padding: 30px 30px 30px 50px;
  margin: 30px 0 30px 30px;
}

.site-header .site-branding .site-title {
  font-family: 'Jost', serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.site-header .site-branding .site-description {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}

.main-navigation ul.menu > li > a {
  font-family: 'Jost', serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
}

.section-banner .banner-content .entry-title {
  font-family: 'Jost', serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.section-banner .banner-content .entry-meta a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  text-transform: capitalize;
}

.section-banner .banner-content .entry-text p {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  text-transform: initial;
}

.feature-posts-content-wrap .feature-posts-content .feature-posts-title {
  font-family: 'Jost', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: capitalize;
}

.post .feature-posts-content .cat-links a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

.post .feature-posts-content .entry-meta a,
#primary .entry-meta,
.highlight-post-slider .post .entry-meta a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  text-transform: capitalize;
}

#primary article .entry-title {
  font-family: 'Jost', serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: capitalize;
}

.highlight-post-slider .post .entry-content .entry-title {
  font-family: 'Jost', serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: none;
}

.highlight-post-slider .post .cat-links a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}

.sidebar .widget .widget-title {
  font-family: 'Jost', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
}

.page-title {
  font-family: 'Jost', serif;
  font-size: 42px;
  font-weight: 500;
  text-transform: none;
}

.site-footer .site-info,
.site-footer .footer-menu ul li a {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 15px,
  text-transform: none,
  line-height: 1.6,
}
.header-fourteen .top-header {
  position: relative;
}
.header-contact ul li a {
  color: #333333;
}
.header-fourteen .main-navigation-wrap {
  -webkit-align-items: inherit;
  -moz-align-items: inherit;
  -ms-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
}
.header-fourteen .bottom-contact {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #e6e6e6;
}
.header-fourteen .bottom-contact a {
  display: block;
  font-size: 14px;
  position: relative;
  padding-left: 40px;
  text-align: left;
}
.header-fourteen .bottom-contact a i {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header-fourteen .bottom-contact a span {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .header-fourteen .bottom-contact a {
    padding-left: 40px;
    font-size: 13px;
  }
  .header-fourteen .bottom-contact a i {
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
@media screen and (max-width: 991px) {
  .header-fourteen.site-header .site-branding {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header-fourteen .bottom-contact a {
    padding-left: 45px;
  }
  .header-fourteen.site-header .site-branding > a {
    margin-left: auto;
    margin-right: auto;
  }
  .header-fourteen.site-header .mobile-menu-container {
    border-top: 1px solid rgba(243, 243, 243, 0.8);
  }
}
.section-feature-pages-area,
.section-info-area,
.section-advertisement-area {
  padding-bottom: 70px;
}
.section-feature-pages-area ~ .section-banner {
  padding-bottom: 70px;
}
.section-feature-pages-area .content-wrap {
  margin-bottom: -30px;
}
.post .feature-pages-content .feature-pages-title {
  background-color: #FFFFFF;
  display: inline-block;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  padding: 10px 20px;
}

.feature-pages-content-wrap,
.advertisement-content-wrap {
  margin-bottom: 30px;
}

.feature-pages-layout-one .feature-pages-image,
.section-feature-posts-two-area .feature-posts-image {
  background-color: #cccccc;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  z-index: 1;
}
.feature-pages-layout-one .feature-pages-image:before,
.section-feature-posts-two-area .feature-posts-image:before {
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  position: absolute;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 1;
}
.feature-pages-layout-one .feature-pages-content,
.section-feature-posts-two-area .feature-posts-content {
  padding: 0 20px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.section-feature-posts-two-area {
  padding-bottom: 50px;
}
.section-feature-posts-two-area .feature-posts-image {
  height: 260px;
}
.section-feature-posts-two-area .feature-big-posts .feature-posts-image {
  height: 550px;
}
.section-feature-posts-two-area .feature-posts-content .feature-posts-title {
  margin-bottom: 15px;
}
.section-feature-posts-two-area .feature-posts-content  .cat-links {
  display: block;
  margin-bottom: 10px;
}
.section-feature-posts-two-area .feature-posts-content  .cat-links a {
  background-color: #EB5A3E;
  margin: 2px;
  padding: 5px;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.site-content .grid-thumbnail .hentry  {
  border-bottom: none;
  margin-bottom: 40px;
  padding-bottom: 0;
}
.site-content .grid-thumbnail .list-post .featured-image a {
  display: block;
}
.site-content .grid-thumbnail .list-post .featured-image img {
  width: 100%;
}
.site-content .grid-thumbnail .list-post {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.site-content .grid-thumbnail .list-post .featured-image {
  width: 100px;
}
.site-content .grid-thumbnail .list-post .entry-content {
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  padding-left: 20px;
}
.site-content .grid-thumbnail .list-post .entry-content h3{
  margin-bottom: 8px;
}

@media screen and (min-width: 576px) {
  .site-content .grid-thumbnail:nth-last-of-type(2) .hentry {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .site-footer-eight .footer-menu {
    text-align: left;
    display: block;
  }
  .site-footer-eight .footer-menu ul li:first-child {
    border-left: none;
  }
}
@media screen and (max-width: 991px) {
  .site-footer-eight .bottom-footer-image-wrap {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  
  .section-feature-pages-area {
    padding-bottom: 50px;
  }
  .section-feature-pages-area ~ .section-banner {
    padding-bottom: 50px;
  }
  .section-advert {
    padding-bottom: 50px;
  }
  .advertisement-content-wrap .featured-image img {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .section-info-area .info-content-wrap {
    border-left: none;
    border-top: 1px solid rgba(243, 243, 243, 0.8);
  }
  .section-info-area .row [class*="col-"]:first-child .info-content-wrap {
    border-top: none;
  }
}

/*header menu css*/
.bottom-header .main-navigation ul.menu > li > a {
  padding: 12px 24px 12px 0;
}
#offcanvas-menu .header-category-nav {
  margin-bottom: 20px;
}
#offcanvas-menu .header-category-nav .dropdown-menu,
#offcanvas-menu .header-category-nav .sub-menu {
  display: none;
}
#offcanvas-menu .header-category-nav .menu-item-has-children a button[class*="fa-"],
#offcanvas-menu .header-category-nav .page_item_has_children a button[class*="fa-"] {
  background-color: transparent;
  border: none;
  height: 20px;
  width: 20px;
  text-align: center;
  float: right;
  padding: 0;
  font-size: 15px;
}
#offcanvas-menu .header-category-nav .navbar-nav > .menu-item-has-children > a button[class*="fa-"],
#offcanvas-menu .header-category-nav .navbar-nav > .page_item_has_children > a button[class*="fa-"] {
  color: #ffffff;
}
body[class*=woocommerce] ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Jost', serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.4;
  text-transform: none;
}
body[class*=woocommerce] ul.products li.product .price {
  font-family: 'Jost', serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  text-transform: none;
}
body[class*=woocommerce] .product-inner .button, body[class*=woocommerce] .product-inner .added_to_cart {
  font-family: 'Jost', serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  text-transform: uppercase;
}
/*services css*/ 
.section-services-area{
  padding-bottom: 70px;
}
.section-services-area .content-wrap {
  margin-bottom: -30px;
}
.services-content-wrap {
  margin-bottom: 30px;
}
.section-services-area .services-content-wrap {
  box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2);
  padding: 25px;
}
.services-content-wrap .featured-image {
  overflow: hidden;
  border-radius: 100%;
  margin-right: 30px;
  margin-left: 30px;
  margin-bottom: 30px;
}
.services-content-wrap .button-container {
  padding-top: 10px;
  margin-top: 30px;
  margin-bottom: -10px;
  position: relative;
}
.services-content-wrap .button-container:before {
  border-top: 1px solid rgba(243, 243, 243, 0.8);
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 100%;
  margin-right: -25px;
  margin-left: -25px;
}
.services-content-wrap .button-container a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*clinet css*/ 
.section-client-area {
  padding-bottom: 70px;
}
.section-client-area .client-item {
  margin-bottom: 30px;
}
.client-content-wrap {
  background-color: #f8f8f8;
  padding: 35px 35px 5px 35px;
}
/*category section css*/
.section-category-area {
  padding-bottom: 70px;
}
.section-category-area .content-wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.section-category-area .category-content-wrap {
  background: #fafafa;
  padding: 10px;
  border-radius: 30px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.section-category-area .category-content-wrap .featured-image {
  width: 34px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 20px;
}
.section-category-area .category-content-wrap .entry-title {
  margin-bottom: 0;
}
.section-category-area .category-content-wrap .entry-title i {
  margin-left: 5px;
  font-size: 12px;
}
@media screen and (max-width: 991px) {
  .section-category-area .content-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .section-category-area .content-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 479px) {
  .section-category-area .content-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*highlight section css*/
.section-highlights-area {
  padding-bottom: 70px;
}
.section-highlights-area .content-wrap {
  margin-bottom: -30px;
}
.section-highlights-area .travel-content-wrap {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.travel-content-wrap {
  margin-bottom: 30px;
}
.travel-content-wrap .entry-title {
  background: #fff;
  margin-bottom: 0;
  padding: 15px;
  text-align: center;
}