/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Purushothaman K
Author URI: https://brookandwhittle.com
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.5.2.1693036969
Updated: 2023-08-26 08:02:49
Text Domain:  storefrontchild

*/
.woocommerce-active .site-header .site-header-cart, .entry-header{
    display: none !important;
}

.site-main{
	margin-bottom:0px;
}

.storefront-full-width-content .content-area{
	margin-bottom:0px;
}

/* Mega Menu Styles */

/* #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu li.widget_custom_html{
	
} */

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_custom_html{
	display:none;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu > li.mega-menu-item:hover .widget_custom_html{
	border:1px solid red;
	left:250px;
	width:430px !important;
	display:block;
} 


.menu-intro-container {
	padding:20px;
}
.menu-intro-text{
	color: #333;
    font-size: 14px;
    font-weight: 300;
}
.menu-intro-container .menu-intro-img{
    width: 380px;
    height: 175px;
    border-radius: 5px;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.menu-intro{
    background: #fff;
    height: 365px;
    margin-top: -12px;
}


/* 
.mega-menu-item-custom_html-3{
  display: none !important;
}

.mega-menu-item-custom_html-5{
    display: none !important;
}
.mega-menu-item-custom_html-6{
display: none !important;
}
.mega-menu-item-custom_html-7{
display: none !important;
}
.mega-menu-item-custom_html-8{
display: none !important;
}
.mega-menu-item-custom_html-9{
display: none !important;
}
.mega-menu-item-custom_html-10{
display: none !important;
}


.mega-menu-item-custom_html-3{
	position: absolute!important;
    left: 300px!important;
    top: 0!important;
    width: 600px!important;
}   
.mega-menu-item-custom_html-5{
    position: absolute!important;
    left: 300px!important;
    top: 0!important;
    width: 600px!important;
} 
.mega-menu-item-custom_html-6{
    position: absolute!important;
   left: 300px!important;
    top: 0!important;
    width: 600px!important;
} 
.mega-menu-item-custom_html-7{
    position: absolute!important;
   left: 300px!important;
    top: 0!important;
    width: 600px!important;
} 
.mega-menu-item-custom_html-8{
    position: absolute!important;
  left: 300px!important;
    top: 0!important;
    width: 600px!important;
} 
.mega-menu-item-custom_html-9{
    position: absolute!important;
   left: 300px!important;
    top: 0!important;
    width: 600px!important;
} 
.mega-menu-item-custom_html-10{
    position: absolute!important;
   left: 300px!important;
    top: 0!important;
    width: 600px!important;
} 

.mega-menu-item-103:hover + .mega-menu-item-custom_html-3{
  display: block !important;
}

.mega-menu-item-104:hover + .mega-menu-item-custom_html-5{
    display: block !important;
  }

.mega-menu-item-266:hover + .mega-menu-item-custom_html-6{
display: block !important;
}

.mega-menu-item-267:hover + .mega-menu-item-custom_html-8{
display: block !important;
}

.mega-menu-item-268:hover + .mega-menu-item-custom_html-7{
display: block !important;
}

.mega-menu-item-269:hover + .mega-menu-item-custom_html-9{
display: block !important;
}

.mega-menu-item-270:hover + .mega-menu-item-custom_html-10{
display: block !important;
}

.mega-menu-item-custom_html-3 .custom-html-widget{
	display:flex;
}

.mega-menu-item-custom_html-5 .custom-html-widget{
	display:flex;
}

.mega-menu-item-custom_html-6 .custom-html-widget{
	display:flex;
}

.mega-menu-item-custom_html-7 .custom-html-widget{
	display:flex;
}

.mega-menu-item-custom_html-8 .custom-html-widget{
	display:flex;
}
.mega-menu-item-custom_html-9 .custom-html-widget{
	display:flex;
}
.mega-menu-item-custom_html-10 .custom-html-widget{
	display:flex;
}
.mega-menu-item-custom_html-3 .custom-html-widget .third-level-menu{
	width:100%;
	padding-top:10px;
	color: #333;
  font-size: 13px;
	background:#efefef;
  text-transform: uppercase;
}

.mega-menu-item-custom_html-5 .custom-html-widget .third-level-menu{
	width:100%;
	padding-top:10px;
	color: #333;
  font-size: 13px;
	background:#efefef;
  text-transform: uppercase;
}

.mega-menu-item-custom_html-6 .custom-html-widget .third-level-menu{
	width:100%;
	padding-top:10px;
	color: #333;
  font-size: 13px;
	background:#efefef;
  text-transform: uppercase;
}

.mega-menu-item-custom_html-7 .custom-html-widget .third-level-menu{
	width:100%;
	padding-top:10px;
	color: #333;
  font-size: 13px;
	background:#efefef;
  text-transform: uppercase;
}

.mega-menu-item-custom_html-8 .custom-html-widget .third-level-menu{
	width:100%;
	padding-top:10px;
	color: #333;
  font-size: 13px;
	background:#efefef;
  text-transform: uppercase;
}

.mega-menu-item-custom_html-9 .custom-html-widget .third-level-menu{
	width:100%;
	padding-top:10px;
	color: #333;
  font-size: 13px;
	background:#efefef;
  text-transform: uppercase;
}

.mega-menu-item-custom_html-10 .custom-html-widget .third-level-menu{
	width:100%;
	padding-top:10px;
	color: #333;
  font-size: 13px;
	background:#efefef;
  text-transform: uppercase;
}
 
 */


/* End of Menu Styles */


@media(min-width:768px){
	.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
		width:67%;
	}

	.woocommerce-active .site-header #mega-menu-wrap-primary {
		width: 69.913043% !important;
	}
}

  /** custom changes by Purushothaman K  - Needs to be validated**/
  @media(max-width:700px){
	 .banner-cover-mobile {display:block; }
	 .banner-cover-desktop {display:none; }
	}

	@media(min-width:712px) {
	 .banner-cover-mobile {display:none; }
	 .banner-cover-desktop {display:block; }
	}

	/*Custom chnages for become a distributor form*/


