/*
Theme Name: Juice It Up 2022
Theme URI: http://wearedreambox.com
Author: DreamBox
Author URI: http://wearedreambox.com
Description: Custom responsive WordPress theme.
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

*{
	box-sizing: border-box;
}

html{
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
sup{
	font-size: .6em;
	line-height: 1.1;
	vertical-align: top;
}

iframe,
img{
	max-width: 100%;
}

strong{
	font-weight: bold;
}

/* ===================== General ===================== */

:root{
	--light_green: #b2d563;
	--cool_green: #d2e0ad;
	--cta_text: #363636;
	--dark_gray: #575757;
	--purple: #7c3a7c;
	--light_gray: #f7f7f7;
	--vinyl: vinyl, sans-serif;
	--brandon: brandon-grotesque,sans-serif;
	--radius: 7px;
	--container: 1440px;
}

.lt_gray{
	background-color: var(--light_gray);
}

.marble_bknd{
	background-image: url(images/misc/marble_background.jpg);
	background-size: cover;
	background-position: center;
}

.white{
	color: #ffffff;
}

.black{
	color: #000000;
}

.white_bknd{
	background-color: #ffffff;
}

.black_bknd{
	background-color: #000000;
}

.purple{
	color: var(--purple) !important;
}

.purple_bknd{
	background-color: var(--purple) !important;
}

.gray,
.dark_gray{
	color: var(--dark_gray) !important;
}

.gray_bknd,
.dark_gray_bknd{
	background-color: var(--dark_gray) !important;
}

.light_green{
	color: var(--light_green) !important;
}

.light_green_bknd{
	background-color: var(--light_green) !important;
}

.light_gray{
	color: var(--light_gray) !important;
}

.light_gray_bknd{
	background-color: var(--light_gray) !important;
}

.cool_green{
	color: var(--cool_green) !important;
}

.cool_green_bknd{
	background-color: var(--cool_green) !important;
}

.text_color_bknd{
	display: inline-block;
	padding: .2em;
}

.vinyl{
	font-family: var(--vinyl);
}

.brandon{
	font-family: var(--brandon);
}

.bold{
	font-weight: bold;
}

