:root {
	--brand_color: #474d36;
	--brand_color_inverted: #f5f3ea;
	--background_color: #FFF;
	--text_color: #3d3d3d;
	--link_color: #212121;
}

body {
	background-color: var(--background_color);
	color: var(--text_color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, legend {
	font-family: Roboto;
}

body, p, label, .paragraph {
	font-family: Roboto;
	font-size: 18px;
}

a {
	color: var(--link_color);
}

a:hover {
	text-decoration: underline;
}

.brand {
	background-color: #474d36;
	color: #f5f3ea;
	border-color: #474d36;
}

.text-brand {
	color: #474d36;
}

.text-action {
	color: #c13f00;
}

.brand-inverted {
	background-color: #f5f3ea;
	color: #474d36;
	border-color: #f5f3ea;
}

.action {
	background-color: #c13f00;
	color: #f5f3ea;
	border-color: #c13f00;
}

.action-inverted {
	background-color: #f5f3ea;
	color: #c13f00;
	border-color: #f5f3ea;
}

/* SiteHeader */

.announcement_bar {
	background-color: #474d36;
	color: #f5f3ea;
}

.announcement_bar a {
	color: #c13e00;
}

.siteHeader {
	background-color: #f5f3ea;
	color: #212121;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f5f5f5;
}

.siteHeader__container {
	max-width: 100%;
}

/* MainNavigation */

.mainNavigation, .mobileNav {
	background-color: #f5f3ea;
}

.mainNavigation__list {
	text-align: center !important;
}

.siteHeader__container--style4 {
	text-align: center;
}

.mainNavigation__list > li > a {
	font-size: 18px;
}

/*Mobile Nav*/
.mobileNav > li > a {
	color: #212121;
	background-color: #2C5170;
}

.mobileNav > li > a:hover {
	background-color: #042948;
}

.mobileNav > li > a:focus {
	background-color: #042948;
}

/* Underline Link Effect */
	.mainNavigation__list > li > a {
		color: #212121;
		background-color: transparent;
		border-bottom: solid 2px transparent;
	}
	.mainNavigation__list > li > a:hover {
		color: #474d36;
		background-color: transparent;
		border-bottom: solid 2px #474d36;
	}

	.mobileNav > li > a {
		color: #212121;
		background-color: transparent;
		border-bottom: solid 2px transparent;
	}

	.mobileNav > li > a:hover {
		color: #474d36;
		background-color: transparent;
		border-bottom: solid 2px #474d36;
	}

	.mobileNav > li > a:focus {
		color: #474d36;
		background-color: transparent;
		border-bottom: solid 2px #474d36;
	}


.mainNavigation__list > li > a {
	transition: all 0.2s ease-in-out;
}

/* Auxiliary Navigation (Use this for the account menu, sign up cta, cart, etc,) */

.auxiliaryMenu--block, .auxiliaryMenu__container {
	background-color: transparent;
		border-bottom: none;
	}

.auxiliaryMenu {
	max-width: 100%;
}

	.auxiliaryMenu > li > a {
		color: #212121;
	}
	.auxiliaryMenu > li > a:hover, .auxiliaryMenu > li > a:focus {
		text-decoration: underline;
	}

.order__delivery_threshold_difference, .order__delivery_threshold_difference-met {
    background-color: #c7c2a1;
    color: #212121;
}

/* OrderStatus */
.orderStatusBar {
	background-color: #c7c2a1;
}

.orderStatus__container {
	color: #212121;
}

.orderStatus__container a {
	border-bottom-color: #f9f4d3;
	color: #212121;
}

.orderStatus__container a:hover {
	border-bottom-color: #212121;
}

.orderStatus__mobileToggle {
	color: #212121;
}

.orderStatus__mobileToggle a {
	border-bottom-color: #f9f4d3;
	color: #212121;
}

.orderStatus__mobileToggle a:hover {
	border-bottom-color: #212121;
}

/* Logo */

.logo {
	color: #212121;
	font-size: 18px;
	padding: 20px;
}

.logo__img {
	max-height: 221px;
}

@media (max-width: 414px) {.logo {padding: 15px;}.logo__img {max-height: 75px;}}

.siteFooter {
	background-color: #474d37;
	color: #f5f3ea;
}

.siteFooter .tw-prose {
	--tw-prose-headings: #f5f3ea;
	--tw-prose-body: #f5f3ea;
	--tw-prose-p: #f5f3ea;
	--tw-prose-a: #FFF;
	--tw-prose-bullets: #f5f3ea;
}

.siteFooter h1, .siteFooter h2, .siteFooter h3, .siteFooter h4, .siteFooter h5, .siteFooter h6 {
	color: #f5f3ea;
}

.siteFooter a {
	--tw-prose-a: #FFF;
	color: #FFF;
}

.siteFooter a:hover, .siteFooter a:focus {
	color: #ebebeb;
}

.siteFooter img {
	margin-left: auto;
	margin-right: auto;
}

.backToTopLink__container {
	background-color: #5b614b;
}

.backToTopLink__container a {
	color: #FFF;
}

/* Buttons */
.btn-brand, .btn-default, .btn-primary {
	background-color: #474d36 !important;
	border-color: #333922 !important;
	color: #f5f3ea !important;
}

.btn-brand-inverted {
	background-color: #f5f3ea;
	color: #474d36;
	border: solid 1px #474d36;
}

.btn-brand-inverted:hover {
	background-color: #474d36;
	color: #f5f3ea;
	border: solid 1px #474d36;
}



.btn-brand:hover, .btn-default:hover, .btn-primary:hover {
		background-color: #6f755e !important;
	border-color: #6f755e !important;
		color: #f5f3ea !important;
}

.btn-danger, .btn-action, .cta {
	background-color: #c13f00 !important;
	border-color: #ad2b00 !important;
	color: #f5f3ea !important;
}
.btn-danger:hover, .btn-action:hover, .cta:hover {
		background-color: #e96728 !important;
	border-color: #e96728 !important;
	
	color: #f5f3ea !important;
}

.btn-action-inverted {
	background-color: #f5f3ea;
	color: #c13f00;
	border: solid 1px #c13f00;
}

.btn-action-inverted:hover {
	background-color: #c13f00;
	color: #f5f3ea;
	border: solid 1px #c13f00;
}

.bullet, .confirmation__step-number {
	background-color: #474d36;
	color: #f5f3ea;
}

/* Store Menu */
.storeIndex__sideBarList--style2 {
	background-color: #f8f8f8 !important;
	border-color: #f8f8f8 !important;
	color: #777;
}

.storeSearch__input--style2 {
	border-color: #f8f8f8 !important;
}

.storeIndex__sideBarList--style2 > li > a {
	color: #777;
	border-color: #eeeeee !important;
}

.storeIndex__sideBarList--style2 > li > a:hover {
	color: #777;
	background-color: #eeeeee !important;
}

.storeSearch__button--style2 {
	color: #777;
}

.banner__protocols li:before {
    color: #474d36
}

/*Custom Styles*/
/* Custom fonts */
.h1, .h2,  h1, h2, legend{
    font-family: "Aleo", serif;
    font-weight: 800;
    font-style: normal;
}
.h2, h2 {
    font-size: 2.25em!important;
}
.siteFooter h2 {
    font-size: 1.5em!important;
}
.h3 , .h4, .h5, .h6, h3, h4, h5, h6, legend {
    font-family: "Cabin", sans-serif;
    font-weight: 600;
    font-style: italic;
}
.body, p, label, .paragraph {
    font-family: "Cabin", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.bannerWidget__subheading {
    font-family: "Cabin" , sans-serif;
    font-weight: 600;
    font-style: italic;
}
.a, a {
    font-family: "Cabin" , sans-serif;
    font-weight: 400;
    font-style: normal;
}
.newsletterWidget {
    padding: 0px 20px;
}

/*Text and Image Half Page Blocks*/
#textWidget24, #textWidget25, #textWidget29, #textWidget38, #textWidget40, #textWidget43, #textWidget68, #textWidget62, .pageWidget__rowInnerContainer {
    padding:0px!important;
    margin:0px!important;
    display:flex;
    align-items:center;
    overflow:hidden;
    justify-content:center;
    min-width: 100%;
    min-height: 100%;}
#textWidget24 img, #textWidget25 img, #textWidget29 img, #textWidget38 img, #textWidget40 img, #textWidget43 img,  #textWidget62 img {
        width:100%;
        height:auto;
        object-fit:cover;
        overflow:hidden;}
#textWidget68,  #textWidget68 img {
    min-height:600px;
    width:auto;
    max-width:200%;
    overflow:hidden;
}
.pageWidget__slot--half-width {
    vertical-align:middle; margin:0px;}