.form__fields--checkbox label::after {
    content: "✓" !important;
}

select.error, textarea.error, input.error {
    background-color: #fff7f7 !important;
    border-color: #da5118 !important;
    margin-bottom: 2px !important;
}

label.error {
    color: #da5118;
    font-size: 13px;
    font-weight: 200;
}

label.error:before {
    content: '\26a0';
    color: #da5118;
    margin-right: 10px;
}

.post-66.hentry,
.post-4173.hentry,
.post-4174.hentry,
.post-4175.hentry{
	margin:0 !important;	
}

.page-id-66 .site-main,
.page-id-4173 .site-main,
.page-id-4174 .site-main,
.page-id-4175 .site-main{
	margin-bottom:-85px !important;
}

.home-box__advantages{
	line-height:100%;
}

.home-box__title{
	line-height:100%;
}

.home-box__subtitle{
	line-height:100%;
}

.button--with-reload:after {
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: 'fontello';
    content: '\e815';
    transition: transform 0.75s ease;
    transform: translate(0, -50%) rotate(0deg);
}

.social__link{
	color:#fff;
}


/*Login CSS*/
.lonin-left-incontent a {
    color: #FFCB05 !important;
}

.form__orange-btn input[type="submit"].new-login-btn {
	color:#fff;
    background: #da5118 !important;
}

.form__orange-btn input[type="submit"].new-login-btn:hover {
	color:#ffcb05 !important;
    background: #25333b !important;
}

.form__orange-btn input[type="submit"]:hover {
   color:#ffcb05 !important;
    background: #25333b !important;
}

.new-login input {
    border-radius: 4px !important;
    background-color: #FFF !important;
    box-shadow: 0px 1px 0px 0px #FFF !important;
    border: 1px solid #e6e6e6 !important;
    padding: 0px 0px 0px 30px!important;
}

.login-right-widget h3 {
    font-size: 21px;
}


/*Delete Popup Saved Order Page*/
.button {
    display: inline-block;
    border-radius: 4px !important;
    font-weight: 700 !important;
    /*height: 46px !important;
    line-height: 48px !important;*/
    cursor: pointer !important;
}

.button--orange {
    color: #fff !important;
    background-color: #da5118 !important;
}

.delete_item_box .action_buttons .cancel {
    color: #000 !important;
    background-color: #fff !important;
}

.delete_item_box .action_buttons .cancel:hover {
    background-color: #ffcb05 !important;;
    color: #fff !important;
}

