/*
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 theme. This theme will help you establish your business or services online and get you clients. It is suitable for building companies or agency, 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 architecture, construction materials, home renovation, home repair and maintenance services, electrician, carpenter, painting, handyman, contractor, plumber and all such construction related websites. It comes SEO-ready to help your site rank on Google and other search engines. It is packed with a lot of features and options to let you customize and put forth your business online in a unique way. Your site should be responsive to view on any device therefore Construction Engineering is made mobile-friendly. Pre-built pages and different layouts are available to make the process of building a site easier. It offers compatibility with various WordPress plugins like WooCommerce, Contact form 7, Mailchimp, Yoast SEO and many more. To make your site free of bugs, the theme is fully developed with clean and optimized codes. It enables you to add custom post types using available shortcodes. Foundation on bootstrap framework makes it handy and more user-friendly to work with. Translation of pages into different languages is possible as it is translation-ready.
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.6
Tested up to: 6.7
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);
}
#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 li.page_item_has_children:after,
.main-navigation li.menu-item-has-children:after{
  top: 16px;
}
.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){
  .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;
    color: #fff;
  }
  .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;
  }
}