/* About page photo gallery */
.photoGalleryWidget__photoList{
    padding:0px!important;
    margin:0px!important;
    grid-gap: 0em!important;
    min-width:100%!important;
    display:flex!important;
    flex-wrap:overflow!important;
    white-space:nowrap!important;
    grid-auto-rows: calc(100vw * 0.26)!important;}
.photoGalleryWidget__photo {
    height: calc(100vw * 0.26) !important;
    width:100%!important;}

/* About page values block */
.values {
    width:calc(75vw / 3)!important;
    text-align:center;
    display:flex;
    flex-direction:column;
    vertical-align:middle;
    clear:none;
    margin:5%;}

/* About Page Black button */
#pageWidget--42 .btn-action { background-color:#212121!important; border-color:#212121!important;}
#pageWidget--42 .btn-action:hover { background-color:#42413b!important; border-color:#42413b!important;}
    
/* Youtube videos */
.column { width: 33.33%; padding:10px; }

/*center barn image above newsletter sign up*/
#barn { display:block; margin-left:auto; margin-right:auto;}
  
/* Our bestsellers */
#photoGridWidget3 .photoGridWidget__listItem, #photoGridWidget3 .photoGridWidget__listImage, #photoGridWidget3 .photoGridWidget__listItemContainer{
    height:350px;width:275px;}