.delete_item_box h4 {
  font-family: "News Cycle";
  font-size: 17px;
}
.User_enhance a {
    color: #2c2d33!important;
}

/*My Orders List*/


.button--orders {
    color: #333!important;
    background-color: #fff!important;
    padding: 0 22px !important;
}

.button--orders:hover {
    color: #0073b2!important;;
}

.picker__button--today, .picker__button--clear, .picker__button--close {
     color: #333!important;
}

.button--with-reload {
    position: relative;
    text-align: left;
    padding-right: 40px;
}

.button--with-reload::after {
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: 'fontello';
    content: '\e815';
    transition: transform 0.75s ease;
    transform: translate(0, -50%) rotate(0deg);
}

.button--turquoise:hover {
    background-color: #25333b!important;
    color: #ffcb05!important;
}
.button--cart {
    position: relative!important;
    padding: 0 10px!important;
    width: 100%!important;
    max-width: 158px!important;
	width:max-content !important;
}
.filter-stripe .button {
    /*width: fit-content!important;*/
	width: max-content!important;
}

.side-menu a, .breadcrumbs a {
    color: #2c2d33!important;
}

.side-menu a, .breadcrumbs a.CMSBreadCrumbsLink{
	color:gray!important;
}

blockquote{
	border-left:none;
}

.blog-post--with-shadow{
	margin-bottom:30px !important;
}

.multiple-remove.remove.form__remove{
	border: 1px solid #f5f5f5;
    min-height: 35px;
    float: right;
    margin-left: 10px;
    margin-top: 5px;
}
a.form__add-link{
	cursor:pointer;
}

.prod-thumb-imgs-sec img{
	width:100% !important;
}

/*Footer*/
.site-footer{
	color:#fff;
	padding:40px 40px 70px 30px;
	background:#0073b2;
}
/*Commented for page layout issue*/
/*.entry-content{
	padding-left:30px;
	padding-right:30px;
}*/

.site-footer ul{
	margin:0;
	list-style-type:none;
	font-size:14px;
}

.site-footer ul li a:hover{
	color:#ffcb05 !important;
}
.chw-widget-area p{
	margin-bottom:15px;
	line-height:100%;
}
.site-footer h4{
	color:#fff;
}
.site-footer p{
	color:#fff;
}
.footer-widget-container {
    display: flex;
    justify-content: left;
    width: 100%;
    float: left;
}

.footer-widget-container .item:first-child{
	width:40%;
}
.footer-widget-container .item{
	width:30%;
}

.copyright-text{
	font-size:13px !important;
	font-weight:300;
}
.item-outer{
	float: left;
	width:20%;
}

.ftr-title-4,
.ftr-title-3,
.ftr-title-2{
	font-weight:bold;
}

.ftr-widget-5 a{
	font-weight:bold;
	font-size:15px;
}

.ftr-customer-signup-link a{
	color:#ffcb05 !important;
}
.ftr-request-sample-link a{
	color:#ffcb05 !important;
}

.wp-block-social-links a{
	font-size:35px;
}
.site-footer a:not(.button):not(.components-button){
	color:#fff;
	text-decoration:none;
}

.footer__call {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 285px;
    margin: 0;
	  margin-top:40px;
    margin-bottom: 30px;
}

.footer__call-icon i{
	color:#fff;
	background-color: #00a6d3;
    border-radius: 6px;
    padding:12px;
}

.footer__call-title{
	color:#fff;
	font-weight:bold;
	font-size:19px;
}
.footer__call-number{
    font-weight: bold;
    font-size: 24px;
    color: #ffcb05 !important;
    transition: color 0.25s ease;
}

#menu-contact-us-footer-menu li{
	margin-bottom:5px;
}

.copyright-text{
	display: inline-block;
    float: left;
	margin-top:7px;
	padding-right: 15px;
}

.menu-footer-privacy-terms-menu-container{
	display:inline-block;
}
#menu-footer-privacy-terms-menu li{
 list-style-type: none;
  margin: 0;
  padding: 0;
	float:left;
}

#menu-footer-privacy-terms-menu li:before{
	display:none;
}

#menu-footer-privacy-terms-menu li a{
	display:block;
	padding:5px;
	text-transform:uppercase;
	font-weight:bold;
}

