/* Header and navigation
   -------------------------------------------------------------------------------------------
   Ingested 2026-08-21 from a global inline <style> block that the site printed into wp_head on
   every page. Header layout, menu, search box and the mobile breakpoints. The largest of the six and the
   one most likely to show a regression, because almost every rule leans on !important.

   Nothing here has been reformatted or rewritten. The only edit is the removal of the WordPress
   "Add your CSS code here" placeholder comment, where the source carried one. Keeping it verbatim
   is deliberate: it makes the theme copy diffable against the database copy, which is how the
   cut-over in bin/ingest-css-cutover.sh verifies the two match before deleting the original.

   Source block sha1: 4c1b68e6dfc1af85eb2b36d3e80fe6c5ba5bf92e
   ------------------------------------------------------------------------------------------- */

.header-container-wrapper .wrapper {
    align-items: center !important;
    justify-content: space-between !important;
    display: flex !important;
    height: 112px !important;
}

.header-container-wrapper .menu-container ul li a {
    height: 25px !important;
    padding: 0px !important;
}
.header-search {
    padding-top: 10px !important;
    margin-left: 20px !important;

}
.header-search input {
    right: 61px;
    top: 0px;
    width: 100px !important;
    min-width: 240px !important;
}


@media screen and (min-width:1200px) {
	.header-container-wrapper .wrapper {
		height: 112px !important;
	}
}

@media screen and (max-width: 1200px) {
    .toggle-nav {
        display: inline-block !important;
        float: right !important;
        margin: 0 !important;
        font-size: 2em !important;
        transition: color linear 0.15s !important;
        position: absolute !important;
        right: 20px !important;
        top: 20px !important;
        color: #fff !important;
        text-decoration: none !important;
    }
}

@media screen and (max-width: 1199px) {
    .menu-container {
        display: inline-block !important;
    }
    .header-search input {
        height: 40px !important;
    }
    body .header-search {
        right: 80px;
        top: 24px;
    }
}


@media screen and (max-width: 1199px) {
    body .header-search {
        right: 0px;
        top: 10px;
    }
}



@media screen and (max-width: 1199px) {
    body .header-search {
        right: 0px;
        top: 0px;
        width: 40px !important;
        height: 40px !important;
        margin: 0px !important;
        padding: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 766px) {
    body .header-search {
    right: 60px !important;
    top: 25px !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0px !important;
    padding: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    }
	.header-container-wrapper .wrapper {
    	height: 60px !important;
	}
	.header-container-wrapper .menu-container ul li .sub-menu-toggle {
    	top: 0px !important;
	}
	.header-container-wrapper .menu-container > div > ul {
	    padding: 10px 10px !important;
	}
}

@media screen and (max-width: 1199px) {
    .menu-container .menu-header-menu-container>ul {
        //display: none !important;
        position: absolute !important;
        overflow: auto !important;
        top: 0px !important;
        right: 0px !important;
        z-index: 999 !important;
        padding-right: 15px !important;
		width: 100% !important;
    	background: black !important;
		overflow: hidden !important; 
    }
}

@media screen and (max-width: 660px) {
    .header-search input {
        right: calc((71vw - 280px) / 2) !important;
        top: 67px !important;
        width: 100% !important;
        min-width: 240px !important;
    }
}



.header-container-wrapper .wrapper {
	align-items: center !important;
	justify-content: space-between !important;
	display: flex !important;
}


@media (max-width: 1199px) {
	.header-container-wrapper .menu-container ul li {
		//display: none !important;
		width: 100% !important;
		margin: 0 !important;
		text-align: left !important;
		background: transparent !important;
		position: relative !important;
	}
}

@media (min-width: 770px) and (max-width: 1199px) {
	.menu-container .menu-header-menu-container>ul {
		display:none; 
		position: absolute !important;
		top: 100px !important;
		right: 0px !important;
		z-index: 999 !important;
		padding-right: 15px !important;
		width: 100% !important;
		background: black !important;
		overflow: hidden !important;
		padding: 20px 20px !important;
	}
	
	body .header-container-wrapper .menu-container li.menu-item-has-children > ul.sub-menu {
		display: none;
		width: 295px;
		position: relative;
	}	
	.header-container-wrapper .logo {
		width: 240px !important;
		max-width: 240px !important;
	}
	body .header-search {
    	top: -4px !important;
	}
	.header-container-wrapper .wrapper {
    	padding-right: 60px !important;
	}
	.header-container-wrapper .logo {
		position: relative;
		top: 0px;
	}
	
}

@media(min-width:1200px) and (max-width:1500px) {
	.header-container-wrapper .menu-container ul li a {
		font-size: 14px !important;
	}
	.header-container-wrapper .logo {
    	top: 0 !important;
	}
	body .header-container-wrapper .menu-container {
    	padding-top: 0px !important;
	}
	.header-search {
    	padding-top: 0px !important;
	}
	.header-container-wrapper .menu-container ul.sub-menu li {
    	padding: 0px 20px !important;
	}
}














/* Category page image contain product listing */


.woocommerce-page img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    max-width: 100% !important;
    width: 100% !important;
}

.woocommerce-page img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100% !important;
    max-width: 100% !important;
}

.woocommerce-page img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    border: none !important;
}

.woocommerce-page a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    margin: 0 auto !important;
}

.woocommerce-page img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    object-fit: contain;
}

.woocommerce-page li.entry.product.type-product {
    border: solid #ebebeb 1px !important;
}





.term-ev-products .categories-listing > div > div > ul > li > a {
    padding: 5px 30px 5px 10px !important;
}




