header.site-header {
	display: flex !important;
    flex-flow: column nowrap !important;
    justify-content: flex-start !important;
}

header.site-header > div.inner-wrap {
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: space-between;
    max-width: 100vw !important;
    align-items: center !important;
    border-bottom: solid 1px #dbdad8 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 72px;
}

header > div.inner-wrap div.css-13f6drq9 {
	position: relative !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    padding-right: 12px !important;
}

header > div.inner-wrap div.css-13f6drq9 a {
    line-height: 0 !important;
}

header > div.inner-wrap div.css-13f6drq9 svg {
    height: 4.042rem !important;
    width: 12.125rem !important;
    margin-left: 48px !important;
}

div.css-13f6drq9::after {
    content: '®' !important;
    font-size: .50rem !important;
    position: absolute !important;
    top: 1.272rem !important;
    left: 14.9rem !important;
    font-weight: 800;
}

header > div.inner-wrap nav.main-navbar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: none !important;
    margin-right: 48px !important;
}

header > div.inner-wrap nav.main-navbar #menu-main {
	touch-action: pan-y;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    grid-gap: 1.3rem !important;
}

header > div.inner-wrap nav.main-navbar a {
    font-family: "Roboto" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    white-space: nowrap !important;
    color: #000 !important;
}

header > div.inner-wrap nav.main-navbar a:hover {
	color: #000 !important;
	/*text-decoration: underline !important;*/
}

header > div.inner-wrap nav.main-navbar ul#menu-main > li {
    padding-left: 0px !important;
    padding-right: 0px !important;  
}

header > div.inner-wrap nav.main-navbar ul#menu-main > li:has(+ .red-plan) {
    border-left: 1px solid #d9d9d9 !important;
    padding-left: 20px !important;
}

header > div.inner-wrap nav.main-navbar ul#menu-main > li.red-plan {
    background: #ca3836 !important;
    padding-left: 0px !important;
    transition: all 250ms !important;
    height: 40px;
    width: 180px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

header > div.inner-wrap nav.main-navbar ul#menu-main > li.red-plan:hover {
	background: #812221 !important;
}

header > div.inner-wrap nav.main-navbar ul#menu-main > li.red-plan > a {
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important; 
    font-weight: 700 !important;
}

header > div.inner-wrap nav.main-navbar ul#menu-main > li > ul.sub-menu {
	background: #fff !important;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 24px !important;
}

header > div.inner-wrap nav.main-navbar ul#menu-main > li > ul.sub-menu li {
	border-bottom: none !important;
}

header > div.inner-wrap nav.main-navbar ul#menu-main > li > ul.sub-menu li:hover a {
    text-decoration: underline;
}

header > div.inner-wrap nav.main-navbar ul#menu-main > li > ul.sub-menu li a {
	color: #000 !important;
}

ul.sub-menu::before, ul.sub-menu::after {
	display: none !important;
}

header .nav-banner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    background: #222;
    line-height: 1.5em;
}

header .nav-banner > p {
    color: #fff;
    margin: 0px !important;
    padding: 8px;
}

/* small fix to remove sneaky div.clear element that screws up flexbox alignment */
header > div.inner-wrap > div.clear {
    display: none !important;
}


/* prefer to talk black banner updated */
header div.inner-wrap nav.main-navbar .prefer-to-talk {
    background-color: #222;
    color: #fff;
    font-family: "Roboto" !important;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
    position: absolute;
    margin-top: 16px;
    right: 48px;
    z-index: 10;
    width: 344px;
    font-weight: 600 !important;
}

header div.inner-wrap nav.main-navbar .prefer-to-talk > a {
    color: #fff !important;
    display: inline !important;
    font-weight: 0.9rem !important;
}

/* hide prefer-to-talk banner when < 1280px  */
@media screen and (max-width: 1279px) {

    header div.inner-wrap nav.main-navbar .prefer-to-talk {
        display: none;
    } 

}


/* blog menu styling */
.blogwrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.blogwrap > a > img,
.blogwrap > img {
    width: 400px;
    margin-top: 2.6rem;
}

.blogwrap .main-navbar {
    margin: 0.6rem 0 !important;
    border-bottom: none;
}

/* blog search icon minor alignment fix */
.blogwrap .main-navbar li.astm-search-menu a {
    position: relative;
    top: 0.1rem;
}


/* mobile styling - triggered when less than max-width: 1075px */


/* move menu to left side as overlay */
.navbar-header-main {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1500;
}

/* make menu full height */
.navbar-header-main .slicknav_nav {
    height: 100vh !important;
    width: 17.5rem;
    /* overflow-y: scroll; */
    position: fixed;
    border-top: none;
}

.navbar-header-main .slicknav_nav > ul.menu {
    height: 100%;
    background-color: #fff !important;
    padding: 0px !important;
    margin: 0px !important;
    overflow-y: scroll;
}

