/*
Theme Name: Construction Engineering
Template: construction-hub
Text Domain: construction-engineering
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-engineering-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Construction Engineering is a robust, professional and reliable construction, architecture theme designed to help you establish your business or services online and attract more clients efficiently. This constrction-focused solution is suitable for building companies or agencies, reconstruction services, flooring renovation, Building Codes and Standards, Construction Safety, Urban Development, Construction Materials, Building Renovation, Soil Mechanics, Foundation Engineering, Construction Estimating, Heavy Machinery, Construction Quality Control, as well as architecture, construction materials, home renovation, home repair and maintenance services, electrician, carpenter, painting, handyman, contractor, plumber, and all such construction-related websites. It is fully SEO-ready to help your site rank better on search engines like Google, while offering a wide range of customization options to present your business in a unique and professional way. Designed to be mobile-friendly and fully responsive, it ensures smooth viewing across all devices, including desktop, tablet, and mobile. With pre-built pages and multiple layouts, it simplifies website creation and setup. It also supports compatibility with various plugins such as WooCommerce, Contact Form 7, Mailchimp, Yoast SEO, and more, enhancing overall functionality. Built on a Bootstrap framework with clean and optimized code, it ensures smooth performance and bug-free operation. It also allows the use of custom post types through shortcodes and supports multilingual translation for global reach, making it ideal for modern construction and architecture needs, including housetop design and development showcases.
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.5
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#e8151b;
    --font-awesome:'FontAwesome';
}
#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);
}
.headerbox .closebtn i{
  color: #fff;
}
#footer li a:hover,a,.box-content a,.box-info i,a.added_to_cart.wc-forward, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,.headerbox i,.main-navigation a:hover,#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,#theme-sidebar button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover, .search-box i:hover{
  color: var(--color-primary1);
}
.wc-block-cart__submit-container a,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale ,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,.logo,.search-box i,#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, #our_project i,button[type="submit"]{
  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: #fff;
}
.readmore-btn a:hover{
  background-color: #000;
  color: #fff !important;
}
#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);
}
h1, h2, h3, h4, h5, h6,a:hover, .logo h1 a:hover, .logo p a:hover{
  color: #000000;
}
.headerbox,.wc-block-cart__submit-container a:hover, .menubar,#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, .search-box i:hover,span.page-numbers.current,.page-numbers:hover,.prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover{
  background-color: #000000;
}
.readmore-btn a:hover{
  color: #000000;
  border-color: #000000;
}
#our_services .box-btn i{
  border: 1px solid var(--color-primary1);
}
#our_services .box-btn i:hover{
  background: transparent;
  color: var(--color-primary1);
}
#main-content a{
  text-decoration: underline;
}
.blog .box-text, .woocommerce-page .box-text{
  top: 50%;
}
.box-text{
  top: 20%;
  transform: none;
}
#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);
}
.slide-box {
  position: relative;
}
#header {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.logo p.site-title, .logo h1{
  font-family: 'Fira Sans', sans-serif;
}
.logo{
  position: static;
  margin: 0;
  border-radius: 0;
  width: auto;
  height: auto;
}
.headerbox{
  padding: 0;
}
.main-navigation li{
  padding: 12px;
}
.search-box i {
  color: #fff !important;
  padding: 16px;
  font-size: 15px;
}
.search-box button.search_btn {
  background: transparent;
  border: none;
  padding: 0;
}
span.simplep a{
  color: #fff;
  font-size: 18px;
}
#slider .inner_carousel h1 a:hover, #our_project h3 a:hover, span.simplep a:hover, #our_services .box-content h3 a:hover{
  color: var(--color-primary1);
}
.contact-section {
  text-align: right;
}
span.infotext {
  font-size: 15px;
}
.main-navigation a{
  color: #fff;
  border: none;
}
.search_inner{
  max-width: 100%;
}
.error-404 [type="submit"]{
  border: solid 1px var(--color-primary1);
}
.search_outer {
  display: none;
}
/*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);
}
/* SLIDER CSS */

#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
  border: none;
  background: var(--color-primary1);
  border-radius: 5px;
}
#slider .inner_carousel p.slider-top{
  font-size: 21px;
  font-family: 'Fira Sans', sans-serif;
}
/* SERVICES CSS */

#our_services .box{
  position: relative;
}
#our_services .box-content {
  position: absolute;
  bottom: 0;
  background: rgb(0 0 0 / 55%);
  width: 100%;
}
#our_services .box-content h3 a{
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
  text-decoration: none;
}
#our_services .box-btn i {
  background: var(--color-primary1);
  padding: 8px 12px;
  color: #fff;
  border-radius: 3px;
}
#our_services h2 {
  font-size: 35px;
  text-transform: uppercase;
}

/* OTHER CSS */

.site-info a:hover{
  color: #000;
}
#theme-sidebar .wp-block-search .wp-block-search__label{
  color: var(--color-primary1);
}
.more-btn a{
  border:none;
  font-size: 13px;
}
.box img{
  width: 100%;
  height: 250px;
  object-fit: cover;
}
/* OTHER CSS */

.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. */
}
.center1, .center2 {
  border-left-color: var(--color-primary1);
  border-top-color: var(--color-primary1);
}
.center1 .ring::before, .center2 .ring::before{
  background: var(--color-primary1);
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  .main-navigation a, .main-navigation li.page_item_has_children:after, .main-navigation li.menu-item-has-children:after{
    font-size: 10px;
  }
}
@media screen and (max-width: 1000px){
  .sidenav .closebtn{
    top: 10%;
  }
  .headerimg{
    height: 200px !important;
  }
  .search-bar i{
    font-size: 15px;
    padding: 16px 13px;
  }
  #header {
    position: static;
  }
  .contact-section {
    text-align: center;
  }
  .toggle-nav i {
    font-size: 15px;
  }
  .toggle-nav{
    text-align: left;
  }
  .toggle-nav button {
    margin: 0;
    padding: 7px;
    background: var(--color-primary1);
  }
  .sidenav{
    background: #000000;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px){
  #return-to-top{
    background: #000;
  }
  #slider .more-btn a{
    padding: 6px 10px;
  }
  #slider .carousel-caption {
    top: 65% !important;
  }
  .slide-box {
  position: static;
  }
  #our_project h4{
    font-size: 16px;
    margin-top: -31px;
  }
  .nav ul li a:hover{
    color:var(--color-primary1);
  }
}
@media screen and (max-width: 1000px){
  #slider .carousel-caption {
      top: 48%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
  .search-box i {
    padding: 10px;
  }
  .box-btn i {
    padding: 8px;
  }
}