:root {
	--display-font-family: Benne;
	--body-font-family: Bevan;

	--font-size: 21px

	--logo-padding: 6px;
	--logo-height: 135px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 10px;
	--header-bg-color: 255 255 255;
	--header-border-color: 60 59 59;

	--brand-color: 223 240 151;
	--brand-color-inverted: 49 79 187;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 69 174 159;

	--action-color: 232 77 86;
	--action-color-inverted: 250 239 239;

	--announcement-bar-bg-color: 255 255 255;
	--announcement-bar-text-color: 49 178 171;
	--announcement-bar-link-color: 255 255 255;

	--main-navigation-bg-color: 255 255 255;
	--main-navigation-link-color: 35 38 49;
	--main-navigation-link-color-hover: 0 130 117;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 19px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 255 255 255;

	--order-status-bg-color: 250 239 239;
	--order-status-color: 232 77 86;

	--store-menu-bg_color: 248 248 248;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 35 38 49;
	--footer-color: 247 250 252;
	--footer-link-color: 247 250 252;
}

/*Custom Styles*/
#bannerWidget1 /*Buttons*/
   .btn {
   font-weight: 700;
   font-style: normal;
   text-transform: uppercase;
   text-shadow: none;
   border: none;
   box-shadow: 0 0px 10px 0 rgba(232, 77, 86, 1), 0 0px 20px 0 rgba(0,0,0,0)
   }
#howItWorksWidget2 /*Buttons*/
   .btn {
   font-weight: 700;
   font-style: normal;
   text-transform: uppercase;
   text-shadow: none;
   border: none;
   box-shadow: 0 0px 10px 0 rgba(232, 77, 86, 1), 0 0px 20px 0 rgba(0,0,0,0)
   }
   .productListing__photoLink--grid div.tw-aspect-h-3 { padding-bottom: calc(3 / 4 * 100%); }