body{
	color: var(--dark_gray);
	background-color: #ffffff;
	font-family: var(--brandon);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.container{
    width: var(--container);
    margin: auto;
    max-width: 100%;
}

.container.nopad{
	padding: 0;
}

@media (max-width: 1470px){
	.container{
		padding: 0 15px;
	}
}

a{
    background-color: inherit;
    color: inherit;
    text-decoration: underline;
	cursor: pointer;

    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
            transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
}

svg{
    width: 100%;
    height: 100%;

    -webkit-transition: fill .3s ease-in-out;
            transition: fill .3s ease-in-out;
}

.cta,
input[type=submit]{
	display: inline-block;
	min-width: 7em;
	padding: .7em 1em;
	background-color: var(--light_green);
	border-radius: var(--radius);
	border: none;
	font-family: var(--brandon);
	font-size: 1.2em;
	color: var(--cta_text);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;

	-webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
	        transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
}

.cta.fixed_cta{
	font-size: 1.2rem;
}

.cta:hover,
input[type=submit]:hover{
	background-color: #d2e0ae;
}

.cta_row{
	display: flex;
	justify-content: center;
}

.cta_row.tl{
	justify-content: flex-start;
}

.cta_row .cta{
	margin: 0 .5em;
}

.cta_row.tl .cta{
	margin: 0 .5em 1em 0;
}

.cta_row.center_two .cta_outer{
	flex: 0 0 50%;
	text-align: left;
}

.cta_row.center_two .cta_outer:first-child{
	display: flex;
	justify-content: flex-end;
}

.big_link{
	text-transform: uppercase;
	font-size: 1.2rem;
}

.cta_grid{
	display: grid;
	grid-gap: 1em;
	grid-template-columns: 1fr 1fr;
}

.cta_row br,
.cta_grid br{
	display: none;
}

@media (max-width: 767px){
	.cta_row{
		flex-direction: column;
		align-items: center;
	}

	.cta_row .cta{
		margin: 0 0 1em;
	}

	.cta_grid{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 500px){
	
	.cta_row.fwm .cta{
		width: 100%;
		margin: 0 0 1em;
	}
}

.cta_icon{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: var(--radius);
	border: 1px solid var(--dark_gray);
	background-size: auto 45%;
}

.bord{
	border: 1px solid var(--dark_gray);
	border-radius: var(--radius);
}

.hdr{
    font-size: 4rem;
    text-transform: uppercase;
	font-family: var(--vinyl);
	line-height: .9;
}


.hdr sup{
	line-height: 1.1;
	font-size: .5em;
}

.hdr .small_hdr{
	display: block;
	font-size: .4em;
}

.copy_big p{
	/* font-size: 1.5rem; */
	font-size: 1.3rem;
	line-height: 1.3;
}

.copy_big .cta{
	font-size: 1.2rem;
}

.app_links{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.app_links a:first-child{
	margin-right: 10px;
}

.app_links a{
	display: inline-block;
	height: 54px;
	overflow: hidden;
	border-radius: 6px;
	border: 2px solid var(--purple);
	max-width: 175px;
	margin-bottom: 10px;
}

.app_links svg{
	width: auto;
}

.app_links .app_st0,
.app_links .app_st1{
	transition: all .3s ease-in-out;
}

.app_links .app_st0{
	fill: transparent;
}

.app_links .app_st1{
	fill: var(--purple);
}

@media (min-width: 768px){

	.app_links a:hover {
		background-color: var(--purple);
	}

	.app_links a:hover .app_st0{
		fill: var(--purple);
	}

	.app_links a:hover .app_st1{
		fill: #fff;
	}
}

@media (max-width: 500px){
	
	.app_links{
		flex-direction: column;
		align-items: center;
	}

	.app_links a:first-child{
		margin-right: 0;
	}
}

/* ===================== Forms ===================== */

input,
select{
	width: 100%;
	height: 45px;
	padding: 10px 12px;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border-radius: 10px;
	border: 1px solid var(--dark_gray);
	font-family: inherit;
	font-size: 1em;
	line-height: normal;
	box-sizing: border-box;
}

textarea{
	padding: .5em 1em;
	font-size: 1rem;
	line-height: normal;
	font-family: inherit;
}

button{
	overflow: hidden;
	color: inherit;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

select{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right 2px center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNDQgMTQ0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNDQgMTQ0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQUZBMTk4O30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMxLDYzLjkgNzIsMTAyLjkgMTEzLDYzLjkgIi8+DQo8L3N2Zz4NCg==");
}


/* ===================== Gravity Forms ===================== */

.gform_wrapper{
    margin-top: 30px;
}

.gform_fields{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gfield{
    text-align: left;
    margin-bottom: 20px;
	flex: 0 0 100%;
}

@media (min-width: 768px){

	.gfield.half{
		flex: 0 0 48%;
	}

	.gfield.state,
	.gfield.zip{
		flex: 0 0 22%;
	}
}

.gfield label{
	display: inline-block;
	margin-bottom: .3em;
}

.gform_required_legend{
	padding: 0.5em 0;
	text-align: right;
}

.gfield textarea{
	width: 100%;
}

.gform_title{
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

.gform_hidden{
    display: none;
}

.gform_body input:not([type=submit]),
.gform_body select{
}

.gform_wrapper .validation_error,
.gfield_description.validation_message{
	padding: 4px;
	margin-top: 2px;
	background-color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.05em;
	color: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
}

.gform_confirmation_message{
	text-align: center;
    padding: 40px 0;
    font-size: 25px;
}

.form_submitted .hide_on_submit{
    display: none;
}

/* stylized checkmark */
.gfield_checkbox input:checked,
.gfield_checkbox input:not(checked){
    position: absolute;
    left: -99999px;
}

.gfield_checkbox label{
    position: relative;
    width: auto;
    clip: auto;
    overflow: visible;
    padding-left: 52px;
}

.gfield_checkbox input:not(checked) + label:before,
.gfield_checkbox input:checked + label:before{
    display: inline-block;
    position: absolute;
	    top: 0;
	    left: 0;
    width: 1em;
    height: 1em;
    border: 1px solid #000;
    font-size: 1.5em;
    content:'';
    cursor: pointer;
}

.gfield_checkbox input:checked + label:after{
    position: absolute;
	    top: .1em;
	    left: .1em;
    font-size: 1.8em;
    color: #000;
    line-height: 0.8;
    content:  "\2714"; /* thick check */
    content:  "\2713"; /* thin check */
    transition: all .2s;
    cursor: pointer;
}

.gfield_visibility_hidden{
    display: none;
}

.gform_footer {
	text-align: center;
}

.gform_footer input{
	width: auto;
	height: auto;
}

.gform_validation_container {
	display: none;
}

/* form page */
.form_page {
	padding-bottom: 100px;
}

.form_page .container{
	width: 800px;
}

.form_page h1{
	padding: 0.5em 0 0.2em;
}

@media (max-width: 767px){
	
	.form_page h1{
		font-size: 4rem;
	}
}

.floating_label,
.floating_labels .gfield {
    position: relative;
}

.floating_label label{
    position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    padding-left: .5em;
    transition: all .3s ease-in-out;
}

.floating_label label,
form[id^=gform].floating_labels label{
    top: 1em;
    left: 1em;
    transition: all .3s ease-in-out;
}

form[id^=gform].floating_labels .no_float_label label,
form[id^=gform].floating_labels .no_float_label legend{
    position: static; width: auto; height: auto; margin: 0;
    clip: unset;
}

.floating_label.unfloat label,
form[id^=gform].floating_labels .unfloat label{
    top: -1em;
    left: 0;
}

form.floating_labels .ginput_complex span[id$=container]{
    position: relative;
}

/* ===================== A11y ===================== */

body :focus{
    outline: -webkit-focus-ring-color auto 1px;
    outline: Highlight auto 1px;
}

body :focus:not(:focus-visible) {
	outline-color: transparent;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.screen-reader-text{
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

.screen-reader-shortcut {
    position: absolute;
    top: -1000em;
    color: #000000;
    background-color: #FFFFFF;
}

.screen-reader-shortcut:focus {
    display: block;
    top: 6px;
    left: 6px;
    z-index: 100000;
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    background-color: #fff;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    font-size: 1em;
    color: var(--dark_gray);
    font-weight: 600;
    line-height: normal;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    text-decoration: none;
    outline: 1px solid var(--dark_gray);
}

.adobe-download-text.hidden{
	display: none;
}

.adobe-download-text {
    margin: 20px 0;
    font-size: .9em;
    text-align: center;
}

.adobe-download-text a{
    color: #c01b15; /* red */
}

/* ===================== Tabs ===================== */

.dbc_tabs .tabpanel{
	display: none;
}

/* ===================== Wordpress ===================== */

.std_copy h1,
.std_copy h2,
.std_copy h3,
.std_copy h4,
.std_copy h5,
.std_copy h6{
	font-family: var(--vinyl);
    margin-bottom: 1em;
	text-transform: uppercase;
}

.std_copy p,
.std_copy li{
	margin-bottom: 1.5em;
	line-height: 1.3;
}

.std_copy li{
	margin-bottom: 1em;
}

.std_copy h2{
    font-size: 1.5em;
}
.std_copy h3{
    font-size: 1.17em;
}
.std_copy h4{
}
.std_copy h5{
    font-size: 0.83em;
}
.std_copy h6{
    font-size: 0.67em;
}
.std_copy ol,
.std_copy ul{
    margin: 0 0 1.5em;
    list-style-type: disc;
    list-style-position: outside;
	padding-left: 1em;
}
.std_copy ol{
    list-style-type: decimal;
}

.std_copy .lg_txt{
	margin-bottom: 1em;
	font-size: 1.5em;
}

.std_copy ul ul,
.std_copy ol ul,
.std_copy ol ol,
.std_copy ul ol{
    margin-top: 10px;
    margin-left: 15px;
    list-style-type: circle;
    list-style-position: inside;
}

.std_copy ol ol,
.std_copy ul ol{
    list-style-type: decimal;
}

.std_copy a:hover{
	text-decoration: none;
}


[id^=attachment]{
    max-width: 100%;
}
[id^=attachment] img{
    height: auto;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 900px){
    img.alignleft,
    img.alignright{
        display: block;
        float: none;
        margin: 30px auto;
    }
}
.entry-content p {
    margin: 0 0 1.5em;
    padding: 0;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    color: #666;
    font-size: 18px;
    font-size: 2.125rem;
    font-style: italic;
    line-height: 1.7;
    margin: 0 0 1.5em;
    overflow: hidden;
    padding: 0 50px;
}
blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    margin-top: 0.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #eee;
    text-decoration: none;
}
blockquote {
    quotes: "“" "”" "‘" "’";
}
blockquote,
q {
    quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
    content: "";
}

/* ===================== Slider General ===================== */
.dbc_slider,
.resp_slider{
    opacity: 0;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
}

.dbc_slider.show,
.resp_slider.show{
    opacity: 1;
}

.loader{
	display: none;
	width: 1em;
	height: 1.690265em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 6rem;
	background-image: url(images/loader.gif);
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;

	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}

.loader.hide{
	display: none;
}

.loader_circles .circle_inner{
	animation: 3s linear reverse infinite c_inner_rotate;
	transform-origin: center;
}

.loader_circles .circle_outer{
	animation: 3s linear infinite c_outer_rotate;
	transform-origin: center;
}

@keyframes c_inner_rotate { from { transform: rotate(0); } to { transform: rotate(360deg); }  }
@keyframes c_outer_rotate { from { transform: rotate(0); } to { transform: rotate(360deg); }  }

.slider_wrap{
    position: relative;
}

.slick-arrow{
    position: absolute;
	    top: 43%;
	    z-index: 10;
    width: 1em;
    height: 1em;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    font-size: 4em;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.slick-slide{
    position: relative;
}

.slick-dots{
	display: inline-block;
	bottom: 15px;
	left: 42px;
	width: auto;
}


.autoplay .slick-dots{
	left: 55px;
}

.slick-dots li button::before{
	content: none;
}

.slick-dots li button{
	width: 1em;
	height: 1em;
	background-color: transparent;
	border-radius: 100%;
	border: 1px solid var(--purple);
	font-size: 1rem;
}

.slick-dots li.slick-active button{
    background-color: var(--purple);
}

.slick-dots li.slick-active .slick-sr-only{
	color: #ffffff;
}

.lt_arrow {
    left: 50px;
}

.rt_arrow{
    right: 50px;
}

.lt_arrow {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1LjkgOS42IiB3aWR0aD0iNS45IiBoZWlnaHQ9IjkuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNS45IDkuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0wLjEsNC44bDQuNyw0LjdsMS4xLTEuMUwyLjMsNC44bDMuNi0zLjZMNC44LDAuMUwwLjEsNC44eiBNNC44LDAuMSIvPgo8L2c+Cjwvc3ZnPg==");
    background-color: transparent;
}

.rt_arrow {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1LjkgOS42IiB3aWR0aD0iNS45IiBoZWlnaHQ9IjkuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNS45IDkuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0xLjIsMC4xTDAuMSwxLjJsMy42LDMuNkwwLjEsOC40bDEuMSwxLjFsNC43LTQuN0wxLjIsMC4xeiBNMS4yLDAuMSIvPgo8L2c+Cjwvc3ZnPg==");
    background-color: transparent;
}

@media (max-width: 767px){
	.noautoplay	.slick-dots{
		left: 0;
		width: 100%;
	}
}

.slick-autoplay-toggle-button{
	display: none;
}

/* slider control button */
.slider_controls{
    position: absolute;
	    bottom: 10px;
	    left: 10px;
	    z-index: 1;
}

.slider_controls .slider_button{
    width: 1em;
    height: 1em;
    font-size: 2rem;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjRkZGIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyIDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMiwwLjcgMiwxMS4zIDEwLDYgIi8+Cjwvc3ZnPgo=");
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
	background-color: var(--purple);
    border: none;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
    overflow: hidden;
}

.slider_controls .slider_button.pause{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSJ3aGl0ZSIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEyNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxyZWN0IHg9IjI3LjUiIHk9IjI2IiB3aWR0aD0iMTciIGhlaWdodD0iNzMiLz4KCTxyZWN0IHg9IjU1LjUiIHk9IjI2IiB3aWR0aD0iMTciIGhlaWdodD0iNzMiLz4KPC9nPgo8L3N2Zz4K");
}

.slider_controls .slider_button span{
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}
/* menus */

.nav_menu li {
	text-align: center;
}

.nav_menu li a{
    display: inline-block;
	padding: 0.3em 0.6em;
    font-size: 1.5em;
    text-decoration: none;
    text-transform: uppercase;
	font-family: var(--vinyl);
}


/* ===================== 404 ===================== */
.fourohfour{
	padding: 100px 0 25px;
}

.fourohfour p{
	font-size: 1.4rem;
}

/* ===================== Social ===================== */

.social_icon{
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 30px;
    text-decoration: none;
}

.social_icon svg{
    height: 20px;
    fill: red;
}

.social_row {
    display: inline-flex;
	margin-left: 50px;
}

.social_row a{
	display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    font-size: 3em;
	margin: 0 .2em;
	border-radius: 100%;
}

.social_row a svg{
	position: absolute;
		top: 50%;
		left: 50%;
	width: 1em;
	height: 1em;
	font-size: 1em;
	transform: translate(-50%,-50%);
	fill: var(--dark_gray);
}

.social_row a:hover{
    background-color: var(--dark_gray);
}

.social_row a:hover svg{
    fill: #fff;
}

/* ===================== Utilities ===================== */

@media (min-width: 768px){
	.mobile_only{
		display: none !important;
	}
}

@media (max-width: 767px){ 
    .desktop_only{
        display: none !important;
    }
}

@media (min-width: 1001px){ 
    .tablet_show{
        display: none !important;
    }
}

@media (max-width: 1000px){ 
    .tablet_hide{
        display: none !important;
    }
}

.flx{
	display: flex;
}

.tc{
	text-align: center;
}

.tr{
	text-align: right;
}

.upp{
	text-transform: uppercase;
}

.fw{
	width: 100%;
}

.flx_cent{
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 768px){
    .flex_desk{
        display: flex;
    }
}

@media (min-width: 1001px){
    .flex_tablet{
        display: flex;
    }
}

.no_dec{
    text-decoration: none;
}

.dropdown_wrap {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.dropdown_wrap.reveal{
	z-index: 10;
}

.dropdown_wrap button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	-webkit-appearance: none;
	overflow: hidden;
}

.dropdown_wrap button,
.dropdown_wrap a{
	padding: 0 .2em .5em;
	line-height: 1.2;
}

.dropdown_wrap ul,
.dropdown_wrap .drop_content{
	display: none;
	position: absolute;
		top: 100%;
		left: 0;
		z-index: 1;
	width: 100%;
	margin: 0;
	background-color: #FFF;
	list-style: none;
}

.dropdown_wrap ul.reveal,
.dropdown_wrap .drop_content.reveal{
	display: block;
}

.dropdown_wrap ul a{
	display: inline-block;
	width: 100%;
}

.dropdown_wrap button.dropdwn_dwnar{
	position: relative;
	padding-right: .9em;
}


.mobile_drop_nav button::after,
button.expand_btn::after,
.dropdown_wrap button.dropdwn_dwnar::after{
	display: inline-block;
	position: absolute;
		top: .8em;
		right: 0;
		z-index: 1;
	width: 1em;
	height: 1em;
	background-image: url(images/icons/icon-arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	font-size: .6em;
	content:'';
	transition: transform .2s ease-in-out;
	transform-origin: center;

	-webkit-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

@-moz-document url-prefix() { 
	.mobile_drop_nav button::after, button.expand_btn::after, .dropdown_wrap button.dropdwn_dwnar::after {
	  position: relative;
	  vertical-align: top;
	  margin-left: 5px;
	}
}

.safari_browser .mobile_drop_nav button::after,
.safari_browser button.expand_btn::after,
.safari_browser .dropdown_wrap button.dropdwn_dwnar::after{
	top: 26%;
}

.mobile_drop_nav button,
button.expand_btn{
	position: relative;
}

button.expand_btn::after{
	top: 0;
    font-size: 1em;
    right: 1em;
}

.mobile_drop_nav button::after{
	top: .4em;
	right: 1em;
	font-size: 1em;
}

.mobile_drop_nav .reveal button::after,
button.expand_btn.expanded::after,
.dropdown_wrap.reveal button.dropdwn_dwnar::after{
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.safari_browser .mobile_drop_nav .reveal button::after,
.safari_browser button.expand_btn.expanded::after,
.safari_browser .dropdown_wrap.reveal button.dropdwn_dwnar::after{
	top: 42%;
}

@media (max-width: 767px){
	
	.dropdown_wrap button.dropdwn_dwnar::after{
		top: .4em;
		transition: none;
	}
}

.dropdown_wrap .dropselector_toggle{
	width: 100%;
	padding: .3em 1em;
	background-image: url(images/icons/icon-arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 24px;
	border-radius: var(--radius);
	border: 2px solid var(--light_green);
	font-size: 2rem;
	text-align: center;
	font-family: var(--vinyl);
	text-transform: uppercase;
}

.dropdown_wrap .dropselect{
	padding-top: 1em;
	background-color: #FFFFFF;
	border: 2px solid var(--light_green);
	border-bottom: 1px solid;
}

.dropdown_wrap .dropselect a,
.dropdown_wrap .dropselect button{
	font-family: var(--vinyl);
	font-size: 1.3rem;
	text-decoration: none;
	text-transform: uppercase;
}
/* ===================== Mobile Toggle ===================== */

#mobile_header .toggle_wrap{
	position: absolute;
		top: 20px;
		right: 20px;
		z-index: 20;
	cursor: pointer;
}

.toggle_icon{
    display: none;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 2.4em;
}

#toggle_menu{
    background-position: 0 5px;
    background-color: transparent;
    background-size: contain;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB3aWR0aD0iNjIuNCIgaGVpZ2h0PSI0NC41IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYyLjQgNDQuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjIuNCA0NC41IiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPGc+IDxwYXRoIGZpbGw9IiM3QjM5N0IiIGQ9Ik0zLjMsNi42aDU1LjhjMS44LDAsMy4zLTEuNSwzLjMtMy4zYzAtMS44LTEuNS0zLjMtMy4zLTMuM0gzLjNDMS41LDAsMCwxLjUsMCwzLjNDMCw1LjIsMS41LDYuNiwzLjMsNi42eiIgLz4gPHBhdGggZmlsbD0iIzdCMzk3QiIgZD0iTTU5LjEsMTguOUgzLjNjLTEuOCwwLTMuMywxLjUtMy4zLDMuM3MxLjUsMy4zLDMuMywzLjNoNTUuOGMxLjgsMCwzLjMtMS41LDMuMy0zLjNTNjAuOSwxOC45LDU5LjEsMTguOXoiIC8+IDxwYXRoIGZpbGw9IiM3QjM5N0IiIGQ9Ik01OS4xLDM3LjlIMy4zYy0xLjgsMC0zLjMsMS41LTMuMywzLjNjMCwxLjgsMS41LDMuMywzLjMsMy4zaDU1LjhjMS44LDAsMy4zLTEuNSwzLjMtMy4zIEM2Mi40LDM5LjMsNjAuOSwzNy45LDU5LjEsMzcuOXoiLz4gPC9nPiA8L3N2Zz4=");
}

#close_menu{
    background-color: transparent;
    background-size: 90%;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB3aWR0aD0iNDYuMSIgaGVpZ2h0PSI0Ni4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2LjEgNDYuMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDYuMSA0Ni4xIiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPHBhdGggZmlsbD0iIzdCMzk3QiIgZD0iTTI3LjcsMjNMNDUuMSw1LjdjMS4zLTEuMywxLjMtMy40LDAtNC43Yy0xLjMtMS4zLTMuNC0xLjMtNC43LDBMMjMsMTguM0w1LjcsMUM0LjQtMC4zLDIuMy0wLjMsMSwxIGMtMS4zLDEuMy0xLjMsMy40LDAsNC43TDE4LjMsMjNMMSw0MC40Yy0xLjMsMS4zLTEuMywzLjQsMCw0LjdjMS4zLDEuMywzLjQsMS4zLDQuNywwTDIzLDI3LjdsMTcuNCwxNy40YzEuMywxLjMsMy40LDEuMyw0LjcsMCBjMS4zLTEuMywxLjMtMy40LDAtNC43TDI3LjcsMjN6Ii8+IDwvc3ZnPg==");
}

#toggle_menu.show,
#close_menu.show{
    display: block;
}

/* ===================== Mobile Header ===================== */

#mobile_header{
    display: none;
    position: relative;
	padding: 17px 0;
    text-align: center;
}

#mobile_menu{
    position: absolute;
	    z-index: 15;
    width: 100%;
    padding: 25px 0;
    opacity: 0;
    pointer-events: none;
    background-color: #FFF;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
    text-align: center;

    -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
}

#mobile_menu.show{
    opacity: 1;
    pointer-events: auto;
}

.mobile_header_bknd{
    display: none;
}

.mobile_logo{
    display: inline-block;
    position: relative;
	    z-index: 30;
    width: 60%;
    height: 100%;
}

.slide_down #mobile_menu{
	transition: transform .3s ease-in-out;
	transform: translate(0%,-100%);
}

.slide_down #mobile_menu.show{
-webkit-transform: translate(0%,0%);
        transform: translate(0%,0%);
}

.mobile_header_bknd{
    display: inline-block;
    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    box-shadow: 0 0 13px 6px rgb(0 0 0 / 20%)
}

#mobile_menu .social_row{
    padding-top: 20px;
}

#mobile_menu .order_online{
	margin-top: 8px;
}


/* ===================== Header ===================== */

body > header{
	position: -webkit-sticky;
	position: sticky;
		top: 0;
		left: 0;
		z-index: 100;
	width: 100%;
	background-color: #FFF;
	box-shadow: 0 0 23px 5px rgb(0 0 0 / 10%);
}


#primary_nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1rem;

	-webkit-transition: padding .3s ease-in-out;
	        transition: padding .3s ease-in-out;
}

#primary_nav.container:after{
    content: none;
}

#primary_nav #main_logo {
    display: inline-block;
    position: relative;
	flex: 0 0 24%;
	margin: 0 auto 0 0;
}

#primary_nav .nav_menu li a{
	padding: .3em 5px;
}

#primary_nav .nav_links{
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	justify-content: space-between;
	align-items: center;
	max-width: 575px;
	padding-top: 3px;
	margin: 0 2.5%;
}

#primary_nav .top_menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

#primary_nav .top_menu a{
	font-family: var(--brandon);
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
}

#primary_nav .top_menu .label a{
	padding: 0.4em 5px 0.3em;
}

