/*
Theme Name: Mechanical Industry
Template: construction-hub
Text Domain: mechanical-industry
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-mechanical-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: The Mechanical Industry website template is a highly specialized and versatile platform designed for businesses and professionals across the manufacturing and industrial sectors, providing a powerful digital presence for manufacturers, engineering firms, machinery suppliers, and companies dealing with HVAC, plumbing, and electrical systems in construction. This solution supports a wide range of applications within the mechanical industry, including mechanical engineering, industrial machinery, and building retrofitting, while also catering to businesses focused on lubrication, automation, and energy efficiency. With a strong emphasis on industrial tools, structural engineering, and mechanical systems integration, it effectively serves as an industrial hub for production line management, maintenance and repair services, industrial safety solutions, and heavy-duty operations in steel factories. The template enables seamless showcasing of products, services, and technical expertise, helping businesses in industrial automation, mechanical component distribution, and heavy machinery services establish a competitive edge, thereby reinforcing their reputation in the evolving marketplace.
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, full-width-template, featured-image-header, sticky-post, theme-options, post-formats, threaded-comments, flexible-header, blog, portfolio, photography
Version: 4.2.4
Tested up to: 7.0
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#c4fb6c;
    --font-awesome:'FontAwesome';
}
#theme-sidebar ul li a::before, .content-area .box-info a:hover{
  color: var(--color-primary1);
}
.page-box .readmore-btn a{
  color: #3b3f47;
}
a.added_to_cart.wc-forward,.box-info i,  #theme-sidebar .wp-block-search .wp-block-search__label, #footer li a:hover,#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, a,.search-box i,.main-navigation a:hover,.headerbox i,.box-content a, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,a.page-numbers: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,.headerbox i:hover, .headerbox i:hover:after,#about h3,#about p i{
    color: var(--color-primary1);
}
.page-box .readmore-btn a:hover{
  background-color: #3b3f47;
  color: #fff;
}
p.wp-block-tag-cloud a:hover,.readmore-btn a{
  border-color: var(--color-primary1);
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.wc-block-cart__submit-container a,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,button[type="submit"],.logo,.search-box i,.main-navigation ul ul a:hover,#theme-sidebar button[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);
}
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);
}
#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);
}
#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);
}
.site-info p, .site-info a{
  color: #393e46 !important;
}
button[type="submit"]{
  color: #000;
}
.error-404 [type="submit"]{
  background: var(--color-primary1);
  border: solid 1px 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,.main-navigation ul ul,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: #393e46;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.readmore-btn a:hover,a:hover,h1, h2, h3, h4, h5, h6,nav.woocommerce-MyAccount-navigation ul li a,#comments input[type="submit"],span.meta-nav,#theme-sidebar button[type="submit"], #footer button[type="submit"]{
    color: #393e46;
}
nav.woocommerce-MyAccount-navigation ul li,.readmore-btn a:hover{
    border-color: #393e46;
}
#theme-sidebar button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover, .search-box i:hover{
    background: #393e46;
    color: #fff;
}
.site-info a{
    color: #fff;
}
.site-info a:hover{
    color: #000;
}
.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;
}
.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{
    color: #252c3a;
    border-radius: 10px;
}
.search_inner [type="submit"]{
    padding: 5px 7px;
}
#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);
}
.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. */
}

/*block widget*/
#footer .wp-calendar-table th, #secondary .wp-calendar-table th{
  background-color: var(--color-primary1);
  color: #3b3f47;
  border-color: var(--color-primary1);
}
.search-bar i {
    padding: 20px 12px;
    color: #3b3f47;
    background-color: var(--color-primary1);
}
.search-outer .inner_searchbox button[type="submit"]{
  background-color: var(--color-primary1);
  color: #3b3f47;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
    background: transparent;
    color: var(--color-primary1);
}
.more-btn a{
  border:none;
  color: #3b3f47;
  border:none;
}
.more-btn a:hover{
  color: #fff;
  border:none;
}
.main-navigation ul ul a:hover{
  color: #3b3f47 !important;
}
#slider .inner_carousel p.slider-top{
  font-size: 18px;
  color:#fff;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Fira Sans', sans-serif;
}
#main-content p a{
    text-decoration: underline;
}
.simplep a{
  color: #fff;
}
span.simplep a:hover, #slider .inner_carousel h1 a:hover, #our_project h3 a:hover{
  color: var(--color-primary1);
}
.logo h1 a, .logo p a{
  color: #000;
}
/*--------------------------------------------------------------
Service Section
--------------------------------------------------------------*/
.sec-bg{
  position: relative;
  z-index: 99;
  background-color: #000;
}
.serv-content{
  position: absolute;
  bottom: -5%;
  left: 0;
  right: 0;
  width: 100%;
}
.sec-bg img {
    width: 100%;
    height: 400px;
    opacity: 0.4;
    object-fit: cover;
}
.box-services i, .box-services p {
    font-size: 60px;
    color: #000;
}
.box-services p {
    font-size: 24px;
    color: #000;
}
.box-services {
    background: #fff;
    padding: 50px 10px 50px 10px;
    position: relative;
    margin: 0 4em;
}
p.service-title {
    background: var(--color-primary1);
    padding: 12px 0px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border-radius: 5px;
}

/*--------------------------------------------------------------
Preloader
--------------------------------------------------------------*/

.center{
    border: 5px solid #393e46;
}
.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: #393e46;
}
.center2 .ring::before {
    background: #393e46;
}


.box-content p {
    margin-top: 16px;
}
.search_inner [type="submit"]{
    padding: 5px 9px;
}

.more-btn a, .logo h1 a, .logo p, .search-box i {
    color: #3b3f47;
}
blockquote.wp-block-quote a {
    text-decoration: underline;
}

.logo{
    padding: 20px 18px 20px 18px;
}
.headerbox{
    border-bottom: 1px solid #464c59;
}

@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: 17px;
    margin-top: -15px;
}
.nav ul li a:hover{
    color: var(--color-primary1) !important;
  }
}
@media screen and (max-width: 1000px){
.toggle-nav button{
    color: #3b3f47;
    background: none;
}
.toggle-nav i{
    background: var(--color-primary1);
    color: #252c3a;
}
.box-services{
    margin-top: 0%;
}
.search-bar i{
  padding: 14px;
}
.box-services{
  margin: 0;
}
}
@media screen and (max-width: 767px){
  .sec-bg img{
    height: 700px;
  }
  .serv-box{
    margin-bottom: 10px;
  }
}