.ico-vimeo-squared:before{
	font-family: "fontello";
    font-style: normal;
    font-weight: normal
}

.site-footer.copyright-bar{
	margin-bottom:0;
	padding-top:0px;
	padding-bottom:0;
}

.ftr-widget-6 .widget{
	margin-bottom:0px;
}

.form__orange-btn input[type="button"] {
	border: none;
	border-radius: 4px;
	height: 42px;
	color: #fff;
	font-family: "Metropolis";
	font-weight: 700;
	font-size: 12px;
	padding: 10px 25px;
	background-color: rgb(218, 81, 24);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
	width: 200px;
	text-transform: uppercase;
	transition: all 0.25s ease;
	cursor: pointer;
}

.form__orange-btn input[type="button"]:hover {
    color: #fff;
    background-color: #ffcb05;
}

.cart__back a.button{
	padding-left:50px !important;
}

.cart__right .button--with-arrow{
	position:relative;
}

.cart__right a.button--with-arrow::before {
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: 'fontello';
    content: '\e80b';
    transition: right 0.25s ease;
    transform: translate(0, -50%);
    font-size: 10px;
}

.cart__right a.button--with-arrow:hover:before {
    right: 10px;
}

.educational .events.home{
	background-image:visible !important;
}

/*Footer Responsive*/
@media(max-width:1026px){
	.footer-widget-container{
		flex-direction:column;
	}
	.footer-widget-container .item:first-child{
		width:100%;
	}
	.footer-widget-container .item{
		width:100%;
	}
	.item-outer {
    width: 100%;
    margin: 0;
	}
	.ftr-widget-1{
		max-width:285px;
		margin:0 auto;
	}
	.footer__category-title{
		padding:10px 0px;
	}
	.ftr-widget-6 .is-layout-flex{
		display:flex!important;
		flex-direction:row-reverse;
	}
	.ftr-widget-1 .wp-block-heading{
		font-size:19px;
	}
	.ftr-widget-1 .wp-block-image img{
		margin:0 auto;
	}
	.ftr-widget-1 .wp-block-social-links{
		max-width:256px;
		margin:0 auto;
	}
	.footer-widget-container {
	   padding: 0px 0px;
		 float: left;
		 width:100%;
	}
	
	#footer-widget-area-2{
		margin-top:30px;
	}
	
	.site-footer.copyright-bar{
		padding:0px 0px;
	}
	.footer-widget-container{
		
	}
	.site-footer{
		padding-bottom:1em;
		text-align:center;
	}
	.footer__member{
		margin-bottom:10px;
	}
	.footer__call{
		max-width:100%;
		display:flex!important;
	}
	.footer__call-number{
		font-size:21px;
	}
	.footer__call-title{
		font-size:17px !important;
	}
	.footer__category-title:after {
		margin-left: 10px;
		font-family: 'fontello';
		content: '\e800';
	}
	.footer__category-title--member{
		margin-bottom:24px;
	}
	.footer__category-title--member:after{
		display:none;
	}
	.menu-footer-products-menu-container{
		max-height: 0px;
		transition: max-height 0s ease;
		overflow: hidden;
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}
		
	.menu-footer-products-menu-container.active{
		max-height: 1000px;
		transition: max-height 0.75s ease;
	}

	.menu-industries-footer-menu-container{
		max-height: 0px;
		transition: max-height 0s ease;
		overflow: hidden;
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	.menu-industries-footer-menu-container.active{
		max-height: 1000px;
		transition: max-height 0.75s ease;
	}
		
	.menu-support-footer-menu-container	{
		max-height: 0px;
		transition: max-height 0s ease;
		overflow: hidden;
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	.menu-support-footer-menu-container.active	{
		max-height: 1000px;
		transition: max-height 0.75s ease;
	}
	.ftr-widget-5{
		margin-top:5px;
	}
	.ftr-widget-5 a{
		font-size:13px;
		font-family: "Metropolis";
	}
	.ftr-widget-6 .wp-block-columns {
		flex-direction: column;
	 }
	.ftr-widget-6 .wp-block-column:nth-child(1) {
		order: 2;
	 }
	.ftr-widget-6 .wp-block-column:nth-child(2) {
		order: 1;
	}
	.copyright-text{
	display: block;
    float: initial;
	padding-right: initial;
	}	
	.ftr-widget-6 .widget{
		margin-bottom:0px;
	}
	.checkout__table_new{
		padding:10px 20px;
	}
}

.wp-block-buttons {
    font-weight: 700;
}

/* BEGIN ECOM-1236 */
.wp-block-cover {
    align-items: center;
    background-position: 50%;
    box-sizing: border-box;
    display: flex;
    min-height: 280px;
    overflow: hidden;
    overflow: clip;
    padding: 1em;
    position: relative;
}
 
.wp-block-cover .wp-block-cover__background {
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
}
.wp-block-cover .wp-block-cover__image-background {
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
 z-index: 0;
}

.wp-block-cover.prod-banner .has-eso-primary-color ~ p {
    color: var(--wp--preset--color--eso-primary) !important;
}

.prod-banner .wp-block-cover__inner-container{
  position: relative;
  z-index: 1;
}

.wp-block-buttons .wp-block-button {
 display: inline-block;
 margin: 0;
 margin-top: 10px;
}

.wp-block-button__link {
 border-radius: 4px;
    align-content: center;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    text-align: center;
    word-break: break-word;
    padding: 10px;
    justify-content: center;
    width: 100%;
}

.wp-block-media-text {
    box-sizing: border-box;
    direction: ltr;
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto;
}

.wp-block-media-text>.wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
}

