:root {
	--display-font-family: Arima Madurai;
	--body-font-family: Open Sans;

	--font-size: 18px

	--logo-padding: 20px;
	--logo-height: 112px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 0;
	--header-bg-color: 118 175 195;
	--header-border-color: 60 59 59;

	--brand-color: 136 89 165;
	--brand-color-inverted: 255 255 255;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 61 61 61;

	--action-color: 234 143 56;
	--action-color-inverted: 255 15 ;

	--announcement-bar-bg-color: 60 131 153;
	--announcement-bar-text-color: 255 255 255;
	--announcement-bar-link-color: 255 128 0;

	--main-navigation-bg-color: 118 175 195;
	--main-navigation-link-color: 255 15 ;
	--main-navigation-link-color-hover: 255 15 ;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 16px;
	--main-navigation-link-alignment: center;

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

	--order-status-bg-color: 60 131 153;
	--order-status-color: 255 15 ;

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

	--footer-bg-color: 60 131 153;
	--footer-color: 255 15 ;
	--footer-link-color: 255 15 ;
}

/*Custom Styles*/
#app > div.pageContainer.loginPage > header::before {
    content: "Farm customers, please login to enter. Sorry, we're not accepting new customers at this time.";
}
#app > div.pageContainer.loginPage > header > h1 {
    padding-top:30px;
}


.locationPage__address {display: none;}
.locationList__address {display: none;}
.deliveryOption__dropdown-menu li a span {display:none;}
.locationPage__header::after { 
    content: "Exact address will be given when you place an order.";
    font-style: italic;
    padding-top: 100px;
}
.locationPage__ctaContainer {display: none;}

/* Make logo bigger on mobile */

@media only screen and (max-device-width: 480px) {
        .logo__img {
        max-height: 120px;
        }}