/*
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 factory and industrial sectors, offering a powerful digital presence for manufacturers, engineering firms, machinery suppliers, and companies dealing with HVAC systems in construction, plumbing systems in construction, and electrical systems in construction. This solution supports a wide range of industrial applications, including mechanical engineering, industrial machinery, and building retrofitting, while also catering to businesses focused on lubricant solutions, automation, and energy efficiency. With a strong emphasis on industrial equipment, structural engineering, and mechanical systems integration, it effectively serves industries involved in production line management, maintenance and repair services, industrial safety solutions, and heavy-duty factory operations. The template enables seamless showcasing of products, services, and technical expertise, helping businesses in industrial automation, mechanical components distribution, lubricant supply, and heavy machinery services establish a competitive edge and reinforce their reputation in the evolving industrial 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.1
Tested up to: 6.9
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;
  }
}