/*
Theme Name: Home Reconstruction
Template: construction-hub
Text Domain: home-reconstruction
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-reconstruction-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Home Reconstruction is a suitable theme for building company websites, builders and building agencies, construction sites and materials, reconstruction services, real estate agents and brokers, real estate agents, insustrial services, demolishion services, home maintenenace, architecture work, construction, and building contractors. It is a multipurpose theme with its minimal design focusing on details and clean and secure codes giving you a lightweight and functional design that functions smoothly. This is a free theme with a user-friendly interface allowing users with or without any coding skills to create a fine website without writing any codes. This is a sophisticated theme with a responsive design adjusting its layout to every screen size and its beautiful look catches the attention of the audience instantly. There is an SEO-friendly design that will make obtaining better ranks much easier as you can get features in the top places in SERP and get more traffic. Call to Action Buttons (CTA) are added to the design to bring better conversions and optimized HTML codes deliver faster performing websites with a faster page load time. Your website is going to perform amazingly on mobile devices thanks to the mobile-friendly design. This modern theme is translation-ready and has plenty of social media options for a better reach and great promotion.
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, featured-image-header, full-width-template, sticky-post, theme-options, threaded-comments, flexible-header, blog, portfolio, photography
Version: 4.7
Tested up to: 6.8
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#faaa1d;
    --font-awesome:'FontAwesome';
}
a,.box-content a,a.added_to_cart.wc-forward,.box-info i, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,.headerbox i,#theme-sidebar h3,#theme-sidebar a:hover,#theme-sidebar button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover, .search-box i:hover{
  color: var(--color-primary1);
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,button[type="submit"],.wc-block-cart__submit-container a,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,#theme-sidebar button[type="submit"], .error-404 [type="submit"], #footer button[type="submit"],.prev.page-numbers, .next.page-numbers,.page-numbers,.site-info,.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,#comments input[type="submit"],.main-navigation ul ul a:hover,span.meta-nav,.more-btn a,.menubar,#our_project i{
  background: var(--color-primary1);
}
.readmore-btn a,#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover,.search_inner form.search-form{
  border-color: var(--color-primary1);
  color: var(--color-primary1);
}
.readmore-btn a{
  color: #fff;
}
#theme-sidebar ul li a::before, .content-area .box-info a:hover{
  color: var(--color-primary1);
}
.page-box .readmore-btn a{
  background-color: var(--color-primary1);
}
.page-template-front-page .headerimg{
  display: none;
}
#theme-sidebar .wp-block-search .wp-block-search__label,#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading,#theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading {
  color: var(--color-primary1);
}
#theme-sidebar .wp-block-search .wp-block-search__label:before,#theme-sidebar h3:before, #theme-sidebar h1.wp-block-heading:before, #theme-sidebar h2.wp-block-heading:before, #theme-sidebar h3.wp-block-heading:before,#theme-sidebar h4.wp-block-heading:before, #theme-sidebar h5.wp-block-heading:before, #theme-sidebar h6.wp-block-heading:before {
  background-color: var(--color-primary1);
}
.page-box,#theme-sidebar section{
  border-left-color: var(--color-primary1);
  border-bottom-color: var(--color-primary1);
}
a:hover,h1, h2, h3, h4, h5, h6,.logo h1 a,.logo p,.main-navigation a:hover, .readmore-btn a:hover,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
  color: #2c3e50;
}
.wc-block-cart__submit-container a:hover,#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover,.more-btn a:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce span.onsale,#footer,.main-navigation ul ul,#theme-sidebar button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover,span.page-numbers.current,.page-numbers:hover,.prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover,.search-box i,#slider{
  background: #2c3e50;
}
.readmore-btn a:hover{
  border-color: #2c3e50;
  color: #fff;
  background-color: #2c3e50;
}
#theme-sidebar .tagcloud a:hover,p.wp-block-tag-cloud a:hover, .post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
  border-color: var(--color-primary1)!important;
}
#main-content a{
  text-decoration: underline;
}
#theme-sidebar a:hover, #footer li a:hover {
  color: var(--color-primary1);
}
.logo h1, .logo p{
  font-family: 'Fira Sans', sans-serif;
}
.logo h1 a, .logo p a{
  color: #000;
}
.logo{
  position: static;
  margin: 0;
  border-radius: 0;
  width: auto;
  height: auto;
  background: transparent;
  padding: 0;
  text-align: left;
}
.headerbox,.headerbox i{
  background: transparent;
  padding: 0;
}
.headerbox i{
  font-size: 15px;
}
.main-navigation li.page_item_has_children:after,
.main-navigation li.menu-item-has-children:after{
 color: #fff;
}
.page-template-front-page .headerbox{
  margin-top: 5em;
}
.headerbox{
  margin-top: 0;
}
.main-navigation a,.social-media a{
  color: #fff;
}
.error-404 [type="submit"]{
  border: solid 1px var(--color-primary1);
}
.single-post .menubar , .page-template-default .menubar{
  background-image: none;
}
.woocommerce-cart .menubar,.page-template-front-page .menubar{
  background-image: none;
}
.simplep a, .main-navigation a:hover, .social-media a:hover,.abut-box h4 a:hover{
  color: #000;
}
.search_inner{
  max-width: 100%;
}
.main-navigation{
  position: relative;
}
.main-navigation .current_page_item > a:after,
 .main-navigation .current-menu-item > a:after, 
 .main-navigation .current_page_ancestor > a:after{
  border-bottom: 2px solid #000;
  position: absolute;
  content: "";
  top: 100%;
  width: 100%;
  transform: translateX(-50%);
  bottom: auto;
  left: 35%;
  right: 0;
  padding-top: 5px;
}
/*block widget*/
#footer .wp-calendar-table th, #secondary .wp-calendar-table th{
  background-color: var(--color-primary1);
  color: #fff;
  border-color: var(--color-primary1);
}
.search-bar i {
    padding: 20px 12px;
    color: #fff;
    background-color: #2c3e50;
}
.search-outer .inner_searchbox button[type="submit"]{
  background-color: var(--color-primary1);
}
/* SLIDER CSS */

