/*
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, meticulously designed to cater specifically to businesses and professionals within the mechanical and industrial sectors. Ideal for manufacturers, engineering firms, machinery suppliers, and businesses involved in HVAC systems in construction, plumbing systems in construction, and electrical systems in construction, this theme provides a robust online presence tailored to various mechanical industry niches. Whether you're in industrial machinery, mechanical engineering, or building retrofitting, this template offers a dedicated solution for showcasing your products, services, and expertise. With its focus on industrial equipment, automation, energy efficiency, structural engineering, and mechanical systems integration, the theme addresses the unique needs of sectors such as production line management, maintenance and repair services, and industrial safety solutions. This template ensures that your website reflects your business's innovation and expertise, helping you stand out in the competitive landscape of mechanical components distribution, industrial automation, and heavy machinery services.
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: 2.3
Tested up to: 6.8
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;
}
.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;
  }
}