/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/*header css*/

.comments-area a, .page-content a {
    text-decoration: none !important;
}
.hfe-search-layout-icon_text {
    width: 333px;
}
.elementor-142 .elementor-element.elementor-element-711a607.elementor-element{
	width:100%;
}

.elementor-97 .elementor-element.elementor-element-294d72e.elementor-element{
	width:70%;
}


.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.form-col {
  flex: 1;
  min-width: 48%;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    border: 1px solid #000000;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 14px;
    height: 60px;
}

.wpcf7 label {
    display: block;
    margin-bottom: 17px;
    font-weight: 700;
    font-size: 12.75px;
	color: #000;
}
.wpcf7 textarea {
  height: 160px;
  resize: vertical;
	    margin-top: 14px;
}
.wpcf7 input[type="submit"] {
  background-color: #FF3333; 
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  font-size: 16px;
	line-height:1;
  text-transform: uppercase;
  cursor: pointer;
  float: right;
	    margin-top: 40px;
}
.fa-search:before {
  content: url('https://scottsfortoolswp.newsoftdemo.info/wp-content/uploads/2025/05/Vector-22.svg') !important;
  display: inline-block;
  width: 24px;
  height: 24px;
}.hfe-search-form__container {
    display: flex
;
    flex-direction: row-reverse;
}
.hfe-search-button-wrapper input[type=search] {
    padding: 12px 16px 12px 12px !important;
}
button.hfe-search-submit {
    padding-left: 16px;
}



/*login Form */

.woocommerce form .form-row{
	display:block;
}


/* newsletter form css  */
.tnp.tnp-subscription {
  position: relative;
}

.tnp-field-email {
  position: relative;
  margin-bottom: 20px;
}

.tnp-field-email svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: none;
}
.tnp-field-email {
    margin-bottom: 12px !important;
}
.tnp-email {
  width: 100%;
padding: 12px 12px 16px 43px !important;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  box-sizing: border-box;
}

.tnp-email::placeholder {
  color: #aaa;
}

.tnp-submit {
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    border: none;
    background: #fff !important;
    color: #FF3333 !important;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 400 !important;
}


/* Wrap prev, numbers, and next visually */
.elementor-pagination {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.elementor-pagination .page-numbers.prev {
  order: 1 !important;
  margin-right: 20px !important;
}

.elementor-pagination .page-numbers:not(.prev):not(.next) {
  order: 2;
}

.elementor-pagination .page-numbers.next {
  order: 3;
  margin-left: 20px;
}

.tnp-field-email label {
  display: none;
}
@media (max-width:767px ){

}   .hammer-image{
    position: static !important;
}

/*.active-category {*/
/*    border: 2px solid #ff6600;*/
/*    background-color: #fff7e6;*/
/*}*/

/* WRAPPER */
.cat-wrapper {
    max-width: 1200px;
    margin: auto;
}

/* GRID */
.cat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

/* CARD */
.cat-card {
    position: relative;
}

/* HEADER */
.cat-header {
    background: #ff2d2d;
    color: #fff;
    padding: 18px;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    height:100%;
    /*max-height: 100px;
    min-height: 100px;*/
    cursor: pointer;
}
.cat-header  span.cat-arrow{
    margin-top: auto;
}
/* ACTIVE */
.cat-card.active .cat-header {
    background: #000;
}

/* LINK */
.cat-link {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

/* ARROW */



/* 🔴 CHILDREN DEFAULT HIDDEN */
.cat-children {
    display: none;
}

/* 🔴 DESKTOP SUB ROW */
.sub-row {
    grid-column: 1 / -1;
}

.sub-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    margin-top: 10px;
}

/* CHILD ITEM */
.child-item {
    background: #9b9b9b;
    color: #fff;
    padding: 14px;
    text-align: center;
    text-decoration: none;
    display: block;
    min-height: 100px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ========================= */
/* 📱 MOBILE (FINAL FIX) */
/* ========================= */
@media (max-width: 768px) {

    .cat-grid {
        display: block;
    }

    .cat-card {
        margin-bottom: 12px;
    }

    /* 🔥 SHOW INSIDE CARD */
    .cat-card.active .cat-children {
        display: block;
    }

    .cat-children {
        margin-top: 8px;
    }

    .child-item {
        display: block;
        margin-bottom: 6px;
    }

    /* ❌ REMOVE DESKTOP ROW */
    .sub-row {
        display: none !important;
    }
}