#primary_nav .order_online{
	flex: 0 0 17%;
    text-align: center;
}

.geolocate_btn{
	width: 1em;
	height: 1em;
	overflow: hidden;
	padding: 0;
	-webkit-appearance: none;
	background-image: url(images/icons/geolocate-arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: none;
	font-size: 1rem;
	cursor: pointer;
}

header .geolocate_btn{
	margin-left: 5px;
}

#primary_nav #hdr_find_loc {
	padding-bottom: 0.1em;
}

#primary_nav #hdr_find_loc form fieldset{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#primary_nav #hdr_find_loc form .label{
	padding: 0 10px 0 1em;
}

#primary_nav #hdr_find_loc .floating_label label{
	top: 0.45em;
	left: 0.5em;
	font-size: .9rem;
}

#primary_nav #hdr_find_loc .floating_label.unfloat label{
	top: -1em;
	font-size: .7rem;
}

#primary_nav #hdr_find_loc form input{
	width: auto;
	height: 25px;
	padding: 0 12px;
	text-align: left;
}

#primary_nav .primary_menu{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

header .nav_menu li a{
	border-bottom: 2px solid transparent;
	transition: border-color .3s ease-in-out;
}

header .nav_menu li.current-menu-item a,
header .nav_menu li a.current-menu-item,
header .nav_menu li a:hover{
	/* color: var(--purple); */
	border-color: var(--dark_gray);
}

@media (max-width: 1080px){
	
	#primary_nav{
		font-size: .8em;
	}
}

/* scroll down sticky header */
header.sticky{
    height: auto;
}

.sticky #header_top{
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.sticky #primary_nav #main_logo{
    width: 8%;
}

.sticky #primary_nav{
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 900px){
    #primary_nav .nav_links{
		font-size: .7rem;
    }
}

@media (max-width: 767px){ 
    header{
        position: static;
        height: auto;
        box-shadow: none;
    }

    #header_top{
        display: none;
    }

    #primary_nav{
        display: none;
    }

    #mobile_header{
        display: block;
    }

    #header_top {
        height: auto;
        padding: 7px 0 16px;
        background: #000;
        filter: none;
    }
}

/* ===================== Footer ===================== */

footer .top_line{
	padding: 20px 0;
}

#foot_logo{
	display: inline-block;
	flex: 0 0 26%;
	padding: 0 20px;
	max-width: 343px;
}

footer #footer_menu{
    flex: 0 1 45%;
	margin: 20px 0;
}

footer #footer_social{
    flex: 0 1 23%;
}

#footer_social{
    text-align: center;
}

#footer_menu{
	flex: 1 1 auto;
}

#footer_menu .nav_menu{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#footer_menu .nav_menu li.current-menu-item a,
#footer_menu .nav_menu li a:hover{
	border-color: var(--dark_gray);
}

#footer_menu .nav_menu a{
	border-bottom: 2px solid transparent;
	transition: border-color .3s ease-in-out;
}

#footer_legal {
	padding: 25px 0 0;
	margin-bottom: 5px;
}

#footer_legal ul{
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#footer_legal a{
	display: inline-block;
	position: relative;
	padding: 0 0.7em 0.8em;
	font-size: .8rem;
	font-weight: bold;
	text-transform: uppercase;
}


@media (min-width: 768px){

    footer .top_line{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 2px solid var(--dark_gray);
    }

	#footer_legal a{
		padding: 0 0.7em;
	}

	#footer_legal li + li a::before{
		display: inline-block;
		position: absolute;
			top: 50%;
			left: 0;
			z-index: 1;
		width: 1px;
		height: 100%;
		background-color: var(--dark_gray);
		font-size: 1rem;
		content:'';

		-webkit-transform: translate(0%,-50%);
		        transform: translate(0%,-50%);
	}
}

@media (max-width: 767px){
	
	footer .top_line{
		text-align: center;
	}

	#footer_menu .nav_menu{
		display: block;
		width: 335px;
		max-width: 100%;
		margin: 0 auto;
		text-align: left;
	}

	#footer_legal {
		text-align: center;
	}
}

@media (min-width: 500px) and (max-width: 767px){

	#footer_menu .nav_menu{
		column-count: 2;
		column-gap: 10px;
	}
}

#copyright{
	clear: both;
	margin-top: 1em;
	font-size: .8rem;
	text-align: center;
}

#dbc_logo {
    text-align: center;
    padding: 60px 0 20px;
    background-color: #FFF
}

#dbc_logo a{
    color: #000000;
}

#dbc_logo .icon{
	width: 25px;
	padding: 0;
	fill: #888888;
	fill-opacity: .5;
}

/* ===================== General/Legal Page ===================== */

main#content{
	outline-color: transparent;
}

.legal_doc {
	padding-bottom: 100px;
}

.legal_doc .hdr,
.default_page .hdr{
	margin: 1em 0;
	font-size: 4rem;
}

.default_page .hdr.smaller{
	font-size: 2.2rem;
}

.legal_doc .container{
	width: 1000px;
}

@media (max-width: 767px){
	
	.legal_doc .hdr{
		font-size: 3rem;
	}
}

/* ===================== Front Page Home ===================== */

#hero_slider {
	margin-bottom: 0;
	max-height: 525px;
}

@media (max-width: 767px){
	
	#hero_slider {
		max-height: 224vw;
	}
}

#hero_slider.show{
	max-height: none;
}


#hero_slider .slick-slide:not(.slick-active){
	overflow: hidden;
}

#hero_slider .home_slide .slide_link{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	width: 95%;
	height: 95%;

	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}

#hero_slider .home_slide .slide_link:focus-visible{
	outline: -webkit-focus-ring-color auto 1px;
    outline: Highlight auto 1px;
}

#hero_slider .home_slide.has_2nd_img .slide_half,
#hero_slider .home_slide.has_copy .slide_half{
	flex: 0 0 50%;
}

#hero_slider .home_slide .slide_image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#hero_slider .home_slide .slide_copy{
	display: flex;
	justify-content: center;
	align-items: center;
}

#hero_slider .home_slide .slide_copy img{
	display: inline;
	margin-bottom: 15px;
	object-fit: contain;
}

#hero_slider .home_slide .slide_copy .copy_inner{
	flex: 0 1 567px;
	overflow: hidden;
	padding: 20px;
}

#hero_slider .home_slide .slide_copy .copy_inner .slider_heading{
	font-size: 3rem;
	margin-bottom: 30px;
	font-family: var(--vinyl);
}

#hero_slider .home_slide .slide_copy .copy_inner .slider_heading.big{
	font-size: 4rem;
}

#hero_slider .home_slide .slide_copy .copy_inner .slider_heading.biggest{
	font-size: 6rem;
}

@media (min-width: 901px){

	#hero_slider .home_slide .slide_image img{
		height: 584px;
	}
}

@media (min-width: 901px) and (max-width: 1040px){

	#hero_slider .home_slide .slide_copy .copy_inner .slider_heading.biggest{
		font-size: 4rem;
	}
}

@media (max-width: 500px){
	
	#hero_slider .home_slide .slide_copy .copy_inner .slider_heading.big{
		font-size: 3rem;
	}

	#hero_slider .home_slide .slide_copy .copy_inner .slider_heading.biggest{
		font-size: 4rem;
	}
}

#hero_slider .home_slide .slide_copy .copy_inner .slider_copy{
	margin-bottom: 40px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.3;
}


#hero_slider .slide_banner{
	display: inline-block;
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	padding: 0.2em 1em 0.1em 2em;
	margin-bottom: 0;
	background-color: var(--dark_gray);
	font-family: var(--vinyl);
	font-size: 2rem;
	color: #ffffff;
	text-transform: uppercase;
	white-space: nowrap;
}

#hero_slider .slide_banner::after{
	display: inline-block;
	position: absolute;
		top: -0.1em;
		left: -0.801em;
		z-index: -1;
	width: 100%;
	height: 0;
	border: .8em solid var(--dark_gray);
	border-right-width: 0.8em;
	border-right-color: transparent;
	content:'';
}


#hero_slider .home_slide.has_copy .slide_image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (min-width: 901px){
	
	#hero_slider .slide_banner{
		top: 24px;
	}

	#hero_slider .home_slide.has_copy .inner,
	#hero_slider .home_slide.has_2nd_img .inner{
		display: flex;
	}

	#hero_slider .home_slide.has_copy.is_right_img .slide_copy{
		order: 1;
	}

	#hero_slider .home_slide.has_copy.is_right_img .slide_image{
		order: 2;
	}
}

@media (max-width: 900px){
	
	#hero_slider .slide_banner + *{
		margin-top: 50px;
		display: inline-block;
	}

	#hero_slider .home_slide .slide_copy .copy_inner{
		padding: 10px 40px 60px;
	}

	#hero_slider .home_slide .slide_copy {
		position: relative;
		margin-top: 30px;
	}

	#hero_slider .home_slide .slide_copy .hdr{
		font-size: 5rem;
	}

	#hero_slider .home_slide .slide_copy .cta{
		display: block;
		width: 100%;
		max-width: 350px;
		margin: auto;
	}

	#hero_slider .home_slide.has_copy .slide_image{
		height: 76vw;
	}
}
	
#store_find {
	padding: 30px 20px;
}

#store_find .form_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#store_find .geolocate_btn{
	font-size: 1.5rem;
}

#store_find .container{
	width: 445px;
}

#store_find .form_hdr{
	padding: 0.3em 0 0.3em 34px;
	background-size: auto 77%;
	font-size: 2rem;
	text-transform: uppercase;
}

#store_find label{
	display: inline-block;
	margin: 10px 0 0 20px;
}

#store_find .input_wrap{
	display: flex;
	justify-content: space-between;
	padding: 4px;
	border-radius: 10px;
	border: 1px solid var(--dark_gray);
}

#store_find .input_wrap input{
	border: none;
}

#store_find .input_wrap button{
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	margin-right: 0;
	background-color: var(--light_green);
	border-radius: 100%;
	font-size: 3rem;
}

.home_blocks{
	overflow: hidden;
}

.home_block{
	padding: 30px 0;
}

.home_block .cta{
	margin-top: 20px;
}

@media (min-width: 768px){

	.home_block .container{
		display: flex;
		justify-content: flex-start;
	}

}

@media (max-width: 767px){
	
	.home_block .hdr{
		font-size: 3rem;
		text-align: center;
	}
	
	.social_row {
		margin-top: 20px;
	}
	
	.social_row a svg {
		font-size: 0.75em;
		left: 100%;
		margin: 0;
	}
	
	.hdr_jiu {
		margin-top: 20px;
		text-align: center;
	}
}

.home_block p{
	font-size: 1.4rem;
	line-height: 1.3;
}

.home_block .image{
	text-align: center;
}

.home_blocks #menu_cats {
	padding: 70px 0 30px;
}

.home_blocks #menu_cats .container{
	display: grid;
	flex-wrap: wrap;
	justify-content: center;
	width: 1145px;
	grid-gap: 52px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.home_blocks #menu_cats .images{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.home_blocks #menu_cats .cat_link{
	margin-bottom: 25px;
	text-align: center;
}

.home_blocks #menu_cats .cat_link a{
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	text-align: center;
	text-decoration: none;
}

.home_blocks #menu_cats .cat_link .circ_img{
	position: relative;
	width: 100%;
	padding-top: 100%;
	margin-bottom: 20px;
}

.home_blocks #menu_cats .cat_link .circ{
	position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-color: var(--cool_green);
	border-radius: 100%;

	-webkit-transform: translate(-50%,0%);
	        transform: translate(-50%,0%);
}

.home_blocks #menu_cats .cat_link img{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
	height: 61%;
	transition: height .3s ease-in-out;

	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}

@media (min-width: 768px){
	
	.home_blocks #menu_cats .cat_link a:hover img{
		height: 70%;
	}

}

@media (max-width: 850px){
	

	.home_blocks #menu_cats .container{
		width: 450px;
		grid-template-columns: 1fr 1fr;
	}

	/* .home_blocks #menu_cats .cat_link{ */
	/* 	flex: 0 1 42%; */
	/* } */
    /*  */
	/* .home_blocks #menu_cats .cat_link + .cat_link{ */
	/* 	margin: 0; */
	/* } */
    /*  */
	/* .home_blocks #menu_cats .cat_link:nth-child(even){ */
	/* 	margin-left: 3%; */
	/* } */
}


@media (max-width: 767px){
	
	.home_blocks #menu_cats .container{
		flex-wrap: wrap;
	}

	/* .home_blocks #menu_cats .cat_link{ */
	/* 	width: 50%; */
	/* 	margin-bottom: 30px; */
	/* 	text-align: center; */
	/* } */

	.home_blocks #menu_cats .cat_link a{
		font-size: 2rem;
	}
}

.home_blocks #juicy_news {
	padding: 82px 0;
}

.home_blocks #juicy_news .container{
	position: relative;
	width: 1165px;
}

.home_blocks #juicy_news .copy{
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 768px){
	
	.home_blocks #juicy_news .copy{
		padding-left: 20px;
	}
}

.home_blocks #juicy_news .images{
	padding: 0 0 0 30px;
}

.home_blocks #juicy_news .slick-dots{
	bottom: -30px;
	left: 0;
	width: 100%;
}

.home_blocks #juicy_news .images .news_img{
	height: 100%;
	text-align: center;
}

.home_blocks #juicy_news .images img{
	display: inline-block;
	border-radius: var(--radius);
	transition: opacity .3s ease-in-out;
	object-fit: contain;
}

