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

	--font-size: 20px

	--logo-padding: 0px;
	--logo-height: 151px;

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

	--brand-color: 0 0 0;
	--brand-color-inverted: 255 255 255;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 135 116 64;

	--action-color: 135 116 64;
	--action-color-inverted: 255 15 ;

	--announcement-bar-bg-color: 135 116 64;
	--announcement-bar-text-color: 255 255 255;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: 0 0 0;
	--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: 183 163 103;

	--order-status-bg-color: 183 163 103;
	--order-status-color: 255 15 ;

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

	--footer-bg-color: 0 0 0;
	--footer-color: 183 163 103;
	--footer-link-color: 183 163 103;
}

/*Custom Styles*/
/* Sets fonts to imported Google fonts 
.body, .p, .h3, .h4, .h5, .h6, .label, body, h3, h4, h5, h6, p, legend, label{
    font-family: 'Montserrat', sans-serif;
}
h1, h2, .h1, .h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
}
.announcement_bar {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
.photoGridWidget__cation {
    font-family: 'Montserrat', sans-serif;
}
.bannerWidget--1 .bannerWidget__subheading {
    font-family: 'Montserrat', sans-serif;}
*/
/* Removes Grazecart Accreditation and back to top link div from Bottom */
.footerAccreditation {
    display: none;
    background-color: #000000;
}
.backToTopLink__container {
        background-color: #877440;
        display: none;
}
/*Use these classes to add columns in HTML widgets*/
.custom-column {
    float: left;
     width: 50%;
     padding: 10px;
}
.custom-column-row after{
  content: "";
  display: table;
  clear: both;
}
/* Makes blog post text wider (pre-set is 700px) and colors black and gold */
.pageContainer.blogPost {
    background-color: #000000;
    color: #877440;
}
.blogPost {
    min-width: 100%;
    padding: 10%;
}
.recentPosts {
    border-top: 1px solid #b7a367;
    background-color: black;
    color: #b7a367;
    max-width: 100%;
}
.blogPost__subheadeing {
    color: #b7a367;
}
/* Blog / Recipe Widget Styling Classes */
.featuredPostsWidget__postContainer {
    max-width: 300px;
}
.featuredPostsWidget__postPreview, .featuredPostsWidget__postSubheading {
    color: white;
}
/* Footer Styling classes */
.linkListWidget h2 {
    text-decoration: underline;
}
.footer-block-left {
    display: block;
    width:35%;
    float: left;
}
.footer-block-right {
    display: block;
    width: 65%;
    float: left;
}
@media (max-width: 600px) {
    .footer-block-left, .footer-block-right {
        width: 100%;
    }
}
/* Product Page Styling Classes */
.productPage__descriptionText {
    width: 65%;
}
.productPage__descriptionSidebar {
    width: 35%;
}
.productPage__photo {
text-align: left;
}

/* Fixes bug in some widget's header color */
.newsletterWidget__header h2 {
    color: #b7a367;
}
.featuredPostsWidget__header {
    color: #b7a367;
}

/*Fixes bugs of classes not sizing/coloring properly on mobile */
@media (max-width: 768px) {
    .bannerWidget--1 .bannerWidget__heading {
        font-size: 34px !important;
    }
    .bannerWidget--1 .bannerWidget__subheading {
        font-size: 26px !important;
    }
    .productPage__descriptionText {
    display: block;
    width: 100%;
    padding-right: 0;
    }
    .productPage__descriptionSidebar {
        display: block;
        width: 100%;
    }
    .orderStatus__mobileToggle {
        background-color: #877440;
        color: #000000;
    }
    .orderStatus__mobileToggle a {
        color: white;
        border-bottom: 1px solid white;
    }
}
/* Accessibility Edits */
.orderStatus {
    background-color: #877440;
}
.blog__subheading, .infoboxheading, .info-boxes>li .info-box-heading, .info-boxes>li, .text-muted, .productListing__vendorLink--grid a, .productListing__originalPrice, .productListing__averageWeight {
    color: #5d5d5d;
}
.saleTag {
    background-color: darkred;
    background: darkred;
}
.productListing__saleSavings--grid, .saleTextColor {
    color: darkred;
}
/* Loads banner widgets as black first - accessibility feature. When adding new banners, inspect the element and copy/paste the banner-widget--# to here. */
.bannerWidget--1 {
    background-color: black;
}
/* CHANGE THIS TO color: darkred; IN ORDER TO MAKE SALE TEXT SHOW BACK UP. Makes text color of "Savings" on variant box popups blend in with background. */
.productListing__saleSavings--grid, th.saleTextColor {
    color: #f3f3f3;
}