/*
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 architecture theme for building company websites, builders and construction agencies, construction sites and materials, reconstruction services, real estate agents and brokers, industrial services, demolition services, home maintenance, architecture work, and building contractors. It is a multipurpose design with a minimal layout that focuses on detail and clean, secure coding, delivering a lightweight and smooth-performing website experience. The theme is highly user-friendly, allowing users with or without coding skills to build a professional website without writing code. It is a sophisticated architecture theme with a fully responsive design that adapts seamlessly to all screen sizes, while its elegant appearance instantly captures audience attention. With strong SEO-friendly structure, it helps improve visibility and ranking in search results, driving more organic traffic. Call-to-action buttons are strategically integrated to enhance conversions, while optimized HTML ensures faster loading speed and improved performance. The design is fully mobile-friendly, ensuring excellent performance across all devices. This modern architecture theme is translation-ready and includes multiple social media integration options for better reach and promotion. It also aligns well with constrction needs, supports advanced design flow inspired by housetop structures, and delivers a refined digital presence suitable for any architecture theme project.
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, translation-ready, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, flexible-header, blog, portfolio, photography
Version: 6.4.5
Tested up to: 7.1
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;
  }
}