.home_blocks #juicy_news .images .news_img .hover_image{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	opacity: 0;

	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}

.home_blocks #juicy_news .images .news_img a{
	display: inline-flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 20px 0 0;
	text-decoration: none;
}

.home_blocks #juicy_news .images .news_img .title{
	padding: .8em 5px;
}

.home_blocks #juicy_news .juicy_overlay{
	display: flex;
	position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 20px 10px 10px;
	opacity: 0;
	background-color: rgba(255, 255, 255, .8);
	font-size: 1rem;
	text-align: center;
	transition-delay: .1s;
	transition: opacity .3s ease-in-out;
}

.home_blocks #juicy_news .juicy_overlay .overlay_title{
	font-size: 2em;
	margin-bottom: 0.5em;
}

.home_blocks #juicy_news .juicy_overlay .overlay_cal{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
	margin-bottom: .5em;
}

.home_blocks #juicy_news .juicy_overlay .overlay_copy{
	font-size: 1.2em;
}


@media (min-width: 768px){

	.home_blocks #juicy_news .images .news_img a:focus-visible .juicy_overlay{
		opacity: 1;
		transition-delay: 0;
	}

	.home_blocks #juicy_news .images .news_img a:hover .juicy_overlay{
		opacity: 1;
		transition-delay: 0;
	}

	.home_blocks #juicy_news .images .news_img a:focus-visible .hover_image{
		opacity: 1;
		transition-delay: .1s;
	}

	.home_blocks #juicy_news .images .news_img a:hover .hover_image{
		opacity: 1;
		transition-delay: .1s;
	}

	.home_blocks #juicy_news .images .news_img a:focus-visible .main_image{
		opacity: 0;
		transition-delay: .1s;
	}

	.home_blocks #juicy_news .images .news_img a:hover .main_image{
		opacity: 0;
		transition-delay: .1s;
	}

	.home_blocks #juicy_news .loader{
		display: none;
	}

	.home_blocks #juicy_news .images{
		display: grid;
		flex: 1 1 auto;
		align-items: end;
		opacity: 1;
		grid-gap: 25px;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.home_blocks #juicy_news .images img{
		/* width: 64%; */
		/* height: auto; */
	}
}

@media (min-width: 1011px){
	
	.home_blocks #juicy_news #news_images{
		height: 382px;
	}
}

@media (max-width: 1010px){

	.home_blocks #juicy_news .images{
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px){
	
	.home_blocks #juicy_news{
		padding: 10px 0;
	}

	.home_blocks #juicy_news .copy{
		justify-content: center;
		padding: 30px 7%;
	}

	.home_blocks #juicy_news .images {
		max-height: 500px;
		padding: 0;
	}

	.home_blocks #juicy_news .images .news_img a{
		justify-content: flex-start;
	}

	.home_blocks #juicy_news .images .news_img img{
		width: auto;
		height: 36vw;
		max-width: 60%;
	}

	.home_blocks #juicy_news .slick-dots{
		bottom: -48px;
	}
}

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

	.home_blocks #juicy_news .images .slick-slide{
		margin: 0 10px;
	}
}

@media (min-width: 410px) and (max-width: 500px){

	
	.home_blocks #juicy_news .images .news_img {
		height: 245px;
	}
}

@media (max-width: 400px){
	
	.home_blocks #juicy_news .images .news_img img{
		height: 115vw;
	}
}

.home_blocks #mission {
	padding: 50px 0;
}

.home_blocks #mission .container{
	justify-content: center;
	width: 100%;
	padding: 0;
}

.home_blocks #mission .image{
	flex: 1 1 auto;
	text-align: left;
}

.home_blocks #mission .icon_row{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	margin-top: 40px;
}

.home_blocks #mission .icon_row > img{
	flex: 0 0 30%;
	text-align: center;
}

.home_blocks #mission .icon_row img{
	height: 110px;
	width: auto;
}

.home_blocks #mission .copy{
	flex: 0 0 50%;
	display: flex;
	justify-content: center;
}

.home_blocks #mission .copy .hdr{
	margin-bottom: .5em;
}

.home_blocks #mission .cta_row{
	margin-top: 50px;
}

.home_blocks #mission .copy .inner{
	width: 578px;
	max-width: 100%;
}

@media (min-width: 768px){

	.home_blocks #mission .copy{
		justify-content: flex-end;
	}

	.home_blocks #mission .copy .inner{
		padding: 0 40px 0 20px;
	}

	.home_blocks #mission .image {
		position: relative;
	}

	.home_blocks #mission .image.default_img img{
		position: absolute;
			top: -106px;
			left: -68px;
			z-index: 1;
		width: 739px;
		max-width: none;
	}
}

@media (max-width: 767px){
	
	.home_blocks #mission{
		padding-top: 0;
		margin-top: -35px;
	}

	.home_blocks #mission .icon_row img{
		margin: 0 15px;
	}

	.home_blocks #mission .copy{
		padding-top: 0;
	}

	.home_blocks #mission .copy .inner{
		padding: 0 20px;
	}
}

@media (max-width: 500px){
	
	.home_blocks #mission .icon_row img{
		margin: 20px 0;
		height: 21vw;
	}
}

.home_blocks #follow_us .container{
	padding: 0 50px 0 36px;
}

.home_blocks #follow_us .images{
	display: grid;
	flex: 0 0 58%;
	column-gap: 46px;
	row-gap: 23px;
	grid-template-columns: 1.7fr 1fr;
}

.home_blocks #follow_us img{
	display: inline-block;
	border-radius: var(--radius);
}

.home_blocks #follow_us .social_1{
	grid-area: 1 / 1 / 3 / 2;
}

.home_blocks #follow_us .social_2{
	text-align: right;
}

.home_blocks #follow_us .social_3{
	text-align: right;
}


.home_blocks #follow_us .copy .rt_img a{
	display: inline-block;
}

.home_blocks #follow_us .copy{
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	justify-content: space-between;
}

.home_blocks #follow_us .copy .soc_hdr{
	display: flex;
	justify-content: center;
	align-items: center;
}

.home_blocks #follow_us .copy .hdr{
	display: inline-block;
}

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

	.home_blocks #follow_us .images{
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 501px){

	.home_blocks #follow_us .images{
		padding-right: 0;
	}

	.home_blocks #follow_us .social_1 img{
		width: 400px;
	}

	.home_blocks #follow_us .social_2 img{
		width: 225px;
	}

	.home_blocks #follow_us .social_3{
		padding-right: 10px;
	}

	.home_blocks #follow_us .social_3 img{
		width: 180px;
	}

	.home_blocks #follow_us .rt_img img{
		width: 180px;
	}

	.home_blocks #follow_us .copy .soc_hdr{
		order: 1;
	}

	.home_blocks #follow_us .copy .rt_img{
		order: 2;
	}

	.home_blocks #follow_us .social_row{
		order: 0;
	}
}

@media (min-width: 768px){
	
	.home_blocks #follow_us .copy .soc_hdr{
		width: 100%;
	}
}

@media (max-width: 767px){
	
	.home_blocks #follow_us {
		padding: 60px 0 0;
	}

	.home_blocks #follow_us .container{
		padding: 0;
	}
}

@media (max-width: 500px){

	.home_blocks #follow_us .container{
		padding: 0 10px;
	}

	.home_blocks #follow_us .copy .hdr{
		font-size: 4rem;
	}

	/* .home_blocks #follow_us .copy{ */
	/* 	padding-right: 15px; */
	/* } */
}

/* @media (max-width: 400px){ */
/*  */
/* 	.home_blocks #follow_us .soc_img{ */
/* 		text-align: center; */
/* 	} */
/*  */
/* 	.home_blocks #follow_us .images{ */
/* 		display: grid; */
/* 		grid-gap: 10px; */
/* 		grid-template-columns: 1fr; */
/* 	} */
/*  */
/* 	.home_blocks #follow_us .copy{ */
/* 		flex-direction: column; */
/* 		justify-content: center; */
/* 		align-items: center; */
/* 		padding-top: 10px; */
/* 	} */
/* } */

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

	.home_blocks #follow_us .rt_img{
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	.home_blocks #follow_us .social_row{
		justify-content: center;
		width: 100%;
	}
}

@media (min-width: 768px){
	
	.home_blocks #mission .image{
		order: 2;
	}

	.home_blocks #mission .copy{
		order: 1;
	}
}

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

	.home_blocks #follow_us .copy .rt_img{
		margin: 20px auto;
	}
}

@media (max-width: 767px){

	.home_block {
		padding: 30px 10px;
	}

	.home_blocks .copy{
		padding: 50px 0;
	}

	.home_blocks #follow_us .copy .hdr{
		padding: 0 20px;
	}

	.home_blocks #follow_us .copy .rt_img{
		margin-bottom: 50px;
	}

	.home_blocks #follow_us .copy .social_row{
		width: 100%;
		justify-content: center;
		margin-top: 50px;
	}

	.home_blocks #follow_us .copy .social_row .social_icon {
		margin: 0 0.5em;
	}

	.home_blocks #follow_us .copy .social_row .social_icon svg{
		font-size: 3rem;
	}
}

/* rewards partial */

#rewards .container{
	width: 1190px;
	display: flex;
    justify-content: space-between;
}

#rewards .image{
	flex: 0 0 54%;
}

#rewards .image img{
	display: block;
}

@media (min-width: 768px){

	#rewards .image img{
		width: 457px;
		height: 475px;
		object-fit: cover;
		object-position: top;
	}
}


#rewards .copy{
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	align-items: center;
}

#rewards .copy .inner{
	padding: 0 20px;
}

#rewards .app_links{
	justify-content: flex-start;
	margin: 42px 0 10px;
}

@media (max-width: 880px){
	
	#rewards .image{
		flex: 0 0 48%;
	}

	#rewards .hdr{
		font-size: 5rem;
	}
}

@media (max-width: 767px){
	
	#rewards {
		padding-bottom: 50px;
	}

	#rewards .container{
		flex-direction: column;
		align-items: center;
	}

	#rewards .copy .inner{
		flex: 0 1 380px;
	}

	#rewards .app_links svg{
		width: 100%;
	}

	#rewards .app_links{
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr 1.12418fr;
	}

	#rewards .app_links a:first-child{
		margin-right: 0;
	}

	#rewards .app_links a{
		height: 76%;
		width: 100%;
	}

	#rewards .image{
		flex: 1 1 auto;
		text-align: center;
	}

	#rewards .image img{
		width: 450px;
	}

	#rewards .cta{
		width: 100%;
	}

	#rewards .hdr{
		font-size: 4rem;
	}
}



/* ===================== Menu Page ===================== */

.menu_page .hero{
	height: 282px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media (max-width: 767px){
	
	.menu_page .hero{
		height: 220px;
		background-position: right center;
	}
}

.menu_page .main_copy{
	padding: 30px 20px;
	font-size: 1.3rem;
}

.menu_page .main_copy .inner{
	max-width: 850px;
	margin: auto;
}

.menu_page .menu_container{
	padding: 35px;
}

.menu_page .menu_content .menu_tabs{
	position: sticky;
	position: -webkit-sticky;
		top: 125px;
	flex: 0 0 25%;
	height: 100%;
}

.scroll_hint{
	background-repeat: no-repeat;
	background-position: left center, right center;
	background-size: auto 100%;

	 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzU3NTc1NyI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJsNC41OC00LjU5eiIvPjwvc3ZnPgo="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzU3NTc1NyI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEwLjAyIDZMOC42MSA3LjQxIDEzLjE5IDEybC00LjU4IDQuNTlMMTAuMDIgMThsNi02LTYtNnoiLz48L3N2Zz4K");
}

.scroll_controls {
	display: flex;
	justify-content: space-between;
}

.menu_page .menu_content .scroll_controls {
	margin-bottom: 50px;
}

.scroll_controls button{
	flex: 0 0 48%;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-size: auto 100%;
	font-size: 2rem;
}

.scroll_controls .lt_scroll{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzU3NTc1NyI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJsNC41OC00LjU5eiIvPjwvc3ZnPgo="); 
	background-position: left center;
}

.scroll_controls .rt_scroll{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzU3NTc1NyI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEwLjAyIDZMOC42MSA3LjQxIDEzLjE5IDEybC00LjU4IDQuNTlMMTAuMDIgMThsNi02LTYtNnoiLz48L3N2Zz4K");
	background-position: right center;
}

.menu_page .menu_content .scroll_hint{
	height: 50px;
	margin: 20px 0;
	-webkit-transform: translate(0%,-10px);
	        transform: translate(0%,-10px);
}

.menu_page .menu_content .menu_panels{
	flex: 1 1 auto;
}

.menu_page .menu_content .menu_panels .cat_panel h2{
	margin-bottom: 30px;
}

.menu_page .tab_group{
	margin-bottom: 15px;
	flex-direction: column;
	display: flex;
}

.menu_page .tab_group a{
	display: inline-block;
	position: relative;
	padding-left: 1.5em;
	margin-top: 0.5em;
	border-bottom: 1px solid transparent;
	font-size: 1.5rem;
	text-decoration: none;
}

@media (min-width: 768px){

	.menu_page .tab_group a::after{
		display: inline-block;
		position: absolute;
		bottom: -5px;
		left: calc(50% - 16px);
		z-index: 1;
		width: 60%;
		height: 2px;
		opacity: 0;
		background-color: var(--dark_gray);
		font-size: 1rem;
		content:'';
		transition: opacity .3s ease-in-out;

		-webkit-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
	}


	.menu_page .tab_group a:hover::after{
		opacity: 1;
	}
}