.ev-products {
    padding: 0px !important;
}
.johnDowGreenCardWrap img {
    max-width: 260px !important;
    margin: 0 auto !important;
    
}
.johnDowGreenCardWrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.johnDowGreenCardWrap {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
}
.single-division.ev-products::after {
    border: none !important;
}
.johnDowGreenCardWrap {
    border: solid white 2px;
	transition: 1s !important;
}


/* Menu Fix Start */

ul#menu-header-menu li.menu-item-18112 a:hover {
    color: #3CB54B !important;
}


.term-ev-products .header-container-wrapper .menu-container #menu-header-menu > li.current-menu-parent:nth-child(3) > a {
	    color: #3CB54B !important;
}
.menu-item-18198 .header-container-wrapper .menu-container ul li.current-menu-parent > a {
	    color: #3CB54B !important;
}
.page-id-18198 .header-container-wrapper .menu-container #menu-header-menu > li.current-menu-parent:nth-child(3) > a {
	    color: #3CB54B !important;
}



.term-ev-products .header-container-wrapper .menu-container #menu-header-menu > li.current-menu-parent:nth-child(3) > ul.sub-menu li.current-menu-item > a {
    color: #3CB54B !important;
}
.elementor-page-18198 .header-container-wrapper .menu-container #menu-header-menu > li.current-menu-parent:nth-child(3) > ul.sub-menu li.current-menu-item > a {
    color: #3CB54B !important;
}

/* Branding Changes */


.ev-cat-customizations.home-hero input#search.red-border {
    border-color: #3CB54B !important;
}
.ev-cat-customizations.home-hero input#search.red-border::Placeholder {
    color: #3CB54B;
}
.term-ev-products .categories-products > nav.woocommerce-breadcrumb a {
    color: #3CB54B;
}
.term-ev-products .categories-listing > div > div > ul > li > a {
    border-color: #3CB54B;
    color: #3CB54B;
}
.term-ev-products .sidebar-cta-block a.cta_button.simple-cta {
    color: #3CB54B;
}
.term-ev-products .sidebar-cta-block a.cta_button.white-btn {
    color: #3CB54B;
}
.term-ev-products a.cta_button.red-btn {
    background: #3CB54B;
    border-color: #3CB54B !important;
}
.term-ev-products .home-help-heading-section {
    border-top-color: #3CB54B;
}
.term-ev-products .phone-no {
    color: #3CB54B;
}
.term-ev-products .woocommerce-products-header a.cta_button {
    color: #3CB54B;
}



#menu-ev-products-sidebar a {
    border-color: #3CB54B;
    color: #3CB54B;
}

.ev-products .home-help-heading-section {
    border-top-color: #3CB54B !important;
}
.ev-products .phone-no {
    color: #3CB54B !important;
}




body.page .blue-branding .contact-us-wrap .cta_button.evBtnFixGtInTouch.red-btn a.elementor-button {
    background: #3cb64b;
    border-color: #3cb64b!important;
}





.page-id-18198 .storybrand-hero .search input#search.blue-border {
	border-color:#3CB54B !important; 
}

.page-id-18198 .storybrand-hero .search input#search.blue-border::placeholder {
	color:#3CB54B !important; 
}



.page-id-18198 .hs-form-90fde896-cb00-40ae-822c-0b008dc6c214_d350cf89-350a-4e3a-b3bb-b0fcb094e33b .hs-button {
    background: #3cb74b !important;
    border-color: #3cb74b !important;
}



/* Green download button changes */

.term-ev-products .woocommerce-products-header a.cta_button.theme-btn .green_btn_cstm {
    display: none;
}
.term-ev-products .woocommerce-products-header a.cta_button.theme-btn .red {
    display: none;
}
.term-ev-products .woocommerce-products-header a.cta_button.theme-btn .green_btn_cstm {
    display: block !important;
}
.term-ev-products .woocommerce-products-header a.cta_button.theme-btn .red {
    display: none !important;
}
.term-ev-products .woocommerce-products-header a.cta_button.theme-btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* EV Sidebar Icon color Fix */

.term-ev-products .categories-listing div > ul li.menu-item-has-children >.sub-menu-toggle > span {
    color: #EE4037 !important;
}
/* .ev-products .categories-listing > div > div > ul > li.current-menu-parent > a, .categories-listing > div > div > ul > li.current-menu-ancestor > a {
    background: #3CB54B !important;
    color: white !important;
} */
.ev-products .categories-listing div > ul li.menu-item-has-children >.sub-menu-toggle > span {
    color: #EE4037 !important;
}
.ev-products .categories-listing div > ul li.menu-item-has-children >.sub-menu-toggle.expanded > span {
    color: #ffffff !important;
}
.ev-products .categories-listing div > ul li.current-menu-parent.menu-item-has-children >.sub-menu-toggle > span {
    color: #ffffff !important;
}

/* CSS for fixing Distorted Recommended product in single product page */

@media(max-width:520px) {
  .woo-related-products-container ul.products.columns- {
    flex-direction: column !important;
  }
  .woo-related-products-container .woo-related-products-container {
    padding: 40px 16px !important;
  }
  .woo-related-products-container .woocommerce.single-product #main ul.products li.product {
    width: 100%!important;
  }
  #main .woo-related-products-container ul.products li.product {
    width: 100%!important;
  }
  #main .woo-related-products-container img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    object-fit: cover !important;
  }
  .woocommerce.single-product #main .woo-related-products-container ul.products li.product {
    	width: 100% !important;
  }
}

.woo-related-products-container img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100% !important;
    max-width: 100% !important;
}