/*
Theme Name: Construction Renovation
Template: construction-hub
Text Domain: construction-renovation
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-renovation-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Construction Renovation is a powerful and modern construction and architecture theme designed for construction and building companies, home maintenance services, plumbers, renovation experts, architects, carpenters, interior designers, electricians, house repair specialists, contractors, portfolio showcases, rental services, commodity businesses, and oil & gas industries, making it a complete solution for building a professional online presence in the constrction and construction sector. This architecture theme is SEO-friendly, helping your website get better visibility and indexing on major search engines while allowing you to design and develop a fully functional, high-performance website without writing any code. It includes a drag-and-drop page builder with multiple demo layouts, widgets, and post styles, making customization simple and efficient. The integrated Cost Calculator plugin helps clients estimate project expenses such as renovation or housetop construction work with ease and accuracy. With unlimited color options, one-click demo import, custom widgets, RTL support, WooCommerce integration, and advanced customization features, this theme ensures flexibility and scalability for any business. It also provides lifetime updates, cross-browser compatibility, and a fully responsive design that adapts seamlessly to all mobile devices. The powerful theme options panel allows you to import demos, manage shop layouts, customize logos, set Google Fonts, configure contact forms, adjust color schemes, and control features like sticky menus and responsive mode, all supported by detailed documentation for smooth setup and management.
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: 7.8
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#ffc008;
    --color-primary2:#001659;
    --font-awesome:'FontAwesome';
}
.wc-block-cart__submit-container a,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,.logo,.search-box i,.main-navigation ul ul a:hover,#theme-sidebar button[type="submit"], .error-404 [type="submit"], #footer button[type="submit"],.page-numbers,.prev.page-numbers, .next.page-numbers,.site-info,span.meta-nav,#comments input[type="submit"],.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,button[type="submit"],.more-btn a,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,#our_project i,.toggle-nav button{
    background: var(--color-primary1);
}
#footer li a:hover,a.added_to_cart.wc-forward,.box-info i,a,.headerbox i,.main-navigation a:hover,.box-content a, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,#theme-sidebar h3,#theme-sidebar a:hover,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    color: 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: #fff;
}
#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);
}
.wc-block-cart__submit-container 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, .headerbox,.menubar,span.page-numbers.current,.page-numbers:hover,.prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover,#footer,.more-btn a:hover,#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover,.sidenav{
    background: var(--color-primary2);
}
.main-navigation ul ul{
    background-color: var(--color-primary1);
}
a:hover,h1, h2, h3, h4, h5, h6{
    color: var(--color-primary2);
}
.readmore-btn a:hover{
    border-color: var(--color-primary2);
    color: #fff;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  border-radius: 50%;
  border:none;
}
#theme-sidebar button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover, .search-box i:hover{
    background: var(--color-primary2);
    color: #fff;
}
#our_project h3 a:hover, .box-services h3 a:hover, span.simplep a:hover, #slider .inner_carousel h1 a:hover, #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);
}
.main-navigation a,#footer li a,#footer li,#footer th, #footer td,caption,#footer .tagcloud a{
    color: #d7d7d7;
}
#footer th, #footer td,#footer tr,#footer table#wp-calendar,#footer .tagcloud a{
    border-color: #d7d7d7;
}
.search_inner [type="submit"]{
    padding: 5px 7px;
}
.post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
  color: var(--color-primary1);
  border-color: var(--color-primary1);
}
.post_tag a {
  border: 1px solid #ebebeb;
  line-height: 20px;
  color: #999;
  padding: 5px 10px;
  font-size: 12px !important;
  display: inline-block;
  margin-bottom: 5px;
}
.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. */
}
.box-services i {
    background: var(--color-primary1);
    font-size: 20px;
    padding: 15 0;
    color: #fff;
    border-radius: 8px;
    width: 50px;
    height: 50px;
    text-align: center;
}
.box-services h3 a {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
}
.box-services hr {
    width: 25%;
    border-top: solid 2px var(--color-primary1);
    margin: 0px 65px;
}
.center{
    border: 5px solid var(--color-primary2);
}
.center1 {
    border-left-color: var(--color-primary1);
    border-top-color: var(--color-primary1);
}
.center2 {
    border-left-color: var(--color-primary1);
    border-top-color: var(--color-primary1);
}
.center1 .ring::before {
    background: #fdb719;
}
.center2 .ring::before {
    background: var(--color-primary2);
}
#slider .more-btn a:hover{
    color: #fff !important;
}
#slider .more-btn a{
  border:none;
}
.search_inner [type="submit"]{
    padding: 5px 9px;
}

#slider .inner_carousel p.slider-top{
  font-size: 22px;
  text-transform: uppercase;
  font-family: 'Fira Sans', sans-serif;
}
.logo h1, .logo p.site-title{
  font-family: 'Fira Sans', sans-serif;
}
.error-404 [type="submit"]{
  background: #f68121;
    border: solid 1px #f68121;
}
/*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: var(--color-primary1);
}
.search-outer .inner_searchbox button[type="submit"]{
  background-color: var(--color-primary1);
}
@media screen and (max-width: 560px){
.box-content p {
    text-align: center;
    margin-top: 16px;
}
h3#reply-title{
    text-align: center;
}
#slider .more-btn a{
    padding: 6px 10px;
}
#our_project h4 {
    font-size: 13px;
    font-weight: 800;
}
.nav ul li a:hover{
    color:var(--color-primary1);
  }
  .main-navigation ul ul{
    background: none;
  }
}

@media screen and (min-width: 568px) and (max-width: 768px){
    #our_project h4{
     margin-top: -31px;
    }  
      .main-navigation ul ul{
        background: none;
      }
}