.menu_page .cat_tab{
	display: flex;
	align-items: center;
	max-width: 100%;
	padding: .2em .6em .1em;
	font-size: 2.3rem;
	color: var(--dark_gray);
	line-height: 1;
}

.menu_page .cat_panel .subcat_name{
	margin: 0 0 30px;
	font-size: 2rem;
	color: var(--purple);
}

.menu_page .cat_panel .item_list + .subcat_name{
	margin: 30px 0;
}

.menu_page .cat_panel .item_list{
	display: grid;
	grid-gap: 22px;
	grid-template-columns: repeat(auto-fill, minmax(237px, 1fr));
	margin-bottom: 20px;
}

.menu_page .cat_tab .cat_image{
	flex: 0 0 auto;
}

.menu_page .cat_tab .cat_image img{
	width: 42px;
}

.menu_page .menu_item{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	background-color: var(--light_gray);
	border-radius: var(--radius);
	text-align: center;
}

@media (min-width: 1090px){
	.menu_item.ginger-shot{
		grid-area: 2 / 1 / 3 / 2;
	}

	.menu_item.mighty-c-immunity-shot{
		grid-area: 2 / 2 / 3 / 3;
	}

	.menu_item.wheatgrass-shot{
		grid-area: 2 / 3 / 3 / 4;
	}
}

.menu_page .menu_item .inner{
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	justify-content: flex-end;
	align-items: center;
	padding: 15px;
}

.menu_page .menu_item .item_image{
	width: 100%;
	margin: 0 0 auto;
}

.menu_page .menu_item .item_image a{
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 15px;
}

.menu_page  .item_list.coldpressed_juices .item_image {
	margin-bottom: 20px;
}

.menu_page  .item_list.coldpressed_juices .item_image img{
	width: 70px;
    height: auto;
}

.menu_page #juices_panel .immunity-defense-shot img,
.menu_page #juices_panel .digestion-shot img,
.menu_page #shots_panel .immunity-defense-shot img,
.menu_page #shots_panel .digestion-shot img{
	width: 60px;
	height: auto;
}

.menu_page #juices_panel .immunity-defense-shot .item_name,
.menu_page #juices_panel .digestion-shot .item_name,
.menu_page #shots_panel .immunity-defense-shot .item_name,
.menu_page #shots_panel .digestion-shot .item_name{
	margin: 0;
}

.menu_page .menu_item .item_name{
	margin: 0 0 auto 0;
	padding: 0 0 .5em;
	font-size: 1.5rem;
}

.menu_page .menu_item .item_name a{
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: border-color .3s ease-in-out;
}


.menu_page .menu_item .nocal.item_name{
	padding-bottom: 1.5em;
}

.menu_page .menu_item .item_cal{
	padding: 0 0 .5em;
}

.menu_page .menu_item .overlay{
	display: none;
}

@media (min-width: 768px){

	.menu_page .menu_item .item_name a:hover{
		border-color: currentColor;
	}

	.menu_page .menu_item .overlay{
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		opacity: 0;
		background-color: rgba(255, 255, 255, .8);
		text-align: center;
		transition: opacity .3s ease-in-out;
	}

	.menu_page .menu_item .item_image a:focus-visible .overlay,
	.menu_page .menu_item .item_image a:hover .overlay{
		opacity: 1;
	}
}

.menu_page .menu_item .overlay_copy{
	padding: 10px 13%;
	margin-bottom: 20px;
}

.menu_page .nut_info{
	font-size: 1.5rem;
    padding: 1.5em;
}

.menu_page .cat_panel .cat_name_sub{
	font-size: 2rem;
	text-transform: uppercase;
	font-family: var(--vinyl);
	margin: 20px 0;
}	

@media (min-width: 768px){
	
	.menu_page .menu_content .menu_tabs{
		margin-right: 2%;
	}

	.menu_page .menu_content{
		display: flex;
	}

	.menu_page .cat_tab{
		width: 260px;
		background-color: var(--cool_green);
		border-radius: 2em;
		border: 2px solid var(--cool_green);
		text-align: left;
		transition: color .3s, background-color .3s ease-in-out;
	}

	.menu_page .cat_tab:hover,
	.menu_page .cat_tab.active{
		background-color: transparent;
	}

	.menu_page .cat_tab .cat_image{
		margin-right: 20px;
	}
}

@media (max-width: 767px){
	
	.menu_page .menu_content .menu_panels{
		margin-top: 50px;
	}

	#menu_mobile_current{
		background-image: url(images/icons/icon-arrow-down.svg);
		background-position: right 25px center;
		background-repeat: no-repeat;
		background-size: auto 18%;
		display: flex;
		position: relative;
		align-items: center;
		width: 100%;
		padding: 1em 0;
		font-family: var(--vinyl);
	}

	#menu_mobile_current,
	#menu_tabs{
		border-radius: var(--radius);
		border: 1px solid;
	}

	.menu_page .menu_content .menu_tabs{
		display: none;
		width: 100%;
		margin-top: 20px;
	}

	.menu_page .cat_tab,
	#menu_mobile_current{
		position: relative;
		justify-content: center;
		font-size: 2rem;
		text-transform: uppercase;
	}

	.menu_page .cat_tab{
		padding: 0.8em 
	}

	.menu_page .tab_group{
		text-align: center;
	}

	#menu_mobile_current .cat_image,
	.menu_page .cat_tab .cat_image{
		position: absolute;
			top: 50%;
			left: 15px;
			z-index: 1;
		height: 85%;

		-webkit-transform: translate(0,-50%);
		        transform: translate(0,-50%);
	}

	#menu_mobile_current .cat_image img,
	.menu_page .cat_tab .cat_image img{
		width: auto;
		height: 100%;
	}

	.menu_page .cat_tab.active .cat_image{
		background-color: transparent;
	}
}

@media (max-width: 600px){
	
	.menu_page .cat_panel .cat_name{
		font-size: 4rem;
	}

	.menu_page .cat_panel .item_list{
		grid-template-columns: 1fr 1fr;
	}

	.menu_page .menu_item .item_image{
		width: 60%;
	}

	.menu_page .menu_item .item_image img{
		height: auto;
	}
}

@media (min-width: 401px) and (max-width: 600px){

	.menu_page .menu_item .item_name{
		font-size: 1.2rem;
	}

	.menu_page .menu_item .nocal.item_name{
		padding-bottom: 1.75em;
	}

	.menu_page .menu_item .cta{
		font-size: .8rem;
	}
}

@media (max-width: 530px){
	
	.menu_page .cat_tab, 
	#menu_mobile_current{
		font-size: 1.5rem;
	}
}

@media (min-width: 401px) and (max-width: 450px){
	
	.menu_page .menu_item .item_name{
		font-size: 1rem;
	}

	.menu_page .menu_item .nocal.item_name{
		padding-bottom: 1.7em;
	}

	.menu_page .menu_item .item_cal{
		font-size: .8rem;
	}
}

@media (max-width: 400px){
	
	.menu_page .cat_panel .item_list{
		grid-template-columns: 1fr;
	}

	.menu_page .cat_tab, 
	#menu_mobile_current{
		font-size: 1.1rem;
	}
}


/* ===================== Menu Item Detail ===================== */
.menu_item .copy{
	flex: 0 0 50%;
	padding: 35px;
}

.menu_item .image{
	flex: 1 1 auto;
	padding: 85px 0;
}

.menu_item .lto{
	margin-bottom: 1em;
	font-size: 1.2rem;
}

.menu_item .copy .inner{
	max-width: 630px;
}

.menu_item .copy h1{
	margin-bottom: 0.2em;
	font-family: var(--vinyl);
	font-size: 5rem;
}

.menu_item .copy.copy_big li{
	font-size: 1.2rem;
}

.menu_item .copy .desc p:last-child{
	margin-bottom: 1em;
}

.menu_item .copy .cta_row{
	align-items: center;
	margin-bottom: 20px;
}

.menu_item .copy .cta_row .big_link{
	font-size: 1rem;
}

.menu_item .ingredients,
.menu_item .part_loc {
	margin-bottom: 1em;
}

.menu_item .ingredients h2{
	font-size: 2.3rem;
}

.menu_item #show_nut{
	font-family: var(--brandon);
	text-decoration: underline;
}

.menu_item .features {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.menu_item .features .feat_icon{
	padding: 0.2em 0 0.2em 40px;
	padding-left: 40px;
	margin-right: 1em;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto .9em;
	font-size: 1.5rem;
}

.menu_item .features .feat_icon:last-child{
	margin-right: 0;
}

.menu_item .item_nut{
	margin-bottom: 2rem;
}

.menu_item .item_nut .cal{
	margin-bottom: .5em;
}

.menu_item .cal,
.menu_item .nut_footer{
	font-size: 1.3rem;
}

@media (min-width: 768px){
	
	.menu_item .copy .cta_row .cta{
		margin: 0 50px 0 0;
	}
}

@media (max-width: 1000px){
	
	.menu_item .image{
		margin-bottom: 50px;
	}

	.menu_item .item_nut{
		margin-bottom: 40px;
	}
}

@media (max-width: 767px){
	
	.menu_item .copy .inner{
		display: flex;
		flex-direction: column;
	}

	.menu_item .copy .image{
		padding: 45px 21%;
	}

	.menu_item .image img{
		height: auto;
	}
}

@media (max-width: 600px){
	
	.menu_item .copy h1{
		font-size: 5rem;
	}
}

@media (max-width: 500px){
	
	.menu_item .copy h1{
		font-size: 4rem;
	}
}

.feat_icon.gf{
	background-image: url(images/icons/gluten_free.svg);
}

.feat_icon.veg{
	background-image: url(images/icons/vegetarian.svg);
}

.feat_icon.dairy_free{
	background-image: url(images/icons/dairy_free.svg);
}

.feat_icon.vegan{
	background-image: url(images/icons/vegan.svg);
}

.nut_dialog_underlay {
	display: none;
	position: fixed;
		top: 0;
		left: 0;
		z-index: 140;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

#nut_table_dialog {
	display: none;
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 150;
	width: 375px;
	max-width: 95%;
	padding: 20px;
	opacity: 0;
	pointer-events: none;
	background-color: white;
	border: 2px solid var(--cool_green);
	transition: opacity .3s ease-in-out;

	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}

#nut_table_dialog .info_tag{
	margin-bottom: 1em;
}

#nut_table_dialog .nut_title{
	font-size: 2rem;
}

.nut_dialog_underlay.show,
#nut_table_dialog.show{
	display: block;
}

.nut_dialog_underlay.reveal,
#nut_table_dialog.reveal{
	opacity: 1;
	pointer-events: auto;
}

#nut_table_dialog #dismiss_nut{
	position: absolute;
		top: -1.5em;
		right: 0;
		z-index: 140;
	width: 1em;
	height: 1em;
	margin: 0 0 0 auto;
	background-image: url(images/icons/icon-close-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 1.5rem;
}

#nut_table_dialog .nut_table {
	font-family: var(--brandon);
}

#nut_table_dialog .nut_table li{
	display: flex;
	justify-content: space-between;
	padding: .5em 0;
}

#nut_table_dialog .nut_table li span{
	flex: 0 0 45%;
}

#nut_table_dialog .nut_table li:nth-child(odd){
	background-color: var(--light_gray);
}

#nut_table_dialog .nut_table .label{
	text-align: right;
}

#nut_table_dialog .nut_tabs {
	text-align: center;
	padding: 1em 0;
}

#nut_table_dialog .nut_tabs button,
#nut_table_dialog .nut_tabs .tablist div{
	padding: .3em .5em;
	border-bottom: 2px solid transparent;
	font-family: var(--brandon);
	font-size: 1rem;
	text-transform: uppercase;
	transition: border-color .3s ease-in-out;
}

#nut_table_dialog .nut_tabs button:hover,
#nut_table_dialog .nut_tabs button.active{
	border-color: inherit;
}

#nut_table_dialog .tabpanel{
	display: none;
}

#nut_table_dialog .tabpanel.active{
	display: block;
}

@media (max-width: 767px){
	
	#nut_table_dialog {
		position: fixed;
		max-height: calc( 100vh - 100px );
	}

	#nut_table_dialog .tabpanels{
		max-height: calc( 100vh - 278px );
		overflow-y: auto;
	}
}

/* ===================== About ===================== */
.about .hero{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 520px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.about .hero .hdr_content{
	width: 430px;
	max-width: 100%;
}

.about .hero .hdr{
	line-height: 1;
}

.about .hero h1{
	font-size: 2rem;
}

.about .top_copy{
	padding: 30px 0;
}

.about .top_copy .container{
	width: 830px;
}

.about .top_copy p{
	margin-bottom: 0.5em;
	font-family: var(--vinyl);
	font-size: 2.2rem;
	line-height: 1.3;
}

.about .about_block{

}

.about .about_block .copy,
.about .about_block .image{
	flex: 0 0 50%;
}

.about .about_block .copy {
	padding: 20px;
}

.about .about_block .copy .inner{
	max-width: 505px;
}

.about .about_block .copy h2,
.about .about_block .copy h3{
	margin-bottom: 0.3em;
	font-family: var(--vinyl);
	font-size: 2.25rem;
	text-transform: uppercase;
}

.about .about_block .image img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.about .about_block:nth-child(even) .image{
	order: 1;
}

.about .about_block:nth-child(even) .copy{
	order: 2;
}

@media (max-width: 500px){
	
	.about .hero .sub_hdr{
		font-size: 4.5rem;
	}
}

/* ===================== Careers ===================== */
.careers #search_jobs {
	min-height: 560px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.careers .loc_search_drop_wrap{
	position: relative;
}

.careers #search_jobs #search_group{
	margin: 0 20px;
}

