/*
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 fabulous WordPress theme designed for construction and building companies, home maintenance, plumber, renovation, architecture, carpentry, interior design, electrician, carpentry, house repair, contractor, renovation, home services, portfolio, rent, commodity business, oil & gas business, etc. It is SEO-friendly theme that is ready to help index your website on major search engines. Effectively design and construct full-fledged functional and modern website, without having to write a single line of code. It comes with drag & drop page builder with various demo pages, widgets, and posts. The Cost Calculator plugin, is an awesome plugin that will help your clients to calculate the final cost of a particular job like a home renovation or fence building. It offers unlimited colour options, one-click demo importer, custom widget options, RTL support, WooCommerce integration and many more features. You get free lifetime updates with the theme. It is user-friendly and cross-browser compatible. It is fully responsive and all elements adapts perfectly on any mobile device. With theme options panel you can import theme and shop demo content, footer, turn on/off responsive mode and sticky menu, customize logo, configure contact form, set google fonts and theme colour scheme. Documentation is included with the theme.
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, post-formats, threaded-comments, flexible-header, blog, portfolio, photography
Version: 6.0
Tested up to: 6.8
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.readmore-btn a:hover{
    color: var(--color-primary2);
}
.readmore-btn a:hover{
    border-color: var(--color-primary2);
}
#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);
  }
}

@media screen and (min-width: 568px) and (max-width: 768px){
    #our_project h4{
     margin-top: -31px;
    }
}