#slider .carousel-caption {
  top: 50%;
}
#slider img {
  opacity: 0.5;
}
#slider .inner_carousel h1 a {
  font-size: 45px;
  color: var(--color-primary1);
}
#slider .inner_carousel h1 a:hover{
  color: #fff;
}
.more-btn a{
  border:none;
}
#slider .inner_carousel p.slider-top{
  font-size: 21px;
  font-family: 'Fira Sans', sans-serif;
}
#our_project h3 a:hover{
  color: var(--color-primary1);
}
/* ABOUT CSS */
#about img{
  height: 350px;
  object-fit: cover;
  width: 100%;
}
.abut-box {
  background: #f9a91e;
  padding: 40px;
}
.abut-box .more-btn a {
  background: #fff;
  color: #f8a81e!important;
}
.abut-box .more-btn a:hover{
  color: #fff important;
  background-color: #000;
}
.abut-box h4 a{
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}
.abut-box p {
  color: #fff;
  font-size: 15px;
}
.simplep a:hover{
  color: var(--color-primary1);
}
.center1, .center2 {
  border-left-color: var(--color-primary1);
  border-top-color: var(--color-primary1);
}
.center1 .ring::before, .center2 .ring::before{
  background: var(--color-primary1);
}

/* OTHER CSS */
.woocommerce-shop #tp_content {
    padding: 3% 0;
}
.woocommerce-shop .menubar, .woocommerce-page .menubar, .blog .menubar{
  background: var(--color-primary1) !important;
}
.woocommerce .single-page-img{
  display: block;
}
.box-image{
  position: relative;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #333;
  padding: 2px;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.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;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

@media screen and (max-width: 1000px){
  .contact-section,.logo {
    text-align: center;
  }
  .toggle-nav i {
    font-size: 20px;
    color: #fff;
    background-color: #2c3e50;
    padding: 10px;
  }
  .toggle-nav{
    text-align: left;
  }
  .toggle-nav button {
    margin: 0;
    padding: 7px;
    background: var(--color-primary1);
  }
  .sidenav{
    background: #2c3e50;
  }
  .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    color: #fff;
  }
  .main-navigation .current_page_item > a:after, .main-navigation .current-menu-item > a:after, .main-navigation .current_page_ancestor > a:after{
    content: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
  .search-box i {
    padding: 10px;
  }
}
@media screen and (max-width: 767px){
  #slider .inner_carousel h1 a{
    font-size: 23px;
  }
  #slider .more-btn a{
    padding: 6px 10px;
  }
  #slider .carousel-caption{
    top: 60%;
  }
  #our_project h4 {
    font-size: 17px;
    margin-top: -31px;
  }
  .nav ul li a:hover{
    color:var(--color-primary1);
  }
  .callbox{
    margin: 10px 0;
  }
  .menubar .search-box, .menubar .toggle-nav{
    text-align: center;
  }
  .menubar .toggle-nav{
    margin-left: 0;
  }
}