.careers #search_jobs h1{
	max-width: 630px;
	padding: 0 62px;
	margin-bottom: 75px;
}

.careers #search_jobs .input_hdr{
	margin-bottom: .5em;
	font-size: 1.5rem;
}

.careers #search_jobs .input_wrap{
	display: flex;
	justify-content: space-between;
	padding-left: 45px;
	background-color: #ffffff;
	background-image: url(images/icons/search-icon.svg);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px;
	border-radius: var(--radius);
}

.careers #search_jobs #search{
	flex: 0 0 auto;
}

.careers #search_jobs input{
	height: auto;
	border: none;
}

.careers #search_jobs label{
	display: inline-block;
	margin: .5em 0 0 3em;
}

.careers #top_copy{
	padding: 50px 0;
}

.careers #top_copy .copy{
	width: 865px;
	max-width: 100%;
	margin: auto;
}

.careers #top_copy h2{
	font-size: 2rem;
	margin-bottom: .5em;
}

.careers #bottom_copy img{
	width: 100%;
}

.careers #bottom_copy .copy .inner{
	padding: 20px;
	width: 500px;
	max-width: 100%;
}

.careers #bottom_copy > div{
	flex: 0 0 50%;
}

.careers .loc_drop_selector{
	position: absolute;
		top: 100%;
	background: white;
}

.careers .loc_drop_selector ul{
	max-height: 510px;
	padding: 20px;
	font-size: 1.2rem;
	line-height: 1.3;
	overflow-y: auto;
}

.careers .loc_drop_selector #drop_dismiss{
	position: absolute;
		top: .5em;
		right: 1em;
		z-index: 1;
	width: 1em;
	height: 1em;
	margin: 0 0 0 auto;
	background-image: url(images/icons/icon-close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 1.5rem;
}

.careers .loc_drop_selector li{
	margin-bottom: 20px;
}

.careers .loc_drop_selector li .apply_link:hover{
	color: #000000;
}

.careers .footnote{
	margin: 1em 0;
}

.careers .loc_drop_selector.noresults{
	padding: 20px 70px 20px 50px;
}

.careers .loc_drop_selector.noresults #drop_dismiss{
	font-size: 1.2rem;
}

@media (max-width: 767px){
	
	.careers #search_jobs #search{
		font-size: 1rem;
	}

	.careers .loc_drop_selector{
		left: 0;
	}

	.careers #bottom_copy .image img{
		width: 100%;
	}
}

@media (max-width: 500px){
	.careers #search_jobs h1{
		font-size: 4rem;
	}
}

/* ===================== Wellness ===================== */
.wellness .wellness_block{
	display: flex;
	justify-content: space-between;
}

.wellness .wellness_block .copy{
	display: flex;
	justify-content: center;
	align-items: center;
}

.wellness .wellness_block .copy .hdr{
	margin-bottom: 0.2em;
}

.wellness .wellness_block .copy .inner{
	width: 500px;
	max-width: 100%;
	margin: 60px;
}

.wellness .wellness_block .image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.wellness .wellness_block .copy .cta_grid{
	margin-top: 40px;
}

.wellness #top_copy .cta_row{
	justify-content: flex-start;
}

@media (min-width: 768px){
	
	.wellness .wellness_block > div{
		flex: 0 1 50%;
	}

	.wellness #top_copy .image img{
		object-position: left;
	}

	.wellness #bottom_copy .image img{
		object-position: right;
	}

	.wellness #bottom_copy .copy{
		order: 2;
	}

	.wellness #bottom_copy .image{
		order: 1;
	}
}

@media (max-width: 767px){
	
	.wellness .wellness_block{
		flex-direction: column;
	}

	.wellness #top_copy .cta_row{
		align-items: stretch;
	}
}

@media (max-width: 600px){
	
	.wellness .wellness_block .hdr{
		font-size: 5rem;
	}
}

@media (max-width: 500px){
	
	.wellness .wellness_block .hdr{
		font-size: 4rem;
	}
}

/* wellness sub */

.well_sub .hero{
	height: 400px;
    object-fit: cover;
}

.well_sub .page-content{
	padding-bottom: 50px;
}

/* .well_sub .container{ */
/* 	width: 1170px; */
/* } */

.well_nav {
	margin-bottom: 50px;
}

.well_nav .nav_menu{
	display: flex;
	justify-content: center;
}

.well_nav .nav_menu a{
	border-bottom: 2px solid transparent;
	font-size: 2rem;
	transition: border-color .3s ease-in-out;
}

.well_nav .nav_menu li.current-menu-item a,
.well_nav .nav_menu li a:hover{
	border-color: var(--dark_gray);
}

.well_sub p{
	margin-bottom: 1.3em;
}

.well_sub h1{
	margin: 1em 0 0.1em;
}

.well_sub .well_copy{
	width: 1170px;
	max-width: 100%;
	padding: 0 10px;
	margin: 0 auto 50px;
}

.well_sub .well_copy h2,
.well_sub .well_copy h3{
	font-family: var(--vinyl);
	font-size: 2rem;
	text-transform: uppercase;
}

.well_sub .well_copy h2{
	color: var(--purple);
	margin: 1em 0;
}

.well_sub .well_copy h3{
	color: var(--dark_gray);
	margin: 1em 0 0.5em;
}

.well_sub .grid_list {
	display: grid;
	padding: 0;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.well_sub .grid_list li{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 60px 12%;
	margin: 0;
	background-color: var(--light_gray);
	text-align: left;
}

.well_sub .grid_list li h3{
	width: 100%;
	margin: 0 0 0.5em;
	font-family: var(--vinyl);
	font-size: 2rem;
	text-transform: uppercase;
}


@media (max-width: 767px){

	.well_sub .hero{
		height: 76vw;
	}

	.well_nav .nav_menu{
		flex-direction: column;
	}

	.well_sub .well_copy p,
	.well_sub .well_copy h2{
		text-align: left !important;		
	}

	.well_sub .well_copy .cta_row{
		align-items: flex-start;
	}
}

@media (max-width: 500px){

	.well_sub h1{
		font-size: 3rem;
	}
}

/* ===================== Rewards ===================== */

.rewards .hero{
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	min-height: 537px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.rewards .hero #phone{
	position: absolute;
		right: 14%;
		bottom: -9%;
		z-index: 1;
	width: 1em;
	height: 1.38364779em;
	background-image: url(images/misc/phone-tilted.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-size: 28rem;
}

/* @media (min-width: 1351px){ */
/* 	.rewards .hero #phone{ */
/* 		right: calc(55vw - 489px); */
/* 	} */
/* } */

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

	.rewards .hero #phone{
		top: 50%;
		right: 0;
		font-size: 40vw;

		-webkit-transform: translate(0%,-50%);
		        transform: translate(0%,-50%);
	}
}

@media (max-width: 767px){
	
	.rewards .hero {
		height: calc(640px + 54.68vw);
	}

	.rewards .hero #phone{
		display: none;
	}
}

.rewards .top_content{
	font-size: 1.5rem;
	max-width: 500px;
	padding: 0 20px;
}

.rewards .top_content h1{
	margin-bottom: .3em;
}

.rewards .top_content h1 span{
	font-size: .4em;
}

@media (min-width: 768px){
	
	.rewards .top_content{
		margin-right: 24%;
	}
}

@media (max-width: 767px){
	
	.rewards .hero #phone{
		position: static;
		margin-top: -20px;
	}

	.rewards .hero{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		min-height: 832px;
		padding-top: 50px;
		background-position: left bottom;
	}

	.rewards .top_content{
		margin-right: 24%;
		font-size: 1.5rem;
	}

}

@media (max-width: 500px){
	
	.rewards .top_content h1{
		font-size: 4rem;
	}
}

.rewards #download_banner{
	padding: 25px 0;
	background-color: var(--light_green);
	font-family: var(--vinyl);
	font-size: 2.2rem;
	color: #363636;
	text-transform: uppercase;
}

.rewards #download_banner .app_links {
	justify-content: center;
}

.rewards #download_banner .app_links .app_st1{
	fill: #363636;
}

.rewards #download_banner .app_links a{
	border-color: #fff;
	background-color: #fff;
}

.rewards #download_banner .inner{
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px){

	.rewards #download_banner .inner{
		line-height: 1.2;
		text-align: center;
	}

	.rewards #download_banner .app_links {
		flex: 0 1 400px;
		margin-left: 40px;
	}

	.rewards #download_banner .app_links a{
		transition: all .3s ease-in-out;
	}

	.rewards #download_banner .app_links a:hover{
		border-color: #363636;
		background-color: #363636;
	}

	.rewards #download_banner .app_links a:hover .app_st0{
		fill: #363636;
	}

	.rewards #download_banner .app_links a:hover .app_st1{
		fill: #fff;
	}
}

@media (max-width: 767px){
	
	.rewards #download_banner .inner{
		padding: 30px 0;
		text-align: center;
		flex-direction: column;
	}

	.rewards #download_banner .inner p{
		margin: auto;
		max-width: 370px;
	}

	.rewards #download_banner .app_links{
		margin-top: 30px;
	}
}

.rewards #perks_details {
	margin: 75px 0;
}

.rewards #perks_details .container{
	width: 1020px;
}

.rewards #perks_details .perks{
	display: grid;
	line-height: 1.1;
	grid-column-gap: 15%;
	grid-row-gap: 50px;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.rewards #perks_details .perk_block{
	height: 100%;
	max-width: 300px;
	padding-top: 120px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100px;
	font-size: 1.5rem;
	text-align: center;
}

.perk_block.card{
	background-image: url(images/icons/rewards/card.svg);
}

.perk_block.drink{
	background-image: url(images/icons/rewards/drink.svg);
}

.perk_block.money{
	background-image: url(images/icons/rewards/money.svg);
}

.perk_block.person{
	background-image: url(images/icons/rewards/person.svg);
}

.perk_block.phone{
	background-image: url(images/icons/rewards/phone.svg);
}

.perk_block.star{
	background-image: url(images/icons/rewards/star.svg);
}

.rewards #perks_details .title{
	font-size: 2.2rem;
}

.rewards #perks_details .copy span{
	font-weight: bold;
}

@media (max-width: 767px){
	
	.rewards #perks_details .perks{
		grid-template-columns: 1fr;
	}
}

.rewards #rewards .image{
	flex: 0 0 50%;
    text-align: center;
}

@media (max-width: 767px){
	
	.rewards #rewards {
		padding: 50px 0 0;
	}

	.rewards #rewards .copy{
		text-align: center;
	}

	.rewards #rewards .image{
		flex: 0 0 375px;
		overflow: hidden;
		text-align: center;
	}

}

.rewards #perks_table{
	padding: 50px 0;
}

.rewards #perks_table .container{
	width: 1020px;
}

.rewards #perks_table h2{
	font-size: 2.2rem;
    margin-bottom: 1.5em;
}

.rewards .perks_table{
	margin: auto;
	font-size: 1.3rem;
}

.rewards .table_wrap + .scroll_hint{
	height: 40px;
    margin-top: 10px;
}

.rewards .perks_table .label{
	text-transform: uppercase;
}

.rewards .perks_table th{
	font-family: var(--vinyl);
	text-transform: uppercase;
	text-align: left;
}

.rewards .perks_table td{
	border: 3px solid var(--cool_green);
}

.rewards .perks_table th,
.rewards .perks_table td{
	padding: .5em 1em;
}

.rewards #perks_table .cta_row{
	margin: 50px 0;
}

@media (max-width: 767px){

	.rewards .table_wrap{
		overflow-y: auto;
		width: 100%;
		padding-bottom: 50px;
		scrollbar-color: var(--dark_gray) #fff;
	}

	.rewards .table_wrap::-webkit-scrollbar-thumb{
		border-radius: 6px;
		background-color: var(--dark_gray);
	}

	.rewards .perks_table{
		width: 800px;
	}
}

.rewards #fine_print{
	width: 610px;
	max-width: 95%;
    margin: auto;
}

.rewards .faqs{
	border-radius: var(--radius);
	border: 1px solid var(--dark_gray);
}

.rewards .faq{
	position: relative;
	background-image: url(images/icons/icon-plus.svg);
	background-repeat: no-repeat;
	background-position: right 2% top 8px;
	background-size: 40px;
}

.rewards .faq + .faq{
	border-top: 1px solid var(--dark_gray);
}


.rewards .faq .plan{
	margin-bottom: .5em;
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
}

.rewards .faq.reveal{
    background-image: url(images/icons/icon-minus.svg);
}

.rewards .faq .label{
	display: inline;
	padding-left: 0;
	margin-bottom: 4px;
	font-family: var(--vinyl);
	font-size: 1.6rem;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
}

.rewards .faq h3{
	font-family: var(--vinyl);
	text-transform: uppercase;
}

.rewards .faq .answer{
    display: none;
	text-align: center;
}

.rewards .faq .answer .inner{
	display: flex;
}

.rewards .faq .answer .faq_half{
	flex: 0 0 50%;
}

.rewards .faq .answer,
.rewards .faq .answer p{
    margin: 0;
    text-transform: none;
    font-size: 1.5rem;
}

.rewards .faq .answer p{
    margin-bottom: 1em;
}

.rewards .faq .answer h4{
	text-transform: uppercase;
}