#photoGridWidget3 .photoGridWidget__listImage, #photoGridWidget3 .photoGridWidget__listItemContainer{
    height:330px; width:255px;}
#photoGridWidget3 .photoGridWidget__listCaption{
    align-items:end;}

/* Newsletter button */
#newsletterWidget34 button {
    background-color:#c13f00!important;
    color:white!important;
    border-color:#7A2900!important;
    border-width:1px;}
#newsletterWidget34 button:hover{ background-color:#7A2900!important;}

/*Phone settings*/
@media screen and  (max-width: 765px) {
    /*Youtube videos and Bestsellers widget*/
    #youtube-videos, #beef-and-bison-buttons{flex-direction:column!important;padding: 10px 0px;}
    .column {width:100%;}
    .column iframe {min-height:350px!important;}
    #beef-and-bison-buttons .text-container{width:100%!important;}
    #photoGridWidget3 {margin: auto;display: flex; justify-content:center;}   
    
    /*Banner widget */
    #bannerWidget1 .bannerWidget__innerContainer{padding:200px 15px 50px 15px!important;}
    #bannerWidget1 h1 {font-size:30px;}
    #bannerWidget1 .bannerWidget__subheading {font-size:20px;}
    
    /* KC Buffalo @ Batchelder move above image on mobile */
    .pageWidget__rowInnerContainer {
        flex-direction:column!important;}
    #pageWidgetRow--25 .pageWidget__rowInnerContainer, #pageWidgetRow--40 .pageWidget__rowInnerContainer,  #pageWidgetRow--69 .pageWidget__rowInnerContainer {
        flex-direction:column-reverse!important;
    }
    #textWidget26, #textWidget39 {padding-top:40px;}
    #square-image-1, #square-image-2,#square-image-1 img, #square-image-2 img {height:500px!important;width:100%!important;overflow:hidden;object-fit:cover;align-items:center!important;}
 
    /*about page image formatting*/
    .photoGalleryWidget__photoList{
        padding:0px!important;
        margin:0px!important;
        display:grid!important;
        grid-gap: 0em!important;
        grid-template-columns:33% 33% 33%!important;
    }
    .photoGalleryWidget__photo {
        height: 100%!important;}  
     
    /*about page values grid with plate formatting*/
    .values{
        margin:auto!important;
        padding:10px!important;
        width:90%!important;}
    #plate-values-grid {
        display:flex!important;
        flex-direction:column!important;
        margin-bottom:50px!important;
    }
    #values-right {
        clear:both!important;
        order:+1!important;
    }
    #textWidget48 {padding-bottom:0px!important;}
    #textWidget48 figure{margin-top:calc(-15vw)!important;}
}
