:root {
	--display-font-family: Roboto;
	--body-font-family: Roboto;

	--font-size: 18px

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

	--header-width: 100%;
	--header-border-position: bottom;
	--header-border-size: 1px;
	--header-bg-color: 245 243 234;
	--header-border-color: 245 245 245;

	--brand-color: 71 77 54;
	--brand-color-inverted: 245 243 234;

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

	--action-color: 193 63 0;
	--action-color-inverted: 245 243 234;

	--announcement-bar-bg-color: 71 77 54;
	--announcement-bar-text-color: 245 243 234;
	--announcement-bar-link-color: 193 62 0;

	--main-navigation-bg-color: 245 243 234;
	--main-navigation-link-color: 33 33 33;
	--main-navigation-link-color-hover: 71 77 54;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 18px;
	--main-navigation-link-alignment: left;

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

	--order-status-bg-color: 199 194 161;
	--order-status-color: 33 33 33;

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

	--footer-bg-color: 71 77 55;
	--footer-color: 245 243 234;
	--footer-link-color: 255 15 ;
}

/*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;}
}