.rewards .faq .faq_toggle{
	display: inline-block;
	width: 100%;
	margin: 2px;
	background-color: transparent;
	border: none;
	font-weight: normal;
	cursor: pointer;
}

.rewards .faq .faq_toggle,
.rewards .faq .answer{
    padding: 15px 11% 15px 4%;
}

.rewards .faq .plus_minus{
    position: absolute;
	    top: 0;
	    right: 0;
	    z-index: 1;
    width: 7%;
    height: 100%;
}

.rewards .faq .faq_toggle.fa-angle-up{
    display: none;
}

@media (max-width: 550px){
	
	.rewards .faq .answer .faq_half{
		font-size: 1rem;
	}
}

/* ===================== Contact ===================== */

.contact .top_content{
	min-height: 500px;
}

.contact .top_content .inner{
	width: 430px;
}

.contact .top_content .hero{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 400px;
}

.contact .top_content .copy{
	padding: 20px;
	flex: 0 1 50%;
}

.contact .top_content .hero{
	flex: 0 0.5 50%;
}

.contact #top_copy{
	width: 335px;
	max-width: 90%;
	padding: 40px 0 0;
	margin: auto;
}

.contact #contact_form iframe{
	width: 100%;
	height: 1000px;
}

@media (max-width: 767px){

	.contact .top_content .inner{
		padding: 60px 20px;
	}
}

@media (max-width: 500px){
	
	.contact .top_content .inner h1{
		font-size: 4rem;
	}
}

/* ===================== Nutrition ===================== */

.nutrition h1{
	margin: .5em 0;
}

.nutrition_table {
	width: 100%;
	margin-bottom: 50px;
}

.nutrition_table th,
.nutrition_table td{
	text-align: center;
	border: 2px solid #dadada;
	padding: 0.5em 0.3em;
}

.nutrition_table th span{
	writing-mode: vertical-lr;
    -webkit-transform: rotate(198deg);
}

.nutrition_table .sect_title,
.nutrition_table .item_name{
	text-align: left;
}

.nutrition_table .item_name{
	width: 9%;
}

.nutrition_table .sect_title,
.nut_section .sect_title{
	padding: 1em;
	background-color: var(--dark_gray);
	border-color: var(--dark_gray);
	font-family: var(--vinyl);
	color: #ffffff;
	text-transform: uppercase;
}

.nutrition_table td:nth-of-type(even), 
.nutrition_table th:nth-of-type(even){
	background-color: #f1f1f1;
}

@media (max-width: 1150px){

	.nutrition_table th span{
		-webkit-transform: rotate(-180deg);
	}

	.nutrition_table th,
	.nutrition_table td{
		padding: 1em .5em;
	}
}

.nutrition .footer_copy{
	margin-top: 50px;
}

.nutrition .nut_block{
	margin-bottom: 50px;
}

.nutrition .nut_block .item_name{
	font-size: 2rem;
	font-weight: bold;
}

.nutrition .nut_block .inner{
	display: grid;
	grid-gap: 3px;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.nutrition .nut_block .inner .nut_data{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: .5em;
	border: 2px solid #dadada;
	text-align: center;
}

.nutrition .nut_block .inner .nut_data span{
	padding-bottom: .3em;
}

@media (max-width: 520px){
	
	.nutrition h1{
		font-size: 3rem;
	}
}

/* ===================== Location General ===================== */

#map_wrap{
    position: relative;
}

/* ===================== Locations ===================== */


.locations #search_wrap{
	flex: 0 1 488px;
	height: 100%;
	min-height: 0;
	overflow: hidden;
	padding-top: 25px;
}

.locations #map_wrap{
    flex: 1 1 auto;
	min-height: 0;
}

.locations #search_wrap .search_top{
	padding-bottom: 20px;
	margin-right: 17%;
}

.locations #search_wrap .hdr{
	font-size: 2.5rem;
}

.locations #loc_results{
	position: relative;
	height: calc(100% - 128px);
	overflow: auto;
	padding-right: 20px;
	scrollbar-color: var(--dark_gray) #fff;
}

.locations #loc_results::-webkit-scrollbar {
    width: 8px;
}

.locations #loc_results::-webkit-scrollbar-thumb {
	border-radius: 6px;
    background-color: var(--dark_gray);
}

.locations #loc_results .no_loc{
	margin: 20px 0 40px;
	font-size: 1.5rem;
}

.locations #map{
	height: 100%;
}

.locations #map > div{
	background-color: var(--dark_gray) !important;
}

#map .gmnoprint a,
.locations #map button,
.locations #map button + span,
[title*='Report errors in the road map' ]{
	background-color: #ffffff !important;
}

.locations .search_field{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.btn_image{
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 3rem;
}

.locations .search_field .dbc_loader{
	position: absolute;
		top: -11px;
		right: 129px;
		z-index: 1;
	width: 33px;
}

.locations .search_field input{
	border: none;
}

.locations .search_field .input_wrap{
	display: flex;
	flex: 1 1 auto;
	justify-content: space-between;
	align-items: center;
	margin-right: 10px;
}

.locations .search_field label{
	width: 100%;
	margin-top: 0.5em;
}

.locations #search_results .results_hdr{
	font-family: var(--vinyl);
	font-size: 1.8rem;
    padding-bottom: 1em;
}

.search_field #find_locations{
	margin-right: 0.2em;
	background-image: url(images/icons/search-arrow.png);
	font-size: 2.5rem;
}

.locations .search_field #use_current{
	flex: 0 0 60px;
	background-image: url(images/icons/geolocate-arrow.svg);
	background-size: 25px;
	font-size: 3rem;
}

.locations #location_listing .loc_block_wrap{
    margin-bottom: 50px;
}

.locations #map_wrap #map_controls{
    position: absolute;
	    right: 20px;
	    bottom: 20px;
	    z-index: 1;
}

.locations #map_wrap #map_controls button{
	position: relative;
	width: 1em;
	height: 1em;
	overflow: hidden;
	padding: 0;
	-webkit-appearance: none;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	border: none;
	font-size: 2.5rem;
	color: #000000;
	line-height: 1;
	outline-color: #000;
	cursor: pointer;
}

.locations #map_zoom_in{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsdXMiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZT0iIzAwMDAwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4KICA8bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSIgLz4KICA8bGluZSB4MT0iNSIgeTE9IjEyIiB4Mj0iMTkiIHkyPSIxMiIgLz4KPC9zdmc+Cg==");
}

.locations #map_zoom_out{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLW1pbnVzIiB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2U9IiMwMDAwMDAiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+CiAgPGxpbmUgeDE9IjUiIHkxPSIxMiIgeDI9IjE5IiB5Mj0iMTIiIC8+Cjwvc3ZnPgo=");
}

@media (min-width: 1001px){

	.locations {
		height: 800px;
		max-height: calc(100vh - 345px);
	}

	.locations #search_wrap .search_top{
		margin-right: 17%;
	}
}

@media (max-width: 1000px){

	.locations #search_wrap {
		padding: 25px 20px;
	}

	.locations #search_wrap .search_top{
		max-width: 500px;
		margin: auto;
	}

	.locations #loc_results{
		width: 500px;
		max-width: 100%;
		max-height: 700px;
		margin: auto;
	}

	.locations #map_wrap{
		height: 500px;
		margin-top: 40px;
	}
}

@media (max-width: 350px){
	
	.locations .search_field .input_wrap{
		flex: 0 0 76%;
	}

	.locations .search_field #use_current{
		flex: 0 0 20%;
	}
}

/* location block */
.loc_block {
	margin-bottom: 30px;
}

.loc_block .inner{
	display: flex;
}

.loc_block .loc_info {
	flex: 0 1 400px;
	position: relative;
}

.loc_block .coming_soon{
	padding: 0.3em 0;
	font-weight: bold;
}

.loc_block .loc_title{
	display: inline-block;
	margin-bottom: 0.1em;
	font-size: 1.5rem;
	text-decoration: none;
}

.loc_block .info_txt{
	line-height: 1.3;
}

.icon,
.loc_block .info_icon{
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: left top 4px;
	background-size: 14px;
}

.loc_block .info_icon.icon_phone{
	background-size: 17px;
    background-position: left top 2px;
}

.icon_clock{
	background-image: url(images/icons/icon-time.svg);
}

.icon_pin{
	background-image: url(images/icons/icon-location.svg);
}

.icon_phone{
	background-image: url(images/icons/icon-call.svg);
}

.loc_block .directions{
	background-image: url(images/icons/icon-directions.png);
	background-size: auto 49%;
}

.loc_block .info{
	background-image: url(images/icons/icon-details.png);
}

.loc_block .distance{
	flex: 1 1 4.1em;
	padding-top: 0.4em;
	padding-right: 0.5em;
}

.loc_block .loc_info .lb_cta_row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 10px;
}

.loc_block .cta{
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	align-items: center;
	margin: 0 .5em 0 0;
	font-size: .9rem;
}

.loc_block .cta_icon{
	display: flex;
	flex: 0 0 60px;
	justify-content: center;
	align-items: center;
	height: 3em;
}

.loc_block .cta + .cta_icon,
.loc_block .cta_icon + .cta_icon{
	margin-left: 10px;
}

@media (min-width: 1001px){
	
	.has_results .loc_block .cta{
		font-size: .7rem;
	}
}

@media (max-width: 1000px){
	
	.loc_block .inner{
		flex-direction: column;
	}

	.loc_block .distance{
		flex: 0 0 1.5rem;
	}

	.loc_block .loc_info{
		flex: 0 0 auto;
	}
}

@media (max-width: 450px){
	
	.loc_block .loc_info .lb_cta_row{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.loc_block .cta{
		margin-bottom: 10px;
	}

	.loc_block .cta + .cta_icon,
   	.loc_block .cta_icon + .cta_icon{
		margin: 0;
	}

	.loc_block .cta_icon{
		width: 4em;
	}

}

@media (max-width: 400px){
	
	.loc_block .cta{
		font-size: 1rem;
	}

	.loc_block .cta_icon{
		height: 2.4em;
	}
}

/* ===================== Location Detail ===================== */

.loc_detail {
	font-size: 1.5rem;
	line-height: 1.3;
}

.loc_detail .cta{
	font-size: .8em;
    padding: 0.5em 1em;
}

.loc_detail .cta_row,
.loc_detail .info_txt{
	margin-bottom: 1em;
}


.loc_detail #loc_top{
	margin: 50px 0;
}

.loc_detail #loc_info{
	flex: 1 1 35%;
}

.loc_detail #loc_map_wrap{
	flex: 1 1 50%;
	min-height: 700px;
	padding: 50px 7% 130px 0;
}

.loc_detail #loc_map{
	height: 100%;
}

.loc_detail .loc_title{
	font-size: 2rem;
}

.loc_detail .coming_soon{
	padding: .5em 0;
}

.loc_detail .full_hrs tbody td:first-child{
	padding-right: 2em;
}

.loc_detail .full_hrs tbody td:last-child{
	text-transform: uppercase;
}

.loc_detail #foot_copy{
	margin-bottom: 50px;
}

@media (min-width: 768px){

	.loc_detail #loc_info{
		min-width: 430px;
	}

	.loc_detail .cta_row .cta{
		margin-bottom: 0;
	}
}

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

	.loc_detail #loc_map{
		height: 500px;
	}
}

@media (max-width: 767px){
	
	.loc_detail #loc_map_wrap{
		display: none;
	}

	.loc_detail .full_hrs{
		font-size: 1.3rem;
	}

}

@media (max-width: 400px){
	
	.loc_detail .full_hrs{
		font-size: 1rem;
	}
}

/* Sitemap */

.sitemap .list_wrap > ul{
	list-style: none;
}

@media (min-width: 768px){

	.sitemap .list_wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.sitemap .list_wrap > ul{
		flex: 0 0 37%;
		padding-left: 3em;
	}

	.sitemap .map_block h2{
		text-align: center;
		margin: 1em 0;
	}
}

/* Modal */
#popup{
    display: none;
    position: fixed;
	    top: 0;
	    left: 0;
		z-index: 110;
    width: 100vw;
    height: 100vh;
    pointer-events: auto;
    background-color: rgba(0,0,0,.5);
    opacity: 0;

    -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
}

#popup_wrap{
	display: none;
	position: fixed;
		top: 50%;
		left: 50%;
		z-index: 100;
	width: 800px;
	max-width: 90%;
	background-color: var(--light_gray);
	background-repeat: no-repeat;
	background-position: right center;
	border-radius: var(--radius);
	font-size: .8rem;

	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}


#popup_wrap .inner{
	display: flex;
	min-height: 350px;
}

#popup_wrap #popup_dismiss{
	position: absolute;
		top: -1.5em;
		right: .5em;
		z-index: 1;
	width: 1em;
	height: 1em;
	margin-top: 0;
	background-size: contain;
	font-size: 1.5rem;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAzNiAzNiIgIHhtbDpzcGFjZT0icHJlc2VydmUiIGZvY3VzYWJsZT0iZmFsc2UiIGZpbGw9IiNmZmYiPgoJPHBhdGggZD0iTTI0LjQ2OCAxOC4wMDFsMTAuOTkzIDEwLjk5M2MwLjcxMyAwLjcxMyAwLjcxMyAxLjg3NCAwIDIuNTg3bC0zLjg4MSAzLjg4MWMtMC43MTMgMC43MTMtMS44NzQgMC43MTMtMi41ODcgMGwtMTAuOTk1LTEwLjk5M2wtMTAuOTk1IDEwLjk5M2MtMC43MTMgMC43MTMtMS44NzQgMC43MTMtMi41ODcgMGwtMy44ODEtMy44ODFjLTAuNzEzLTAuNzEzLTAuNzEzLTEuODc0IDAtMi41ODdsMTAuOTk1LTEwLjk5M2wtMTAuOTk1LTEwLjk5NWMtMC43MTMtMC43MTMtMC43MTMtMS44NzQgMC0yLjU4N2wzLjg4Ni0zLjg4MWMwLjcxMy0wLjcxMyAxLjg3NC0wLjcxMyAyLjU4NyAwbDEwLjk5MyAxMC45OTVsMTAuOTk1LTEwLjk5NWMwLjcxMy0wLjcxMyAxLjg3NC0wLjcxMyAyLjU4NyAwbDMuODgxIDMuODgxYzAuNzEzIDAuNzEzIDAuNzEzIDEuODc0IDAgMi41ODdsLTEwLjk5MyAxMC45OTN6Ij48L3BhdGg+Cjwvc3ZnPgo=");
}