/* supress all submenus from inheriting extra padding and margins */
.navbar-header-main .slicknav_nav > ul.menu .sub-menu {
    background-color: #fff;
}

.navbar-header-main .slicknav_nav > ul.menu .sub-menu li {
    margin: 0px;
    border-bottom: none !important;
}

.navbar-header-main .slicknav_nav > ul.menu .sub-menu li > a {
    margin: 0px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.navbar-header-main .slicknav_nav > ul.menu .sub-menu li a > a {
    padding-top: 0px;
    padding-top: 0px;
}

.navbar-header-main .slicknav_nav > ul.menu .slicknav_arrow {
    border-left: none !important;
}

.navbar-header-main .slicknav_nav > ul.menu > li {
    margin: 0px !important;
    padding: 1rem 0.5rem;
    border-color: rgba(217, 217, 217);
    line-height: 1.5rem;
}

.navbar-header-main .slicknav_nav > ul.menu > li > a {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin: 0px;
}

/* align hamburger button */
.navbar-header-main .slicknav_btn {
    position: absolute;
    top: 4.2rem;
    left: 1.2rem;
}

/* hides MENU text */
.navbar-header-main span.slicknav_menutxt {
    display: none;
}

/* make hamburger menu red and thicker to match main site */
.navbar-header-main .slicknav_icon-bar {
    background-color: #ca3836;
    height: 1.5px;
}

.navbar-header-main .slicknav_collapsed .slicknav_icon {
    width: 28px;
    height: 20px;
}

.navbar-header-main .slicknav_collapsed .slicknav_icon span:nth-child(2) {
    top: 9px;
}

.navbar-header-main .slicknav_collapsed .slicknav_icon span:nth-child(3) {
    top: 18px;
}

/* change hamburger menu to opaque overlay next to menu, so any click triggers menu collapse */
.navbar-header-main .slicknav_menu a.slicknav_btn.slicknav_open {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
}

/* create mobile menu header (logo, red button, prefer to talk, phone no. */
.navbar-header-main .slicknav_nav > ul.menu > li:first-child {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    border-bottom: none;
}

/* adds SVG logo as pseudo element */
.navbar-header-main .slicknav_nav > ul.menu > li:first-child::before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='195px' height='65px' viewBox='0 0 194 16' fill='black'><path d='M7.153 15.153H0V.35h6.982c3.072 0 4.963 1.502 4.963 3.827v.042c0 1.67-.903 2.603-1.977 3.194 1.74.655 2.815 1.648 2.815 3.637v.042c0 2.707-2.235 4.06-5.63 4.06ZM8.658 4.729c0-.974-.774-1.524-2.17-1.524H3.221v3.13h3.05c1.46 0 2.385-.466 2.385-1.566v-.04Zm.838 5.92c0-.994-.752-1.607-2.45-1.607H3.222v3.256h3.931c1.462 0 2.343-.506 2.343-1.607v-.042ZM145.331 15.056h-7.154V.254h6.982c3.073 0 4.964 1.501 4.964 3.828v.042c0 1.67-.904 2.601-1.978 3.193 1.74.656 2.815 1.65 2.815 3.638v.042c0 2.706-2.235 4.059-5.629 4.059Zm1.504-10.425c0-.974-.774-1.523-2.17-1.523h-3.266v3.129h3.049c1.463 0 2.386-.464 2.386-1.564V4.63h.001Zm.838 5.92c0-.994-.752-1.606-2.45-1.606H141.4v3.256h3.932c1.461 0 2.342-.506 2.342-1.606v-.042l-.001-.001ZM26.087 15.288c-4.039 0-6.51-2.22-6.51-6.576V.254h3.31v8.374c0 2.411 1.224 3.659 3.243 3.659s3.244-1.206 3.244-3.554V.253h3.308v8.352c0 4.485-2.557 6.683-6.596 6.683M47.526 3.335v11.798h-3.308V3.335h-4.577V.33h12.461v3.004h-4.576ZM66.383 15.31c-4.425 0-7.712-3.364-7.712-7.614v-.041C58.67 3.446 61.892 0 66.512 0c2.835 0 4.532.93 5.93 2.284l-2.105 2.388c-1.16-1.036-2.343-1.67-3.847-1.67-2.535 0-4.361 2.072-4.361 4.61v.042c0 2.537 1.784 4.65 4.36 4.65 1.72 0 2.772-.675 3.956-1.733l2.104 2.094c-1.547 1.628-3.267 2.644-6.166 2.644M88.403 15.114V9.171H82.3v5.941h-3.308V.313H82.3V6.17h6.103V.31h3.308v14.803h-3.308ZM99.364 15.096V.293h11.343V3.19h-8.057v3.003h7.091V9.09h-7.091v3.109h8.164v2.897h-11.45ZM127.461 15.075l-3.223-4.735h-2.6v4.735h-3.308V.273h6.875c3.545 0 5.671 1.84 5.671 4.886v.042c0 2.39-1.31 3.89-3.223 4.588l3.675 5.286h-3.867Zm.063-9.747c0-1.395-.987-2.115-2.599-2.115h-3.287v4.251h3.352c1.61 0 2.534-.846 2.534-2.093V5.328ZM164.288 15.31c-4.64 0-7.971-3.403-7.971-7.613v-.041c0-4.209 3.373-7.656 8.013-7.656 4.641 0 7.972 3.405 7.972 7.612v.043c0 4.208-3.373 7.654-8.013 7.654h-.001Zm4.556-7.655c0-2.538-1.892-4.652-4.555-4.652-2.664 0-4.512 2.072-4.512 4.61v.042c0 2.538 1.89 4.65 4.553 4.65 2.664 0 4.514-2.07 4.514-4.609v-.041ZM187.378 15.056l-3.373-5.076-3.394 5.076h-3.76l5.241-7.529-5.027-7.273h3.867l3.159 4.8 3.179-4.8h3.759l-5.025 7.232 5.24 7.57h-3.866Z' fill='%23222' /></svg>");
    margin-bottom: 10px;
}