.wp-block-media-text>.wp-block-media-text__content {
    direction: ltr;
    grid-column: 2;
    grid-row: 1;
    padding: 0 8%;
    word-break: break-word;
 align-self: center;
}
/* END ECOM-1236 */

.button--transparent {
    border: 1px solid #dedede !important;
    background-color: #ffffff !important;
    color: #333 !important;
}

.button--transparent:hover {
    color: #00a6d3!important;
}

#search_icon:hover{
	background:none!important;
}

.bordered-table table>tbody>tr>td{
	border:1px solid #000!important;
}


.checkout__buttons{
	position:relative;
	padding-top:60px;
}

.checkout__buttons label{
	position:absolute;
	right:0;
	bottom:18px;
	width:17%;
	font-weight:600;
}
.checkout__buttons label a{
	color:#00a6d3;
}

.checkout__buttons label a:hover{
	text-decoration:underline !important;
}

@media(max-width:1026px){
	.checkout__buttons label{
		width:23%;
	}
}

@media(max-width:991px){
	.checkout__buttons label{
		width:21%;
	}
}
#back_to_shipping_btn{
	position:absolute;
}

#lnkbtnSubmitOrderNow{
	margin-top:50px;
	position: absolute;
    right: 10px;
 
}

#termsCheckboxMessage{
	position:absolute;
	right: 7px;
    width: 31%;
    top: 108px;
	text-align:right;
}
@media(max-width:480px){
	.profile-header-menu__item {
		font-size:14px;
	}
	.pagination__next:after, .page-numbers.next:after{
		right:24%;
	}
	.pagination__prev, .pagination__next, .page-numbers.prev, .page-numbers.next{
		width:60px;
	}
	.checkout__buttons label{
		width: initial;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
		font-size: 15px;
		bottom: 45px;
	}
	#termsCheckboxMessage{
		width:initial;
	}
	.checkout__buttons{
		min-height:150px;
	}
	#back_to_shipping_btn{
		top:20px;
	}
	#termsCheckboxMessage{
		top:165px;
	}
	#lnkbtnSubmitOrderNow{
		margin-top:100px;
		right:initial;
	}
}

@media(max-width:375px){
	.profile-header-menu__item {
		font-size:12px;
	}
}

 /* Message Box */
.passwordmessage .cart__error ul{
	margin:0;
}

.addnewcardform_border ul li {
	line-height: unset;
}

.addnewcardform_border input[type=text], .cardnumber_css{
	background-color: #fff;
	border: 1px solid #d3d6d8a1;
    box-shadow: 1px 3px 5px #d3d6d8a8;
}

@media(max-width:480px){
	.home-slider__title {
		font-size:27px
	}
	.distributor-banner{
		padding-top:100px;
	}
}

.is-info {
	display:none !important;
}