#popup_wrap #popup_header{
	margin: 0 0 0.4em;
	font-size: 2rem;
	text-align: center;
}

#popup_wrap #popup_content{
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

#popup_wrap #popup_content h2{
	font-size: 3rem;
}

#popup_wrap #popup_content .big_link{
	font-size: 1.2rem;
}

#popup_wrap .app_links{
	justify-content: center;
}

#popup_overlay{
    /* display: none; */
    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 70;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

#popup.show{
    display: block;
}

#popup.reveal{
    opacity: 1;
}

@media (min-width: 768px){

	#popup_wrap #popup_content{
		background-color: rgba(255,255,255, 0.7);
		width: 57%;
		padding-top: 50px;
	}
}

@media (max-width: 767px){
    
    #popup_wrap{
			top: 100px;
		padding-bottom: 31%;
		background-position: center bottom;
		background-size: 100% auto;

		-webkit-transform: translate(-50%,0%);
		        transform: translate(-50%,0%);
	}

	#popup_wrap #popup_content{
		padding: 40px 6%;
	}
}

@media (max-width: 500px){
	
	#popup_wrap #popup_header{
		font-size: 1.5rem;
	}

	#popup_wrap #popup_content h2{
		margin-bottom: 0.5em;
		font-size: 2.6rem;
	}

	#popup_wrap .app_links a{
		height: 45px;
	}
}

@media (max-height: 640px){
	
	#popup_wrap{
		height: 72vh;
	}
}

/* ===================== FAQ template Styles ===================== */


.faqs_style #faqs_section{
	min-height: 800px;
	padding: 50px 0 100px;
}

.faqs_style .faq_search {
	margin: 30px 0 50px;
}

.faqs_style .faq_search .input_wrap{
	display: inline-block;
	position: relative;
	width: 400px;
	max-width: 100%;
}

.faqs_style .faq_search .input_wrap label{
	position: absolute;
		bottom: 50%;
		left: 1em;
		z-index: 1;
	font-weight: bold;
	transition: all .3s ease-in-out;

	-webkit-transform: translate(0%,50%);
	        transform: translate(0%,50%);
}

.faqs_style .faq_search .input_wrap label::before{
	display: inline-block;
	position: absolute;
		top: 0;
		left: -4%;
		z-index: -1;
	width: 108%;
	height: 50%;
	background-color: #FFFFFF;
	content:'';
}

.faqs_style .faq_search .input_wrap label.float{
	bottom: -1px;
	left: 3em;
	font-size: .9rem;
}

.faqs_style .faq_search .input_wrap input{
	background-image: url(images/icons/search-icon.svg);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 20px;
	border: 1px solid #000;
	font-size: 1.5rem;
}

.faqs_style .faq_search .input_wrap label.float + input{
	background: none;
}

.faqs_style .faq_search #clear_search{
	display: none;
	position: absolute;
		top: 50%;
		right: 1em;
		z-index: 1;
	width: 1em;
	height: 1em;
	background-image: url(images/icons/icon-close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	font-size: 1.5rem;

	-webkit-transform: translate(0%,-50%);
	        transform: translate(0%,-50%);
}

.faqs_style .faq_content{
	align-items: flex-start;
}

.faqs_style #faq_filter{
	flex: 1 1 auto;
	padding: 20px 60px 0 0;
	margin-right: 40px;
	border-right: 1px solid #999;
}

.faqs_style #faq_filter button{
	width: 100%;
	margin-bottom: 10px;
	background-color: #ffffff;
	border: 2px solid var(--light_green);
	font-size: 1.2rem;
	text-align: center;
}

.faqs_style #faq_filter button.active{
	background-color: var(--light_green);
}

.faqs_style .has_results #faq_filter button.active{
	color: #000000;
	background-color: #FFFFFF;
}

.faqs_style #faq_filter button:focus-visible{
	outline: 3px dotted #000000;
}

.faqs_style #faqs{
	flex: 0 0 66%;
	padding: 20px;
}

.faqs_style .faq{
	padding: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	border-radius: 8px;
	border: 2px solid var(--light_green);
}

.faqs_style .faq h2{
	margin-bottom: .3em;
	font-size: 2rem;
}

.faqs_style .faq_copy{
	padding: 0 5em;
    margin-top: 1em;
}

.faqs_style #faq_filter_mobile {
	text-align: center;
	margin-bottom: 30px;
}

.faqs_style #faq_filter_mobile .dropdown_wrap{
	width: 320px;
    max-width: 100%;
}

.faqs_style #no_results{
	display: none;
	font-size: 2rem;
}

@media (min-width: 768px){

	.faqs_style .faq_content{
		padding: 0 30px;
	}
}

@media (max-width: 767px){

	.faqs_style #faqs_section h1{
		font-size: 4.2rem;
	}
}

.faq_footer{
	width: 100%;
	padding: 60px 10px 30px;
	text-align: center;
}

.faq_footer .cat_footer{
	display: none;
	font-size: 1.3rem;
}

.faq_footer .cat_footer.active{
	display: block;
}

/* ===================== Contact / FAQs ===================== */

@media (min-width: 768px){

	.contact_faqs #faqs{
		max-height: 800px;
		overflow: auto;
	}
}

.contact_faqs #mid_page .inner {
	height: 400px;
}

.contact_faqs #mid_page .copy {
	font-size: 1.3rem;
	height: 100%;
}

.contact_faqs #mid_page .copy h2{
	font-size: 3rem;
}

.contact_faqs #mid_page .copy p{
	width: 278px;
    max-width: 100%;
    margin: 0 auto 1em;
}

@media (max-width: 767px){
	
	#faqs_section .subhdr{
		width: 300px;
		margin: auto;
		font-size: 1.2rem;
	}

	.contact_faqs #mid_page .inner{
		display: flex;
		flex-direction: column;
		height: auto;
	}

	.contact_faqs #mid_page .copy {
		padding: 60px 0;
	}

	.contact_faqs #mid_page .inner .mid_img{
		order: 2;
		flex: 0 0 80vw;
	}
}

/* ===================== Blog ===================== */
.container.blog_container{
	width: 1030px;
}

.blog_page .blog_wrap{
	flex-wrap: wrap;
	justify-content: space-between;
}

.blog_page .blog_header{
}

.blog_page h1{
	padding: .5em 0;
	font-size: 4rem;
}

.blog_page.is_single p{
	line-height: 1.85;
}

.blog_page .archive_title{
	padding: .5em 0;
	font-size: 3rem;
	margin-bottom: 1em;
}

.blog_page .blog_search {
	margin: 20px 0 50px;
}

.blog_page .blog_search form{
	margin-top: 20px;
}

.blog_page .blog_search #searchform > div{
	display: flex;
	padding: 5px;
	border-radius: var(--radius);
	border: 1px solid var(--purple);	
}

.blog_page .blog_search #searchform #searchsubmit{
	display: inline-block;
	width: 40px;
	height: auto;
	padding: 5px;
	background-color: #ffffff;
	background-image: url(images/icons/search-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	font-size: 0rem;
	text-indent: -99999px;
}

.blog_page .blog_search input{
	border: none;
}

.blog_page #articles{
	flex: 0 0 65%;
	order: 1;
}

.blog_page .blog_pagination {
	flex: 0 0 100%;
	order: 3;
}

.blog_page #blog_links{
	flex: 0 0 35%;
	order: 2;
}

@media (min-width: 768px){
	
	.blog_page #articles{
		padding-right: 40px;
	}
}

.blog_page article {
	padding-bottom: 20px;
	margin-bottom: 50px;
}

.blog_page.is_archive article {
	border-bottom: 1px solid var(--purple);
}

.blog_page article .entry-title{
	font-family: var(--vinyl);
	text-transform: uppercase;
	font-size: 2rem;
	margin-bottom: 20px;
}

/* .blog_page article .entry-title a{ */
/* 	text-decoration: underline; */
/* } */

.blog_page.is_single .blog_wrap{
	margin-top: 100px;
}

.blog_page.is_single article .entry-title{
	font-family: var(--vinyl);
	text-transform: uppercase;
	font-size: 3rem;
}

.blog_page .article_date{
	margin-bottom: 20px;
}

.blog_page .readmore a{
	font-weight: bold;
}


h2.widgettitle{
	padding: .5em 1em;
	background-color: var(--purple);
	font-family: var(--vinyl);
	font-size: 2rem;
	color: #ffffff;
	text-transform: uppercase;
}

.widget-area .widget{
	box-shadow: -10px 10px 10px rgb(0 0 0 / 10%);
	margin-bottom: 50px;
}

.widget-area .widget ul{
	padding: 0.7rem 1.7rem 2rem;
}

.widget-area .widget ul a{
	display: inline-block;
	padding: .5em;
	font-weight: bold;
}

.blog_page .blog_pagination {
	margin-bottom: 50px;
}

.blog_page .blog_pagination .pagination{
	text-align: center;
}

.blog_page .blog_pagination .nav-links{
	display: inline-flex;
	align-items: center;
}

.blog_page .page-numbers{
	font-size: 1.5rem;
	padding: 0 1em;
}

.blog_page .page-numbers.prev,
.blog_page .page-numbers.next{
	display: inline-block;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 1.4em;
}

.blog_page .page-numbers.prev{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzYgMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjN2MzYTdjIj4gPHBhdGggZD0iTTI3IDBsLTE4IDE4bDE4IDE4Ij48L3BhdGg+IDwvc3ZnPg==");
}

.blog_page .page-numbers.next{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzYgMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjN2MzYTdjIj4gPHBhdGggZD0iTTkgMzZ2LTM2bDE4IDE4WiI+PC9wYXRoPiA8L3N2Zz4=");

}

.blog_page article .entry-title a{
	text-decoration: none;
}

.blog_page article .entry-title a:hover{
	text-decoration: underline;
}

.widget-area .widget ul a:hover,
.blog_page .readmore a:hover{
	text-decoration: none;
}

/* imported styles */


.blog_page .cms-jwplayer {
    width: 100%;
    position: relative;
}

.blog_page .media-left {
    float: left;
    margin: 1em 1em 1em 0;
}

.blog_page .media-right {
    float: right;
    margin: 1em 0 1em 1em;
}

.blog_page .media-full {
    display: block;
    margin: 1em auto;
}

.blog_page .media-small {
    width: 25%;
}

.blog_page .media-medium {
    width: 50%;
}

.blog_page .media-large {
    width: 100%;
}

.blog_page video {
    max-width: 100%;
}

.blog_page .cms-jwplayer video {
    max-width: none;
}

/* CPPA */
#cppa-modal{
	position: -webkit-sticky;
	position: sticky;
		bottom: 0;
		z-index: 1000;
	width: var(--container);
	max-width: 100%;
	margin: auto;
	background-color: var(--dark_gray);
	font-family: DroidSansRegular,Helvetica,sans-serif;
	font-size: 1rem;
	color: #ffffff;
	line-height: 1;
	text-align: center;
}

#cppa-modal button.cppa-close{
	position: absolute;
		top: 20px;
		right: 40px;
	width: 1em;
	height: 1em;
	background-image: url(images/icons/icon-close-white.svg);
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	font-size: 2rem;
}

#cppa-modal button.cppa-close span{
	display: none;
}

#cppa-modal .cppa-modal-content{
	padding: 0px;
}

#cppa-modal .cppa-modal-content .cppa-modal-body{
	width: 80%;
	max-width: 680px;
	padding: 20px 0;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#cppa-modal .cppa-modal-content .cppa-modal-body p{
	font-size: 0.9em;
	line-height: 1.0rem;
	width: 100%;
}

.prod_order.order_online--mobile-sticky {
  display: none;
}

@media (max-width: 900px){
	#cppa-modal button.cppa-close{
		left: 20px;
	}
}

@media (max-width: 767px){
	#cppa-modal{
		bottom: 0px;
	}
	
	#cppa-modal .cppa-modal-content .cppa-modal-body{
		width: auto;
		padding: 20px 70px;
		font-size: 0.7rem;
	}
	
	#cppa-modal .cppa-modal-content .cppa-modal-body p{
		font-size: 1.0em;
		line-height: 0.9rem;
	}
  
  .prod_order.order_online--mobile-sticky {
    display: block;
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
  }
  
  .prod_order.order_online--mobile-sticky a {
    width: 100%;
    border-radius: 0;
  }
  

	
}

@media (max-width: 500px) {

	.slider_copy_mobile {
	
		display: flex; 
		align-items: center;
		height: 350px; 
	
	}
	
	#hero_slider .home_slide .slide_copy .copy_inner .slider_copy p{
		display: contents;
	}  	

}