/* red button */
.navbar-header-main .slicknav_nav > ul.menu > li:first-child > a {
    background: rgba(202, 56, 54);
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    padding: 9px 18px !important;
    justify-content: center;
    width: 215px;
    height: 48px;
    font-weight: 700 !important;
}

.navbar-header-main .slicknav_nav > ul.menu > li:first-child a:hover {
    background-color: rgb(129, 34, 33) !important;
}


/* prefer to talk */
.navbar-header-main .slicknav_nav > ul.menu > li:nth-child(2) {
    display: flex;
    justify-content: center;
    border-bottom: none;
    padding-top: 5px;
    padding-bottom: 5px;
    pointer-events: none;
}

/* telephone number */
.navbar-header-main .slicknav_nav > ul.menu > li:nth-child(3) {
    display: flex;
    justify-content: center;
}

.navbar-header-main .slicknav_nav > ul.menu > li:nth-child(3) a {
    color: rgb(202, 56, 54) !important;
}

.navbar-header-main .slicknav_nav > ul.menu > li:nth-child(3) a:hover {
    text-decoration: underline;
}

.navbar-header-main li.justcook {
    display: flex;
    flex-flow: column nowrap;
    padding-top: 2.0rem !important;
}

.navbar-header-main li.justcook::before {
    content: "";
    display: block;
    background: url("https://justcook.butcherbox.com/wp-content/uploads/2022/03/MicrosoftTeams-image667d2c1ba49301d76319e9315a938fde0dbbbaf0b05fd3b6798aceb49287974f-768x215.png") no-repeat 0 0;
    background-size: 220px auto;
    width: 220px;
    height: 80px;
    align-self: center;
}


/* slider updates to convert to full width */

div.page-wrap > div.inner-wrap {
    max-width: none !important; /* makes slider full width*/
}

div.page-wrap > div.inner-wrap main {
    max-width: 1200px;
    margin: 0 auto;
}

div.page-wrap > div.inner-wrap section {
    max-width: 1200px;
    margin: 0 auto;
}

div.page-wrap > div.inner-wrap #slider .slide-header {
    background: rgba(255,255,255,0.8);
    padding: 40px !important;
    width: 32% !important;
    top: 40% !important;
    margin-left: 8.4% !important;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.25) !important;
}

div.page-wrap > div.inner-wrap #slider .flickity-prev-next-button {
	top: 72.5% !important;
	background: rgba(255,255,255,0.8) !important;
    left: 8.4% !important;
}

div.page-wrap > div.inner-wrap #slider .previous svg path {
	fill: #666 !important;
}

div.page-wrap > div.inner-wrap #slider .next svg path {
	fill: #333 !important;
}

/* div.page-wrap > div.inner-wrap #slider .previous {
	left: 8.4% !important;
} */

div.page-wrap > div.inner-wrap #slider .next {
	margin-left: 52px !important;
}

div.page-wrap > div.inner-wrap #slider .slide-header .slide_button {
    text-align: left !important;
}

div.page-wrap > div.inner-wrap #slider .slide-header .slide_button a {
    padding: 12px 24px !important;
    background: #ca3836 !important;
    font-size: 1rem !important;
    line-height: 15px !important;
}

div.page-wrap > div.inner-wrap #slider .slide-header .slide_button a:hover {
    color: #fff !important; 
    background: #812221 !important;
}

/*  newer updates that match specs more closely */
div.page-wrap > div.inner-wrap #slider .slide-header h3 {
	text-align: left !important;
    font-size: 2.1rem !important;
}

