/* Modifying mini cart background color */
#mini-cart:not(.filledBasket) .mini-cart-total{background-color: #F8F7F5 !important;}

@media screen and (min-width:768px){
	
	.mega-nav-container .mega-nav-wrapper .menu-container {height: 400px;}
	.meganav-Sale .mega-nav-container .mega-nav-wrapper .menu-container {height: 360px;}

	
	/*
	 * Modifying the color of the meganav notch when background color is modified
	 * Selector should be .nav-menu.meganav-{TopNavLink.LinkId}.active > a:after
	 * a
	 */
	 /* For e.g.
	 * .nav-menu.meganav-Women.active > a:after {border-bottom: 13px solid #F8F7F5 !important;}
	 */
	 .nav-menu.meganav-Women.active > a:after {border-bottom: 13px solid #F8F7F5 !important;}
	 .nav-menu.meganav-Men.active > a:after {border-bottom: 13px solid #F8F7F5 !important;}

         .nav-menu.active > a:after {border-bottom: 13px solid #F8F7F5 !important;}

	

}
@media screen and (max-width:767px){
	
	/*Additional changes when modifying mini cart background color */
	.header-search-bag-links #mini-cart:not(.filledBasket){background-color: #F8F7F5!important;}

	/*
	*Modifying the color of mobile add to cart dialog, proceed to checkout 
	*button highlight color
	*/	
        .addtocartdialoagbutton .gotocheckout.atconclickbutton{color: #000000 !important;}

	/** Fix for search error message overlapping with header banner */
	#header-banner { margin-top: -1px; !important }

	.pt_checkout #header .primary-logo{margin-top:0px;padding-top: 23px !important;}	
	.pt_order-confirmation #header .primary-logo {padding-top: 23px !important;     margin-top: -15px;}
	.pt_order-confirmation #header{min-height: 65px;}  			
}

.nav-menu.meganav-Women .mega-nav-container{background-color: #F8F7F5;}	
.nav-menu.meganav-Men .mega-nav-container{background-color: #F8F7F5;}