div.page-wrap > div.inner-wrap #slider .slide-header h3 a {
	color: #333 !important;
    font-weight: 700 !important;
}

/* sets line limit for title  */
div.page-wrap > div.inner-wrap #slider .slide-header h3 {

	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

/* slider post description */
div.page-wrap > div.inner-wrap #slider .slide-header p {
	color: #222 !important;
    font-weight: 400 !important;
    font-size: 16px;
    text-align: left;
    margin-bottom: 0px;
}
/* end slider updates */

/* mobile slider updates */



@media screen and (max-width: 1240px) {

    div.page-wrap > div.inner-wrap {
        padding: 0 !important;
    }
    
    div.page-wrap > div.inner-wrap main {
        padding: 0 2% !important;
    }
    
    div.page-wrap > div.inner-wrap section {
        padding: 0 2% !important;
    }

    div.page-wrap > div.inner-wrap #slider .slide-header {
        width: 50% !important;
    }

    div.page-wrap > div.inner-wrap #slider .flickity-prev-next-button {
        top: 77.5% !important;
    }

}




/* media query overrideo (replaces original breakpoint of 979px, as new menu contains more items) */
@media screen and (max-width: 1075px) {

    header.site-header > div.inner-wrap {
        justify-content: center !important;
    }

    #menu {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }


    #navbar-main, .blogwrap {
        display: none
    }

    .navbar-toggle {
        display: block
    }

    .main-navbar {
        padding: 4px 0;
        min-height: 60px;
    }

    .slicknav_btn {
        padding: 16px 0;
    }

    .slides li h3 {
        font-size: 36px;
    }

    .content-area.full-layout .recent-posts:not(.blog-view) article.post,
    .content-area.full-layout .recent-posts:not(.blog-view) .type-page {
        width: 48%;
        margin: 0 4% 30px 0;
    }

    .content-area.full-layout .recent-posts:not(.blog-view) article:nth-of-type(3n+3) {
        margin-right: 4%;
    }

    .content-area.full-layout .recent-posts:not(.blog-view) article:nth-of-type(2n+2) {
        margin-right: 0;
    }

    .recent-posts .post-thumb img {
        width: 100%;
    }

    /* 4 columns */
    .widget-areas .column:nth-child(1):nth-last-child(4),
    .widget-areas .column:nth-child(2):nth-last-child(3),
    .widget-areas .column:nth-child(3):nth-last-child(2),
    .widget-areas .column:nth-child(4):nth-last-child(1) {
        width: 48%;
        margin-right: 4%;
    }

    .widget-areas .column:nth-child(2):nth-last-child(3) {
        margin-right: 0;
    }

    .widget-areas .column:nth-child(4):nth-last-child(1) {
        margin-right: 0;
    }

    .prevnext .prevnext_container {
        font-size: 16px;
        padding: 0 5%;
    }

    .prevnext .prevnext_container h4 {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {

    div.page-wrap > div.inner-wrap #slider .slide-header {
        width: 83.2% !important;
        margin-left: 40px !important;
    }

    div.page-wrap > div.inner-wrap #slider .flickity-prev-next-button {
        top: 84.5% !important;
        margin-left: 40px !important;
    }

    div.page-wrap > div.inner-wrap #slider .previous {
        left: 0% !important;
        margin-left: 40px !important;
    }

    div.page-wrap > div.inner-wrap #slider .next {
        left: 0% !important;
        margin-left: 92px !important;
    }
}

@media screen and (max-width: 640px) {

    div.page-wrap > div.inner-wrap #slider {
        height : 650px !important;
    }

    div.page-wrap > div.inner-wrap #slider .flickity-viewport {
        height : 650px !important;
    }

    div.page-wrap > div.inner-wrap #slider .slide {
        height : 650px !important;
    }

    div.page-wrap > div.inner-wrap #slider .slide-header p {
        display: block !important;
    }

    div.page-wrap > div.inner-wrap #slider .slide-header {
        top: 28% !important;
    }

    div.page-wrap > div.inner-wrap #slider .flickity-prev-next-button {
        top: 60% !important;
    }

    

}


@media screen and (max-width:1500px){
	div.page-wrap > div.inner-wrap #slider .slide-header h3 {
	    font-size: 1.8rem !important;
	}

}


@media screen and (max-width:1280px){
/*  newer updates that match specs more closely */
div.page-wrap > div.inner-wrap #slider .slide-header h3 {
    font-size: 1.8rem !important;
}


}


@media screen and (max-width:1023px){
div.page-wrap > div.inner-wrap #slider .slide-header h3 {
    font-size: 1.4rem !important;
}

}
@media screen and (max-width:768px){
div.page-wrap > div.inner-wrap #slider .slide-header h3 {
    font-size: 1.4rem !important;
}

}