/*
Theme Name: Habit Burger 2020
Theme URI: https://ac1e8a3e-1041-4e6c-8496-e7f92afba877.p.bardy.io
Author: DreamBoxCreations.com
Author URI: https://ac1e8a3e-1041-4e6c-8496-e7f92afba877.p.bardy.io
Description: Custom responsive WordPress theme.
Version: 1.0
*/


/* =Reset
-------------------------------------------------------------- */

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 {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
    font-weight: normal;
}

body {
	line-height: 1.3;
}
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;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
article,
main,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 68%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.4em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}

strong{
    font-weight: bold;
}

iframe{
	max-width: 100%;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
}

p{
	margin-bottom: 1em;
}

@font-face {
    font-family: 'okomito';
    src: url('fonts/okomito/okomito-bold-webfont.woff2') format('woff2'),
         url('fonts/okomito/okomito-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'okomito';
    src: url('fonts/okomito/okomito-medium.woff2') format('woff2'),
         url('fonts/okomito/okomito-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* fonts and colors */
:root{
	--habit-red: #b4252d;
	--habit-orange: #ffa200;
	--habit-yellow: #fab130;

	--habit-poppy-orange: #ffa200;
	--habit-black: #262626;
	--habit-white: #ffffff;
	--habit-fresh-green: #98c927;
	/* other */
	--habit-golden-hour-yellow: #ffbc0f;
	--habit-sand-yellow: #ffe90f;
	--habit-cal-teal: #13bc86;
	--habit-grill-red: #e94223;
	--validation_red: #bd0000;

	--bebas: bebas-neue-pro,sans-serif;
	--yorkten: okomito, sans-serif;
	--yorkten-cond: okomito, sans-serif;
	--okomito: okomito, sans-serif;

	--cta-bord-rad: 2em;
}




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

main input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
main select,
main textarea{
	width: 100%;
	padding: 0 1em;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 1.5em;
	font-family: inherit;
	line-height: 2.5;
	box-sizing: border-box;
}

main input,
main select,
main textarea{
	border: none;
}


@media (max-width: 767px){

	main input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
	main select,
	main textarea{
		font-size: 1rem;
	}
}

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

button{
	overflow: hidden;
	padding: 0;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	font-family: var(--bebas);
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: color .3s, background-color .3s ease-in-out;
	color: inherit;
}

main select{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTAuNSIgaGVpZ2h0PSI2LjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAuNSA2LjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwLjUgNi42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iIzAwMCIgZD0iTTEwLDEuNUw4LjksMC4zTDUuMiw0TDEuNSwwLjNMMC40LDEuNWw0LjgsNC44TDEwLDEuNXogTTEwLDEuNSIvPgo8L2c+Cjwvc3ZnPgo=");
	background-size: 20px;
	background-position: right 1em center;
	background-repeat: no-repeat;
	color: inherit;
}

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

.form_page .container{
	padding-top: 50px;
	width: 900px;
}

.form_page form > fieldset > legend{
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

/* ===================== single loc signup ===================== */

.single_loc_signup {
	padding-bottom: 50px;
}

.single_loc_signup .gform_wrapper .validation_error{
	display: block;
	text-align: center;
}

.single_loc_signup .page_header{
	padding-top: 40px;
	width: 622px;
    max-width: 95%;
    margin: auto;
}

.single_loc_signup .container{
	width: 900px;
}

#gform_10 .consent_box{
	margin: 30px 0;
}

@media (max-width: 767px){
	
	.single_loc_signup .page_header h1{
		font-size: 3rem;
	}
}

/* ===================== Loc drop selector ===================== */

.gfield[class*=zip_search]{
	position: relative;
}

.gfield[class*=zip_search] .loader{
	top: 12em;
	right: 7em;
	left: auto;
	font-size: .3rem;
}

.loc_drop_selector{
	position: absolute;
		top: 1.1em;
		left: calc(100% + 50px);
		z-index: 1;
	width: 300px;
	max-height: 400px;
	background-color: #FFFFFF;
	border: 1px solid #000;
	overflow-y: auto;
}

.loc_drop_selector .selector_hdr{
	padding: 1em;
	background-color: var(--habit-poppy-orange);
	color: var(--habit-black);
	font-weight: bold;
	text-align: center;
}

.loc_drop_selector button{
	width: 100%;
	text-align: center;
}

.loc_drop_selector .loc_btn{
	padding: .3em 1em;
	border-bottom: 1px solid #b7b7b7;
	font-size: 1rem;
	color: var(--habit-black);
	text-align: left;
	text-transform: uppercase;
}

.loc_drop_selector.results .view_all{
	padding: 1em;
	font-size: 1.2rem;
	text-decoration: underline;
	text-transform: uppercase;
}

.loc_drop_selector.no_results {
	padding: 1em;
	background-color: var(--habit-poppy-orange);
	color: var(--habit-black);
	text-align: center;
}

.loc_drop_selector.no_results .view_all{
	display: inline-block;
	width: auto;
	font-family: inherit;
	font-size: inherit;
	color: #FFFFFF;
	text-align: left;
	text-decoration: underline;
	text-transform: lowercase;
}

.eclub_only .loc_drop_selector li.noeclub{
	display: none;
}

@media (max-width: 767px){
	
	.loc_drop_selector{
		top: calc(100% + 10px);
		left: 0;
		max-width: 90vw;
	}
}

/* simple form location drop */
.loc_search_drop_wrap {
	position: relative;
}

.location_search .loader{
	top: 50%;
	right: 6em;
	left: auto;
	font-size: .25rem;

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

.location_search .loc_drop_selector{
	top: 100%;
	left: 0;
	width: 100%;
}

.location_search .selector_hdr,
.location_search .loc_drop_selector li:last-child{
	display: none;
}

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

.gform_wrapper{
    margin-top: 30px;
}

.gfield{
    text-align: left;
}

.gfield,
.ginput_complex [class^=ginput]{
    margin-bottom: 20px;
}

.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_wrapper .validation_error,
.gfield_description.validation_message,
.truck_reserve .formvalidate{
	display: inline-block;
	padding: 0.3em 0.4em;
	margin-top: 2px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.05em;
	color: var(--validation_red);
	font-weight: bold;
	text-transform: uppercase;
}

.gform_wrapper .validation_error{
	display: block;
	text-align: center;
    margin-bottom: 20px;
}

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

.gfield_required_asterisk{
	color: var(--validation_red);
}

.form_submitted .hide_on_submit,
.show_on_submit{
    display: none;
}

.form_submitted .show_on_submit{
	display: block;
}

.required_note{
	font-size: .8rem;
    padding-bottom: 1em;
}

.gform_validation_container{
	display: none;
}

/* calendar icon */
.ui-datepicker-trigger{
    position: absolute;
    top: 16px;
    right: 12px;
    width: 1em;
    height: 1em;
    font-size: 1.05em;
}

.gfield_visibility_hidden{
    display: none;
}

.sr_label > label,
.sr_label legend,
.sr_label_v2 fieldset > legend{
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

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

.ginput_complex.ginput_container_address .ginput_address_city{
	flex: 0 0 75%;
}

.ginput_complex.ginput_container_address .ginput_address_state{
	flex: 0 0 21%;
}

.ginput_complex.ginput_container_address .ginput_address_zip,
.ginput_complex.ginput_container_address .ginput_address_country{
	flex: 0 0 48%;
}

.ginput_complex.ginput_container_address .gf_clear_complex{
	display: none;
}

.date_selector .clear-multi,
.time_selector .clear-multi{
	display: flex;
}

.time_selector .clear-multi .gfield_time_hour,
.time_selector .clear-multi .gfield_time_ampm {
	width: 125px;
}

.time_selector .clear-multi .gfield_time_minute{
	width: 100px;
}

.time_selector .clear-multi .gfield_time_hour,
.time_selector .clear-multi .gfield_time_minute{
    margin-right: 20px;
}

.time_selector .clear-multi .gfield_time_hour{
	display: flex;
	align-items: flex-start;
}

.time_selector .clear-multi .gfield_time_hour i{
	margin-left: .3em;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
}

.ginput_complex.has_street.has_city.has_state.has_zip .gf_clear,
.ginput_complex.has_first_name.has_last_name .gf_clear{
	display: none;
}

@media (min-width: 768px){

	.ginput_complex.has_first_name.has_last_name{
		display: flex;
		justify-content: space-between;
	}

	.ginput_complex.has_first_name.has_last_name span{
		flex: 0 0 48%;
	}

	.ginput_complex.has_street.has_city.has_state.has_zip{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.ginput_complex.has_street.has_city.has_state.has_zip .ginput_address_line_1,
	.ginput_complex.has_street.has_city.has_state.has_zip .ginput_address_line_2{
		width: 100%;
	}

	.ginput_complex.has_street.has_city.has_state.has_zip .ginput_address_city{
		flex: 0 0 38%
	}

	.ginput_complex.has_street.has_city.has_state.has_zip .ginput_address_state{
		flex: 0 0 22%
	}

	.ginput_complex.has_street.has_city.has_state.has_zip .ginput_address_zip{
		flex: 0 0 22%
	}
}

.date_selector .clear-multi > div {
	flex: 0 0 200px;
	padding-right: 10px;
}

/* radio btns */
input[type='radio']:after {
	width: 1.5em;
	height: 1.5em;
	border-radius: 15px;
	top: .1em;
	left: .1em;
	position: relative;
	background-color: #ffffff;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid #ffffff;
}

input[type='radio']:checked::after {
	background-color: var(--habit-poppy-orange);
}

input[type=checkbox]{
    position: absolute;
    left: -99999px;
}

input[type=checkbox] + label{
	position: relative;
	padding-left: 2.5em;
}

input[type=checkbox] + label::before{
	display: inline-block;
	position: absolute;
		top: 50%;
		left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid #000;
	font-size: 1.5em;
	content:'';
	cursor: pointer;

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

input[type=checkbox]:focus-visible + label:before{
	outline: 3px dotted #000000;
}

input[type=checkbox]:checked + label::after{
	position: absolute;
		top: 50%;
		left: .1em;
	font-size: 1.8em;
	color: var(--habit-black);
	line-height: 0.8;
	content:  "\2714"; /* thick check */
	cursor: pointer;
	transition: all .2s;

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


.consent_box label{
	display: inline-block;
}

.gform_wrapper .disable_minutes .gfield_time_minute input{
	opacity: .5;
	pointer-events: none;
}

/* habit forms */
.habit_form .gform_fields{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.habit_form .gfield{
	flex: 0 0 100%;
}

@media (min-width: 768px){
	.habit_form .gfield.half{
		flex: 0 0 49%;
	}

	.habit_form .gfield.third{
		flex: 0 0 32%;
	}

	.habit_form .gfield.mar_right{
		margin-right: 1%;
	}

}

.habit_form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.habit_form select,
.habit_form textarea{
	width: 100%;
	font-size: 1.5rem;
	box-shadow: 0 0 13px 6px rgb(0 0 0 / 13%);
	background-color: #FFFFFF;
}

.habit_form label,
.habit_form legend{
	display: inline-block;
	padding-left: 1em;
	margin-bottom: .5em;
	text-transform: uppercase;
}

.habit_form legend + .ginput_container_checkbox{
	padding-left: 1em;
}

.habit_form ul.gfield_radio {
	display: flex;
}

.habit_form .gfield_checkbox input,
.habit_form .gfield_radio input{
	width: 2em;
	height: 2em;
}

.habit_form .gfield_checkbox li,
.habit_form .gfield_radio li{
	display: flex;
	align-items: flex-start;
	margin-right: 1em;
}

.habit_form .gfield_checkbox label,
.habit_form .gfield_radio label{
	font-weight: normal;
	text-transform: none;
	margin-bottom: 0;
}

.habit_form input[type=submit]{
	padding: .3em 3em .5em;
    font-size: 1.8rem;
}

.habit_form .gfield_description,
.habit_form	.ginput_counter{
	padding: 1em 0;
}

.habit_form .gfield_description.validation_message{
	color: #FFFFFF;
	background-color: var(--validation_red);
	padding: .2em;
}

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

.habit_form_2 input,
.habit_form_2 select,
.habit_form_2 textarea{
	border: 1px solid #8f8f8f;
	background-color: #ebebeb;
	font-size: 1rem;
}

.habit_form_2 label,
.habit_form_2 legend{
	font-family: var(--okomito);
	font-weight: 900;
}

.habit_form_2 .ginput_complex label{
	display: inline-block;
	margin-bottom: 1em;
	font-size: .8em;
	font-weight: normal;
}

.gform_footer,
.gform_page_footer {
	position: relative;
}

.gform_footer .loader,
.gform_page_footer .loader{
	right: 5em;
	left: auto;
	font-size: .5rem;
}

.std_checkbox input[type=checkbox]{
    position: static;
}

.std_checkbox .gchoice{
	display: flex;
	align-items: center;
}

.std_checkbox legend{
	margin-bottom: 0;
}

.consent_margin{
	margin: 20px 0 40px;
}

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

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

.sr-only, #onetrust-pc-sdk span.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
	color: #000;
	background-color: #FFF;
}

.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;
    left: -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: var(--habit-white);
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	font-family: var(--bebas);
	font-size: 1em;
	color: #000;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	outline: 2px solid var(--habit-poppy-orange);
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

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

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

.adobe-download-text a{
	color: var(--habit-poppy-orange);
}

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

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
    font-weight: bold;
    margin-bottom: 10px;
}
.entry-content h1{
    font-size: 2em;
}
.entry-content h2{
    font-size: 1.5em;
}
.entry-content h3{
    font-size: 1.17em;
}
.entry-content h4{
}
.entry-content h5{
    font-size: 0.83em;
}
.entry-content h6{
    font-size: 0.67em;
}
.entry-content a{
    color: var(--habit-black);
}
.entry-content ul{
    margin: 0 0 1.5em;
    list-style-type: disc;
    list-style-position: inside;
}
.entry-content li{
    margin: 0 0 0.5em;
}
.entry-content ol{
    margin: 0 0 1.5em;
    list-style-type: decimal;
    list-style-position: inside;
}
.entry-content ul ul,
.entry-content ol ul{
    margin-top: 10px;
    margin-left: 15px;
    list-style-type: circle;
    list-style-position: inside;
}
.entry-content ol ol,
.entry-content ul ol{
    margin-top: 10px;
    margin-left: 15px;
    list-style-type: lower-latin;
    list-style-position: inside;
}
[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;
	font-weight: inherit;
}
blockquote {
    color: #666;
	font-size: 1.5rem;
    font-style: italic;
    line-height: 1.7;
    margin: 0 0 1em;
    overflow: hidden;
    padding: 0 50px;
}
blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    margin-top: 0.5em;
}

blockquote p{
	margin: 0;
}

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;
}
big {
    font-size: 125%;
}
blockquote,
q {
    quotes: "“" "”" "‘" "’";
}

blockquote {
	position: relative;
}

blockquote::before,
blockquote::after{
	position: absolute;
    font-size: 3em;
    line-height: 1;
}

blockquote::before{
	content: open-quote;
    top: 0;
    left: 0;
}

blockquote::after {
	content: close-quote;
	bottom: 0;
	right: 1em;
}


ul.bullet {
    margin-left: 1em;
    padding-left: 1em;
    list-style-type: disc;
    list-style-position: outside;
}

ol.ord {
    list-style-type: decimal;
    list-style-position: inside;
}

ul.bullet ul,
ol.ord ul {
    margin-left: 15px;
    list-style-type: circle;
    list-style-position: inside;
}

ol.ord ol,
ul.bullet ol.ord {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}


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

.red{
	color: var(--habit-black);
}

.orange{
	color: var(--habit-orange);
}

.yellow{
	color: var(--habit-yellow);
}

.cream{
	background-color: var(--habit-white);
}

.white{
	color: #FFFFFF;
}

.bebas_hdr h1,
.bebas_hdr h2,
.bebas_hdr h3,
.bebas{
	text-transform: uppercase;
	font-family: var(--bebas);
	line-height: .9;
}

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

.sm_legal{
	font-size: .8em;
}

/* jQuery ui */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active,
.ui-widget-content{
	background-color: #ffffff;
	background-image: none;
}

.ui-widget-header {
	border: 1px solid var(--habit-poppy-orange);
	background: var(--habit-poppy-orange);
	color: var(--habit-black);
	font-family: var(--okomito);
}

.ui-datepicker .ui-datepicker-title select{
	padding: 0.2em;
	font-size: .8rem;
}

/* backgrounds */
.concrete{
	background-image: url(images/refresh/grainy-bknd.jpg);
	background-position: center top;
}

.diamond{
	background-image: url(images/backgrounds/diamond_pattern.svg);
	background-position: left top;
    background-size: 90px;
}

.back_lt_arrow{
	background-image: url(images/icons/icon-arrow-back.svg);
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: .5em;
	padding-left: .8em;
}

body{
	color: var(--habit-black);
	background-color: #FFFFFF;
	font-family: var(--okomito);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px){
	body{
		overflow: visible;
	}
}

.container{
    width: 1360px;
    padding: 0 15px;
    margin: auto;
    max-width: 100%;
}

a{
    background-color: inherit;
    color: inherit;
    text-decoration: underline;
	transition: all .3s ease-in-out;
}

a:hover{
	text-decoration-color: transparent;
}

a:hover + .red_gt{
	right: -.5em;
}

.cta,
.blog_page .entry-content .cta,
input[type=submit],
.gform_next_button,
.gform_previous_button {
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: .4em 1em;
	margin-bottom: .5em;
	-webkit-appearance: none;
	background-color: var(--habit-poppy-orange);
	border-radius: var(--cta-bord-rad);
	border: 1px solid var(--habit-poppy-orange);
	font-family: var(--okomito);
	font-size: 1.1em;
	color: var(--habit-black);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.safari_browser .cta,
.safari_browser .blog_page .entry-content .cta,
.safari_browser input[type=submit],
.safari_browser .gform_next_button,
.safari_browser .gform_previous_button {
	padding: .3em 1em .5em;
}

.cta.white{
	color: var(--habit-black);
	background-color: #ffffff;
}

.cta.rnded{
	padding: 0 .8em;
	font-size: 1.6rem;
}

svg .red_circ_bknd{
	fill: var(--habit-black);
}

.cta_ani {
	border: none;
}

.cta_ani > span{
	pointer-events: none;
}

.cta_ani .ani_txt{
	text-transform: none;
	font-weight: inherit;
}

.cta.arrow_right .ani_txt{
	display: inline-block;
	padding-right: 1em;
	background-image: url(images/icons/icon-arrow-right-black.svg);
	background-size: .4em;
	text-align: left;
}

.cta.arrow_right span{
	background-position: right center;
	background-repeat: no-repeat;
	text-align: left;
}

@media (min-width: 768px){

	.cta.arrow_right:hover .ani_txt{
		background-image: url(images/icons/icon-arrow-right-black.svg);
	}

	.cta_ani {
		background-color: var(--habit-poppy-orange);
		z-index: 10;
		overflow: hidden;
	}

	.cta_ani.white{
		background-color: #FFFFFF;
		border: 1px solid var(--habit-black);
	}

	.cta.white_bord .bknd_red{
		border: 2px solid var(--habit-black);
	}

	.cta_ani .ani_txt{
		position: relative;
			z-index: 30;
		color: var(--habit-black);
		text-align: center;
		transition: all .3s ease-in-out;
	}

	.cta_ani.white .ani_txt{
		color: var(--habit-black);
	}

	.cta_ani .bknd_red,
	.cta_ani .bknd_white{
		position: absolute;
			top: 0;
			left: 0;
		width: 100%;
		height: 100%;
		border-radius: var(--cta-bord-rad);
		transition: all .3s ease-in-out;
	}

	.cta_ani .bknd_red{
		z-index: 20;
		background-color: var(--habit-poppy-orange);
		transform: translateX(0%);
	}

	.cta_ani.white .bknd_red{
		background-color: #FFFFFF;
	}

	.cta_ani .bknd_white{
		z-index: 10;
		background-color: #FFFFFF;
		border: 1px solid var(--habit-poppy-orange);
	}

	.cta_ani.white .bknd_white{
		background-color: var(--habit-poppy-orange);
	}

	.cta_ani:not(.no_hover):hover .ani_txt,
	.cta_ani:not(.no_focus):focus .ani_txt{
		color: var(--habit-black);
	}

	.cta_ani.white:not(.no_hover):hover .ani_txt,
	.cta_ani.white:not(.no_focus):focus .ani_txt{
		color: var(--habit-black);
	}

	.cta_ani:not(.no_hover):hover .bknd_red,
	.cta_ani:not(.no_focus):focus .bknd_red{
		transform: translateX(100%);
	}

}

@media (max-width: 767px){
	
	.cta.white_bord {
		border: 2px solid var(--habit-black);
	}
}

.cta_row{
	margin-top: 1em;
}

.hdr{
    background-color: transparent;
    font-size: 2.8em;
    color: var(--habit-black);
    text-transform: uppercase;
}

.line_dec{
	display: inline-block;
	margin-bottom: 3rem;
	border-bottom: 3px solid var(--habit-poppy-orange);
	padding: 20px 0;
}

@media (min-width: 768px){

	.line_dec{
		position: relative;
		padding: 0 1em;
		background-color: #FFFFFF;
		border: none;
	}

	.line_dec::before,
	.line_dec::after{
		display: inline-block;
		position: absolute;
		top: 50%;
		z-index: 1;
		width: 100%;
		height: 5px;
		background-color: var(--habit-poppy-orange);
		font-size: 1rem;
		content:'';

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

	.line_dec::before{
		left: 100%;
	}

	.line_dec::after{
		right: 100%;
	}
}


.red_btn{
	color: var(--habit-black);
	background-color: var(--habit-poppy-orange);
	border: none;
	cursor: pointer;
	padding: 0;
	-webkit-appearance: none;
	overflow: hidden;
}

.red_gt{
	display: inline-block;
	position: relative;
		right: 0;
	width: 1.1em;
	height: 1em;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	font-size: .9em;
	transition: right .3s ease-in-out;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA2IDEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2IDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I2I0MjUyZDt9Cjwvc3R5bGU+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNS4yLDUuMiA1LjIsNS4yIDAuOCwwLjggMCwxLjYgNC40LDYgMCwxMC40IDAuOCwxMS4yIDYsNiAiLz4KPC9zdmc+Cg==");
}


/* menus */

.nav_menu li a,
.nav_menu li button{
	display: inline-block;
	padding: .25em .6em;
    font-size: 2em;
	text-transform: uppercase;
}

.nav_menu li button{
	overflow: hidden;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

/* .safari_browser .nav_menu li button{ */
/* 	margin-top: 0; */
/* } */


svg{
    width: 100%;
    height: 100%;
    transition: fill .3s ease-in-out;
}

/* svg *{ */
/* 	transition: all .3s ease-in-out; */
/* } */

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

#footer_social .social_row .social_icon {
	background-color: var(--habit-black);
	text-align: center;
}

#footer_social .social_row .social_icon svg{
	width: .9em;
	pointer-events: none;
}

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

.social_row a + a{
	margin-left: 4px;
}

.social_row a{
	border-radius: 100%;
	overflow: hidden;
}

.social_row a .soc_0{
	fill: #ffffff;
}

.social_row a .soc_1{
	fill: #ffffff;
}

@media (min-width: 768px){
	.social_row a circle,
	.social_row a path{
		transition: fill .3s ease-in-out;
	}

	.social_row a:focus-visible .red_circ_bknd,
	.social_row a:hover .red_circ_bknd{
		/* transform: translateX(100%); */
		fill: #ffffff;
	}

	.social_row a:focus-visible .soc_1,
	.social_row a:hover .soc_1{
		fill: var(--habit-black);
	}
}

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

.inverse{
	background-color: var(--habit-poppy-orange);
	color: var(--habit-black);
}

.std_img{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.upp{
	text-transform: uppercase;
}

.lwr{
	text-transform: none;
}

.tc{
	text-align: center;
}

.oh{
	overflow: hidden;
}

ul.nostyle {
	list-style-position: outside;
}

ul.nostyle li{
	list-style: none;
}

.hero_hdr{
	font-size: 5.5rem;
    line-height: .85;
}

.slide_html .cta{
	font-size: 2rem;
	padding: .2em 2em;
	margin-top: .4em;
}

.slide_html p{
	margin-bottom: 0;
}

.slide_html br{
	display: none;
}

.habit_shad{
	box-shadow: 0 0 10px 7px rgb(0 0 0 / 11%)
}

.list_sep li{
	padding: .2em .7em;
}

.scrolldown {
	display: inline-block;
	position: absolute;
	width: 45px;
	pointer-events: none;
	transition: opacity .3s ease-in-out;
}

.page-template-tpl_faq .scrolldown{
	display: none;
}

.scrolldown svg,
.scrolldown svg *{
	transition: none;
}

.scrolldown svg{
	transition: fill .3s ease-in-out;
}

.scrolldown svg .sd_bknd{
	fill: #ffffff;
	fill-opacity: 0;
	transition: fill-opacity .3s ease-in-out;
}

body.scrolled .scrolldown{
	opacity: 0;
}

@media (min-width: 768px){
	.list_sep {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.list_sep li{
		flex: 0 1 auto;
	}

	.list_sep li + li{
		border-left: 2px solid var(--habit-poppy-orange);
	}
}

@media (max-width: 767px){
	.list_sep li + li{
		border-top: 2px solid var(--habit-poppy-orange);
	}
}

@media (max-width: 1380px){
	
	.hero_hdr{
		font-size: 4rem;
	}

	.slide_html .cta{
		font-size: 1.5rem;
	}
}

@media (max-width: 1000px){

	.hero_hdr{
		font-size: 3rem;
	}

	.slide_html .cta{
		font-size: 1rem;
	}
}

@media (max-width: 768px){

	.hero_hdr{
		font-size: 5rem;
	}

	.slide_html .cta{
		font-size: 1.5rem;
	}
}

@media (max-width: 500px){

	.hero_hdr{
		font-size: 3.5rem;
	}

	.slide_html .cta{
		font-size: 1.5rem;
	}
}

@media (max-width: 350px){
	
	.hero_hdr{
		font-size: 2rem;
	}

}

@media (min-width: 768px){
	.nowrp {
		white-space: nowrap;
	}
}

.tl{
	text-align: left;
}

.tr{
	text-align: right;
}

.hide{
	display: none !important;
}

.bold{
	font-weight: bold;
}

.close_x{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZm9jdXNhYmxlPSJmYWxzZSI+IAo8cmVjdCB4PSIwIiB5PSIxOC45IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDIzLjIzMjIgLTExLjA4NzYpIiB3aWR0aD0iNTAiIGhlaWdodD0iNy4zIi8+CjxyZWN0IHg9IjAiIHk9IjE4LjkiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTguNTg3NiAyNC4yNjc4KSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjcuMyIvPgo8L3N2Zz4K");
	background-color: transparent;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 1em;
	height: 1em;
	font-size: 1rem;
}

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

@media (max-width: 767px){ 

    .desktop_only{
        display: none !important;
    }
}

.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;
	color: var(--habit-black);
	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: .8em;
}


.mobile_drop_nav button::after,
button.expand_btn::after,
.dropdown_wrap button.dropdwn_dwnar::after{
	display: inline-block;
	position: absolute;
		top: 30%;
		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: .5em;
	content:'';
	transition: transform .2s ease-in-out;
	transform-origin: center;

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


.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;
}

@media (max-width: 430px){

	button.expand_btn::after{
		top: .2em;
		font-size: .6em;
	}
}

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

.safari_browser .mobile_drop_nav button::after{
	top: .4em;
}

.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: 30%;
		transition: none;
	}
}

.dropdown_wrap .dropselector_toggle{
	width: 100%;
	padding: .3em 1em;
	background-color: var(--habit-poppy-orange);
	background-image: url(images/icons/icon-arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 24px;
	border-radius: 6px;
	box-shadow: 0 0 13px 6px rgb(0 0 0 / 13%);
	font-size: 2rem;
	color: var(--habit-black);
	text-align: center;
}

@media (max-width: 767px){
	
	.dropdown_wrap .dropselector_toggle{
		font-size: 1.7rem;
		padding: .3em 1.5em;
	}
}

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

.dropdown_wrap .dropselect a,
.dropdown_wrap .dropselect button{
	font-size: 1.3rem;
	text-decoration: none;
}

/* flex utilities */

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

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

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

.flx{
	display: flex;
}

.flx_wrp{
	flex-wrap: wrap;
}

.flx_jsb{
    justify-content: space-between;
}

.flx_jcent{
    justify-content: center;
}

.flx_acent{
	align-items: center;
}

.flx_right{
	justify-content: flex-end;
}

.flx_half{
    flex: 0 0 50%;
}

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

.flx_col_center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* ===================== scroll bars ===================== */

/* FF */
html {
	scrollbar-color: #919191 #fff;
	scrollbar-width: 16px;
}

html::-webkit-scrollbar {
	width: 16px;
	height: 16px
}

html::-webkit-scrollbar-thumb {
	background-color: #919191
}

.habit_scroll::-webkit-scrollbar {
	width: 10px;
}

.habit_scroll::-webkit-scrollbar-track {
	background-color: #bbb;
}

.habit_scroll::-webkit-scrollbar-thumb {
	background-color: var(--habit-poppy-orange);
	border-radius: 7px;
}

/* ===================== Loader ===================== */

.loader.hide{
    display: none;
}

.loader {
    position: absolute;
        top: 30%;
	    left: 50%;
    width: 1em;
    height: 1em;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 1.3em;
	color: var(--habit-fresh-green);
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;

            transform: translateZ(0);
}

@-webkit-keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }
@keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }


/* ===================== Mobile Toggle ===================== */


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

#toggle_menu{
    background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxyZWN0IHdpZHRoPSI1MCIgaGVpZ2h0PSI3LjMiLz4KPHJlY3QgeT0iMTguOSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjcuMyIvPgo8cmVjdCB5PSIzNy43IiB3aWR0aD0iNTAiIGhlaWdodD0iNy4zIi8+Cjwvc3ZnPgo=");
}

#close_menu{
    background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZm9jdXNhYmxlPSJmYWxzZSI+IAo8cmVjdCB4PSIwIiB5PSIxOC45IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDIzLjIzMjIgLTExLjA4NzYpIiB3aWR0aD0iNTAiIGhlaWdodD0iNy4zIi8+CjxyZWN0IHg9IjAiIHk9IjE4LjkiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTguNTg3NiAyNC4yNjc4KSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjcuMyIvPgo8L3N2Zz4K");
}

#toggle_menu,
#close_menu{
	cursor: pointer;
}

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

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

#mobile_header{
	display: none;
	position: static;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}


#mobile_menu{
    position: absolute;
	    z-index: 15;
    width: 100%;
    padding: 25px 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,
#mobile_menu > nav,
#mobile_menu > .social_row{
	opacity: 0;
}

#mobile_menu.show,
#mobile_menu.show > nav,
#mobile_menu.show > .social_row{
	opacity: 1;
    pointer-events: auto;
}

#mobile_menu .nav_menu li a,
#mobile_menu .nav_menu li button{
	width: auto;
	padding: 0;
	border-bottom: 2px solid transparent;
	font-size: 2.4em;
	text-decoration: none;
}

#mobile_menu .nav_menu li a:not(.cta),
#mobile_menu .nav_menu li button{
	color: var(--habit-black);
}

#mobile_menu .nav_menu .current-menu-item > a{
	border-color: var(--habit-poppy-orange);
}

#mobile_menu .nav_menu .dropdown_wrap{
	display: block;
}

#mobile_menu .nav_menu .dropdown_wrap button{
	padding: 0 .8em 0 0;
	margin-right: -.8em;
}

#mobile_menu .nav_menu .dropdown_wrap li{
	margin-bottom: .5em;
}

#mobile_menu .nav_menu .sub-menu{
	left: 50%;
	max-width: 97vw;
	padding-top: 1em;
	border: 1px solid #999;
	font-size: .7em;

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

	position: static;
    transform: none;
    left: 0;
    border: none;
    margin: auto;
	padding: 1em 0;
}

#mobile_menu .nav_menu .nav_cta .cta{
	width: auto;
    padding: .2em 2em;
}

#mobile_menu .nav_menu li.order_online a{
	display: inline-block;
	padding: .2em .6em;
	margin-top: 1em;
	border-radius: var(--cta-bord-rad);
	font-size: 2em;
	text-transform: none;
}

@media (max-height: 675px){
	#mobile_menu {
		font-size: .8rem;
	}
}

@media (max-height: 545px){
	#mobile_menu {
		font-size: .5rem;
	}
}

#mob_hdr_group{
	display: grid;
	position: relative;
    z-index: 20;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
}

#mob_hdr_group > div {
	display: flex;
	justify-content: center;
	align-items: center;
}

#mob_hdr_group .toggle_wrap{
	justify-content: flex-start;
    padding-left: 36px;
}

#mob_hdr_group .login_loc a{
	text-decoration: none;
	padding: 0 10px;
}

#mob_hdr_group .login_loc img{
	width: auto;
	height: 34px;
	max-width: none;
}

.mobile_logo{
    display: inline-block;
    position: relative;
	    z-index: 30;
	width: 108px;
}

.slide_down #mobile_menu{
    opacity: 1;

     -webkit-transform: translate(0%,-100%);
             transform: translate(0%,-100%);
    -webkit-transition: transform .3s ease-in-out;
    transition:         transform .3s ease-in-out;
}

.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 15px 13px rgba(0, 0, 0, 0.05);
}

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


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

header{
	position: -webkit-sticky;
	position: sticky;
		top: 0;
		z-index: 100;
	box-shadow: 0 0 9px 1px rgb(0 0 0 / 38%);
}

header a{
	font-family: var(--bebas);
}

#header_top{
    height: 57px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

#primary_nav{
	background-color: #FFFFFF;
	padding: 12px 0 10px;
}

#primary_nav .container{
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	width: 1245px;
}

.logo_wrap{
    width: 100%;
    height: 0;
    padding-top: 90%;
}

#primary_nav #main_logo {
	display: inline-block;
	flex: 0 1 122px;
}

#primary_nav #main_logo img{
	display: block;
	width: 100%;
}

#primary_nav .nav_links{
	flex: 0 1 auto;
    font-size: .75rem;
}

#primary_nav .primary_menu {
	display: flex;
	align-items: center;
	padding-left: 1.3em;
}

#primary_nav .primary_menu a,
#primary_nav .primary_menu button{
	line-height: 1.3rem;
}

#primary_nav .primary_menu .menu-item a{
	padding: .25em 0;
	margin: 0 .6em;
	border-bottom: 2px solid transparent;
	text-decoration: none;
}

#primary_nav .primary_menu a:hover,
#primary_nav .primary_menu a:focus,
#primary_nav .primary_menu .current-menu-item a{
	border-color: var(--habit-poppy-orange);
}

#primary_nav .primary_menu .log_in{
	flex: 1 1 auto;
	padding: 0 2em 0 5em;
	text-align: right;
}

#primary_nav .primary_menu .log_in a{
	display: inline-flex;
	align-items: center;
	font-size: 1.25em;
	text-decoration: none;
}

#primary_nav .primary_menu .log_in a svg{
	width: 2em;
    margin-right: 0.6em;
	border-radius: 100%;
    overflow: hidden;
}

#primary_nav .primary_menu .log_in a svg *{
	transition: all .3s ease-in-out;
}

/* sub menus */
#primary_nav .primary_menu .sub-menu{
	display: none;
	top: calc(100% + 2em);
	z-index: 10;
	align-items: center;
	width: auto;
	padding: .5em 10px;
	background-color: #ffffff;
	box-shadow: 7px 0px 14px 1px rgb(0 0 0 / 15%);

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

#primary_nav .primary_menu .franch .sub-menu{
	transform: translate(-55%,0%);
}

#primary_nav .primary_menu .sub-menu.reveal{
	display: flex;
}

#primary_nav .primary_menu .sub-menu li{
	flex: 1 1 auto;
}

#primary_nav .primary_menu .sub-menu li a{
	white-space: nowrap;
}

#primary_nav .primary_menu .sub-menu li:not(.nav_cta) a{
	position: relative;
	padding: .4em .6em;
	margin: 0;
	border: none;
	font-family: var(--okomito);
	font-size: 1.28em;
	color: var(--habit-black);
	font-weight: 900;
	line-height: 1;
	text-transform: none;
}

#primary_nav .primary_menu .sub-menu li:not(.nav_cta) a::after{
	display: inline-block;
	position: absolute;
		bottom: 0;
		left: 50%;
		z-index: 1;
	width: calc(100% - 1.2em);
	height: 2px;
	background-color: transparent;
	content:'';
	transform: translateX(-50%);
	transition: background-color .3s ease-in-out;
}

#primary_nav .primary_menu .sub-menu li:not(.nav_cta) a:hover::after,
#primary_nav .primary_menu .sub-menu li:not(.nav_cta) a:focus::after,
#primary_nav .primary_menu .sub-menu li.current-menu-item:not(.nav_cta) a::after{
	background-color: var(--habit-poppy-orange);
}

#primary_nav .primary_menu .sub-menu li a{
	font-size: 1em;
}

#primary_nav .primary_menu .sub-menu li + li:not(.nav_cta) a{
	border-left: 2px solid var(--habit-poppy-orange);
}

#primary_nav .primary_menu .sub-menu li.nav_cta{
	display: flex;
	justify-content: center;
	align-items: center;
}

#primary_nav .primary_menu .sub-menu li.nav_cta a{
	width: auto;
	padding: .3em 1.5em .3em;
	margin-bottom: 0;
	margin-left: 10px;
	border: none;
}

#primary_nav .primary_menu .menu-item-has-children{
	position: relative;
}

#primary_nav .primary_menu .menu-item-has-children.reveal::after{
	display: inline-block;
	position: absolute;
		top: calc(100% + .2em);
		left: 0;
		z-index: 10;
	width: 1em;
	height: .5em;
	background-image: url(images/misc/drop-wedge.png);
	background-size: contain;
	font-size: 3em;
	content:'';
}

.log_in a:focus .red_circ_bknd,
.log_in a:hover .red_circ_bknd{
	transform: translateX(100%);
}

.log_in a:focus .login_ico_fore,
.log_in a:hover .login_ico_fore{
	fill: var(--habit-black);
}

.nav_menu li.order_online a{
	display: block;
	padding: .5em 1.2em;
	margin-bottom: 0;
	border-radius: var(--cta-bord-rad);
	font-size: 1.5em;
	color: var(--habit-black);
}

.nav_menu li.order_online a .bknd_red,
.nav_menu li.order_online a .bknd_white{
	border-radius: var(--cta-bord-rad);
}

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

	#primary_nav .nav_links{
		font-size: .67rem;
	}
}

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

	#primary_nav #main_logo{
		width: 13vw;
	}

	#primary_nav .nav_links{
		font-size: .5em;
	}

	#primary_nav .primary_menu .log_in a{
		font-size: 1.5em;
	}

}

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

	#primary_nav .nav_links{
		font-size: .44rem;
	}

	.dropdown_wrap button.dropdwn_dwnar::after{
		top: 1.4em;
	}

	#primary_nav .primary_menu .log_in{
		padding: 0 2em 0 3em;
	}
}

@media (max-width: 767px){ 

    header{
		width: 100%;
		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;
    }
}

/* App Banner */

#app_banner_wrap{
	display: none;
	position: -webkit-sticky;
	position: sticky;
		top: 0;
		z-index: 200;
	padding: 20px 15px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px){
	
	#app_banner_wrap.active{
		display: block;
	}
}

#app_modal_dismiss{
	flex: 0 0 32px;
	height: 50px;
	overflow: hidden;
	padding: 0 6% 0 0;
	-webkit-appearance: none;
	background-color: transparent;
	background-position: left;
	background-size: 16px;
	border: none;
	font-size: 1rem;
	cursor: pointer;
}

#app_banner_content{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#app_banner_content .logo{
	flex: 0 0 72px;
	padding: 2.8% 1%;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 0 10px 7px rgb(0 0 0 / 11%);
}

#app_banner_content .copy{
	padding: 0 1em;
	font-size: 1em;
	line-height: 1;
	flex: 1 1 auto;
}

#app_banner_content .copy .bebas{
	font-size: 1.4em;
}


@media (max-width: 500px){
	
	#app_banner_content .logo{
		flex: 0 0 58px;
	}

	#app_banner_content .copy{
		font-size: .8rem;
	}

	#app_banner_content .cta.rnded{
		font-size: 1.2rem;
	}
}



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

#so_cta {
	position: fixed;
		bottom: 0;
		z-index: 10;
	padding: 0;
	width: 100%;
}

#so_cta .cta{
	display: block;
	width: 100%;
	padding: 0.5em 1em;
	margin: 0;
	border-radius: 0;
	border-top: 1px solid var(--habit-white);
	font-size: 1.4rem;
}

footer{
	position: relative;
		z-index: 1;
	padding: 15px 43px 50px;
	box-shadow: 0px -6px 14px 4px rgb(0 0 0 / .07);
	font-family: var(--bebas);
	font-size: 1rem;
	text-transform: uppercase;
}

footer .container{
	width: 1230px;
}

footer #top_line{
	display: grid;
	grid-template-columns: 367px 1.1fr 1.1fr 1fr;
}

footer #top_line > div{
	/* margin-top: 1em; */
	padding-left: 20px;
    padding-right: 20px;
}

footer #top_line .xtra_top{
	padding-top: 1.5em;
}

footer #footer_social{
	grid-area: 2 / 2 / 3 / 3;
}

footer #top_line h2{
	font-size: 1.2em;
    margin-bottom: .5em;
	line-height: 1.2;
}

footer #top_line h2 .yorkten{
	font-family: var(--okomito);
	font-size: .8em;
}

footer .app_links{
	justify-content: flex-start;
	color: var(--habit-black);
}

footer #top_line #join{
	width: 200px;
}

footer #top_line.has_accolade #footer_menu{
	grid-area: 1 / 1 / 3 / 2;
	padding-top: 20px;
}

footer #top_line.has_accolade .accolade_badge{
	grid-area: 1 / 4 / 3 / 5;
}

@media (min-width: 1201px){
	
	footer #top_line.has_accolade .accolade_badge .landscape{
		display: none;
	}

	footer #top_line.has_accolade .accolade_badge .portrait{
		width: 180px;
	}
}

@media (max-width: 1200px){
	
	footer #top_line.has_accolade .accolade_badge .portrait{
		display: none;
	}

	footer #top_line.has_accolade .accolade_badge{
		grid-area: 2 / 3 / 3 / 4;
	}
}

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

	footer #top_line.has_accolade .accolade_badge{
		text-align: left;
	}
}

#footer_menu {
	position: relative;
}

#footer_menu ul a,
#footer_menu ul button{
	width: 100%;
	padding: .15em .6em;
	font-family: var(--bebas);
	font-size: 1.6em;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: border-color .3s ease-in-out;
}

footer #footer_menu .nav_menu > li:last-child a,
footer #footer_menu .sub-menu > li:last-child a{
	border: none;
}

#footer_menu .sub-menu{
	display: none;
	position: absolute;
		top: 0;
		left: 53%;
		z-index: 1;	
	padding-left: 10px;
	border-left: 1px solid #fff;
}

footer #footer_menu .nav_menu{
	width: 50%;
	min-height: 232px;
}

footer #footer_menu .nav_menu > li.menu-item-has-children{
	background-repeat: no-repeat;
	background-position: right top 1em;
	background-size: 12px;
	/* background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTAuNSIgaGVpZ2h0PSI2LjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwLjUgNi42Ij4KCTxwYXRoIGQ9Ik0xMCwxLjVMOC45LDAuM0w1LjIsNEwxLjUsMC4zTDAuNCwxLjVsNC44LDQuOEwxMCwxLjV6IE0xMCwxLjUiIGZpbGw9IiNiNDI1MmQiLz4KPC9zdmc+Cg=="); */
	background-image: url(images/icons/icon-arrow-down.svg);
}

footer #footer_menu .nav_menu > li.menu-item-has-children.active{
	/* background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuNSIgaGVpZ2h0PSI2LjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDUuMiAzLjMpIiA+CiAgIDxwYXRoIGQ9Im0xMCwxLjVsLTEuMSwtMS4ybC0zLjcsMy43bC0zLjcsLTMuN2wtMS4xLDEuMmw0LjgsNC44bDQuOCwtNC44em0wLDAiIGZpbGw9IiNiNDI1MmQiIC8+CiAgPC9nPgo8L3N2Zz4K"); */
	background-image: url(images/icons/icon-arrow-up.svg);
	background-size: 15px;
	border-color: #fff;
}

footer #footer_menu .nav_menu li.active .sub-menu{
	display: block;
}

footer #footer_menu .nav_menu li .sub-menu {
	font-size: .8em;
	padding-top: 20px;
}

#copyright{
    clear: both;
    margin-top: 20px;
    text-align: center;
}

#copyright .copyright{
	margin-bottom: .5em;
}

footer #footer_legal .nav_menu li{
	margin-bottom: .5em;
}

footer #footer_legal .nav_menu a {
	font-size: 1rem;
	padding: 0 .5em;
}

footer #footer_legal .careers{
	display: none;
}

@media (min-width: 768px){

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

	#footer_menu ul a,
	#footer_menu ul button{
		background-image: url(images/refresh/line-divider.png);
		background-size: 10px;
		background-position: left bottom;
		background-repeat: repeat-x;
	}

	footer #footer_legal .nav_menu li + li a {
		border-left: 1px solid #fff;
	}

	footer #footer_legal .nav_menu li + li.pipe_break a{
		border-color: transparent
	}

	footer #footer_legal .nav_menu li.pipe_break ~ li.pipe_break a{
		border-color: #fff;
	}

	footer #footer_legal .nav_menu li + li.pipe_break_two a{
		border-color: transparent
	}

	footer #footer_legal .nav_menu li.pipe_break_two ~ li.pipe_break_two a{
		border-color: #fff;
	}
}

.page-template-tpl_faq.faqs footer #footer_legal .careers,
.page-template-page-who-we-are footer #footer_legal .careers,
.page-template-page-career-path footer #footer_legal .careers,
.page-template-tpl_legal footer #footer_legal .careers,
.page-template-page-careers footer #footer_legal .careers{
	display: block;
}

#dbc_logo {
    text-align: center;
	margin: 6em auto 1em;
}

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

@media (max-width: 1350px){
	
	footer #top_line{
		grid-template-columns: 367px 1fr 1fr;
	}

	#footer_menu{
		grid-area: 1 / 1 / 3 / 2;
	}
}

@media (max-width: 1020px){

	footer #top_line{
		grid-template-columns: 1.2fr 1fr;
	}

	#footer_menu{
		grid-area: 1 / 1 / 4 / 2;
	}

	footer #top_line > div{
		margin-bottom: 1em;
	}

	footer #top_line.has_accolade #footer_menu{
		grid-area: 1 / 1 / 4 / 2;
	}

	footer #top_line.has_accolade .accolade_badge{
		grid-area: 4 / 1 / 5 / 3;
	}
}

@media (max-width: 767px){

	footer {
		padding: 30px 10px 100px;
		margin-bottom: 0;
	}

	footer #top_line{
		text-align: center;
		grid-template-columns: 1fr;
	}

	footer #top_line .app_links{
		display: inline-flex;
	}

	footer #top_line #footer_social{
		grid-area: 1 / 1 / 2 / 2;
	}

	#footer_menu{
		grid-area: 2 / 1 / 3 / 2;
	}

	footer #footer_menu .nav_menu li .sub-menu{
		padding-top: 6px;
	}

	footer #top_line.has_accolade #footer_menu{
		grid-area: 2 / 1 / 3 / 2;
		margin-bottom: 20px;
	}

	footer #top_line.has_accolade .accolade_badge{
		grid-area: auto;
	}

	footer #footer_menu .nav_menu{
		width: 100%;
	}

	footer #top_line h2{
		font-size: 1.7em;
	}

	footer #top_line #join h2{
		width: 300px;
		max-width: 77vw;
		margin: 0 auto .5em;
	}

	footer #footer_menu .nav_menu li.active .sub-menu{
		position: static;
		width: 95%;
		margin: 0 0 0 auto;
		border: none;
	}

	footer #footer_menu .nav_menu > li.menu-item-has-children{
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuNSIgaGVpZ2h0PSI2LjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPGcgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDUuMiAzLjMpIiA+CiAgIDxwYXRoIGQ9Im0xMCwxLjVsLTEuMSwtMS4ybC0zLjcsMy43bC0zLjcsLTMuN2wtMS4xLDEuMmw0LjgsNC44bDQuOCwtNC44em0wLDAiIGZpbGw9IiMyNjI2MjYiIC8+CiAgPC9nPgo8L3N2Zz4=");
		background-size: 15px;
	}

	footer #footer_menu .nav_menu > li.menu-item-has-children.active{
		background-size: 12px;
		background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTAuNSIgaGVpZ2h0PSI2LjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwLjUgNi42Ij4KCTxwYXRoIGQ9Ik0xMCwxLjVMOC45LDAuM0w1LjIsNEwxLjUsMC4zTDAuNCwxLjVsNC44LDQuOEwxMCwxLjV6IE0xMCwxLjUiIGZpbGw9IiMyNjI2MjYiLz4KPC9zdmc+");
	}

	footer #footer_menu .nav_menu li a,
	footer #footer_menu .nav_menu li button{
		background-image: url(images/refresh/line-divider.png);
		background-size: 10px;
		background-position: left bottom;
		background-repeat: repeat-x;
		color: var(--habit-black);
	}

	footer #footer_menu .nav_menu .sub-menu li:last-child{
		border: none;
	}

	#footer_menu ul a,
	#footer_menu ul button{
		padding: .3em .6em;
	}

	footer #top_line #join{
		width: auto;
		grid-area: 3 / 1 / 4 / 2;
	}

	footer #top_line #join .nowrp{
		white-space: nowrap;
	}

	footer #top_line h2 .yorkten{
		font-size: .7em;
	}

	footer #footer_legal .nav_menu a{
		padding: 0 .5em;
	}

	footer #footer_legal .nav_menu a,
	#copyright .copyright{
		font-size: 1.2rem;
	}

}

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

.resp_slider{
    opacity: 0;
	margin-bottom: 0;
    -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
}

.resp_slider.show,
.resp_slider.slick-initialized{
    opacity: 1;
}

.slick-arrow{
	position: absolute;
		top: 50%;
		z-index: 10;
	width: 1em;
	height: 1em;
	overflow: hidden;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: .3em;
	border-radius: 100%;
	border: none;
	font-size: 2.3em;
	cursor: pointer;

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

	transition: all .3s ease-in-out;
}

.slick-arrow:hover{
	box-shadow: 0 0 12px 0 rgb(0 0 0 / 40%);
}

.slick-arrow:focus-visible{
	outline: 2px solid var(--habit-poppy-orange);
}

.slick-slide{
    position: relative;
}

.lt_arrow {
    left: 50px;
}

.rt_arrow{
    right: 50px;
}

.circle_arrows .slick-arrow:focus-visible{
	outline: 3px dotted #000000;
}

.slick-arrow svg{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	width: 34%;
	transition: left .3s ease-in-out;
	pointer-events: none;

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

.slick-arrow.rt_arrow svg{
	-webkit-transform: translate(-40%,-50%);
	        transform: translate(-40%,-50%);
}

.circle_arrows .slick-arrow .slide_arrow{
	fill: var(--habit-black);
}

.black_arrows .slick-arrow,
.outline_arrows .slick-arrow{
	box-shadow: none;
	background-size: .5em;
}

.black_arrows .slick-arrow svg *,
.outline_arrows .slick-arrow svg *{
	transition: none;
}

.outline_arrows .slick-arrow{
	font-size: 3.8em;
	fill: #FFFFFF;
}


@media (min-width: 768px){
	.outline_arrows .lt_arrow:hover svg,
	.circle_arrows .lt_arrow:hover svg{
		left: 43%;
	}

	.outline_arrows .rt_arrow:hover svg,
	.circle_arrows .rt_arrow:hover svg{
		left: 57%;
	}
}

@media (max-width: 767px){
	
	.lt_arrow {
		left: 10px;
	}

	.rt_arrow {
		right: 10px;
	}

	.slick-arrow{
		font-size: 3em;
	}
}

.slick-dots {
	bottom: 0;
	left: 50%;
	width: auto;

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

.slick-dots li {
	width: auto;
	height: auto;
	margin: 0 .5em 0 0;
	font-size: 1.5rem;
}

.slick-dots li button{
	width: 1em;
	height: 1em;
	margin: 0;
	background-color: #ffffff;
	border-radius: 100%;
	border: 2px solid var(--habit-black);
	font-size: .65em;
}

.slick-dots li button:focus-visible{
	outline: 3px dotted #000;
}

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

.slick-dots li button .slick-dot-icon{
	display: none;
}

.slider_wrap{
	position: relative;
}

.control_buttons, .rsvp_control_button{
    position: absolute;
        bottom: 11px;
	    left: 25px;
	    z-index: 10;
}

.control_buttons .ctrl_btn, .rsvp_control_button .ctrl_btn{
    width: 1em;
    height: 1em;
    font-size: 1rem;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
    overflow: hidden;
}


.control_buttons .ctrl_btn.play, .rsvp_control_button .ctrl_btn.play{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjRkZGIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyIDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMiwwLjcgMiwxMS4zIDEwLDYgIi8+Cjwvc3ZnPgo=");
}

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

#hbg_slider_home .control_buttons .ctrl_btn{
	font-size: 1.5rem;
}

#hbg_slider_home .control_buttons .ctrl_btn.play{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMjYyNjI2IiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyIDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMiwwLjcgMiwxMS4zIDEwLDYgIi8+Cjwvc3ZnPgo=");
}

#hbg_slider_home .control_buttons .ctrl_btn.pause{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIyNjI2MjYiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cmVjdCB4PSIyNy41IiB5PSIyNiIgd2lkdGg9IjE3IiBoZWlnaHQ9IjczIi8+Cgk8cmVjdCB4PSI1NS41IiB5PSIyNiIgd2lkdGg9IjE3IiBoZWlnaHQ9IjczIi8+CjwvZz4KPC9zdmc+Cg==");
}

.control_buttons .ctrl_btn.mute_btn{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iODMuNCIgaGVpZ2h0PSI1My4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDgzLjQgNTMuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODMuNCA1My4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0RBMjkxQzt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01MC4zLDYuOGMtMC4zLTAuMi0wLjctMC4xLTEsMC4xbC02LjcsNS40TDQxLDEzLjVsLTAuOCwwLjdoLTEuMWgtMC40aC0yLjJIMzZjLTAuNiwwLTEuMSwwLjMtMS40LDAuNwoJQzM0LjIsMTUuMSwzNCwxNS41LDM0LDE2djcuNGMwLDEsMC44LDEuOSwxLjksMS45aDQuM2w5LjEsNy4yYzAuMiwwLjEsMC40LDAuMiwwLjYsMC4yYzAuMSwwLDAuMywwLDAuNC0wLjEKCWMwLjMtMC4xLDAuNS0wLjUsMC41LTAuOHYtMXYtMi4zdi0xLjZ2LTF2LTIuNnYtNC41VjcuNkM1MC44LDcuMiw1MC42LDYuOSw1MC4zLDYuOHoiLz4KPC9zdmc+Cg==");
	background-size: 53px;
    background-position: center 8px;
}

.control_buttons .ctrl_btn.muted{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iODMuNCIgaGVpZ2h0PSI1My4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDgzLjQgNTMuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODMuNCA1My4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0RBMjkxQzt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDkuNyw3LjZjMC0wLjQtMC4yLTAuNy0wLjUtMC44Yy0wLjMtMC4yLTAuNy0wLjEtMSwwLjFsLTguMyw2LjZsOS44LDkuOFY3LjZ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTU1LDMxLjJMMzAuOCw2LjljLTAuNC0wLjQtMS0wLjQtMS4zLDBjLTAuNCwwLjQtMC40LDEsMCwxLjNsNS45LDUuOWgtMC41Yy0wLjYsMC0xLjEsMC4zLTEuNCwwLjcKCQkJYy0wLjQsMC4zLTAuNiwwLjctMC42LDEuMnY3LjRjMCwxLDAuOCwxLjksMS45LDEuOWg0LjNsOS4xLDcuMmMwLjIsMC4xLDAuNCwwLjIsMC42LDAuMmMwLjEsMCwwLjMsMCwwLjQtMC4xCgkJCWMwLjMtMC4xLDAuNS0wLjUsMC41LTAuOHYtMy4zbDQsNGMwLjIsMC4yLDAuNCwwLjMsMC43LDAuM3MwLjUtMC4xLDAuNy0wLjNDNTUuNCwzMi4xLDU1LjQsMzEuNSw1NSwzMS4yeiIvPgoJPC9nPgo8L3N2Zz4K");
}

.control_buttons .ctrl_btn.cc_btn{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iODMuNCIgaGVpZ2h0PSI1My4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDgzLjQgNTMuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODMuNCA1My4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0RBMjkxQzt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTMyLjUsMTQuNGMzLjEsMCw1LjQsMC45LDcuNSwyLjljMC4zLDAuMiwwLjMsMC42LDAsMC45bC0yLjQsMi41Yy0wLjIsMC4yLTAuNSwwLjItMC44LDAKCQljLTEuMi0xLTIuNi0xLjYtNC4yLTEuNmMtMy41LDAtNi4xLDIuOS02LjEsNi40YzAsMy40LDIuNiw2LjMsNi4xLDYuM2MxLjUsMCwzLTAuNSw0LjEtMS41YzAuMi0wLjIsMC42LTAuMiwwLjgsMGwyLjQsMi42CgkJYzAuMiwwLjIsMC4yLDAuNiwwLDAuOWMtMi4xLDItNC43LDMtNy41LDNjLTYuMiwwLTExLjItNC45LTExLjItMTEuMUMyMS4zLDE5LjQsMjYuMiwxNC40LDMyLjUsMTQuNHoiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01My4yLDE0LjRjMy4xLDAsNS40LDAuOSw3LjUsMi45YzAuMywwLjIsMC4zLDAuNiwwLDAuOWwtMi40LDIuNWMtMC4yLDAuMi0wLjUsMC4yLTAuOCwwCgkJYy0xLjItMS0yLjYtMS42LTQuMi0xLjZjLTMuNSwwLTYuMSwyLjktNi4xLDYuNGMwLDMuNCwyLjYsNi4zLDYuMSw2LjNjMS41LDAsMy0wLjUsNC4xLTEuNWMwLjItMC4yLDAuNi0wLjIsMC44LDBsMi40LDIuNgoJCWMwLjIsMC4yLDAuMiwwLjYsMCwwLjljLTIuMSwyLTQuNywzLTcuNSwzYy02LjIsMC0xMS4yLTQuOS0xMS4yLTExLjFDNDIsMTkuNCw0NywxNC40LDUzLjIsMTQuNHoiLz4KPC9nPgo8L3N2Zz4K");
	background-size: 50px;
}

.control_buttons .ctrl_btn.cc_btn.nocc{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iODMuNCIgaGVpZ2h0PSI1My4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDgzLjQgNTMuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODMuNCA1My4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0RBMjkxQzt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qye2ZpbGw6I0ZGRkZGRjtzdHJva2U6I0RBMjkxQztzdHJva2Utd2lkdGg6MC43Nzc7c3Ryb2tlLW1pdGVybGltaXQ6OS45OTk5O30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzIuNSwxNC40YzMuMSwwLDUuNCwwLjksNy41LDIuOWMwLjMsMC4yLDAuMywwLjYsMCwwLjlsLTIuNCwyLjVjLTAuMiwwLjItMC41LDAuMi0wLjgsMAoJCWMtMS4yLTEtMi42LTEuNi00LjItMS42Yy0zLjUsMC02LjEsMi45LTYuMSw2LjRjMCwzLjQsMi42LDYuMyw2LjEsNi4zYzEuNSwwLDMtMC41LDQuMS0xLjVjMC4yLTAuMiwwLjYtMC4yLDAuOCwwbDIuNCwyLjYKCQljMC4yLDAuMiwwLjIsMC42LDAsMC45Yy0yLjEsMi00LjcsMy03LjUsM2MtNi4yLDAtMTEuMi00LjktMTEuMi0xMS4xQzIxLjMsMTkuNCwyNi4yLDE0LjQsMzIuNSwxNC40eiIvPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTUzLjIsMTQuNGMzLjEsMCw1LjQsMC45LDcuNSwyLjljMC4zLDAuMiwwLjMsMC42LDAsMC45bC0yLjQsMi41Yy0wLjIsMC4yLTAuNSwwLjItMC44LDAKCQljLTEuMi0xLTIuNi0xLjYtNC4yLTEuNmMtMy41LDAtNi4xLDIuOS02LjEsNi40YzAsMy40LDIuNiw2LjMsNi4xLDYuM2MxLjUsMCwzLTAuNSw0LjEtMS41YzAuMi0wLjIsMC42LTAuMiwwLjgsMGwyLjQsMi42CgkJYzAuMiwwLjIsMC4yLDAuNiwwLDAuOWMtMi4xLDItNC43LDMtNy41LDNjLTYuMiwwLTExLjItNC45LTExLjItMTEuMUM0MiwxOS40LDQ3LDE0LjQsNTMuMiwxNC40eiIvPgo8L2c+CjxnPgoJPHJlY3QgeD0iMTQiIHk9IjI1LjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTY1NiAtMC4yNiAwLjI2IDAuOTY1NiAtNS40MzcgMTEuNDgzMSkiIGNsYXNzPSJzdDIiIHdpZHRoPSI1My41IiBoZWlnaHQ9IjEuNiIvPgo8L2c+Cjwvc3ZnPgo=");
}

#hero_slider .slick-dots{
	bottom: 15px;
	left: 82px;
	width: auto;

	-webkit-transform: none;
	        transform: none;
}

.home_slide {
	position: relative;
}

.home_slide img{
	position: relative;
		z-index: 1;
	width: 100%;
	height: 41.9vw;
	object-fit: cover;
}

.home_slide .slide_html {
	position: absolute;
	z-index: 5;
}

@media (min-width: 768px){

	.home_slide .slide_html {
		top: 50%;
		left: 0;
		padding: 0 130px;

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

@media (max-width: 1200px){
	
	.home_slide img{
		height: 63.9vw;
	}
}

@media (max-width: 767px){
	
	.home_slide img{
		height: 138.9vw;
	}

	.home_slide .slide_html {
		top: 0;
		left: 50%;
		width: 100%;
		max-width: calc(100% - 130px);
		padding: 35px 0;

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

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

main{
	overflow: hidden;
}

#primary{
	position: relative;
		z-index: 5;
	min-height: 600px;
}

#primary.lightbox_enabled{
	z-index: 500;
}

.page_header{
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 200px;
}

.page_header h1{
	position: relative;
		z-index: 1;
	font-size: 5rem;
	text-align: center;
	text-transform: uppercase;
}

.page_header.has_img{
    height: 400px;
}

.page_header.has_img h1{
    color: #FFF;
}

.default_page .container{
	width: 1000px;
}

.default_page h1.hdr{
	margin: 1em 10px;
}

.default_page .page-content{
	padding-bottom: 75px;
}

.default_page .page_header {
	height: auto;
	min-height: 0;
}

.default_page .page_header img.dyn_image{
	margin: auto;
}

.default_page .page_header.has_hero h1{
	color: #FFFFFF;
}


@media (max-width: 767px){
    #content{
        margin-top: 0;
    }
}

.std_copy a:not(.cta){
	/* background-color: var(--habit-fresh-green); */
	padding: 0 .2em;
}

.std_copy {
	line-height: 1.3;
}

.std_copy p,
.std_copy ul,
.std_copy ol{
	margin-bottom: 1em;
    line-height: 1.5;
}

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

.std_copy ul {
    margin-left: 1em;
    padding-left: 1em;
    list-style-type: disc;
    list-style-position: outside;
}

.std_copy ol {
    list-style-type: decimal;
    list-style-position: inside;
}

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

.std_copy ol ol,
.std_copy ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}

.std_copy h2,
.std_copy h3{
	font-family: var(--bebas);
	text-transform: uppercase;
	font-size: 2.5rem;
	margin-bottom: .3em;
	margin-top: 1em;
}

.std_copy li.big_mark::marker{
	font-family: var(--bebas);
	font-size: 2.5rem;
}

.std_copy h3{
	font-size: 1.5rem;
}

.std_copy li h2,
.std_copy li h3{
	display: inline;
	line-height: 1;
}

.std_copy li h2 + p,
.std_copy li h3 + p{
	margin-top: .3em;
}

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

.app_links a{
	border-radius: 8px;
	overflow: hidden;
	background-color: #FFFFFF;
}

.app_links svg{
	width: auto;
}


.app_links svg .st0{
	fill: #000;
}


.app_links svg .btn_red_bknd{
	fill: var(--habit-black);
}

.app_links svg .st1{fill: #FFFFFF;}

.app_links a{
	display: inline-block;
	height: 35px;
	border: 1px solid transparent;
}

.app_links a + a{
	margin-left: 10px;
}

.app_links img{
	height: 100%;
	width: auto;
}

@media (min-width: 768px){

	.app_links svg path,
	.app_links svg polygon,
	.app_links svg rect{
		transition: fill .3s ease-in-out;
	}

	.app_links a:focus-visible svg .st0,
	.app_links a:hover svg .st0{
		fill: transparent;
	}

	.app_links a:hover,
	.app_links a:focus-visible{
		border-color: var(--habit-black);
	}

	.app_links a:hover svg .st1,
	.app_links a:focus-visible svg .st1{
		fill: var(--habit-black);
	}

	.app_links a:hover svg .btn_red_bknd,
	.app_links a:focus-visible svg .btn_red_bknd{
		transform: translateX(100%);
	}
}

@media (max-width: 767px){
	
	.app_links a{
		height: 47px;
	}
}

@media (max-width: 400px){
	
	.app_links a{
		height: 34px;
	}
}

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

@media (min-width: 768px){
	.home #menu_links{
		padding-top: 30px;
		margin-bottom: 10px;
	}

	.home #menu_cat_links .menu_cat_links{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 0 20px;
	}

	.home #menu_cat_links .menu_cat_links{
		gap: 10px
	}

	.home #menu_cat_links .menu_cat_link img{
		display: none;
	}

	.home #menu_cat_links .menu_cat_link.drinks img{
		width: 21px;
		object-fit: cover;
	}

	.home #menu_cat_links .menu_cat_link.kids img{
		width: 67px;
		object-fit: cover;
	}
}

.home #menu_cat_links .menu_cat_link {
    margin: 0 0 10px 0;
	border: 1px solid var(--habit-black);
	border-radius: var(--cta-bord-rad);
	transition: border-color .3s ease-in-out;
	box-shadow: none;
	font-size: 1.3rem;
    padding: .5em 1em;
}

.home #menu_cat_links .menu_cat_link:hover{
	border-color: var(--habit-poppy-orange);
}

.home #menu_cat_links .menu_cat_link a{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

@media (min-width: 768px) {

	.home #menu_cat_links {
		margin: auto;
	}
}

@media (max-width: 767px){
	
	.home #menu_cat_links {
		padding: 0 20px;
	}

	.home .menu_cat_links {
		display: flex;
	}

	.home #menu_cat_links .menu_cat_link {
		border: none;
        text-align: center;
		padding: .5em;
	}

	.home #menu_cat_links .menu_cat_link a{
		align-items: center;
		font-size: 3rem;
		height: 100%;
		display: inline-flex;
		flex-direction: column;
	}

	.home #menu_cat_links .menu_cat_link .img{
		display: flex;
		flex: 0 0 110px;
		justify-content: center;
		align-items: center;
		width: 110px;
		padding: 10px;
		margin-bottom: 10px;
		/* border-radius: 100%; */
		/* border: 1px solid var(--habit-poppy-orange); */
	}

	.home #menu_cat_links .menu_cat_link .img img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.home #menu_cat_links .menu_cat_link .name{
		flex: 1 1 auto;
		font-size: 1.5rem;
	}
}


.home #menu_links #menu_item_links{
	margin: 10px 0 0;
}

.home #menu_item_slider {
	padding: 0 75px;
}

@media (max-width: 767px){

	.home #menu_item_slider {
		padding: 0 45px;
	}
}

.home #menu_item_slider .lt_arrow{
	left: 15px;
}

.home #menu_item_slider .rt_arrow{
	right: 15px;
}

.home #menu_item_slider .menu_item .item_title{
	font-size: 2.5rem;
}

.home #menu_item_slider .menu_item .copy{
	flex: 1 1 auto;
	max-width: 100%;
}

.home #menu_item_slider .menu_item .copy .yorkten{
	font-family: var(--okomito);
}

.home #menu_item_slider .menu_item .copy .cta{
	padding: .3em 1.4em;
	margin-top: .6em;
	font-size: 1.2em;
}

.home #menu_item_slider .menu_item .item_image{
	flex: 0 1 58%;
}


@media (min-width: 768px){
	
	.home #menu_item_slider .menu_item .inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.home #menu_item_slider .menu_item .copy{
		margin-left: -20px;
	}
}

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

	.home #menu_item_slider .menu_item .item_title{
		font-size: 2rem;
	}

	.home #menu_item_slider .menu_item .copy{
		flex: 0 1 400px;
	}
}

@media (max-width: 767px){

	.home #menu_links {
		padding-top: 30px;
	}

	.home #menu_links .container{
		display: flex;
		flex-direction: column;
	}

	.home #menu_links #menu_item_links{
		margin-bottom: 20px;
	}

	.home #menu_links #menu_cat_links{
		overflow-x: auto;
		scrollbar-color: var(--habit-fresh-green) transparent;
	}

	.home #menu_item_slider .menu_item{
		text-align: center;
	}

	.home #menu_item_slider .menu_item .item_badge{
		font-size: 1.5rem;
	}

	.home #menu_item_slider .menu_item .item_title{
		font-size: 3rem;
	}

	.home #menu_item_slider .menu_item .copy .cta{
		font-size: 1.5em;
		padding: .2em 1em;
	}

	.home #menu_item_slider .slick-arrow{
		top: 20%;
		font-size: 2.5rem;

		-webkit-transform: none;
		        transform: none;
	}

	.home #menu_item_slider .lt_arrow{
		left: 0;
	}

	.home #menu_item_slider .rt_arrow{
		right: 0;
	}
}

.home #happenings {
	padding: 25px 0 0;
	background-image: url(images/refresh/waves-background.jpg);
	background-size: cover;
}

.home #happenings .container{
	width: 1330px;
}

.home #happenings h2{
	font-size: 4rem;
	margin: 0 48px;
}

@media (max-width: 1200px){
	
	.home #happenings h2{
		margin: 0 28px;
	}
}

@media (max-width: 767px){
	
	.home #happenings h2{
		text-align: center;
	}
}

.home #happenings_slider{
	padding: 0;
    margin-bottom: 0;
}

.home #happenings_slider .slick-arrow{
	top: 40%;
}

.home #happenings_slider .slick-dots{
	display: flex;
	position: static;
	justify-content: center;
	width: 100%;
	padding: 20px 0;
	transform: none;
}

.home #happenings_slider .slick-arrow.slick-disabled{
	opacity: .4;
}

.home #happenings_slider .lt_arrow{
	left: 0;
}

.home #happenings_slider .rt_arrow{
	right: 0;
}

.home #happenings_slider .slick-slide {
	margin: 0 50px;
}

@media (max-width: 1200px){

	.home #happenings_slider .slick-slide {
		margin: 0 30px;
	}

	.home #happenings_slider .lt_arrow{
		left: -10px;
	}

	.home #happenings_slider .rt_arrow{
		right: -10px;
	}
}

@media (max-width: 768px){

	.home #happenings_slider .slick-slide {
		margin: 0 30px;
	}

	.home #happenings_slider .lt_arrow{
		left: -16px;
	}

	.home #happenings_slider .rt_arrow{
		right: -16px;
	}
}

.home #happenings_slider .slick-list{
	padding-top: 20px;
}

.home #happenings_slider .happening .thumb{
	width: 100%;
	height: 265px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.home #happenings_slider .happening .thumb[style*='HABIT-WEB-ProStart-Party-Post-1' ]{
	background-position: center top;
}

.home #happenings_slider .happening .copy{
	padding: 20px 15px 30px;
	margin: auto;
	background-color: #FFFFFF;
	box-shadow: none;
}

.home #happenings_slider .happening .copy .title{
	margin-bottom: 0.3em;
	font-family: var(--okomito);
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.3;
	text-transform: none;
}

.home #happenings_slider .happening .copy .readmore{
	padding: 0 1.2em .4em .4em;
	margin-left: -.4em;
	background-image: url(images/refresh/fresh-green-highlight.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	font-family: var(--okomito);
	font-size: 1.6rem;
	color: var(--habit-black);
	font-weight: bold;
	text-transform: none;
}

.home #happenings_slider .happening .copy .readmore + .red_gt{
	display: none;
}


/* @media (min-width: 1001px) and (max-width: 1430px){ */
/* 	.home #happenings.slider_enabled .container{ */
/* 		max-width: none; */
/* 		width: 1430px; */
/* 	} */
/*  */
/* 	.home .slider_enabled #happenings_slider .rt_arrow{ */
/* 		right: calc(1593px - 111.42vw); */
/* 		opacity: 0; */
/* 	} */
/*  */
/* 	.home .slider_enabled #happenings_slider .rt_arrow:focus{ */
/* 		opacity: 1; */
/* 	} */
/*  */
/* 	.home .slider_enabled #happenings_slider .slick-dots{ */
/* 		left: calc(49.88vw - 11px); */
/* 	} */
/*  */
/* 	.home .slider_disabled #happenings_slider .happening .copy .title{ */
/* 		font-size: 1.5rem; */
/* 	} */
/*  */
/* } */

@media (max-width: 800px){
	
	.home #happenings_slider .happening .thumb {
		height: 310px;
	}
}

@media (max-width: 767px){
	
	.home #happenings_slider .slick-dots{
		width: 100%;
	}
}

@media (max-width: 400px){
	
	.home #happenings_slider .happening .copy .title{
		font-size: 1.7rem;
	}
}

.home #app_footer{
	background-image: url(images/refresh/grainy-bknd.jpg);
	background-position: center;
	text-align: center;
}

.home #app_footer .dbl_char{
	max-width: 236px;
}

.home #app_footer img{
	flex: 0 1 20%;
}

.home #app_footer .image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 22vw;
	min-height: 340px;
}

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

	.home #app_footer .image{
		background-size: auto 131%;
	}
}

@media (min-width: 768px){

	.home #app_footer{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		padding-top: 20px;
	}
}


.home #app_footer .image ,
.home #app_footer .phone {
	flex: 0 0 20%;
}

.home #app_footer .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home #app_footer .copy{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
	text-align: center;
	flex: 0 1 auto;
}

.home #app_footer .copy h2{
	font-size: 2.5rem;
}

.home #app_footer .copy .yorkten{
	margin: 0 auto .5em;
	font-family: var(--okomito);
	font-size: 1.4rem;
	font-weight: bold;
}

.home #app_footer .copy .app_links{
	justify-content: center;
}

.home #app_footer .copy .app_links a{
	height: 42px;
}

.home #app_footer .phone_img{
	max-width: 273px;
}

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

	.home #app_footer .phone_img{
		margin-left: -30px;
	}
}

@media (max-width: 767px){
	
	.home #app_footer .image{
		display: none;
	}

	.home #app_footer .copy{
		align-items: flex-end;
		padding: 40px 0;
	}

	.home #app_footer .phone_img{
		max-width: 100%;
		margin-left: -11%;
	}

	.home #app_footer .copy h2{
		font-size: 2.8rem;
	}

	.home #app_footer .copy .yorkten{
		font-size: 1.5rem;
	}

	.home #app_footer .phone{
		position: static;
		height: 1em;
		margin: auto;
		opacity: 1;
		background-position: center top;
		background-size: 100% auto;
		font-size: 23rem;

		-webkit-transform: none;
		        transform: none;
	}
}

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

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

#map_wrap{
    position: relative;
}

@media (max-width: 767px){
	#map_wrap{
		height: 400px;
	}
}

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

#primary.locations {
	padding-bottom: 0;
}

.locations .loc_left{
	flex: 0 1 530px;
	padding: 185px 0 0;
}

@media (min-width: 768px){
	.locations .loc_left{
		display: flex;
		flex-direction: column;
	}

	.locations #location_content{
		display: flex;
		justify-content: space-between;
		height: calc(100vh - 120px);
		min-height: 650px;
	}
}

.locations .loc_left.has_results{
	padding: 40px 0 0;
}

.locations .loc_left .top{
	padding: 0 50px 0 20px;
}

@media (max-width: 767px){
	.locations .loc_left,
	.locations .loc_left.has_results{
		padding: 40px 0;
	}

	.locations .loc_left .top{
		padding: 0 20px;
	}
}


.locations #location_results .no_loc{
	margin-top: 50px;
    font-size: 2rem;
}

.locations .loc_right{
	flex: 1 1 auto;
}

.locations #map{
	height: 100%;
}

.gm-style>div {
	background-color: #000;
}

.gm-style div div div span {
	background-color: #FFF !important;
}

.hbg_cluster_img{
	display: grid;
}

.hbg_cluster_img .cluster_count{
	display: flex;
	position: relative;
		z-index: 1;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	font-weight: bold;
}

.hbg_cluster_img .cluster_count,
.hbg_cluster_img img{
	grid-area: 1 / 2 / 1 / 2;
}

.loc_marker{
	width: 56px;
	height: 70px;
	background-image: url(images/map_pins/location-markers-refresh.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.locations .loc_title{
	text-align: center;
	font-size: 3rem;
}

.locations #search_locations{
	padding-bottom: 10px;
	margin-top: 1em;
	font-weight: bold;
	text-align: center;
}

.locations #search_locations label{
	display: block;
	padding-left: .2em;
	margin-bottom: .3em;
	text-align: left;
	text-transform: uppercase;
}

.locations .search_field{
	display: flex;
	position: relative;
	justify-content: space-between;
	height: 47px;
	padding-left: .3em;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border: 2px solid var(--habit-poppy-orange);
}

.locations .search_field .loader{
	top: 17px;
	right: 63px;
	left: auto;
	margin: 0;
	font-size: .2rem;
}

.locations #loc_page_search{
	height: 100%;
	border-radius: 0;
	border: none;
	font-weight: bold;
}

.locations .search_field #find_locations{
	width: 1em;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 23px;
	font-size: 3rem;
	background-image: url(images/icons/icon-search-black.svg);
}

.locations #use_current {
	display: inline-flex;
	position: relative;
		z-index: 1;
	justify-content: center;
	align-items: center;
	padding: .7em 1.7em;
}

.locations #use_current svg{
	position: relative;
		z-index: 40;
	width: 27px;
	margin-right: .5em;
}

.locations #use_current svg .curr_path{
	fill: var(--habit-black);
	transition: all .3s ease-in-out;
}

/* @media (min-width: 768px){ */
/* 	.locations #use_current:focus svg .curr_path, */
/* 	.locations #use_current:hover svg .curr_path{ */
/* 		fill: var(--habit-poppy-orange); */
/* 	} */
/* } */

.locations #app_link_block{
	margin: 40px auto 0;
}

@media (min-width: 768px){
	
	.locations #app_link_block{
		width: 272px;
	}
}

.locations #app_link_block .copy{
	line-height: 1.2;
    margin-bottom: .5em;
}

#filter_list{
    display: flex;
}

#location_filter .filter_tab{
    font-size: 20px;
    cursor: pointer;
}

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

#map_wrap #map_controls button{
    width: 1em;
    height: 1em;
    padding: 0;
    background-color: #FFF;
    font-size: 2.5rem;
    line-height: 1;
}

.chrome_browser #map_wrap #map_zoom_out span,
.ie_browser #map_wrap #map_zoom_out span{
    position: relative;
    top: -.1em;
}

.ff_browser #map_wrap #map_controls button span,
.safari_browser #map_wrap #map_controls button span{
    position: relative;
    top: -.1em;
}

.locations #location_listing {
	overflow: auto;
	scrollbar-gutter: stable;
}

@media (min-width: 768px){
	
	.locations #location_listing {
		flex: 1 1 auto;
	}
}

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

.locations #location_listing::-webkit-scrollbar-track {
	background-color: var(--habit-white);
}

.locations #location_listing::-webkit-scrollbar-thumb {
	background-color: #000000;
	border-radius: 10px;
}


.locations #all_locations h2{
	font-size: 2rem;
	font-weight: bold;
}

/* @media (min-width: 768px){ */
/* 	.locations #location_content{ */
/* 		display: grid; */
/* 		grid-template-columns: 500px 1fr; */
/* 		height: 90vh; */
/* 	} */
/* } */

/* === */

.locations .loc_block{
	padding: 20px;
	margin: 15px 30px 15px 20px;
	background-color: #ffffff;
	border-radius: 10px;
	border: 1px solid var(--habit-black);
	line-height: 1.5;
}

.locations .loc_block .address a{
	font-weight: bold;
}

/* .locations .loc_block .hours br:first-child, */
/* .single-locations .hours br:first-child{ */
/* 	display: none; */
/* } */

.locations .loc_block .cta.white{
	border: 1px solid var(--habit-poppy-orange);
}

.locations .loc_block .heading{
	justify-content: space-between;
	align-items: flex-start;
	font-size: 1.5rem;
}

.locations .loc_block .catering_link{
	font-weight: bold;
}

.locations .loc_block .coming_soon{
	padding: .3em 0;
	font-size: 1.2rem;
}

.locations .loc_block .heading .distance{
	font-size: .7em;
}

.locations .loc_block h2{
	margin-bottom: .3em;
}

.locations .loc_block .drive_thru{
    margin-left: 20px;
}

.locations .loc_block .oo_link{
	display: none;
}

.locations .loc_block .cta{
	font-size: 1rem;
}

.locations .loc_block.united_states .oo_link{
	display: inline-block;
}

/* client request ijd 02-25-22  */
.locations .loc_block:not(.united_states) .hours{
	display: none;
}

.info_icon{
	background-repeat: no-repeat;
	padding-left: 20px;
}

.info_icon.pin{
	background-image: url(images/icons/icon-map-pin-outline.svg);
	background-size: 12px;
    background-position: left top .2em;
}

.info_icon.pin.red{
	background-image: url(images/icons/icon-map-pin-outline-red.svg);
}

.info_icon.hours{
	background-image: url(images/icons/icon-hours.svg);
	background-size: 14px;
    background-position: left top .25em;
}

.info_icon.phone{
	background-image: url(images/icons/icon-phone.svg);
	background-size: 9px;
    background-position: left top .2em;
}

.info_icon.drive_thru{
	background-image: url(images/icons/icon-car.svg);
	padding-left: 1.9em;
    background-position: left top .4em;
}

.store_hours {
	margin-bottom: 20px;
}

.store_hours table {
	margin: 0 auto;
}

.hdr_geared .red_under {
	font-weight: bold;
	margin-bottom: 10px;;
}

.phone .hdr_geared .red_under {
	margin-top: 20px;
}

#search_locations .search_inner{
	display: flex;
	justify-content: center;
}

@media (max-width: 767px){
	
	.locations .loc_block{
		margin: 15px 20px;
	}
}

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


.page-template-page-menu main{
	overflow: visible;
}

.menu .menu_container{
	width: 1320px;
}

.menu #menu_nav {
	position: -webkit-sticky;
	position: sticky;
		top: 126px;
		z-index: 150;
	flex: 0 0 230px;
	padding-top: 120px;
	background-color: #ffffff;
	-webkit-transform: translateZ(2px);
            transform: translateZ(2px);
}

.menu #menu_nav.has_loc{
	padding-top: 8px;
}

.menu #menu_nav.with_dialog{
	z-index: 100;
}

.menu #menu_area .menu_cats{
	flex: 1 1 auto;
	padding-left: 10px;
}


.menu #menu_nav .flex_inner{
	display: flex;
	flex-direction: row;
}

.menu #menu_nav .thumb{
	width: 80px;
}

.menu #menu_nav .menu_nav{
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: .5em;
}

.menu #menu_nav .menu_nav .cat_name{
	border-bottom: 2px solid transparent;
	transition: border-color .3s ease-in-out;
	color: var(--habit-black);
}

.menu #menu_nav a.menu_nav {
	text-decoration: none;
}

.menu #menu_nav .menu_nav.active .cat_name{
	border-color: var(--habit-poppy-orange);
}

.menu #menu_nav_mobile .dropdown_wrap{
	width: 320px;
	max-width: 100%;
}

.menu #menu_area .location_name{
	padding-left: 43px;
	margin-bottom: 93px;
	font-size: 1.7rem;
	text-align: left;
	background-image: url(images/icons/icon-map-pin-outline.svg);
	background-size: auto 96%;
	background-position: left top;
	background-repeat: no-repeat;
}

@media (min-width: 768px){

	.menu #menu_nav .menu_nav:hover .cat_name{
		border-color: var(--habit-poppy-orange);
	}

	.menu #menu_area .inner{
		display: flex;
		align-items: flex-start;
		padding: 20px 0 0 30px;
	}

	.menu #menu_nav .flex_inner{
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 767px){
	
	.menu .menu_container{
		padding: 0;
	}

	.menu #menu_area .menu_cats{
		padding: 0 20px;
		position: relative;
		z-index: 100;
	}

	.menu #menu_nav .flex_inner{
		gap: 20px;
		padding: 10px 10px 0;
	}

	.menu #menu_area .location_name{
		padding-left: 30px;
		margin: 1em 20px;
		background-color: white;
	}

	.menu #menu_area .nut_links{
		margin-top: 50px;
	}

	.menu #menu_nav {
		top: 90px;
		padding-top: 0;
		margin-top: 20px;
		overflow-x: auto;
		scrollbar-color: var(--habit-fresh-green) transparent;
	}

	.menu #menu_nav .menu_nav{
		display: flex;
		flex-direction: column;
		flex: 0 0 auto;
		align-items: center;
		padding: 10px;
		gap: 0;
	}

	.menu #menu_nav .menu_nav .cat_name{
		margin: auto 0 0;
		font-size: 1.2rem;
	}
}

/* panels */

.menu .menu_cat{
	border-bottom: 2px solid var(--habit-poppy-orange);
	padding-bottom: 80px;
}

.menu .menu_cat.active{
	display: block;
}

.menu .menu_cat h2{
    font-size: 2rem;
    margin-top: 1em;
}

.menu .menu_cat .category_desc{
	margin: 1em 0;
	font-size: 1.3rem;
	line-height: 1.3;
}

@media (min-width: 768px){
	
	.menu .menu_cat .category_desc{
		display: flex;
		align-items: center;
		min-height: 54px;
	}
}

@media (max-width: 767px){
	
	.menu .menu_cat .category_desc{
		font-size: .8rem;
        text-align: left;
	}
}

.menu .menu_items{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	grid-row-gap: 15px;
	grid-column-gap: 30px;
}

.menu .menu_cat .cat_footer_copy{
	text-align: center;
    margin: 2em auto 0;
}

@media (min-width: 1300px){
	
	.menu .menu_cat .cat_footer_copy{
		width: 790px;
		max-width: 95%;
	}
}

.menu .menu_cat .cat_footer_copy p{
	margin-bottom: 0;
}

.menu #menu_area .nut_links{
	display: flex;
	justify-content: center;
	margin: 50px 0;
	font-size: 1.3rem;
	gap: 30px;
}

.menu #menu_area .disclaim{
	margin-bottom: 50px;
	padding: 0 20px;
}

@media (max-width: 767px){
	
	.menu #menu_area .nut_links{
		flex-direction: column;
	}
}

/* @media (min-width: 768px){ */
/* 	 */
/* 	.menu .menu_items{ */
/* 		padding-right: 10px; */
/* 		margin-right: 20px; */
/* 	} */
/* } */

.menu .menu_item{
	display: flex;
	flex-direction: column;
	flex: 0 0 48%;
	justify-content: space-between;
	padding: 0 30px 30px;
	box-shadow: 0px 0px 7px 4px rgb(0 0 0 / 10%);
}

.menu .menu_item .item_copy{
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.menu .menu_item.no_img{
	margin-bottom: 50px;
}

.menu .menu_item .item_image{
	position: relative;
	flex: 1 1 auto;
	height: 200px;
}

.menu .menu_item .item_image .img_link{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
}

@media (max-width: 1090px){
	
	.menu .menu_item{
		flex: 0 0 100%;
	}
}

@media (min-width: 901px){

	.menu .menu_item .item_image .img{
		height: 100%;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
	}
}

.menu .menu_item .item_copy{
	flex: 0 0 40%;
	align-items: flex-start;
	font-size: 1rem;
}

.menu .menu_item .item_copy .item_badge{
	padding: .2em 2.3em .2em 0.6em;
}

.menu .menu_item .item_copy:first-child{
	flex: 0 0 100%;
	text-align: center;
}

.menu .menu_item .item_copy:first-child .cta_row{
	align-items: center;
}

.menu .menu_item .item_name{
	font-size: 2.6em;
	background-color: #ffffff;
}

.single_menu_item .item_title sup,
.order_dialog .item_block .dialog_name sup,
.order_dialog .prompt sup,
.menu .menu_item .item_name sup{
	top: -1.2em;
	font-size: 0.4em;
}

.menu .menu_item .item_image .img{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.menu .menu_item .item_cal{
	font-size: 1em;
	text-transform: lowercase;
	background-color: #ffffff;
}

.menu .menu_item .item_desc{
	margin-bottom: .5em;
    font-size: .9em;
}

.menu .menu_item .cta_row{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 1em;
	margin: auto 0 0;
}

.menu .menu_item .cta{
	font-size: 1.2em;
    padding: .2em 1em;
	margin-bottom: .8em;
}

.menu .menu_item .details{
	padding-left: 0.3em;
	background-color: #ffffff;
	font-size: .9em;
	font-weight: bold;
}

@media (max-width: 900px){
	
	.menu #menu_nav_mobile{
		margin-top: 20px;
	}

	.menu .menu_item{
		margin-bottom: 20px;
		max-width: 350px;
	}

	.menu .menu_item .item_copy{
		display: flex;
		flex-direction: column;
		flex: 0 0 45%;
		justify-content: center;
		font-size: 1.2rem;
	}

	.menu .menu_item.has_img .item_name{
		max-width: 95%;
		font-size: 1.6em;
	}

	.menu .menu_item.no_img .item_name{
		padding: 0 10px;
	}

	.menu .menu_item .item_image .img{
		background-size: auto 100%;
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 767px){
	
	.menu .menu_items{
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
		gap: 20px;
	}

	.menu .menu_item{
		height: 100%;
		padding: 20px;
		margin-top: 10px;
		min-width: 1px;
	}

	.menu .menu_item .item_copy{
		font-size: 1rem;
	}

	.menu .menu_item .item_image{
		height: 110px;
	}

	.menu .menu_item .item_image .img{
		background-size: contain;
	}

	.menu .menu_item.has_img .item_name{
		font-size: 1.6em;
	}

	.menu .menu_item .details{
		font-size: 1em;
	}

	/* .menu .menu_item .cta{ */
	/* 	font-size: 1.1em; */
	/* } */

}

@media (max-width: 500px){
	.menu .menu_item{
		flex: 0 0 100%;
	}

	.menu .menu_item.has_img .item_name{
		font-size: 1.3em;
	}

	/* .menu .menu_item .cta{ */
	/* 	font-size: 1em; */
	/* } */

	.menu .menu_item .item_image{
		height: 80px;
	}
}

@media (max-width: 450px){

	.menu .menu_items{
		grid-template-columns: 1fr;
	}

	.menu .menu_item{
		width: 250px;
		max-width: 100%;
		margin: auto;
	}

	.menu .menu_item .item_image{
		height: 130px;
	}

	.menu .menu_item.has_img .item_name{
		font-size: 1.9em;
	}
}

@media (max-width: 410px){
	
	.menu .menu_item .item_copy{
		font-size: 1.2rem;
	}

	.menu .menu_item .cta{
		font-size: .8em;
	}

	.menu .menu_item .details{
		font-size: .6em;
	}
}

/* variation dialog */

.order_dialog_underlay{
	display: none;
	position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	transition: opacity .3s ease-in-out;
}

.order_dialog_underlay.show{
	display: block;
}

.order_dialog_underlay.reveal{
	opacity: 1;
}

.order_dialog{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	width: 450px;
	max-width: 85%;
	overflow: hidden;
	padding: 20px 20px 50px;
	background-color: #ffffff;
	border-radius: 5px;
	transform: translate(-50%,-50%);
}

.order_dialog .dismiss{
	position: absolute;
		top: 5px;
		right: 5px;
		z-index: 1;
	width: 1em;
	height: 1em;
	font-size: 1.8rem;
}

.order_dialog .prompt{
	font-size: 1.3rem;
    max-width: calc(100% - 30px);
}

.order_dialog .item_blocks{
	display: grid;
	margin-top: 20px;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
}

.order_dialog .item_block,
.order_dialog .item_block a{
	height: 100%;
	width: 100%;
}

.order_dialog .item_block{
	max-width: 300px;
}

.order_dialog .item_block a{
	display: inline-block;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid var(--habit-black);
	font-size: 2rem;
	text-decoration: none;
}

.order_dialog .item_block a img{
	display: block;
}

.order_dialog .item_block a:hover{
	border: 1px solid var(--habit-poppy-orange);
}

.order_dialog .item_block .dialog_name{
	display: block;
	font-family: var(--bebas);
	line-height: 1;
	text-transform: uppercase;
}

.order_dialog .item_block .dialog_cal,
.order_dialog .item_block .dialog_price{
	font-size: .8rem;
	display: block;
}


@media (max-width: 767px){
	.order_dialog{
		top: 100px;
		transform: translate(-50%,0);
	}
}

@media (max-width: 600px){

	.order_dialog .item_blocks{
		grid-template-columns: 1fr;
	}
}

@media (max-height: 750px){
	
	.order_dialog .item_block a{
		font-size: 1.5rem;
	}
}

/* ===================== Single Menu Item ===================== */

#primary.single_menu_item {
	min-height: 0;
	padding-bottom: 50px;
}

.single_menu_item #menu_nav ul{
	justify-content: flex-start;
}

.single_menu_item #item_image{
	flex: 0 0 55%;
	max-width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

@media (min-width: 1400px) {
	.single_menu_item #item_image{
		width: calc(40vw - 9px);
	}
}

.single_menu_item #item_details,
.single_menu_item #item_details .inner{
	flex-direction: column;
	display: flex;
	flex: 1 1 auto;
}

.single_menu_item #item_details .inner{
	padding: 15px 0 30px;
	flex: 1 1 auto;
}

.single_menu_item #item_details .desc_wrap{
	max-width: 430px;
}

.single_menu_item #nav_top{
	margin-bottom: 30px;
}

.single_menu_item .item_title{
	font-size: 3.7rem;
}

.single_menu_item .menu_back {
	margin-bottom: 20px;
}

.single_menu_item .menu_back a{
	text-decoration: none;
	border-bottom: 2px solid var(--habit-poppy-orange);
}

.single_menu_item .price{
	font-size: 1.5rem;
}

.single_menu_item .desc{
	font-weight: bold;
	margin-top: 1em;
}

.single_menu_item .oo_link{
	margin-top: 20px;
}

.single_menu_item .oo_link .cta{
	font-size: 1.3rem;
}

.single_menu_item .details_bottom{
	margin: auto 0 0 0;
}

.single_menu_item .item_options{
	margin-bottom: 1em;
}

.single_menu_item .nut_links{
	padding: 20px 0 0;
	border-top: 1px solid var(--habit-black);
}

.single_menu_item .nut_links a + a{
	margin-left: .5em;
}

.single_menu_item .disclaim{
	font-size: .8rem;
    margin-top: 50px;
}

.single_menu_item .diamond{
	height: 90px;
}

.single_menu_item #item_image_mobile{
	height: 80vw;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

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

	.single_menu_item #item_image{
		flex: 0 0 50%;
	}
}

@media (max-width: 767px){
	
	.single_menu_item #item_image{
		width: 100%;
		height: 100vw;
		min-height: 0;
		background-position: center bottom;
	}

	.single_menu_item .menu_back{
		font-size: 1.5rem;
	}

	/* client notes update ijd 08-22-24  */
	.single_menu_item .oo_link .cta{
		font-size: 1.5rem;
	}

	.single_menu_item .nut_links{
		text-align: center;
	}

}

/* ===================== Single Location ===================== */

/* layout */
.single-locations #so_cta{
	display: none;
}

.single-locations #loc_inner{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.single-locations #loc_map{
	height: 237px;
	grid-area: 1/1/1/3;
}

#loc_map .gm-style .gmnoprint, #loc_map .gm-style .gm-style-cc, #map .gm-style .gmnoprint, #map .gm-style .gm-style-cc, #map .uNGBb-dialog-view--content .BEIBcM-dialog-view--inner-content .LGLeeN-keyboard-shortcuts-view table tbody tr td, .LGLeeN-keyboard-shortcuts-view table tbody tr td {
    background-color: #FFF !important;
}

.single-locations #ordering_info{
	grid-area: 3/1/3/3;
}

.single-locations #ordering_info .container{
	display: grid;
	width: 100%;
	grid-template-columns: 600px 1fr;
}

.single-locations .loc_info .loc_hours .today{
	margin-bottom: .4em;
}

.single-locations .loc_info .special_hrs{
	max-height: 200px;
	overflow-y: auto;
}

@media ( max-width: 1100px ){
	
	.single-locations .loc_info{
		flex-direction: column;
	}

	.single-locations .loc_info > div{
		margin-bottom: 20px;
	}

	.single-locations #ordering_info .container{
		grid-template-columns: 1fr 1fr;
	}
}

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

	.single-locations .details_half{
		grid-area: 2/1/2/3;
	}

	.single-locations #promo{
		grid-area: 3/1/3/3;
	}

	.single-locations #ordering_info{
		grid-area: 4/1/4/3;
	}
}

@media ( max-width: 767px ){
	
	.single-locations #loc_inner{
		grid-template-columns: 1fr;
	}

	.single-locations #loc_map{
		grid-area: 3/1/3/3;
	}

}

.single-locations .promo_half img {
	object-fit: cover;
	object-position: left;
	width: 100%;
	height: 100%;
}

.single-locations .details_half{
	padding: 37px 50px;
	font-size: 1.1rem;
}

.single-locations #loc_details .loc_hours h2 ~ h2{
	margin-top: .7em;
}

.single-locations .coming_soon{
	font-size: 2rem;
	padding: .3em 0;
}

.single-locations .loc_title{
	margin-bottom: .7em;
	font-size: 4rem;
}

.single-locations .loc_copy .secondary{
	font-size: 2rem;
	margin-bottom: .5em;
}

.single-locations .loc_info{
	width: 100%;
}

/* client request ijd 02-25-22  */
.single-locations #location_details:not(.united_states) .loc_hours{
	display: none;
}

.single-locations .loc_contact{
	padding-right: 12%;
}

.single-locations .address_dir,
.single-locations .phone{
	margin-bottom: .5em;
}

.single-locations .cta_row{
	margin-top: 20px;
}

.single-locations .other_links{
	display: flex;
	flex-direction: column;
	margin-top: 30px;
	gap: 10px;
}

@media (max-width: 767px){
	
	.single-locations .other_links{
		align-self: center;
	}
}

.single-locations .cta_row .order_now,
.single-locations .cta_row .view_menu{
	display: none;
}

.single-locations .united_states .cta_row .order_now,
.single-locations .united_states .cta_row .view_menu{
	display: inline-block;
}

.single-locations #ordering_info {
	padding: 65px 50px 30px;
}

.single-locations #ordering_info .title{
	font-size: 3.5rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-right: 10px;
}

.single-locations #ordering_info .attr_block{
	display: flex;
	flex-direction: column;
	flex: 0 0 200px;
	align-items: center;
	padding: 30px 10px 10px;
	margin: 20px 20px 20px 0;
	border-radius: 8px;
	border: 1px solid var(--habit-black);
	font-size: 1.2rem;
	text-align: center;
}

.single-locations #ordering_info .attr_block .block_title{
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	justify-content: center;
	align-items: center;
	margin-bottom: 1em;
}

.single-locations #ordering_info .attr_block .cta{
	font-size: 1rem;
	margin: auto 0 0 0;
}


.single-locations #ordering_info #ordering_attributes{
	padding: 0 3%;
	flex-wrap: wrap;
}

@media (min-width: 768px){
	.single-locations .cta_row .cta{
		margin-right: 10px;
	}
}

@media (max-width: 767px){
	
	.single-locations .dyn_image{
		width: 100%;
	}

	.single-locations .details_half{
		text-align: center;
		padding-top: 30px;
	}

	.single-locations .loc_contact{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-right: 0;
	}

	.single-locations .loc_title{
		margin-bottom: .3em;
	}

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

	.single-locations .address_dir,
	.single-locations .loc_hours .hours{
		padding: 60px 0 0;
		background-position: center top;
		background-size: 42px;
	}

	.single-locations .address_dir{
		background-image: url(images/icons/icon-map-pin-outline.svg);
	}

	.single-locations .loc_hours .hours{
		background-image: none;
		padding-top: 10px;
	}

	.single-locations .info_icon.hours.mobile{
		background-image: url(images/icons/icon-hours.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		height: 50px;
        margin-bottom: 0;
	}

	.single-locations .phone{
		display: none;
	}

	.single-locations .cta_row{
		align-items: center;
	}

	.single-locations .cta_row a{
		width: 300px;
		max-width: 95%;
	}
}

/*  */
/* .single-locations .loc_title{ */
/* 	font-weight: bold; */
/* 	font-size: 2rem; */
/*     text-align: center; */
/* 	margin-bottom: 1em; */
/* } */
/*  */
/* .single-locations #location_details .loc_details{ */
/*     flex: 0 1 30%; */
/* } */
/*  */
/* .single-locations #location_details .loc_copy{ */
/* 	flex: 0 0 50%; */
/* 	margin-bottom: 50px; */
/* } */
/*  */
/* .single-locations #location_details .loc_copy .hdr{ */
/* 	font-size: 2rem; */
/* } */
/*  */
/* .single-locations #location_details .loc_copy .hdr.small{ */
/* 	font-size: 1rem; */
/* } */
/*  */
/* .single-locations #location_details .loc_copy .hours{ */
/* 	margin: 0 auto 20px; */
/* } */
/*  */
/* .single-locations #location_details .loc_copy .hours td{ */
/* 	padding: .5em; */
/* } */
/*  */
/*  */
/* .single-locations #location_details .stat{ */
/* 	margin-top: 1em; */
/* } */
/*  */
/* .single-locations #location_details #map_wrap{ */
/*     flex: 0 1 70%; */
/* 	display: none; */
/* } */
/*  */
/* .single-locations #location_details #map{ */
/*     height: 100%; */
/* } */
/*  */
/* .single-locations #location_details .cta_row{ */
/* 	display: flex; */
/* 	align-items: center; */
/* } */
/*  */
/* .single-locations #location_details .cta_row .cta{ */
/* 	margin: 0 10px 0 0; */
/* } */
/*  */
/* .single-locations #location_details .cta_row .messages{ */
/* 	padding: 1em; */
/* 	font-weight: bold; */
/* } */
/*  */
/* .single-locations .services{ */
/* 	margin-top: 30px; */
/* } */
/*  */

@media (min-width: 768px){
    .single-locations #location_details{
        /* display: flex; */
    }
}


/* daypart testing */

.dyn_image{
	position: relative;
}

img.dyn_image{
	display: block;
	width: 100%;
}

div.dyn_image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.demo_hero .dyn_image{
	height: 300px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

#fav_selector{
    margin: 50px 0;
}

#fav_loc_selector{
	width: 400px;
}

#fav_loc_name{
	font-size: 2rem;
	font-weight: bold;
	padding: 0 0 1em;
}

.home .cta_row{
	margin-bottom: 50px;
}

/* LTO Template */

.lto_hero .dyn_image{
	height: 400px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.lto_page .container{
	width: 1600px;
	padding-left: 0;
	padding-right: 0;
}

.lto_page .lto_headline{
	margin-bottom: 1em;
	font-size: 3rem;
	color: #c01b15; /* red */
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.lto_page .lto_content_img .dyn_image{
	height: 100%;
	min-height: 500px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.lto_page .lto_body{
	padding: 20px;
}

.lto_page .lto_body .cta_row{
	text-align: center;
}

.lto_page .lto_body .inner{
	max-width: 87%;
    flex: 0 1 500px;
}

@media (max-width: 767px){
	.lto_hero .dyn_image{
		height: 100vw;
	}
}

/* Charclub */

.charclub .page_header{
	display: block;
}

.charclub .dyn_image{
	height: 400px;
	background-position: center top;
}

.charclub #charclub{
	padding-bottom: 50px;
}

.charclub #charclub h1{
	font-size: 5rem;
    margin: .5em;
}

.charclub #charclub .loc_drop_selector{
	top: 100%;
	left: 0;
}

.charclub #charclub .gform_footer{
	text-align: center;
}

.charclub #benefits {
	padding: 40px 0;
}

.charclub #benefits .container{
	width: 1300px;
}

.charclub #benefits h2{
	font-size: 4rem;
	margin-bottom: 40px;
}

.charclub #benefits .slick-list{
	width: 1000px;
    max-width: calc(100% - 145px);
    margin: auto;
}

.charclub #benefits .lt_arrow{
	left: 0px;
}

.charclub #benefits .rt_arrow{
	right: 0px;
}

.charclub #benefits .slick-slide{
	margin: 0 10px;
}

.charclub .benefit .inner{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 250px;
	padding: 20px;
	background-color: #FFFFFF;
	border-radius: 8px;
	color: var(--habit-black);
	text-align: center;
}

.charclub .benefit p{
	font-family: var(--yorkten-cond);
	font-size: 1.4rem;
	font-weight: 900;
}

/* 404 page */
.four_oh{
	padding-top: 100px;
}

/* ===================== Video Hero General ===================== */

.video_wrap {
	position: relative;
		z-index: 1;
		background-color: #000;
}

.video_wrap video{
	display: block;
	width: 100%;
	height: 605px;
	object-fit: cover;
	object-position: top;
}

.video_wrap.lightbox video{
	height: auto;
}

.video_wrap .overlay{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 20;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}


.video_hero .video_wrap .overlay .title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 395px;
	height: 100%;
	max-width: 100%;
	padding: 10px;
	font-size: 3.5rem;
	color: #FFFFFF;
	line-height: .9;
	text-align: center;
}

.video_hero .video_wrap .overlay .title .top{
	margin-bottom: .3em;
}

@media (min-width: 768px){
	
	.video_hero .video_wrap .overlay .title{
		margin-left: 9%;
	}
}

@media (max-width: 767px){
	
	.video_hero .video_wrap .overlay{
		display: flex;
		justify-content: center;
	}

	.video_hero .video_wrap .overlay .title{
		justify-content: flex-start;
		padding-top: 20px;
		font-size: 3rem;
	}

	.video_wrap .video_controls{
		padding-top: 10px;
		position: static;
		text-align: center;
	}
}

/* reduced size per 08-23-24 client feedback */
.video_hero .video_wrap .overlay .title img{
	width: 100px;
    margin-top: 10px;
}

.video_hero .video_wrap .overlay .title button:focus-visible{
	outline: 3px dotted #FFFFFF;
}

.video_hero .video_wrap .overlay_play{
	transition: opacity .3s ease-in-out;
}

.video_wrap .video_controls{
	/* display: none; */
}

.video_wrap.reveal .overlay_play{
	opacity: 0;
	z-index: 10;
	pointer-events: none;
}

.video_wrap.lightbox .tab_reveal{
	display: none;
}

.video_wrap.lightbox.reveal .tab_reveal{
	display: inline-block;
}

.video_wrap.reveal.lightbox{
	display: flex;
	position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
}

.video_wrap.reveal.lightbox video{
	display: block;
}

.video_wrap.reveal.lightbox .overlay_play{
	display: none;
}

.video_wrap.reveal.lightbox video{
	width: 90%;
	height: auto;
	max-width: 1200px;
	max-height: 100vh;
}

.video_wrap .dismiss_video{
	display: none;
	position: absolute;
		top: 1rem;
		right: 3rem;
		z-index: 1;
	width: 1em;
	height: 1em;
	background-image: url(images/icons/icon-menu-close-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 3rem;
}

.video_wrap.reveal .dismiss_video{
	display: inline-block;
}

.video_wrap.reveal .video_controls{
	display: block;
	z-index: 20;
}

.video_hero .video_wrap .overlay .title .bebas{
	margin-bottom: .2em;
	font-size: 1.6em;
}

.tab_reveal{
	position: absolute;
		top: -1000em;
	overflow: hidden;
	padding: 0;
	-webkit-appearance: none;
	border: none;
	color: #FFF;
	cursor: pointer;
}

.tab_reveal:focus{
	display: block;
	top: 6px;
	left: 6px;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	background-color: var(--habit-poppy-orange);
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	font-family: var(--yorkten);
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	outline: 1px solid var(--habit-poppy-orange);
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

/* ===================== About ===================== */

.about .video_hero .overlay{
	display: flex;
    justify-content: center;
	background-image: url(images/backgrounds/hero-about-1920-v2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 605px;
	background-color: #000000;
}
.about .video_hero .overlay .title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	max-width: 100%;
	padding: 10px;
	font-size: 6.5rem;
	color: #FFFFFF;
	line-height: .9;
	text-align: center;
}

.about .video_hero .overlay .title .top{
	margin-bottom: .3em;
}

.about .video_hero .overlay .title .bebas{
	margin-bottom: .2em;
	font-size: 1.6em;
}

@media (min-width: 768px){
	
	.about .video_hero .overlay .title{
		margin-left: 9%;
	}
}

@media (max-width: 767px){
	
	.about .video_hero .overlay{
		display: flex;
		justify-content: center;
	}

	.about .video_hero .overlay .title{
		justify-content: flex-start;
		padding-top: 170px;
	}
}

.about .video_hero video{
	width: auto;
	margin: auto;
}

@media (max-width: 767px){
	.about .video_hero video{
		height: 500px;
	}
}

.about .video_hero .overlay .title{
	margin-left: 0;
}

.about #mid_about{
	position: relative;
	height: 600px;
	max-width: 1435px;
	margin: auto;
}

.about #mid_about .copy{
	display: flex;
	position: relative;
		z-index: 10;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px 7%;
	font-size: 4rem;
	text-align: center;
}

.about #mid_about .dyn_image{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
}

@media (min-width: 768px){
	
	.about #mid_about .copy{
		width: 615px;
		height: 100%;
		max-width: 100%;
		text-align: left;
	}
}


.about #about_info {
	padding: 20px;
	position: relative;
}

.about #about_info .copy{
	background-color: #FFFFFF;
	padding: 4em 10%;
	text-align: center;
}

.about #about_info .history_img{
}

.about #about_info h2{
	margin-bottom: .5em;
	font-family: var(--bebas);
	font-size: 3rem;
	line-height: 1;
	text-transform: uppercase;
}

@media (min-width: 901px){
	
	.about #about_info {
		padding: 40px;
	}

	.about #about_info .inner{
		position: relative;
		display: flex;
	}

	.about #about_info .history_img{
		position: absolute;
			top: 50%;
			left: 7%;
			z-index: 1;
		width: 50%;

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

	.about #about_info .copy{
		flex: 0 0 50%;
		margin: 0 0 0 auto;
	}

	.about #about_info .copy p{
		margin-bottom: 1.2em;
	}
}

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

	.about #mid_about .dyn_image{
		background-position: right calc(69.44vw - 833px) center;
	}
}

@media (max-width: 767px){
	
	.about .video_hero .overlay{
		background-image: url(images/backgrounds/hero-about-768-v2.jpg);
		background-position: right center;
	}

	.about #mid_about .copy{
		padding: 50px 20px;
	}

	.about #mid_about{
		height: auto;
	}

	.about #mid_about .dyn_image{
		position: static;
		height: 112vw;
		background-size: cover;
	}

	.about #about_info{
		padding: 20px 0;
	}

	.about #about_info .container{
		padding: 0;
	}

	.about #about_info .inner{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

	.about #about_info .copy{
		padding: 6em 10% 2em;
		margin: 0 7%;
		margin-top: -90px;
	}

	.about #about_info .history_img{
		position: relative;
			left: 60%;
		order: 2;
		width: 117vw;
		max-width: none;

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

}

@media (max-width: 500px){
	.about #mid_about .copy{
		font-size: 3rem;
	}
}

@media (max-width: 360px){

	.about .video_hero .overlay .title{
		font-size: 2.5rem;
	}

	.about #mid_about .copy{
		font-size: 2.5rem;
	}
}

/* ===================== Catering Truck ===================== */

.habit_truck .video_hero video{
	height: 56vw;
}

.habit_truck .control_buttons .ctrl_btn{
	font-size: 2.5rem;
}

.habit_truck #truck_content .inner{
	position: relative;
	align-items: center;
	min-height: 535px;
	padding: 20px 50px;
}

.habit_truck #truck_content .inner .copy{
    font-size: 1.1rem;
}

.habit_truck #truck_content .inner h2{
	font-size: 3rem;
	margin-bottom: .5em;
}

.habit_truck #truck_content #truck_image{
	width: 800px;
	max-width: none;
}

.habit_truck #hero .cta_row .cta{
	font-family: var(--bebas);
}

.habit_truck #hero .cta_row .ani_txt{
	text-transform: uppercase;
}

@media (min-width: 768px){
	.habit_truck #hero .cta_row {
		display: grid;
		padding: 0;
		margin: 2px auto 0;
		background-color: #FFFFFF;
		grid-gap: 2px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.habit_truck #hero .cta_row .cta{
		font-size: 2.5rem;
		margin-bottom: 0;
	}

	.habit_truck #hero .cta_row .cta,
	.habit_truck #hero .cta_row .cta span{
		border-radius: 0;
	}

	.habit_truck #truck_content .outer{
		background-image: url(images/refresh/grainy-bknd.jpg);
		background-position: center;
	}

	.habit_truck #truck_content .inner .copy{
		flex: 0 0 42%;
	}

	.habit_truck #truck_content #truck_image{
		position: absolute;
			right: -13%;
			bottom: -34px;
			z-index: 1;
	}
}

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

	.habit_truck #hero .cta_row .cta{
		font-size: 1.8rem;
	}

	.habit_truck #truck_content .inner .copy{
		flex: 0 0 400px;
	}

	.habit_truck #truck_content #truck_image{
		right: calc(74.63vw - 1073px);
	}
}

@media (max-width: 767px){
	
	.habit_truck .video_hero .video_wrap .overlay .title img{
		width: 80px;
	}

	.habit_truck .video_hero video{
		height: 353px;
	}

	.habit_truck .video_hero .reveal video{
		height: 58vw;
		max-height: 700px;
	}

	.habit_truck .video_hero .video_wrap .overlay .title .top{
		width: 270px;
		max-width: 100%;
	}

	.habit_truck #hero {
		background-image: url(images/refresh/grainy-bknd.jpg);
		background-position: center;
	}

	.habit_truck #truck_links{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 400px;
		padding-top: 20px;
		margin-top: 0;
	}

	.habit_truck #truck_links .cta{
		background-color: #ffffff;
		border: 1px solid var(--habit-poppy-orange);
		padding: .4em 1.3em;
		margin-bottom: .2em;
		font-size: 1.5rem;
		text-align: left;
	}

	.habit_truck #hero .cta_row .ani_txt{
		font-family: var(--okomito);
		text-transform: none;
	}

	.habit_truck #truck_links .cta span{
		width: 100%;
	}

	.habit_truck #truck_content .inner{
		padding: 20px 0;
		background-image: url(images/refresh/grainy-bknd.jpg);
		background-position: center;
	}

	.habit_truck #truck_content .outer{
		overflow: hidden;
		padding-bottom: 65px;
	}

	.habit_truck #truck_content .inner .copy{
		padding: 0 30px;
		margin-top: 2em;
		text-align: center;
	}

	.habit_truck #truck_content .inner h2{
		width: 327px;
		max-width: 100%;
		margin: 0 auto .5em;
		font-size: 4rem;
	}

	.habit_truck #truck_content #truck_image{
		position: relative;
			bottom: -65px;
			left: 20px;
	}

}

.habit_truck #truck_content .reserve{
	padding: 55px 0;
	text-align: center;
}

.habit_truck #truck_content .reserve h2{
	width: 600px;
	max-width: 100%;
	margin: auto;
	font-size: 3.5rem;
}

.habit_truck #truck_content .reserve .list_sep{
	font-size: 1.5rem;
	margin: 20px 0;
}

/* reduced size per 08-23-24 client feedback */
.habit_truck #truck_content .reserve .cta{
	font-size: 1.5rem;
    padding: .3em 2em;
}

.habit_truck #truck_slider{
	background-color: #000000;
}

.habit_truck #truck_slider .slick-list{
	background-color: #ffffff;
}

@media (min-width: 768px){

	.habit_truck #truck_slider .slick-track{
		background-color: #000000;
	}

	.habit_truck #truck_slider .slick-slide{
		border-left: 1.5px solid #fff;
		border-right: 1.5px solid #fff;
		transition: all .3s ease-in-out;
	}

	.habit_truck #truck_slider .slick-slide:not(.slick-center){
		opacity: .5;
	}
}

.habit_truck #truck_slider .slick-slide .resp_img{
	height: 488px;
}

.habit_truck #truck_slider .slick-arrow svg{
	fill: var(--habit-white);
}

.habit_truck #truck_slider .lt_arrow{
	left: 70px;
}

.habit_truck #truck_slider .rt_arrow{
	right: 70px;
}

.habit_truck #truck_slider .slick-arrow:focus-visible{
	outline: 3px dotted #FFFFFF;
}

.habit_truck #truck_slider .resp_img{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 767px){
	
	.habit_truck #truck_content .reserve .list_sep{
		width: 320px;
		max-width: 100%;
		margin: 20px auto;
	}

	/* reduced size per 08-23-24 client feedback */
	.habit_truck #truck_content .reserve .cta{
		width: 400px;
		max-width: 100%;
		padding: .2em 1em .4em;
		font-size: 1.5rem;
	}

	.habit_truck #truck_slider .lt_arrow{
		left: 25px;
	}

	.habit_truck #truck_slider .rt_arrow{
		right: 25px;
	}

	.habit_truck #truck_slider .slick-slide .resp_img{
		height: 71vw;

	}
}


/* general hero title */
.hero_title{
	position: relative;
	height: 730px;
}

.hero_title .dyn_image{
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hero_title .hero_overlay{
	position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	height: 100%;
	padding-top: 100px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1rem;
}

.hero_title h1{
	font-size: 4rem;
}

@media (min-width: 768px){
	
	.hero_title .hero_overlay{
		padding-top: 150px;
		width: 50%;
	}
}

/* ===================== Truck Reserve ===================== */

.truck_reserve{
	min-height: 600px;
	padding-top: 100px;
}

.truck_reserve h1.hdr{
	font-size: 4rem;
}

.truck_reserve .truck-form h2:not(.month-year){
	padding: 1em 0;
	font-size: 2rem;
}

#truck_form_wrap{
	align-items: flex-start;
	justify-content: space-between;
}

#truck_form_wrap .form_half{
	flex: 0 1 48%;
}

#truck_form_wrap .truck-form-total{
	flex: 0 0 520px;
}

#truck_form_wrap .truck-form-header{
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

@media (min-width: 901px){
	
	#truck_form_wrap .truck-form-total{
		margin-left: 30px;
	}

	.truck-form-total.top_stuck{
		margin-left: 0;
		max-width: 43%;
		left: 50%;
		right: auto;
		-webkit-transform: translate(4%,0%);
		        transform: translate(4%,0%);
	}

	#truck_form_wrap{
		display: flex;
	}
}


@media (min-width: 1000px){
	 
	#truck_form_wrap .truck-form-header{
		display: flex;
	}
}

#truck_form_wrap .truck-form-header .copy{
    font-size: 1.5rem;
}

@media (min-width: 768px){
	#truck_form_wrap .truck-form-header .copy{
		flex: 0 0 283px;
	}
}

#truck_form_wrap .form-field{
	margin-bottom: 1em;
}

#truck_form_wrap .form-field.menu_items{
	margin: 2em 0;
}

#truck_form_wrap .formsubtext{
	padding: 1em 0 0 1em;
}

.truck-form-total {
	padding: 1em;
	background-color: var(--habit-poppy-orange);
	font-size: 1rem;
	color: var(--habit-black);
	text-align: center;
}

.truck-form-total.top_stuck{
	position: fixed;
		top: 100px;
		right: 100px;
	width: 520px;
}

@media (max-width: 900px){
	
	.truck-form-total,
	.truck-form-total.top_stuck{
		position: static;
		width: 100%;
	}
}

.truck-form-total.min-reached { background-color:#2fb425; }

.truck-form-total .itemtotal{
	font-size: 4em;
}

.truck-form-total .taxes{
	padding: 5px 10px 10px;
	font-size: 0.750em;
	text-align: center;
	text-transform: uppercase;
}

.truck-form-total .total-error{
	padding: 10px 0;
	margin: 0 10px;
	border-top: 2px solid #000;
	font-size: 0.750em;
	text-align: center;
	text-transform: uppercase;
}


#truck_form_wrap .dropdown ul li{
    padding: 6px 10px;
    font-size: 1.125em;
}

#truck_form_wrap .dropdown ul li.active{
    font-size: 1.563em;
}

#truck_form_wrap .dropdown{
    border-color: var(--habit-poppy-orange);
}

#truck_form_wrap .form-field.state-field{
    position: relative;
    z-index: 110;
}

#truck_form_wrap .form-field.state-field .dropdown.open > div{
    height: 77px;
}

#truck_form_wrap #hear_select.form-field .dropdown.open > div{
    height: 168px;
}


#truck_form_wrap .form-field.menu_items .dropdown-parent .dropdown > div > ul, .dropdown ul{
    overflow: auto;
}

#truck_form_wrap .menu_items .itemselect .dropdown .selected{
    font-size: 1.875em;
}

.truck_reserve #menu_items_drop a{
    display: inline-block;
    padding: 6px 10px;
    color: var(--habit-black);
    line-height: 1;
    text-decoration: none;
    font-size: 0.600em;

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

.truck_reserve #menu_items_drop a:hover{
    color: #999;
}


.truck_reserve #menu_items_drop .dropdown_wrap{
	width: 100%;
}

.truck_reserve #menu_items_drop .dropdown_wrap > button{
	width: 100%;
	overflow: hidden;
	padding: .3em 1em;
	-webkit-appearance: none;
	background-color: var(--habit-poppy-orange);
	box-shadow: 0 0 13px 6px rgb(0 0 0 / 13%);
	font-size: 2rem;
	color: var(--habit-black);
	cursor: pointer;
}

.truck_reserve #menu_items_drop ul {
	/* top: calc(100% + 10px); */
	position: static;
	margin-top: 10px;
}

.truck_reserve #menu_items_drop li:first-child{
	position: relative;
}

.truck_reserve #menu_items_drop #menu_dismiss{
	position: absolute;
		top: .3em;
		right: .3em;
		z-index: 1;
	width: 1em;
	height: 1em;
	background-image: url(images/icons/icon-menu-close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 1.5rem;
}

.truck_reserve #menu_items_drop ul li .item_btn{
	width: 100%;
	overflow: hidden;
	padding: .3em 1em;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	font-size: 1.2rem;
	text-align: left;
	cursor: pointer;
}

.truck_reserve #menu_items_drop .optgroup-label{
	padding: .3em 1em;
	background-color: var(--habit-poppy-orange);
	font-size: 1.5em;
	color: var(--habit-black);
	line-height: 1;
	text-align: center;
}

.truck_reserve #menu_items_drop .optgroup-label span{
    font-size: 0.567em;
    font-style: italic;
    text-transform: none;
}

.truck-form .individual-item {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.truck-form .main_copy h2{
	font-family: var(--bebas);
	text-align: center;
}

.truck-form .individual-item span { display:inline; font-size:1em; }

.truck-form .individual-item a:link,
.truck-form .individual-item a:visited,
.truck-form .individual-item a:active,
.truck-form .individual-item a:hover { 
	color: #b7af8f; 
	font-size: 0.875em; 
}

.truck-form .item-remove{
	width: 1em;
	height: 1em;
	margin-right: 1em;
	background-image: url(images/icons/icon-menu-close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 1rem;
}


#truck_form_wrap .menu_items .inditemright {
	display: flex;
	position: relative;
	align-items: center;
	margin: 0 0 0 auto;
	font-size: 1rem;
}

#truck_form_wrap .menu_items .inditemright input{
	border: 2px solid;
	box-shadow: none;
	font-size: 1em;
	border-radius: 0;
	width: auto;
}

#truck_form_wrap .menu_items .inditemright .labelqty{
	padding: 0;
	margin: 0 10px 0 0;
	text-transform: none;
}

#truck_form_wrap .menu_items .inditemright .label-explanation{
	display: inline-block;
	position: absolute;
		top: 0;
		left: calc( 100% + 10px );
		z-index: 100;
	width: 161px;
	height: auto;
	padding: 10px;
	opacity: 0;
	background-color: var(--habit-poppy-orange);
	font-size: .9rem;
	color: var(--habit-black);
	text-align: left;
	text-transform: none;
	transition: all .3s ease-in-out;
}

#truck_form_wrap .menu_items .inditemright:hover .label-explanation{
	opacity: 1;
}

.truck_reserve #fav_location{
	display: none;
}

.truck_reserve #fav_location .loader{
	top: 48%;
	right: 8em;
	left: auto;
	font-size: .3em;
}

.truck_reserve #fav_location .loc_drop_selector li:last-child{ /* select all locations */
	display: none;
}

.truck_reserve #truck_contact_row{
	font-family: var(--bebas);
	text-transform: uppercase;
	font-size: 1.5rem;
}

.truck_reserve #truck_contact_row > div{
	margin-right: 1em;
}

.truck_reserve #truck_contact_row .truck_yelp {
	display: inline-flex;
	align-items: center;
}

.truck_reserve #truck_contact_row .truck_yelp img{
	margin-left: .5em;
}

#truck_form_wrap .submit_block{
	position: relative;
	padding: .5em 0;
	margin-top: 30px;
}

@media (max-width: 900px){
	#truck_form_wrap .submit_block{
		text-align: center;
	}
}

@media (max-width: 500px){
	
	#truck_form_wrap .submit_block input{
		width: 100%;
		padding: .4em 0;
	}
}

#truck_form_wrap .submit_block .loader{
	top: 50%;
	right: 0;
	left: auto;
	margin: 0;
	font-size: .3rem;

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

.truck-form #form_success{
	text-align: center;
    padding-bottom: 100px;
}

.truck-form #form_success h2{
	font-family: var(--bebas);
	text-transform: uppercase;
}


.truck_reserve #requirements {
	font-size: 1.2rem;
	padding-bottom: 50px;
}

.truck_reserve #requirements h2{
	font-family: var(--bebas);
	text-transform: uppercase;
	font-size: 1.4em;
	margin: .5em 0;
}

.truck_reserve #requirements li{
	margin-bottom: .4em;
}

/* ===================== Truck Menu ===================== */

.truck_menu {
	padding-bottom: 100px;
}

.truck_menu .container{
	width: 800px;
}

.truck_menu .menu-block{
	margin-top: 30px;
}

.truck_menu h2,
.truck_menu h3,
.truck_menu .option-text{
	text-transform: uppercase;
	font-family: var(--bebas);
}

.truck_menu h2{
	padding: .2em 20px;
	margin-bottom: .7em;
	background-color: var(--habit-poppy-orange);
	font-size: 2.5rem;
	color: var(--habit-black);
	line-height: 1;
	text-align: center;
}

.truck_menu tr:first-child td:first-child h3{
	margin-top: 0;
}

.truck_menu h3{
	max-width: 400px;
	margin-bottom: 5px;
	font-size: 2rem;
	line-height: 1;
}

.truck_menu table {
	width: 100%;
}

.truck_menu table th:first-child{
	width: 70%;
}

.truck_menu table th{
	width: 15%;
    text-align: left;
}

.truck_menu table tr td:first-child p{
	padding-right: 1em;
}

.truck_menu .category-description{
	text-align: center;
	margin-bottom: 1.2em;
}

.truck_menu .price{
	font-size: 1.3rem;
}

.truck_menu .menu-item-content .price{
	margin-left: 1em;
}

.truck_menu .title_price {
	display: flex;
	align-items: flex-end;
	margin-bottom: 5px;
}

.truck_menu .title_price h3{
	line-height: 1;
	margin-bottom: 0;
}

.truck_menu .title_price .price{
	font-size: 1rem;
	font-family: var(--okomito);
}

.truck_menu .option-text{
	font-size: 2rem;
}

.truck_menu .section_footer{
	margin-top: 20px;
}

/* ===================== Mobile App ===================== */

.mobile_app .hero_title .hero_overlay{
	text-align: center;
	font-size: 1rem;
	max-width: 680px;
}

.mobile_app .hero_title .hero_overlay h1{
	font-size: 4.5rem;
	margin-bottom: .3em;
}

.mobile_app .hero_title .hero_overlay p{
	font-size: 1.2rem;
}

.mobile_app #app_hero .app_links{
	margin-top: 20px;
}

.mobile_app #app_hero .app_links a{
	height: 60px;
}

@media (min-width: 1300px){
	
	.mobile_app .hero_title {
		height: 56vw;
	}
}

@media (min-width: 768px){
	
	.mobile_app .hero_title .hero_overlay{
		padding-top: 123px;
		width: 47%;
		right: auto;
        left: 53%;
	}

}

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

	.mobile_app .hero_title .hero_overlay{
		font-size: .8em;
		width: 48%;
	}

	.mobile_app #app_hero .app_links a{
		height: 4em;
	}
}

@media (max-width: 767px){
	
	.mobile_app .hero_title .dyn_image{
		background-position: center bottom;
	}

	.mobile_app .hero_title .hero_overlay{
		font-size: 1rem;
		padding-top: 60px;
	}

	.mobile_app .hero_title {
		height: 205vw;
	}
}

@media (max-width: 500px){
	
	.mobile_app .hero_title .hero_overlay h1{
		font-size: 4em;
	}

	.mobile_app #app_hero .app_links a{
		height: 3em;
	}

}

@media (max-width: 450px){
	
	.mobile_app .hero_title {
		height: 910px;
	}

	.mobile_app .hero_title .hero_overlay{
		font-size: .8rem;
	}

}

.mobile_app #app_features {
	position: relative;
	padding: 65px 0;
}

.mobile_app #app_features .hand_phone{
	position: absolute;
		z-index: 1;
	width: 1em;
	height: 1.212317em;
	background-image: url(images/misc/phone-hand-v2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 40rem;
}

.mobile_app #app_features .container{
	width: 1065px;
	padding: 0 40px;
}


.mobile_app #app_features .features .feature_block{
	background-color: #FFFFFF;
	text-align: center;
	box-shadow: 0 0 13px 6px rgb(0 0 0 / 13%);
	border-radius: 8px;
	padding: 20px;
}

.mobile_app #app_features .features .feature_block img{
    width: 84px;
    margin-bottom: 6px;
}

.mobile_app #app_features .features .feature_block h2{
	margin-bottom: 0.2em;
	font-size: 3rem;
}

.mobile_app .app_footer{
	margin-top: 40px;
	padding: 0 10%;
}

.mobile_app .app_footer h2{
	font-size: 3rem;
	margin-bottom: .5em;
}

.mobile_app .app_footer .app_links a{
	height: 55px;
}

@media (min-width: 768px){

	.mobile_app .hero_title .hero_overlay{
		text-align: left;
	}

	.mobile_app #app_hero .app_links{
		justify-content: flex-start;
	}

	.mobile_app #app_features .features{
		display: grid;
		width: 66%;
		grid-gap: 10px;
		grid-template-columns: 1fr 1fr;
	}

	.mobile_app #app_features .hand_phone{
		right: 0;
		bottom: 0;
		z-index: 1;
		background-size: contain;
		font-size: 24rem;
	}
}

@media (min-width: 1201px){
	
	.mobile_app #app_features .hand_phone{
		right: calc(47.38vw - 569px);
	}
}

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

	.mobile_app #app_features .hand_phone{
		right: -110px;
	}
}

@media (max-width: 767px){
	
	.mobile_app #app_features{
		padding-bottom: 0;
	}

	.mobile_app #app_features .container{
		padding: 0 10%;
	}

	.mobile_app #app_features .features .feature_block{
		margin-bottom: 25px;
	}

	.mobile_app #app_features .hand_phone{
		position: static;
		width: 100%;
		height: 0.9428571em;
		height: 90vw;
		background-position: left 124% bottom -70px;
	}
}

@media (max-width: 450px){
	
	.mobile_app .app_footer .app_links a{
		height: 40px;
	}
}

/* donation footer */
.donation_footer {
	height: 500px;
}

.donation_footer .donation_logos{
	background-color: #000000;
	color: #FFFFFF;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.donation_footer .copy {
	padding: 20px 0;
	background-color: #FFFFFF;
}

.donation_footer .copy h2{
	width: 333px;
	max-width: 100%;
	margin-bottom: .4em;
	font-family: var(--bebas);
	font-size: 3rem;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.donation_footer .copy .cta{
	font-size: 2rem;
    padding: .2em 1em;
}

@media (max-width: 767px){
	
	.donation_footer {
		display: flex;
		flex-direction: column;
		height: auto;
	}

	.donation_footer .donation_logos{
		flex: 0 0 80vw;
		order: 2;
	}

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

/* ===================== FAQ template Styles ===================== */


.faqs_style #faqs_section{
	min-height: 800px;
	padding: 50px 0 100px;
}

@media (max-width: 767px){
	
	.faqs_style #faqs_section{
		padding-bottom: 10px;
	}
}

.faqs_style #faqs_section h1{
	font-size: 5.2rem;
}

.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 label.float::before{
	background-image: url(images/refresh/grainy-bknd.jpg);
}

.faqs_style .faq_search .input_wrap input{
	background-image: url(images/icons/icon-search-black.svg);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 30px;
	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-menu-close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	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{
	text-transform: none;
	text-align: left;
    width: 100%;
	font-size: 1.5rem;
	box-shadow: 0 0 10px 7px rgb(0 0 0 / 15%);
}

.faqs_style #faq_filter button.active{
	background-color: var(--habit-poppy-orange);
	color: var(--habit-black);
}

.faqs_style .has_results #faq_filter button.active{
	color: var(--habit-black);
	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;
	box-shadow: 0 0 10px 7px rgb(0 0 0 / 15%);
}

.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;
	}
}

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

@media (min-width: 768px){

	.contact_faqs #faqs{
		max-height: 1000px;
		overflow: auto;
	}
}

.contact_faqs #mid_page {

}

.contact_faqs #mid_page .inner {
	justify-content: center;
	height: 320px;
}

.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;
	}
}

/* contact feedback form */
/* 10-23-24  */
#input_3_1 option[value=Marketing]{ display: none !important; }

.feedback .dyn_image{
	height: 415px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#contact_form {
	padding-bottom: 75px;
}

#contact_form .hdr{
	font-size: 5.5rem;
	padding: 1em 0;
}

#contact_form .container{
	width: 900px;
	padding: 0 40px;
}

#contact_form .gfield_time_hour > i,
#contact_form .gfield_time_minute {
	display: none;
}

#faq_linkback {
	padding: 30px 50px;
	font-size: 2rem;
	box-shadow: 0 0 26px 20px rgb(0 0 0 / 15%);
}

#faq_linkback .cta{
	margin-top: 1em;
	padding: .1em 2em;
	font-size: 2rem;
}

.feedback .donation_footer .copy{
	background-color: transparent;
}

.feedback .receipt_img{
	margin-top: 20px;
}

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

@media (max-width: 767px){
	
	#faq_linkback {
		display: none;
	}
}

.feedback .message_only{
	font-size: 1.3rem;
    line-height: 1.3;
}

form.reason_job_application_inquiry .gfield:not(.message_only):not(.swap_class),
form.reason_job_application_inquiry .gform_footer,
form.reason_fundraising_donations .gfield:not(.message_only):not(.swap_class),
form.reason_fundraising_donations .gform_footer{
	display: none;
}

/* ===================== sub page mobile drop ===================== */

.mobile_drop_nav{
	position: absolute;
		top: 20px;
		left: 50%;
		z-index: 20;
	width: 500px;
	border-radius: 5px;
	max-width: 95%;
	font-size: 2.5rem;

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

.mobile_drop_nav.reveal {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.mobile_drop_nav,
.mobile_drop_nav .dropdown_wrap ul{
	background-color: var(--habit-white);
}

.mobile_drop_nav .dropdown_wrap ul{
	left: 50%;
	padding: .2em .6em .7em;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

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

.mobile_drop_nav .dropdown_wrap ul .cta_style a{
	width: 100%;
	padding: .3em .1em;
	margin-top: .4em;
	background-color: var(--habit-poppy-orange);
	border-radius: 2em;
	border: 1px solid var(--habit-poppy-orange);
	font-family: var(--okomito);
	font-size: .8em;
	color: var(--habit-black);
}

.mobile_drop_nav .dropdown_wrap ul a{
	display: inline-block;
	width: auto;
	padding-bottom: 0;
	border-bottom: 2px solid transparent;
	font-size: .8em;
	color: var(--habit-black);
	text-decoration: none;
}

.mobile_drop_nav .dropdown_wrap .current-menu-item:not(.cta_style) a{
	border-color: var(--habit-black);
}

.mobile_drop_nav button,
.mobile_drop_nav .dropdown_wrap {
	width: 100%;
	text-align: center;
}

.mobile_drop_nav button{
	padding: .5em;
	padding-right: 1.2em;
	margin-bottom: 0;
	font-family: var(--yorkten-cond);
	font-size: 1em;
	color: var(--habit-black);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: none;
}

@media (max-width: 767px){
	
	.mobile_drop_nav{
		font-size: 2rem;
	}
}

@media (max-width: 500px){
	
	.mobile_drop_nav{
		font-size: 1.5rem;
	}
}

/* ===================== Careers ===================== */

/* careers home */
.careers_home .hero {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: flex-end;
	height: 600px;
	text-align: center;
	background-color: #000;
}

.careers_home .hero .dyn_image{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.careers_home .hero .hero_overlay{
	position: relative;
		z-index: 2;

	-webkit-transform: translate(0,32px);
	        transform: translate(0,32px);
}

.careers_home .hero .hdr{
	font-size: 7rem;
	color: #FFFFFF;
	margin-bottom: 30px;
}

.careers_home .hero .hdr span{
	display: inline-block;
	position: relative;
		top: -.1585em;
	border-bottom: 3px solid var(--habit-poppy-orange);
	font-size: .8em;
}

.careers_home #job_search{
	position: relative;
	margin: 0 30px;
	background-color: #FFFFFF;
	box-shadow: 0 0 26px 20px rgb(0 0 0 / 15%);
	padding: 0;
	text-align: left;
}

.careers_home #job_search #validation{
	position: absolute;
		top: 1em;
		left: 50%;
		z-index: 1;
	flex: 0 0 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--validation_red);
	text-align: center;
	text-transform: uppercase;

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

.careers_home #job_search label{
	display: inline-block;
	padding-bottom: .4em;
	padding-left: 1em;
}

.careers_home #job_search select,
.careers_home #job_search input{
	border: 1px solid var(--habit-poppy-orange);
	line-height: 2.55rem;
	font-size: 1.5rem;
}

.careers_home #job_search input{
	font-size: 1rem;
}

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

	.careers_home #job_search select{
		min-width: 275px;
	}
}

.careers_home #job_search .inner > div{
	padding: 45px 30px;
}

.careers_home #job_search .location_search{
	position: relative;
}

.careers_home #job_search .search_btn{
	padding: 35px;
    font-size: 1.7rem;
}

.careers_home #job_search .corp_link{
	display: flex;
	align-items: center;
	height: 100%;
	font-size: 1.2rem;
}

@media (min-width: 1000px){
	
	.careers_home #job_search .corp_link{
		width: 338px;
	}
}

.careers_home #job_search .corp_link .inner{
	width: 100%;
	font-weight: bold;
}

.jobs_form #location_name{
	font-size: 2rem;
	margin-top: 1em;
}

.jobs_form .gform_description{
	display: block;
	width: 500px;
	max-width: 95%;
	padding-bottom: 3em;
	margin: auto;
	text-align: center;
}

.careers_home #career_about #career_vid,
.careers_home #career_about .copy{
	flex: 0 0 50%;
}

.careers_home #career_about #career_vid{
	order: 1;
}

.careers_home #career_about #career_vid .vid_play{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	width: 115px;

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

.careers_home #career_about .copy{
	order: 2;
}

.careers_home #career_about .copy {
	display: flex;
	justify-content: center;
	align-items: center;
}

.careers_home #career_about .copy .inner{
	max-width: 700px;
	padding-right: 5%;
	margin-left: 64px;
	font-size: 1.2rem;
}

.careers_home #career_about .copy h2{
	font-family: var(--bebas);
	font-size: 3rem;
	color: var(--habit-black);
	line-height: 1;
	text-transform: uppercase;
}

@media (max-width: 1000px){
	
	.careers_home #career_about .copy .inner{
		padding: 80px 50px 20px;
		margin: 0;
	}
}

@media (max-width: 767px){
	
	.careers_home .hero{
		height: 900px;
	}

	.careers_home .hero .hdr{
		font-size: 4rem;
	}

	.careers_home #job_search{
		width: 500px;
		max-width: 90vw;
		padding-top: 20px;
		margin: auto;
	}

	.careers_home #job_search .inner > div{
		padding: 20px 30px;
	}

	.careers_home #job_search label{
		font-size: 1.5rem;
	}

	/* .careers_home #job_search select, .careers_home #job_search input{ */
	/* 	line-height: 2.7; */
	/* } */

	.careers_home #job_search .search_btn{
		padding: 21px;
		margin-top: 10px;
	}
}

.careers_home #career_perks{
	background-color: var(--habit-poppy-orange);
}

.careers_home #career_perks .slider_wrap{
	padding-top: 15px;
}

.careers_home #career_perks .slick_arrows{
	top: 60%;
}

.careers_home #career_perks .slick-arrow:focus-visible{
	outline: 3px dotted #FFFFFF;
}

.careers_home #career_perks .slick-list{
	width: calc(100% - 230px);
    margin: auto;
}

.careers_home #career_perks .slick-slide{
	margin: 0 40px;
}

.careers_home #career_perks .perk .inner{
	min-height: 300px;
	padding: 90px 40px 20px;
	background-color: #FFFFFF;
	border-radius: 8px;
}

@media (max-width: 767px){
	
	.careers_home #career_perks .perk .inner{
		padding: 90px 30px 20px;
	}
}

.careers_home #career_perks .perk .icon{
	width: 120px;
	display: inline-block;
	-webkit-transform: translate(0%,60%);
	        transform: translate(0%,60%);
}

.careers_home #career_perks .perk .title{
	font-size: 3rem;
}

.careers_home #career_perks .cta_row{
	padding: 30px 20px;
}

/* reduced size per 08-23-24 client feedback */
.careers_home #career_perks .cta_row .cta{
	font-size: 1.5rem;
    padding: .4em 2.3em;
}

@media (max-width: 767px){
	
	.careers_home #career_perks .cta_row .cta{
		font-size: 1.2rem;
	}
}

/* careers faq */
.career_faqs #faqs_section .container{
	width: 1000px;
}

/* careers who we are */
.careers_who .page_header {
	flex-direction: row;
	align-items: flex-end;
	height: 600px;
	padding-bottom: 80px;
	color: #FFFFFF;
	background-color: #000;
}

.careers_who .page_header h1{
	font-size: 7rem;
	position: relative;
}

.careers_who .page_header h1::after{
	display: inline-block;
	position: absolute;
		bottom: -25px;
		left: 50%;
		z-index: 1;
	width: 3px;
	height: 110px;
	background-color: var(--habit-orange);
	font-size: 1rem;
	content:'';

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

.careers_who .page_header .dyn_image{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
	background-position: center top;
}

.careers_who #habit_difference{
	color: var(--habit-black);
	background-color: var(--habit-poppy-orange);
}

.careers_who #habit_difference .page-content{
	padding: 4.5em 1em;
	line-height: 1.4;
    font-size: 1.2rem;
}

/* reduced size per 08-23-24 client feedback */
.careers_who #habit_difference .page-content .cta{
	font-size: 1.5rem;
	padding: .4em 2em;
	margin: 1em 0 0;
}

.careers_who #career_videos {
	padding-bottom: 50px;
}

.careers_who #career_videos .vid_flex{
	display: flex;
	flex-wrap: wrap;
	padding-top: 5px;
}

.careers_who #career_videos .career_vid{
	flex: 1 0 50%;
}

@media (min-width: 768px){

	.careers_who #career_videos .career_vid video{
		height: 590px;
	}

	.careers_who #career_videos .career_vid .reveal video{
		height: auto;
	}
}

/* reduced size per 08-23-24 client feedback */
.careers_who #career_videos .video_wrap .vid_play{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	width: 110px;

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

.careers_who #career_videos .video_title{
	padding: 30px 20px;
    font-size: 3rem;
	display: none;
}

@media (min-width: 1101px){

	.careers_who #career_videos .career_vid:nth-child( even ){
		padding-left: 5px;
	}
}

@media (max-width: 1100px){
	
	.careers_who #career_videos .vid_flex{
		flex-direction: column;
	}
}

@media (max-width: 767px){
	
	.careers_who .page_header{
		height: 700px;
	}

	.careers_who .page_header h1{
		font-size: 4rem;
	}

	.careers_home #career_perks .slick-slide{
		margin: 0 2px;
	}

	.careers_home #career_perks .slick-list{
		width: calc(100% - 164px);
	}

	.careers_home #career_perks .perk .title{
		font-size: 2.5rem;
	}
}

@media (max-width: 400px){
	
	.careers_who #career_videos .video_wrap .vid_play{
		width: 90px;
	}
}

.careers_path .page_header {
	flex-direction: row;
	align-items: flex-end;
	height: 600px;
	background-color: #000;
}

.careers_path .page_header .dyn_image{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
}

.careers_path .page_header h1{
	position: relative;
		z-index: 10;
	width: 700px;
	max-width: 95%;
	padding-bottom: 60px;
	font-size: 6.5rem;
	color: #FFFFFF;
}


#career_positions .position > div{
	flex: 0 0 50%;
}

#career_positions .position img{
	object-fit: cover;
	object-position: top;
	width: 100%;
	height: 100%;
}

#career_positions .position .copy{
	display: flex;
	justify-content: center;
	align-items: center;
}

#career_positions .position .inner{
	max-width: 580px;
	padding: 50px 7%;
}

#career_positions .position h2{
	margin-bottom: 0.5em;
	font-size: 3rem;
}

#career_positions .position .cta_row{
	margin-top: 2em;
}

/* reduced size per 08-23-24 client feedback */
#career_positions .position .cta{
	font-size: 1.3rem;
    padding: .4em 2em;
}

@media ( min-width: 851px ){

	#career_positions .position{
		max-height: 505px;
		display: flex;
	}

	#career_positions .position:nth-child( even ) .copy{
		order: 1;
	}

	#career_positions .position:nth-child( even ) .position_img{
		order: 2;
	}
}

@media (max-width: 850px){
	
	.careers_path .page_header h1{
		font-size: 5.5rem;
	}
}

@media (max-width: 615px){
	
	.careers_path .page_header h1{
		font-size: 4.5rem;
	}

	#career_positions .position .cta{
		font-size: 1.5rem;
	}
}




.careers_faqs .hero{
	position: relative;
}

@media (max-width: 767px){
	
	.careers_faqs .hero{
		padding-top: 100px;
	}

	.careers_faqs #careers_nav .dropdown_wrap,
	.careers_faqs #careers_nav .dropdown_wrap ul{
		border: 1px solid var(--habit-poppy-orange);
	}

	.careers_faqs #careers_nav .dropdown_wrap ul{
		border-top: none;
	}
}

.careers-faqs .hero{
	position: relative;
}


.careers-faqs .scrolldown{
	display: inline-block;
	position: absolute;
		bottom: 9px;
		left: 43%;
		z-index: 1;

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

.careers-faqs .scrolldown svg{
	fill: #ffffff;
}

@media (max-width: 768px){
	
	.careers-faqs .scrolldown{
		left: 34%;
	}
}

@media (max-width: 500px){
	
	.careers-faqs .scrolldown{
		opacity: 0;
	}
}

/* ===================== Donations Charities & Contests ===================== */
.donations .page_header .dyn_image,
.contests .page_header .dyn_image{
	width: 100%;
	height: 365px;
}

.donations #top_copy,
.contests #top_copy{
	margin: 75px 0;
	flex: 1 1 auto;
}

.donations #top_copy .container,
.contests #top_copy .container{
	width: 1150px;
}

.donations #top_copy h1,
.contests #top_copy h1{
	flex: 0 0 50%;
}

.donations #top_copy h1,
.contests #top_copy h1{
	padding: 0 4% 0 15%;
	border-right: 2px solid var(--habit-orange);
	font-size: 5.5rem;
}

@media (min-width: 768px){

	.donations #top_copy .copy,
	.contests #top_copy .copy{
		padding-left: 6%;
	}
}

.donations #top_copy .copy h2,
.contests #top_copy .copy h2{
	line-height: 1;
}

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

	.donations #top_copy h1,
	.contests #top_copy h1{
		padding: 0 7%;
		font-size: 4.5rem;
	}
}

@media (max-width: 767px){
	
	.donations #top_copy h1,
	.contests #top_copy h1{
		position: relative;
		padding: 30px 10px;
		margin-bottom: 30px;
		border-right: none;
		text-align: center;
	}

	.donations #top_copy h1::after,
	.contests #top_copy h1::after{
		display: inline-block;
		position: absolute;
			bottom: 0;
			left: 50%;
			z-index: 1;
		width: 300px;
		max-width: 100%;
		height: 2px;
		background-color: var(--habit-orange);
		content:'';

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

	.donations #top_copy .copy,
	.contests #top_copy .copy{
		text-align: center;
	}
}

@media (max-width: 600px){
	
	.donations #top_copy h1{
		font-size: 4.5rem;
	}
}

@media (max-width: 460px){
	
	.donations #top_copy h1{
		font-size: 3.5rem;
	}
}

.donations #donation_form,
.contests #donation_form{
	width: 1150px;
	max-width: 92%;
	padding: 30px 4%;
	margin-bottom: 55px;
	background-color: #FFFFFF;
	box-shadow: 0 0 26px 20px rgb(0 0 0 / 15%);
}

.donations #donation_form .form_hdr,
.contests #donation_form .form_hdr{
	align-items: flex-end;
}

.donations .habit_form .gform_fields{
	justify-content: flex-start;
}

.contests .habit_form .gform_fields{
	justify-content: space-between;
}

.donations #donation_form h2,
.contests #donation_form h2{
	margin-right: .3em;
	font-size: 3rem;
	line-height: .8em;
}

.donations .gf_page_steps,
.contests .gf_page_steps{
	display: flex;
	align-items: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid var(--habit-poppy-orange);
}

.donations .gf_step,
.contests .gf_step{
	margin-right: 2em;
}

.donations .gf_step .gf_step_number,
.contests .gf_step .gf_step_number{
	margin-right: .3em;
}

.donations .gf_step span,
.contests .gf_step span{
	text-transform: uppercase;
	font-family: var(--yorkten-cond);
}

.donations .gf_step_active,
.contests .gf_step_active{
	padding: .5em 2em;
	background-color: var(--habit-poppy-orange);
	border-radius: 2em;
}

.donations .gf_step_active span,
.contests .gf_step_active span{
	color: #FFFFFF;
}

.donations #donation-groups li,
.contests #donation-groups li{
	margin-bottom: .2em;
	font-weight: bold;
	text-transform: uppercase;
}

.donations .terms_check legend,
.contests .terms_check legend{
	padding-left: 0;
}

.donations .gform_next_button,
.donations .gform_previous_button,
.contests .gform_next_button,
.contests .gform_previous_button{
	padding: .2em 2em;
}

.donations #charity_blocks .block,
.contests #charity_blocks .block{
	background-color: var(--habit-poppy-orange);
	color: var(--habit-black);
	border-bottom: 4px solid #fff;
}

.donations #charity_blocks .block h2,
.contests #charity_blocks .block h2{
	line-height: 1;
	font-family: var(--bebas);
	font-size: 3rem;
	text-transform: uppercase;
}

.donations #charity_blocks .block .charity_img img,
.contests #charity_blocks .block .charity_img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.donations #charity_blocks .block .copy,
.contests #charity_blocks .block .copy{
	display: flex;
	justify-content: center;
	align-items: center;
}

.donations #charity_blocks .block .copy .inner,
.contests #charity_blocks .block .copy .inner{
	padding: 20px 15%;
	max-width: 660px;
}

.donations #charity_blocks .block .copy .inner ol,
.contests #charity_blocks .block .copy .inner ol{
	list-style-type: decimal;
    list-style-position: inside;
}

.donations #charity_blocks .block .copy .inner ul,
.contests #charity_blocks .block .copy .inner ul{
	list-style-type: disc;
    list-style-position: inside;
}

.donations #charity_blocks .block .copy .inner li{
	margin-bottom: 1em;
}

.donations #charity_blocks .block.legal,
.donations #charity_blocks .block.legal .copy,
.contests #charity_blocks .block.legal,
.contests #charity_blocks .block.legal .copy{
	display: block;
}

.donations #charity_blocks .block.legal,
.contests #charity_blocks .block.legal{
	flex: 0 0 100%;
	background-color: #ffffff;
	color: var(--habit-black);
}

.donations #charity_blocks .block.legal .copy,
.contests #charity_blocks .block.legal .copy{
	width: 800px;
	max-width: 100%;
	padding: 50px 20px;
	margin: auto;
}

@media (min-width: 768px){
	
	.donations #charity_blocks .block,
	.contests #charity_blocks .block{
		display: flex;
	}

	.donations #charity_blocks .block > div,
	.contests #charity_blocks .block > div{
		flex: 0 0 50%;
	}

	.donations #charity_blocks .block:nth-child( even ) .copy,
	.contests #charity_blocks .block:nth-child( even ) .copy{
		order: 1;
	}

	.donations #charity_blocks .block:nth-child( even ) .charity_img,
	.contests #charity_blocks .block:nth-child( even ) .charity_img{
		order: 2;
	}
}

@media (max-width: 767px){
	
	.donations #charity_blocks .block .copy .inner,
	.contests #charity_blocks .block .copy .inner{
		text-align: center;
	}

	.donations #charity_blocks .block .copy .inner .cta,
	.contests #charity_blocks .block .copy .inner .cta{
		width: 345px;
		max-width: 100%;
	}
}

/* ===================== Contests ===================== */

.contests .hdr {
    font-size: 5.5rem;
    padding: 1em 0;
}

.contests .habit_form {
	padding-bottom: 100px;
}

.contests .habit_form .gfield.gfield--width-half{
	flex: 0 0 48%;
}

.contests .gform-field-label--type-sub {
	font-size: .85rem;
    margin-top: 0.5em;
}

.contests .validation_error{
	width: 100%;
}

.contests li,
.contests p{
	line-height: 1.3;
}

.contests h3,
.contests li{
	margin-bottom: .8em;
}

.contests .gform_ajax_spinner,
.habit_form .gform_ajax_spinner{
	display: none;
}


/* ===================== Sitemap ===================== */

#sitemap ul.children{
	padding-left: 1em;
}

#sitemap ul {
	margin-bottom: 0;
}

#sitemap li{
	margin-bottom: 0;
}

#sitemap a{
	display: inline-block;
	margin-bottom: .5em;
	background: none;
}

/* ===================== Gluten ===================== */

.gluten .guidelines_block {
	border: 3px solid var(--habit-poppy-orange);
	margin-bottom: 50px;
}

.gluten .hdr_block{
	padding: 20px;
	display: flex;
	align-items: center;
}

.gluten .hdr_block .title{
	padding-right: .5em;
	border-right: 2px solid var(--habit-orange);
	margin: 0 .5em 0 0;
	font-size: 3rem;
}

.gluten .hdr_block .sub_txt{
	font-size: 1.3rem;
}

.gluten .guidelines_block ul{
	list-style: none;
	margin-top: 1em;
	padding: 10px;
}

.gluten .guidelines_block ul li{
	display: flex;
	align-items: center;
	margin-bottom: 1.5em;
}

.gluten .guidelines_block .item{
	flex: 0 0 220px;
	padding-right: 1em;
	font-size: 2rem;
	line-height: 1;
	text-align: right;
}

.gluten .guidelines_block .desc{
	flex: 1 1 auto;
}

.gluten .small_legal{
	font-size: .8rem;
}

@media (max-width: 767px){
	
	.gluten .guidelines_block .item{
		flex: 0 0 40%;
		font-size: 1.3rem;
		text-align: left;
	}

	.gluten .guidelines_block ul li{
		display: block;
	}
}

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

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

.nutrition_page .container{
	width: 1300px;
}

.nutrition table {
    border-collapse: collapse;
    border-spacing: 0px;
}

.nutrition table {
    text-align: center;
    margin: 0 auto;
	width: 90%;
    color: #3E2300;
	margin-bottom: 30px;
}

.nutrition .has_disclaimer {
	margin-bottom: 15px;
}

.nutritional_information .disclaimer_text, .top_disclaimer {
	margin: 0 auto 30px;
	max-width: 90%;
	margin-top:30px;
}

.nutrition th.name_heading {
    width: 25%;
	text-transform: uppercase;
	font-size: 1.1rem;
	text-align:left;
	padding-left:1.5%;
}

.nutrition th.name_heading  strong,
.nutrition th.name_heading  span{
	margin-bottom: .4em;
	display: inline-block;
}

.nutrition th.nutrition_heading {
    width: 4.4%;
    text-align: center;
}

.nutrition th.nutrition_heading .v-heading {
writing-mode: vertical-lr;
    -webkit-transform: rotate(-150deg);
}

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

	.nutrition th.nutrition_heading .v-heading {
		-webkit-transform: rotate(-180deg);
		padding: 10px 0;
	}
}

.nutrition_page table.nutrition{
	margin-top: 50px;
}

.nutrition tr, .nutrition td, .nutrition th {
    padding: 7px;
    font-size: 0.75rem;
}

.nutrition .small_note{
	font-size: .8em;
}

.nutrition th{padding:0;font-size:0.8rem;}
.nutrition thead th {
	border-bottom: 0;
    border-top: 2px solid #DADADA;
    border-left: 2px solid #DADADA;
    border-right: 2px solid #DADADA;
	border-bottom: 0;
}

.nutrition tbody th {
	border: 2px solid #DADADA;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
	padding: 0.8em;
}

.nutrition td {
    text-align: center;
    border: 2px solid #dadada;
}

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

.nutrition tr.content_row.subitem th {
    padding-left: 30px;
}

tr.content_row.subheading td {
    padding: 0.8em;
    text-align: left;
    font-size: 1.1rem;
    text-transform: uppercase;
    background-color: #f1f1f1;
}

tr.content_row.subheading th {
    font-size: 1.1rem;
    text-transform: uppercase;
    background-color: #f1f1f1;
}

.nutrition tbody th:first-of-type span {
	color: var(--habit-black);
	text-transform: none;
	font-size: 0.9rem;
}

.nutrition thead th:first-of-type span {
	color: var(--habit-black);
	text-transform: none;
	font-size: 1rem;
}

/* Mobile variant for nutrition menu */

.mobile_nutrition {
	padding: 10px;
	color: #3E2300;
}

.mobile_nutrition h2 {
    color: var(--habit-black);
    text-transform: uppercase;
    font-size: 1.5rem;
	font-family: "futura-pt",sans-serif;
}

.mobile_nutrition h3 {
    text-transform: uppercase;
    color: var(--habit-black);
	margin-top: 0.3em;
}

.mobile_nutrition h3.subheading {
    color: var(--habit-black);
    font-size: 1.75rem;
    margin-top: 0.3em;
}

.mobile_nutrition .subtext {
	color: #1E7B6F;
    text-transform: none;
    font-size: 1rem;
	padding-left: 5px;
}

.mobile_nutrition .nutrition_fact {
	display: inline-block;
    padding: 4px;
    width: 18.75%;
    font-size: 0.8rem;
    vertical-align: top;
    border: 1px solid var(--habit-poppy-orange);
    margin-bottom: 4px;
    text-align: center;
}

.mobile_nutrition .nutrition_facts .top_row{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
	justify-items: center;
}

@media (max-width: 500px){
	
	.mobile_nutrition .nutrition_facts .top_row{
		grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
	}
}

.mobile_nutrition .nutrition_fact {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.mobile_nutrition .menu_item {
	margin-top: 15px;
	padding: 5px;
}

.mobile_nutrition .menu_item:nth-of-type(odd) {
    background: #F1F1F1;
}

.mobile_nutrition .menu_item.subitem {
	margin-left: 10px;
}

.mobile_nutrition .top_row {
    margin: 5px 0 10px;
}

.yt-link:focus img, .fancybox-close:focus {
    outline: 3px dotted #FFF !important;
}

/* new */
.nutrition th .v-heading{
	font-weight: bold;
}

.nutrition tbody h2,
.nutrition tbody h3{
	font-family: var(--okomito);
	line-height: 1;
}

.nutrition tbody h2{
	font-size: 1.1rem;
	font-weight: bold;
}

.nutrition tbody h3{
	font-size: .8rem;
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
.nutrition [data-tooltip] {
  position: relative;
  z-index: 999;
  cursor: pointer;
}

/* Hide the tooltip content by default */
.nutrition [data-tooltip]::before,
.nutrition [data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
.nutrition [data-tooltip]::before {
  position: absolute;
  bottom: 97%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: hsla(0, 0%, 20%, 0.9);
  background-color: var(--habit-poppy-orange);
  color: var(--habit-black);
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
.nutrition [data-tooltip]:after {
  z-index: 999;
  position: absolute;
  bottom: 97%;
  left: 50%;
  margin-left: -5px;
  width: 0;  
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-top: 5px solid var(--habit-poppy-orange);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
.nutrition [data-tooltip]:hover::before,
.nutrition [data-tooltip]:hover::after {
  z-index: 999;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/* ===================== Franchise Home ===================== */
#franch_nav{
	position: fixed;
		top: 88px;
	width: 100%;
	max-width: 100%;
	padding-top: 20px;
	border-bottom: 1px solid var(--habit-poppy-orange);
}

#franch_nav,
#franch_nav ul{
	border-radius: 0;
}

#franch_nav.reveal{
	border-bottom: none;
}

#franch_nav.reveal ul{
	border-bottom: 1px solid var(--habit-poppy-orange);
}

.franchise_home .franch_hero{
	flex: 0 0 50%;
	background-size: cover;
	background-position: right top;
}

@media (max-width: 767px){
	
	.franchise_home .franch_hero{
		height: 80vw;
	}
}

.franchise_home #franch_form {
	position: relative;
		z-index: 1;
	justify-content: flex-end;
	/* padding: 0 50px; */
	padding: 0;
}

.franchise_home #franch_form #expand_form{
	width: 100%;
	font-size: 2rem;
}

.franchise_home #franch_form .gform_confirmation_message{
	width: 400px;
    margin: auto;
    max-width: 100%;
}

.franchise_home #franch_form .dyn_image{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.franchise_home #franch_form .form_wrap{
	position: relative;
		z-index: 20;
	flex: 0 0 50%;
	/* padding: 75px 0; */
	padding: 25px 0 20px;
	background-color: #ffffff;
}

.franchise_home #franch_form .form_wrap iframe{
	width: 100%;
	height: 800px;
}

.franchise_home #franch_form .form_wrap .gform_ajax_spinner{
	display: none;
}

.franchise_home #franch_form form,
.franchise_home #franch_form .gform_heading{
	width: 600px;
	margin: auto;
	max-width: 96%;
}

.franchise_home #franch_form .gform_heading{
	padding: 0 30px;
}

.franchise_home #franch_form form .gform_fields{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.franchise_home #franch_form form .gfield{
	flex: 0 0 100%;
}

@media (min-width: 768px){

	.franchise_home #franch_form form .gfield--width-half{
		flex: 0 0 48%;
	}
}


.franchise_home #franch_form .form_wrap h2{
	font-size: 2.5rem;
}

.franchise_home #franch_form .gform_body,
.franchise_home #franch_form .gform_footer{
	padding: 20px 30px;
}

.franchise_home #franch_form .gform_body::-webkit-scrollbar {
	width: 7px;
}

.franchise_home #franch_form .gform_body::-webkit-scrollbar-track {
	background-color: #FFFFFF;
}

.franchise_home #franch_form .gform_body::-webkit-scrollbar-thumb {
	/* background-color: var(--habit-poppy-orange); */
	background-color: #000000;
	border-radius: 7px;
}

.franchise_home #franch_form .consent_box a{
	font-weight: bold;
	background-color: #ffffff;
}

.franchise_home #franch_form .validation_error{
	width: 100%;
}

.franchise_home #franch_form .gform_footer input[type=submit]{
	width: 100%;
	padding: .2em 1em;
	margin-bottom: 0;
	font-size: 1.6rem;
	white-space: normal;
}

.franchise_home #franch_form .gform_footer input[type=submit]:focus-visible{
	outline: 3px dotted #000000;
}

.franchise_home #franch_form .gform_footer .loader {
	top: 50%;
	right: 12em;
	font-size: .3rem;
	color: #FFFFFF;

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

.franchise_home #franch_form .scrolldown {
	top: calc(83.19vh - 110px);
	left: calc(77.54vw - 559px);
	z-index: 10;
}

.form_submitted .franchise_home #franch_form .scrolldown {
	display: none;
}


.form_wrap.habit_form_2 .gform_body .gform_fields .gfield textarea {height: 75px;}




@media (min-width: 768px) and (max-width: 995px){
	
	.franchise_home #franch_form .scrolldown svg{
		fill: #ffffff;
	}
}

@media (min-height: 1090px){
	
	.franchise_home #franch_form .scrolldown {
		top: 808px;
	}
}

@media (min-width: 1051px) and (max-width: 1800px){

	.franchise_home #franch_form .scrolldown {
		left: calc(73.13vw - 448px);
	}
}

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

	.franchise_home #franch_form .scrolldown {
		left: calc(93.62vw - 685px);
	}
}

@media (max-width: 768px){

	.franchise_home #franch_form .scrolldown {
		display: none;
	}
}

@media (max-height: 730px) and (min-width: 995px) and (max-width: 1900px){

	.franchise_home #franch_form .scrolldown svg .sd_bknd{
		fill-opacity: .7;
	}
}


@media (max-width: 420px){
	.franchise_home #franch_form .gform_footer input[type=submit]{
		font-size: 1.6rem;
	}
}

.franchise_home #franch_info {
	position: relative;
}

.franchise_home #franch_info #emblem {
	display: none;
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		width: 223px;
		max-width: 100%;

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

.franchise_home #franch_info .copy,
.franchise_home #franch_info .franch_image{
	flex: 0 0 50%;
}

.franchise_home #franch_info .copy {
	padding: 3em;
    max-width: 700px;
	margin: 0 0 0 auto;
}

.franchise_home #franch_info .copy h2{
	font-family: var(--bebas);
	text-transform: uppercase;
	font-size: 2rem;
	margin-bottom: .5em;
}

.franchise_home #franch_info .franch_image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media (min-width: 768px){
	.franchise_home #franch_form .gform_body{
		position: relative;
		height: 500px;
		padding: 0 25px 0 30px;
		overflow-y: auto;
	}

	.franchise_home #franch_info .copy{
		padding: 3em 120px 3em 3em;
	}

	.franchise_home #franch_form .form_inner{
		display: block !important;
	}
}

@media (max-width: 767px){
	
	.franchise_home #franch_form {
		padding: 0;
		margin-bottom: 0;
	}

	.franchise_home #franch_form .dyn_image{
		position: static;
		height: 120vw;
	}

	.franchise_home #franch_form .form_wrap{
		max-width: 90%;
		padding: 30px 0;
		margin: -103px auto 0;
	}

	.franchise_home #franch_form .form_inner{
		display: block;
	}

	button.expand_btn.expanded::after{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.franchise_home #franch_info #emblem{
		top: auto;
		bottom: 63vw;
		left: 50%;
		width: 35vw;
	}
}

@media (max-width: 550px){
	
	.franchise_home #franch_form #expand_form {
		font-size: 2rem;
	}

	.franchise_home #franch_form #expand_form h2{
		font-size: 1em;
	}
}

@media (max-width: 500px){

	.franchise_home #franch_form #expand_form {
		font-size: 1.8rem;
	}

	.franchise_home #franch_form #expand_form h2{
		padding-left: 1.5em;
		text-align: left;
	}
}

@media (max-width: 370px){
	
	.franchise_home #franch_form #expand_form {
		font-size: 1.5rem;
	}
}

/* ===================== Franchise About ===================== */

.franchise_about .hero .dyn_image{
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media (max-width: 767px){
	
	.franchise_about .hero .dyn_image{
		height: 400px;
	}
}

.franchise_about .hero {
	margin-bottom: 5px;
}

.franchise_about #history_slider {
	padding: 50px 0;
}

.franchise_about #history_slider .slider_wrap{
	margin: auto;
    max-width: 1300px;
}

.franchise_about #history_slides{
	margin-bottom: 0;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

.franchise_about #history_slides.slick-initialized{
	opacity: 1;
}

.franchise_about #history_slider .slick-list{
	width: calc(100% - 300px);
    margin: auto;
}

.franchise_about .milestone > .inner{
	justify-content: center;
}

.franchise_about .milestone .image{
	flex: 1 1 auto;
}

.franchise_about .milestone .copy{
	flex: 1 1 auto;
	font-size: 1.2rem;
	padding-left: 30px;
	display: flex;
	align-items: center;
}

.franchise_about .milestone .copy .inner{
	max-width: 400px;
}

.franchise_about .milestone .copy h3{
	font-size: 3em;
	margin-bottom: .2em;
}

.franchise_about .milestone .image {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 15px;
}

.franchise_about .milestone .image img{
	width: 100%;
	border: 8px solid #fff;
	box-shadow: 0 0 10px 7px rgb(0 0 0 / 15%);
}

.franchise_about #milestones_nav{
	scrollbar-color: var(--habit-fresh-green) transparent;
	width: 1000px;
	max-width: 100%;
	padding: 20px 0;
	margin: auto;
	overflow-x: auto;
}

.franchise_about #milestones_nav::-webkit-scrollbar {
	height: 8px;
}

.franchise_about #milestones_nav::-webkit-scrollbar-track{
	background-color: transparent;
}

.franchise_about .milestones_nav{
	display: inline-flex;
	position: relative;
    margin: auto;
	justify-content: space-between;
}

.franchise_about .milestones_nav::after{
	display: inline-block;
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	width: 96%;
	height: 20px;
	background-color: var(--habit-poppy-orange);
	content:'';

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

.franchise_about .milestones_nav button{
	position: relative;
		z-index: 10;
	width: 2.2em;
	height: 2.2em;
	overflow: hidden;
	padding: 0;
	margin: 0 .4em;
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border-radius: 100%;
	border: 3px solid var(--habit-poppy-orange);
	font-size: 2.5rem;
	color: var(--habit-black);
	cursor: pointer;
}

.franchise_about .milestones_nav button:focus-visible{
	outline: 3px dotted #000000;
}

.franchise_about .milestones_nav button + button{
	margin-left: 1em;
}

.franchise_about .milestones_nav button.active{
	background-color: var(--habit-poppy-orange);
	box-shadow: 0 0 20px 4px rgb(0 0 0 / 15%);
    color: var(--habit-black);
}

.franchise_about .milestones_nav button:hover{
	background-color: var(--habit-poppy-orange);
}

@media (min-width: 1101px){
	
	.franchise_about .milestone .image {
		flex: 0 0 500px;
	}
}

@media (max-width: 1100px){
	
	.franchise_about .milestone > .inner{
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-top: 20px;
	}

	.franchise_about .milestones_nav{
		margin-left: 25%;
	}
}


@media (max-width: 767px){
	
	.franchise_about #history_slider .slick-list{
		width: calc(100% - 95px);
	}

	.franchise_about #history_slider .text{
		font-size: 1rem;
	}
}

.franchise_about .comm_image,
.franchise_about .comm_video,
.franchise_about .comm_copy{
	flex: 1 1 33%;
}

.franchise_about #video_controls {
	align-items: center;
	display: flex;
}

.franchise_about #video_controls .ctrl_btn{
	font-size: 2rem;
}

.franchise_about #video_controls .mute_unmute{
	background-position: center 4px
}

.franchise_about .comm_image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.franchise_about .comm_copy{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 3%;
	background-color: var(--habit-poppy-orange);
	color: var(--habit-black);
}

.franchise_about .comm_copy h2{
	font-family: var(--bebas);
	line-height: 1;
	text-transform: uppercase;
	font-size: 3.5rem;
}

.franchise_about .comm_copy .inner{
	padding: 60px 0;
}

.franchise_about .comm_video .video_wrap,
.franchise_about .comm_video video{
	height: 100%;
}

.franchise_about .comm_video .video_wrap.reveal video{
	height: auto;
}

.franchise_about .comm_video .overlay{
	display: flex;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}

.franchise_about .comm_video .overlay .vid_play{
	width: 130px;
}

.franchise_about #charity_partners{
	padding: 50px 0;
}

.franchise_about #charity_partners .container{
	width: 1800px;
}

.franchise_about #charity_partners h2{
	flex: 0 0 400px;
    font-size: 4rem;
    text-align: center;
}

.franchise_about #charity_partners .partner_logos{
	flex-wrap: wrap;
	flex: 1 1 auto;
	justify-content: center;
}
  
.franchise_about #charity_partners .partner_logos .icon{
	flex: 0 1 200px;
	padding: 0 2% ;
}

.franchise_about #charity_partners .partner_logos .icon a{
	display: inline-block;
}

.franchise_about #charity_partners img{
	box-shadow: 0 0 26px 20px rgb(0 0 0 / 15%);
	margin: 0 20px 20px;
}

@media (max-width: 1380px){
	
	.franchise_about #charity_partners .partner_logos{
		flex-wrap: wrap;
	}
}

@media (min-width: 1001px){


	.franchise_about #charity_partners h2{
		position: relative;
		padding-right: 100px;
	}

	.franchise_about #charity_partners h2::after{
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 0;
		z-index: 1;
		width: 100px;
		height: 2px;
		background-color: #000000;
		content:'';

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

@media (max-width: 1000px){
	
	.franchise_about #charity_partners .partner_logos{
		justify-content: center;
	}

	.franchise_about #charity_partners .partner_logos > div{
		flex: 0 0 50%;
	}

	.franchise_about #charity_partners h2{
		width: 300px;
		max-width: 100%;
		margin: 0 auto 50px;
		font-size: 4rem;
		text-align: center;
	}
}

.franchise_about #culture .charity_hdr{
	flex: 0 0 100%;
	padding: .5em 20px;
	background-color: var(--habit-poppy-orange);
	font-size: 4rem;
	color: var(--habit-black);
	line-height: 1;
}

.franchise_about #culture .culture_block{
	margin-bottom: 5px;
}

.franchise_about #culture .culture_block img{
	flex: 1 1 60%;
	width: 100%;
}

@media (min-width: 1201px){

	.franchise_about #culture .culture_block img{
		max-width: 60%;
		width: auto;
	}
}

.franchise_about #culture .culture_block .culture_copy{
	flex: 1 1 auto;
}

.franchise_about #culture .culture_block img{
	object-fit: cover;
}

.franchise_about #culture .culture_block .culture_copy{
	padding: 50px 5%;
	text-align: center;
}

.franchise_about #culture .culture_block .video_wrap video{
	height: 100%;
}

.franchise_about #culture .culture_block .overlay{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.franchise_about #culture .culture_block .overlay_play .vid_play{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;

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

.franchise_about #culture .culture_block .culture_copy h3{
	font-size: 4rem;
	margin-bottom: .5em;
}

.franchise_about #culture .culture_block:nth-child(even) img{
	order: 2;
}

.franchise_about #culture .culture_block:nth-child(even) .culture_copy{
	order: 1;
	justify-content: flex-end;
}

@media (min-width: 1201px){

	.franchise_about #culture .culture_block .culture_copy .inner{
		max-width: 400px;
	}

	.franchise_about #culture .culture_block .culture_copy {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
	}

	.franchise_about #culture .culture_block{
		display: flex;
	}

	.franchise_about #culture .culture_block .video_wrap{
		flex: 1 1 auto;
		max-width: 60%;
	}
}

@media (max-width: 500px){
	
	.franchise_about #culture .culture_block .overlay_play .vid_play{
		width: 145px;
	}
}

.franchise_about #happenings .hdr{
	font-size: 4rem;
    padding: 50px 0;
}

.happenings_wrap .happ_post {
	max-width: 95%;
	margin-bottom: 50px;
}

.happenings_wrap .happ_post .post_content {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.8rem;
}

.happenings_wrap .happ_post .post_content .inner{
	position: relative;
	width: 100%;
	padding: 40px 20px 20px;
	background-color: #FFFFFF;
	border-radius: 7px;
	box-shadow: 0 0 26px 20px rgb(0 0 0 / 15%);
}

.happenings_wrap .happ_post .post_date{
	display: inline-block;
	position: absolute;
		top: 0;
		left: 20px;
		z-index: 1;
	padding: .3em .7em;
	background-color: var(--habit-poppy-orange);
	border-radius: 7px;
	font-size: .7em;
	color: var(--habit-black);

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

.happenings_wrap .happ_post .post_content .post_title{
	margin-bottom: .5em;
	line-height: 1;
	text-transform: none;
}

.happenings_wrap .happ_post .post_content .read_more{
	font-size: .6em;
}

.happenings_wrap .happ_post .post_content .read_more a{
	padding: 0 1.2em .4em .4em;
	background-image: url(images/refresh/fresh-green-highlight.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

@media (min-width: 768px){
	
	.happenings_wrap .happ_post {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr 50px 1fr;
	}

	.happenings_wrap .happ_post .post_image{
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}

	.happenings_wrap .happ_post .post_content{
		grid-column: 2 / 4;
		grid-row: 1 / 2;
		z-index: 10;
	}
}

@media (max-width: 1000px){
	
	.happenings_wrap .happ_post .post_content .post_title{
		font-size: 2rem;
	}

	.franchise_about .comm_image{
		height: 300px;
	}

	.franchise_about .comm_copy{
		padding: 60px 3%;
	}
}

@media (max-width: 767px){
	
	.happenings_wrap .happ_post {
		margin: 0 auto 50px;
	}

	.happenings_wrap .happ_post .post_content .inner{
		display: flex;
		align-items: flex-start;
		padding: 20px 5% 50px;
	}

	.happenings_wrap .happ_post .post_content .copy{
		padding-left: 5%;
	}

	.happenings_wrap .happ_post .post_date{
		position: static;
		text-align: center;

		-webkit-transform: none;
		        transform: none;
	}

	.happenings_wrap .happ_post .post_date .mo{
		font-size: 1.5rem;
	}

	.happenings_wrap .happ_post .post_date .day{
		font-size: 3.5rem;
	}

	.happenings_wrap .happ_post .post_content .post_title{
		font-size: 2.2rem;
	}
}

.franchise_about .alm-btn-wrap{
	text-align: center;
}

.franchise_about .alm-btn-wrap .alm-load-more-btn{
	padding-bottom: 30px;
	margin-bottom: 50px;
	background-image: url(images/icons/icon-arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 30px;
	font-size: 1.5rem;
	color: var(--habit-poppy-orange);
}

/* ===================== Franchise Why ===================== */

.franchise_why .hero{
	position: relative;
	border-bottom: 5px solid #fff;
}

.franchise_why .hero .dyn_image{
	height: 400px;
	width: 100%;
}

.franchise_why .scrolldown{
	position: absolute;
		bottom: 9px;
		left: 49.5%;
		z-index: 1;

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

@media (min-width: 768px) and (max-width: 1201px){
	
	.franchise_why .scrolldown{
		bottom: 30px;
	}
}

@media (max-width: 500px){
	
	.franchise_why .scrolldown{
		opacity: 0;
	}
}

.franchise_why #the_choice {
	margin: 75px 0;
}

.franchise_why #the_choice .slick-arrow:focus-visible{
	outline: 4px dotted #FFFFFF;
}

.franchise_why #the_choice .container{
	width: 810px;
	max-width: 90%;
	padding: 0;
	background-color: #FFFFFF;
	box-shadow: 0 0 26px 20px rgb(0 0 0 / 15%);
}

.franchise_why #the_choice .top_slider{
	overflow: hidden;
}

.franchise_why #the_choice .top_slider .choice_img{
	height: 400px;
	display: block !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.franchise_why #the_choice #top_slider{
	background-color: #000000;
}

.franchise_why #the_choice #top_slider .slick-list{
	background-color: #ffffff;
}

.franchise_why #the_choice .top_copy{
	text-align: center;
}

.franchise_why #the_choice .top_copy .inner{
	padding: 20px 7%;
}

.franchise_why #the_choice .top_copy h2{
	margin-bottom: .3em;
	font-size: 3rem;
}


.franchise_why #revenue_channels {
	padding: 50px 20px;
}

.franchise_why #revenue_channels .copy{
	width: 700px;
	max-width: 100%;
    margin: 0 auto 50px;
}

.franchise_why #revenue_channels h2{
	margin-bottom: .3em;
	font-size: 3rem;
}

.franchise_why #revenue_channels .channel {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: 18%;
	margin: 0 4% 30px;
	vertical-align: top;
}

.franchise_why #revenue_channels .channel .inner{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 130px;
	height: auto;
	max-width: 100%;
	padding: 30px;
	background-color: #ffffff;
	border-radius: 100%;
	aspect-ratio: 1 / 1;
}

.franchise_why #revenue_channels .channel img{
	object-fit: contain;
}

.franchise_why #revenue_channels .channel .title{
	margin-top: .3em;
	font-size: 2rem;
	line-height: 1.2;
	text-align: center;
}

@media (min-width: 1001px){

	.franchise_why #revenue_channels .channel:nth-child(3) ~ .channel{
		width: 16%;
	}
}

@media (max-width: 767px){
	
	.franchise_why #revenue_channels .channel{
		width: 38%;
	}

	.franchise_why #revenue_channels .channel .inner{
		padding: 25px;
	}

	.franchise_why #revenue_channels .channel .title{
		font-size: 1.7rem;
		line-height: 1;
	}

}

.franchise_why .stats_section:nth-child(odd){
	background-color: #FFFFFF;
}

.franchise_why .stats_section{
	padding: 3rem 0 2rem;
}

.franchise_why .stats_section h2{
	font-size: 3rem;
	margin-bottom: 1em;
}

.franchise_why .stats_blocks{
}

.franchise_why .stats_block {
	flex: 0 0 50%;
}

.franchise_why .stats_block .title{
	flex: 0 0 45%;
	padding: 0 .5em;
	font-size: 3rem;
	text-align: center;
}

.franchise_why .stats_block .image_wrap{
	flex: 1 1 auto;
}

.franchise_why .stats_block img{
	width: 100%;
}

.franchise_why .stats_section .fine_print{
	margin-top: 2em;
}

@media (max-width: 767px){
	
	.franchise_why .stats_block {
		text-align: center;
		margin-bottom: 50px;
		flex-direction: column;
	}

	.franchise_why .stats_block .image_wrap{
		margin-bottom: 20px;
	}

	.franchise_why .stats_block .title{
		order: 2;
		margin-bottom: .5em;
		font-size: 2.3rem;
	}

	.franchise_why .stats_block img{
		order: 1;
		width: 260px;
	}
}

.franchise_why #testimonials {
	padding: 3rem 0;
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
}

.franchise_why #testimonials .testimonial {
	flex: 1 0 50%;
	padding: 0 2%;
	margin-bottom: 30px;
}

.franchise_why #testimonials .testimonial blockquote{
	color: var(--habit-black);
	padding: 0;
	padding-right: 5px;
}

.franchise_why #testimonials .testimonial blockquote::before,
.franchise_why #testimonials .testimonial blockquote::after{
	content: none;
}

.franchise_why #testimonials .testimonial.video_test{
	display: none;
}

.franchise_why #testimonials .testimonial.quote{
	display: flex;
	flex: 0 0 100%;
	margin-top: 75px;
	color: #000000;
}

.franchise_why #testimonials .testimonial.quote .test_quote{
	padding-left: 30px;
}

.franchise_why #testimonials .testimonial.quote .quote_dec{
	flex: 0 0 225px;
	background-image: url(images/icons/circle-quote.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100px;
	border-right: 10px solid var(--habit-poppy-orange);
}

.franchise_why #testimonials .testimonial.quote:nth-of-type(even) .test_quote{
	order: 1;
	padding-left: 0;
	padding-right: 30px;
	text-align: right;
}

.franchise_why #testimonials .testimonial.quote:nth-of-type(even) .quote_dec{
	order: 2;
	border-right: none;
	border-left: 10px solid var(--habit-poppy-orange);
}

.franchise_why #testimonials .testimonial.quote figcaption{
	font-size: 1.5rem;
}

@media (max-width: 767px){
	
	.franchise_why #testimonials .testimonial.quote .quote_dec{
		background-size: 65px;
		border-width: 7px;
		flex: 0 0 120px;
	}

	.franchise_why #testimonials .testimonial blockquote{
		font-size: 1rem;
	}
}

@media (max-width: 350px){
	
	.franchise_why #testimonials .testimonial.quote .quote_dec{
		background-position: left top;
		border: none;
		background-size: 100% auto;
		flex: 0 0 40px;
	}

	.franchise_why #testimonials .testimonial.quote:nth-of-type(even) .quote_dec{
		border: none;
	}
}

.franchise_why #testimonials .video_wrap .overlay{
	background-position: left bottom;
}

.franchise_why #testimonials .video_wrap .vid_play{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	width: 115px;

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

.franchise_why #testimonials .video_wrap video{
	height: 500px;
}

.franchise_why #testimonials .video_wrap.reveal video{
	height: auto;
}

@media (max-width: 1000px){

	.franchise_why #testimonials .video_wrap video{
		height: 100vw;
	}

	.franchise_why #testimonials .video_wrap .overlay{
		background-position: center;
	}
}

.franchise_why #testimonials .test_title{
	font-size: 2rem;
	padding: .5em 0;
}

@media (max-width: 767px){
	
	.franchise_why #testimonials blockquote::after{
		bottom: -0.7em;
		right: 20%;
	}

	.franchise_why #testimonials .video_wrap .vid_play img{
		width: 27vw;
	}
}

/* ===================== Franchise Information ===================== */

.franchise_info .hero .scrolldown{
	left: 53vw;
    top: 39vw;
}

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

	.franchise_info .hero .scrolldown{
		width: 25px;
		top: 38vw;
	}
}

@media (max-width: 767px){
	
	.franchise_info .hero .scrolldown{
		top: 107vw;
		left: 50%;

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

@media (min-width: 1730px) and (max-height: 869px){

	.franchise_info .hero .scrolldown{
		top: calc(100vh - 171px);
	}
}

@media (max-width: 767px) and (max-height: 869px){

	.franchise_info .hero .scrolldown{
		top: calc(100vh - 171px);
	}
}

@media (max-width: 767px){
	
	.franchise_info .scrolldown svg{
		fill: #ffffff;
	}
}

.franchise_info h2{
	font-size: 2.5rem;
	margin-bottom: .5em;
}

.franchise_info #real_estate{
	padding: 50px 0 30px;
}

.franchise_info #real_estate .container{
	padding: 0 30px;
}

.franchise_info #real_estate .copy{
	padding-right: 20px;
    flex: 0 0 30%;
}

.franchise_info #real_estate .formats{
	flex: 1 1 auto;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 900px){
	
	.franchise_info #real_estate .formats{
		grid-template-columns: 1fr 1fr;
	}
}

.franchise_info #real_estate .format_wrap .name{
	font-size: 1.1rem;
    margin-top: .4em;
}

.franchise_info #real_estate .format{
	position: relative;
	height: 300px;
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	border-radius: 10px;
}

.franchise_info #real_estate .format .overlay,
.franchise_info #real_estate .format .overlay img{
	transition: opacity .3s, background-color .3s ease-in-out;
}

.franchise_info #real_estate .format .overlay{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 5px;
	-webkit-appearance: none;
	background-color: rgba(0, 0, 0, 0.4);
	border: none;
	cursor: pointer;
}

.franchise_info #real_estate .format .overlay img{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;

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

.franchise_info #real_estate .format .overlay .floorplan{
	max-width: 90%;
}

.franchise_info #real_estate .format .overlay{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.franchise_info #real_estate .format .overlay:focus-visible{
	outline: 3px dotted #fff;
    outline-offset: -4px;
}

.franchise_info #real_estate .format .overlay .expand{
	width: 50%;
	opacity: 0;
}

.franchise_info #real_estate .format .overlay:focus-visible .expand,
.franchise_info #real_estate .format .overlay:hover .expand{
	opacity: 1;
}

.franchise_info #real_estate .format .overlay:focus-visible,
.franchise_info #real_estate .format .overlay:hover{
	background-color: rgba(0, 0, 0, 0);
}

.franchise_info #real_estate .format .overlay:focus-visible .floorplan,
.franchise_info #real_estate .format .overlay:hover .floorplan{
	opacity: 0;
}

.franchise_info #investment{
	padding: 40px 0 20px;
	margin-bottom: 5px;
}

.franchise_info #investment h2{
	margin-bottom: 1em;
}

.franchise_info #investment .invest_stats{
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.franchise_info #investment .stat{
	background-image: url(images/icons/check_icon_v2.png);
	background-position: left 10px top 1em;
	background-repeat: no-repeat;
	padding-left: 73px;
    background-size: 56px;
	flex: 1 1 auto;
	margin-bottom: 30px;
}


.franchise_info #investment .figure{
	font-size: 4rem;
	margin-bottom: .5em;
}

.franchise_info #investment .figure span{
	font-size: .5em;
}

.franchise_info #investment .caption{
	font-size: 1.5rem;
	color: var(--habit-black);
}

.franchise_info #investment .foot .cta{
	font-size: 2rem;
    margin-bottom: 0;
}

@media (min-width: 768px){
	.franchise_info #investment .stat:nth-child(3){
		width: 300px;
	}

	.franchise_info #investment .caption{
		max-width: 337px;
	}

	.franchise_info #investment .stat + .stat{
		margin-left: 15px;
	}
}


@media (max-width: 767px){
	
	.franchise_info #investment .foot .tr{
		text-align: center;
		margin-top: 50px;
	}

	.franchise_info #investment .figure{
		margin-bottom: .2em;
	}

	.franchise_info #investment .stat{
		margin-bottom: 40px;
	}
}

.franchise_info #ideal_candidates .copy_half{
	display: flex;
	flex: 0 0 50%;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
}

.franchise_info #ideal_candidates .copy_half .inner{
	position: relative;
	max-width: 500px;
	padding: 20px 50px;
}

.franchise_info #ideal_candidates .candidates_image {
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	height: 125vw;
}

@media (min-width: 768px){
	
	.franchise_info #ideal_candidates .copy_half {
		order: 1;
	}

	.franchise_info #ideal_candidates .candidates_image {
		order: 2;
		height: 38vw;
		min-height: 500px;
	}

	.franchise_info #ideal_candidates .copy_half .inner{
		margin: 0 0 0 auto;
	}
}

@media (min-width: 768px){

	.franchise_info #ideal_candidates .copy_half .inner::after{
		display: inline-block;
		position: absolute;
		top: 100%;
		left: 50%;
		z-index: 1;
		width: 3px;
		height: 356px;
		background-color: var(--habit-poppy-orange);
		font-size: 1rem;
		content:'';

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

@media (min-width: 768px) and (max-width: 2400px){
	.franchise_info #ideal_candidates .copy_half .inner::after{
		height: calc(17.71vw - 52px);
	}
}

.franchise_info #ideal_candidates .candidates_image{
	flex: 0 0 50%;
}

.franchise_info #ideal_candidates .candidate_icons{
	padding: 70px 0;
}

@media (min-width: 768px){

	.franchise_info #ideal_candidates .candidate_icons .container{
		display: grid;
		grid-gap: 15px;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
}

@media (max-width: 767px){
	
	.franchise_info #ideal_candidates .candidate_icons .container{
		max-width: 400px;
	}
}

.franchise_info #ideal_candidates .candidate_icons .copy{
	margin-top: .4em;
	font-size: 1rem;
	line-height: 1;
}

.franchise_info #ideal_candidates .candidate_icons .copy h3{
	font-family: var(--bebas);
	font-size: 2rem;
	text-transform: uppercase;
}

.franchise_info #ideal_candidates .cand_icon img{
	height: 135px;
}

.franchise_info #ideal_candidates .cand_icon{
	padding: 20px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.franchise_info #ideal_candidates .cand_icon button{
	position: relative;
		z-index: 10;
	align-items: center;
	width: 100%;
}

.franchise_info #ideal_candidates .cand_icon *{
	color: var(--habit-black);
	transition: opacity .3s ease-in-out;
}

.franchise_info #ideal_candidates .cand_icon .copy{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	width: 100%;
	padding: 0 20px;
	opacity: 0;
	font-family: var(--yorkten);
	font-size: 1rem;
	line-height: 1.3;
	text-transform: none;

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

.franchise_info #ideal_candidates .cand_icon .title{
	margin-top: .3em;
	font-family: var(--bebas);
	font-size: 2rem;
	line-height: 1.1;
	text-transform: uppercase;
}

.franchise_info #ideal_candidates .cand_icon button:hover + h3 + .copy,
.franchise_info #ideal_candidates .cand_icon button:focus + h3 + .copy{
	opacity: 1;
}

.franchise_info #ideal_candidates .cand_icon button:hover + .title,
.franchise_info #ideal_candidates .cand_icon button:focus + .title,
.franchise_info #ideal_candidates .cand_icon button:hover img,
.franchise_info #ideal_candidates .cand_icon button:focus img{
	opacity: 0;
}

@media (max-width: 768px){
	
	.franchise_info #ideal_candidates .slick-slide {
		margin: 0 10px;
	}

	.franchise_info #ideal_candidates .cand_icon img{
		margin: auto;
	}

	.franchise_info #ideal_candidates .slick-list{
		margin: auto;
		width: calc(100% - 145px);
	}
}

.franchise_info #support {
	position: relative;
	margin-bottom: 5px;
}

.franchise_info #support #yum_logo{
	position: absolute;
		top: 75px;
		right: -53px;
		z-index: 1;
	width: 150px;
	pointer-events: none;
}

.franchise_info #support .support_image{
	position: relative;
	flex: 0 0 50%;
	min-height: 300px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;	
}


.franchise_info #support .copy_half{
	flex: 0 0 50%;
}

.franchise_info #support .copy_half .inner{
	max-width: 400px;
	padding-bottom: 50px;
}

.franchise_info #support .copy_half .support_copy{
	padding-right: 30px;
	margin-bottom: 50px;
}

@media (min-width: 1001px){
	
	.franchise_info #support .copy_half .inner{
		margin: 30px 0 30px 80px;
	}
}

@media (max-width: 1000px){
	
	.franchise_info #support .support_image{
		height: 120vw;
		background-position: center top;
	}

	.franchise_info #support .copy_half .inner{
		padding: 75px 20px 50px;
		margin: auto;
	}

	.franchise_info #support #yum_logo{
		top: auto;
		right: auto;
		bottom: -55px;
		left: 10%;
	}
}

.franchise_info #support .copy_half .support_drops{

}

.franchise_info #support .copy_half .dropdown_wrap{
	display: block;
}

.franchise_info #support .copy_half .dropdown_wrap + .dropdown_wrap{
	margin-top: .5em;
	padding-top: .5em;
	border-top: 3px solid var(--habit-poppy-orange);
}

.franchise_info #support .copy_half .dropdown_wrap .drop_content{
	position: static;
	background-color: transparent;
	text-align: left;
}

.franchise_info #support .copy_half .support_drops button{
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: .2em;
	font-size: 1.5rem;
	font-weight: 900;
	text-transform: none;
}


.franchise_info #support .copy_half .support_drops button::after{
	top: .7em
}

.franchise_info #markets{
	padding: 50px 0;
}

.franchise_info #markets h2{
	font-size: 4rem;
}

.franchise_info #markets .left_half{
	flex: 0 0 35%;
}

@media (min-width: 768px){

	.franchise_info #markets .left_half{
		margin-right: 20px;
	}
}

.franchise_info #markets .legend{
	padding: 50px;
	margin-bottom: 50px;
	background-color: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 0 26px 20px rgb(0 0 0 / 15%);
}

.franchise_info #markets .legend li{
	display: flex;
	align-items: center;
	margin-bottom: 1em;
	line-height: 1;
	font-size: 1.1rem;
}

.franchise_info #markets .legend .fine_print{
	font-size: .6em;
}

.franchise_info #markets .swatch{
	display: inline-block;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	margin-right: .3em;
	background-color: #ffffff;
	border-radius: 100%;
	border: 1px solid var(--habit-poppy-orange);
	font-size: 2rem;
}

.franchise_info #markets .yellow {
	background-color: #f7b32c;
}

.franchise_info #markets .blue {
	background-color: #95e9e2;
}

.franchise_info #markets .red {
	background-color: #b62428;
}

.franchise_info #markets .gray {
	background-color: #939598;
}

.franchise_info #markets .cta{
	font-size: 2rem;
}

.franchise_info .map_wrap{
	flex: 1 1 auto;
}

.franchise_info #markets_map {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
}

.franchise_info #curr_state{
	font-size: 2rem;
	height: 2rem;
}

.franchise_info #markets_map{
	scrollbar-color: var(--habit-fresh-green) transparent;
}

.franchise_info #markets_map svg{
	width: 100%;
}

.franchise_info #markets_map svg .state > path:focus{
	outline-color: transparent;
}

.franchise_info #markets_map svg .state > path:focus-visible{
	stroke: black;
	stroke-width: 5px;
}

.franchise_info #markets_map svg .borders path.infocus{
	stroke: var(--habit-black);
}

.franchise_info #markets_map .select_avail{
	fill: var(--habit-poppy-orange);
}

.franchise_info #markets_map .avail{
	fill: #95e9e2;
}

.franchise_info #markets_map .future{
	fill: #ffffff;
}

.franchise_info #markets_map .state{
	stroke: var(--habit-black);
}

@media (min-width: 1001px) and (max-width: 1300px){
	
	.franchise_info #markets_map {
		width: calc(66.89vw - 69px);
	}

	.franchise_info #markets_map svg{
		width: 1000px;
	}
}

@media (max-width: 600px){
	
	.franchise_info #markets_map svg{
		width: 800px;
	}
}

#steps_slider {
	padding: 20px 0;
}

#steps_slider .step {
	padding: 30px;
}

#steps_slider .step .inner{
	align-items: flex-start;
}

#steps_slider .slick-list{
	width: 900px;
	max-width: 85%;
	margin: auto;
}

@media (min-width: 768px){

	#steps_slider .copy_half {
		padding-left: 4em;
	}
}

@media (max-width: 767px){
	
	#steps_slider .slick-list{
		width: calc(100% - 100px);
	}
}

#steps_slider .copy_half .title{
	margin-bottom: .2em;
	font-size: 3rem;
}

#steps_slider .step_num{
	position: relative;
	padding: .4em 1.5em .4em .5em;
	background-color: var(--habit-poppy-orange);
	border-radius: 7px;
	box-shadow: 0 0 26px 13px rgb(0 0 0 / 15%);
	border: 2px solid var(--habit-orange);
	font-size: 2rem;
	color: var(--habit-black);
	text-transform: uppercase;
}

#steps_slider .step_num .num{
	display: flex;
	position: absolute;
		top: 50%;
		right: -1em;
		z-index: 1;
	justify-content: center;
	align-items: center;
	width: 1em;
	height: 1em;
	padding: 1em;
	background-color: #FFFFFF;
	border-radius: 100%;
	border: 2px solid var(--habit-orange);
	font-family: var(--yorkten);
	font-size: 1em;
	color: #000000;
	font-weight: 900;
	text-align: center;

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

.franchise_info #ownership{
	padding-top: 20px;
}

@media (max-width: 767px){
	
	.franchise_info #ownership .h2{
		border: none;
	}

	#steps_slider .step_num{
		display: inline-block;
		margin-bottom: 20px;
		padding: .4em 1.5em .4em 1em;
	}

	#steps_slider .copy_half .title{
		font-size: 2rem;
	}
}

.franchise-franchise-faq .hero{
	position: relative;
}

.franchise-franchise-faq .scrolldown{
	display: inline-block;
	position: absolute;
		bottom: 9px;
		left: 51.5%;
		z-index: 1;

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

@media (max-width: 1201px){
	
	.franchise-franchise-faq .scrolldown{
		left: 35.5%;
	}
}

@media (max-width: 500px){
	
	.franchise-franchise-faq .scrolldown{
		opacity: 0;
	}
}

/* ===================== Intl Franchising ===================== */

.franch_intl .page_header{
	display: block;
}

/* ijd 07-29-22  */
.franch_intl #intl_slider .slide_content{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
}

.franch_intl #intl_slider .intl_slide img{
	width: 100%;
	object-fit: contain;
}

.intl_slide .slide_cta{
	position: absolute;
	width: 4em;
	height: 1em;
	font-size: 3vw;
}

@media (max-width: 767px){
	
	.intl_slide .slide_cta{
		font-size: 7vw;
		left: 50%;
		bottom: 4%;
		-webkit-transform: translate(-50%,0%);
		        transform: translate(-50%,0%);
	}
}

.franch_intl .top_tag {
	width: 740px;
	max-width: 100%;
	padding: 30px 20px;
	margin: auto;
}

.franch_intl .top_tag p{
	margin: 0;
	font-family: var(--bebas);
	font-size: 3rem;
	line-height: 1;
	text-transform: uppercase;
}

@media (max-width: 767px){
	
	.franch_intl .top_tag p{
		font-size: 2rem;
	}
}

.franch_intl .copy_block{
	margin-bottom: 5px;
}

.franch_intl .copy_block .logos{
	margin-top: 15px;
    display: inline-block;
}

.franch_intl .copy_block .video_wrap,
.franch_intl .copy_block .image_wrap{
	flex: 0 0 60%;
}

.franch_intl .copy_block .copy{
	flex: 1 1 auto;
	padding: 50px;
	font-size: 1.1rem;
}

.franch_intl .copy_block .image_wrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.franch_intl .copy_block.flip .copy{
	order: 1;
}

.franch_intl .copy_block.flip .video_wrap,
.franch_intl .copy_block.flip .image_wrap{
	order: 2;
}

.franch_intl .copy_block .video_wrap .vid_play{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
	width: 120px;

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

@media (min-width: 768px){

	.franch_intl .copy .inner{
		max-width: 400px;
	}

	.franch_intl .flip .copy .inner{
		margin: 0 0 0 auto;
	}
}

.franch_intl .copy h2{
	margin-bottom: 0.2em;
	font-family: var(--bebas);
	font-size: 2.2rem;
	text-transform: uppercase;
}

.franch_intl .copy .small_foot{
	font-style: italic;
	font-size: .7em;
}

.franch_intl #markets{
	padding-bottom: 40px;
}

.franch_intl .market_foot{
	width: 630px;
	max-width: 100%;
	margin: auto;
}

.franch_intl .country_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1em 0;
	font-size: 2rem;
}

.franch_intl .country_list li{
	padding: 1px 0.3em;
	line-height: 1.3;
}

.franch_intl .country_list li + li{
	border-left: 3px solid var(--habit-poppy-orange);
}

@media (min-width: 768px){

	.franch_intl #ownership {
		padding-bottom: 30px;
	}
}

.franch_intl .intl_bord_hdr{
	width: 930px;
	max-width: 100%;
	overflow: hidden;
	margin: auto;
}

.franch_intl .intl_bord_hdr h2{
	margin: 1em 0 0.5em;
	background-color: transparent;
	font-size: 3rem;
}

@media (max-width: 767px){
	
	.franch_intl .intl_bord_hdr h2{
		margin: 0;
		border-bottom: none;
	}

	.franch_intl .copy_block .video_wrap .vid_play{
		width: 18vw;
	}


	.franch_intl .country_list li + li{
		border: none;
	}
}

/* ===================== Popups ===================== */

#takeover,
#pop_ext_link{
	display: none;
	position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	width: 100%;
	height: 100vh;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.7);

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

#takeover_wrap,
#pop_ext_link_wrap{
	position: fixed;
		top: 300px;
		left: 50%;
		z-index: 110;
	max-width: 85%;
	width: 1em;

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

#takeover_wrap a{  
	text-decoration: none;
}

#takeover_dismiss,
#pop_ext_link_dismiss{
	position: absolute;
		top: 7%;
		right: 2%;
		z-index: 1;
	width: 1em;
	height: 1em;
	overflow: hidden;
	padding: 0;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	font-size: 4rem;
	cursor: pointer;
}

@media (max-width: 767px){
	
	#takeover_dismiss,
	#pop_ext_link_dismiss{
		top: 0;
	}

}

#pop_ext_link_wrap{
	width: 760px;
	max-width: 90%;
	padding: 1em;
	background-color: #edeade; /* habit beige */
	font-size: 1rem;
	color: #000000;
}

#pop_ext_link_wrap .logo{
	width: 100px;
	margin-bottom: 20px;
}

#pop_ext_link_wrap p{
	margin-bottom: .5em;
}

#pop_ext_link_wrap .cta_row{
	margin-top: 40px;
}

#pop_ext_link_wrap .cta_row .modal_btn{
	margin: 0 1em 1em
}

#pop_ext_link_dismiss{
		top: 1em;
		right: .1em;
	width: 1em;
	height: 1em;
	overflow: hidden;
	padding: 0;
	margin-right: 1em;
	-webkit-appearance: none;
	background-color: transparent;
	background-image: url(images/icons/icon-menu-close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: none;
	font-size: 1rem;
	cursor: pointer;
}



@media (max-width: 767px){
	
	#pop_ext_link_wrap{
		top: 300px;
	}
}

@media (max-height: 700px) and (max-width: 350px){

	#pop_ext_link_wrap .logo{
		width: 56px;
	}

}

/* ===================== blog post ===================== */

.blog_page {
	padding-top: 50px;
}

.blog_page article{
	width: 1000px;
	margin: auto;
	max-width: 100%;
	padding-bottom: 100px;
}

.blog_page .hero{
	padding: 70px 0;
	display: flex;
}

.blog_page .hero h2{
	width: 800px;
	max-width: 100%;
	margin: auto;
	margin-top: 10px;
    margin-bottom: 0px;

}

.blog_page .post_date{
	display: inline-block;
	padding: .5em;
	margin-bottom: 1em;
	font-size: 2rem;
	text-align: center;
}

.blog_page .entry-content{
	font-size: 1.2rem;
}

/* ===================== lightbox ===================== */

.dbc_lightbox_overlay{
	position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.dbc_lightbox_pop{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 200;
	max-width: 700px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	animation: fadeIn 0.5s ease-in both;
  -webkit-animation: fadeIn 0.5s ease-in both;
}

.dbc_lightbox_pop .dbc_lightbox_dismiss{
	position: absolute;
		top: -1em;
		right: -1em;
		z-index: 10;
	width: 1em;
	font-size: 2rem;
	height: 1em;
	overflow: hidden;
	padding: 0;
	-webkit-appearance: none;
	background-color: transparent;
	background-size: contain;
	border: none;
	outline-color: #FFF;
	cursor: pointer;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjkuNSIgaGVpZ2h0PSIyOS4yIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyOS41IDI5LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5LjUgMjkuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGU+IHJlY3R7ZmlsbDogI0ZGRn08L3N0eWxlPgo8cmVjdCB4PSItMy4yIiB5PSIxMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxNC42MzIxIC02LjE1ODUpIiB3aWR0aD0iMzUuOCIgaGVpZ2h0PSI1LjIiLz4KPHJlY3QgeD0iLTMuMiIgeT0iMTIiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgLTAuNzA3MSAzNS40OTE4IDE0LjQ2NTUpIiB3aWR0aD0iMzUuOCIgaGVpZ2h0PSI1LjIiLz4KPC9zdmc+Cg==");
}

.dbc_lightbox_pop .dbc_lightbox_caption{
	position: absolute;
		bottom: 0;
	width: 100%;
	max-width: 700px;
	padding: 10px;
	background-color: #FFFFFF;
	font-size: 1.5rem;
	font-weight: bold;
	color: #000000;
	text-align: center;

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

@media (max-width: 700px){

	.dbc_lightbox_pop .dbc_lightbox_dismiss{
		right: 0em;
		top: -1.1em;
	}

	.dbc_lightbox_pop{
		width:100%;
		max-width: 90%;
	}

	 .new_look .dbc_lightbox_pop img{
		max-width: 90%;
	}
}

/* ===================== Gift Cards ===================== */

.gift_cards{
	padding-bottom: 20px;
}

.gift_cards .icon_links{
	margin-top: 100px;
}

.gift_cards .icon_link{
	display: flex;
	flex-direction: column;
	flex: 0 0 30%;
	box-shadow: 0 0 14px 3px rgb(0 0 0 / 15%);
	padding: 0 20px 20px;
	margin: 0 10px 50px;
	background-color: #FFFFFF;
	border-radius: 8px;
}

.gift_cards .icon_link img{
	width: 200px;
    margin-bottom: 30px;
}

.gift_cards .icon_link .inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -35px;
}

.gift_cards .icon_link .text{
	padding: 0 20px;
}

@media (max-width: 767px){

	.gift_cards .icon_link .text{
		padding: 0;
	}
}

/* reduced size per 08-23-24 client feedback */
.gift_cards .icon_link a{
	max-width: 400px;
	font-size: 1.2rem;
}

.gift_cards .icon_link h2{
	font-size: 2rem;
}


/* onetrust */
#onetrust-pc-sdk li input[type="checkbox"]:focus-visible + label{
	outline: 3px dotted #000000 !important;
}

body div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text{
	font-family: var(--okomito) !important;
}

body #onetrust-consent-sdk #onetrust-accept-btn-handler, 
body #onetrust-banner-sdk #onetrust-reject-all-handler,
body #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn),
body #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn{
	background-color: var(--habit-poppy-orange) !important;
	color: var(--habit-black) !important;
	border-color: var(--habit-black) !important;
}

body #onetrust-consent-sdk #onetrust-pc-btn-handler, 
body #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{
	color: var(--habit-black) !important;
	border-color: var(--habit-black) !important;
}

body #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob{
	background-color: var(--habit-black) !important;
	border-color: var(--habit-black) !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk a[href]{
	color: var(--habit-black) !important;
}

#onetrust-pc-sdk font[color*="B5252E"]{
	color: var(--habit-black) !important;
}


/* Cookies and Ads */

.otnotice-section-content p span {
	background-color: initial !important;
}

body .otnotice-sections>.otnotice-section>h2.otnotice-section-header {
	font-size: 1.5rem;
}

.otnotice-section-content .ql-align-center {
    margin-bottom: 0 !important;
}

body .otnotice-section-content p a {
	background-color: initial !important;
}

body .otnotice-content .otnotice-menu {
	width: auto;
	display: inline-block;
}

body .otnotice-menu>.otnotice-menu-section {
	display: block;
	text-align: left;
	margin-bottom: 5px;
}

body .otnotice-section-content h1,
body .otnotice-section-content h1.MsoNormal {
	display: none;
}

.california-privacy-notice .otnotice-section-content:first-of-type>.ql-align-center {
	display: none;
}

/* Popup */
#popup{
	--total_height: 100vh;
    display: none;
    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 100;
    width: 100%;
    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;
}

@media (max-width: 767px){
	
	#popup{
		height: var(--total_height);
	}
}

#popup_wrap #popup_dismiss{
	position: absolute;
		top: 0.2em;
		right: 0.2em;
		z-index: 1;
	width: 1em;
	height: 1em;
	margin-top: 0;
	font-size: 2.5rem;
}

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

#popup_wrap{
	width: 1em;
	height: 1em;
	display: none;
	position: fixed;
		top: 50%;
		left: 50%;
		z-index: 100;
	max-width: 90%;
	overflow: hidden;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

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

#popup_wrap #popup_content{
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	height: 100%;
}


#popup_overlay{
    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 70;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

#popup_wrap #popup_content a{
	background-color: transparent;
}

@media (max-width: 767px){
    
	#popup,
    #popup_wrap{
		position: absolute;
	}

    #popup_wrap{
        top: 136px;

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

	.has_app_banner #popup_wrap{
		top: 238px;
	}
}

#popup_wrap.nooutline a:focus,
#popup_wrap.nooutline a:focus-visible{
	outline: none;
}

/* Icon inline styles moved for accessibility reasons - rgm 11/15/22 */
.login_ico_bknd{fill:transparent;}
.login_ico_fore{fill:#ffffff;}
.curr_path{fill:#B52125;}

/* Franchise RSVP - 1/12/23 - rgm */

.rsvp .dyn_image {
    height: 600px;
    background-position: center top;
}

.rsvp .page_header {
    display: block;
}

.rsvp #rsvp {
    padding-bottom: 50px;
}

.rsvp #rsvp h1{
	font-size: 5rem;
    margin: .5em;
}

.rsvp #rsvp h2{
	font-size: 1.5rem;
	font-weight: bold;
	margin: .5em;
}

.page-template-page-franchise-intl-rsvp .ginput_complex legend, .page-template-page-franchise-intl-rsvp .ginput_complex label {
    font-weight: normal;
    padding-top: 10px;
    font-size: .875rem;
    padding-left: 1.5rem;
}


/* rsvp mobile video */

.rsvp #rsvp_video_overlay{
	display:none;
}
.video_wrap  #rsvp_video {
		display:block;
}
.video_wrap #rsvp_video_mobile {
		display:none;
}
.rsvp .video_wrap .scrolldown{
	 right: 50%;
    transform: translateX(50%);
	top:70%;
}

.rsvp .video_wrap .scrolldown svg{
	fill:#ffffff;
}
	
@media (max-width: 767px){
	.video_wrap #rsvp_video {
		display:none;
	}
	.video_wrap #rsvp_video_mobile {
		display:block;
	}
	.rsvp #video_controls{display:block}
	.rsvp .video_wrap .scrolldown{
		top:60%;
	}
}

/* HBG-23 slider */
#hbg_slider_section{
	position: relative;
	height: 0;
	opacity: 0;
	background-color: #ffffff;
	background-image: url(images/refresh/grainy-bknd.jpg);
	background-position: center;
	box-shadow: 0px 9px 14px 4px rgb(0 0 0 / .07);
}

#dp_overlay{
	position: relative;
}

#dp_search{
	width: 530px;
	max-width: 100vw;
	padding-bottom: 18px;
	background-color: #ffffff;
	box-shadow: -6px 9px 11px 1px rgb(0 0 0 / 30%);
	font-family: var(--bebas);
	font-size: 2rem;
	color: #000000;
	text-transform: uppercase;
}

#dp_overlay .input_wrap{
	display: flex;
	width: 90%;
	margin: 12px auto;
	background-color: #ffffff;
}

#dp_overlay .input_wrap .myloc_link{
	flex: 0 0 100%;
	padding-top: 0.4em;
	text-align: center;
}

#dp_overlay .border_wrap{
	display: flex;
	flex: 1 1 auto;
	background-color: #efefef;
	border-top-left-radius: var(--cta-bord-rad);
	border-bottom-left-radius: var(--cta-bord-rad);
}

#dp_overlay input{
	position: relative;
		top: -.2em;
	height: 100%;
	padding-left: .5em;
	background-color: transparent;
	border-radius: 0;
	font-family: var(--okomito);
	font-size: .5em;
	line-height: 1;
}

#dp_overlay .address_wrap {
	margin-left: 8px;
	width: 100%;
}

#dp_overlay .address_wrap label{
	top: .7em;
	padding: 0;
	font-family: arial; 
	font-size: .5em;
	color: var(--habit-black);
	text-transform: uppercase;
}

#dp_overlay .address_wrap.unfloat label{
	top: -1.4em;
}

#dp_overlay #dp_submit{
	flex: 0 0 auto;
	padding: 0.3em 2em;
	margin-bottom: 0;
	background-color: var(--habit-poppy-orange);
	border-radius: 0;
	border-top-right-radius: var(--cta-bord-rad);
	border-bottom-right-radius: var(--cta-bord-rad);
	font-size: .6em;
	color: var(--habit-black);
	text-transform: uppercase;
}

@media (max-width: 500px){
	
	#dp_overlay #dp_submit{
		font-size: .8em;
	}

}

#dp_overlay #dp_submit .bknd_red,
#dp_overlay #dp_submit .bknd_white{
	border-radius: 0;
	border-top-right-radius: var(--cta-bord-rad);
	border-bottom-right-radius: var(--cta-bord-rad);
}

#dp_overlay .input_wrap #dp_my_location{
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	align-items: center;
	align-self: center;
	overflow: hidden;
	padding: .2em;
	margin-left: 5px;
	-webkit-appearance: none;
	background-color: transparent;
	font-size: .7em;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

#dp_overlay .input_wrap #dp_my_location svg{
	pointer-events: none;
	border-radius: 100%;
    width: 1em;
    height: 1em;
    padding: 0.1em;
	transition: all .3s ease-in-out;
}

#dp_overlay .input_wrap #dp_my_location svg path{
	fill: var(--habit-black);
}

#dp_overlay .input_wrap #dp_my_location:hover svg{
	background-color: var(--habit-poppy-orange);
	border-color: var(--habit-poppy-orange);
}

#dp_overlay .dp_tabs{
	display: flex;
	margin-bottom: 28px;
	justify-content: space-between;
	transition: all .3s ease-in-out;
}

#dp_overlay .dp_tab,
#dp_overlay .dp_tab_style{
	display: inline-block;
	flex: 0 0 50%;
	padding: .4em .3em;
	background-color: #ffffff;
	box-shadow: inset 0 0 15px #a6a6a6;
	font-size: 1em;
	color: #000000;
	text-align: center;
	text-decoration: none;
	transition: none;
}


#dp_overlay .dp_tab.active{
	background: #fff;
	background-image: url(images/refresh/fresh-green-highlight.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 65%;
	box-shadow: none;
}

#dp_overlay .input_wrap.delivery {
	width: 240px;
	max-width: 100%;
}

#dp_overlay .input_wrap.delivery .border_wrap{
	display: none;
}

#dp_overlay .input_wrap.delivery #dp_my_location, 
#dp_overlay .input_wrap.delivery label, 
#dp_overlay .input_wrap.delivery #dp_address{
	display: none;
}

#dp_overlay .input_wrap.delivery #dp_submit{
	width: 100%;
	border-radius: var(--cta-bord-rad);
}

#dp_overlay .input_wrap.delivery #dp_submit .bknd_red,
#dp_overlay .input_wrap.delivery #dp_submit .bknd_white{
	border-radius: var(--cta-bord-rad);
}

#dp_overlay #no_geo{
	text-align: center;
	font-size: .9rem;
	line-height: 1.2;
}

#hbg_slider_wrap{
	display: flex;
	position: static;
	justify-content: flex-start;
	width: calc(100% - 100px);
	height: 100%;
	padding-top: 33px;
	margin: auto;
}

#hbg_slider_wrap .dp_wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 52%;
	padding-top: 70px;
}

#hbg_slider_wrap .dp_wrap .ready_order{
	max-width: 76%;
	margin-bottom: 45px;
}

#hbg_slider_wrap .slick-arrow{
	background-color: var(--habit-poppy-orange);
	font-size: 3.5em;
}

@media (max-width: 767px){

	#hbg_slider_wrap .slick-arrow{
		font-size: 2.5em;
	}
}

#hbg_slider_wrap .slick-arrow svg{
	fill: var(--habit-white);
}

#hbg_slider_wrap .slick-dots{
	display: flex;
	position: static;
	justify-content: flex-end;
	align-items: center;
	padding: 12px 1em 12px 0;
	text-align: right;
	transform: none;
}

#hbg_slider_wrap .control_buttons{
	left: auto;
	/* right: calc(25px + 5.63vw); */
	right: calc(23px + 5.90vw);
	bottom: 4px;
}

@media (max-width: 1100px){

	#hbg_slider_wrap .control_buttons{
		right: -1px;
	}
}

#hbg_slider_wrap .control_buttons .ctrl_btn{
	background-position: right center;
}

#hbg_slider_wrap .rt_arrow{
	right: 18px;
}

#hbg_slider_wrap .lt_arrow{
	left: 18px;
}

#hbg_home_slider{
	position: static;
	flex: 0 0 43%;
	overflow: hidden;
	margin-bottom: 0;
}

#hbg_home_slider .resp_slider{
	position: static;
	margin-bottom: 0;
}

#hbg_home_slider .slick-list,
#hbg_home_slider .slick-track,
#hbg_home_slider .slick-slide,
#hbg_home_slider .slick-slide div{
	height: 100%;
}

#hbg_home_slider .slick-slide .image{
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	aspect-ratio: 1 / 0.8395;
}

#hbg_slider_wrap .home_slide_2 img{
	display: block;
	width: auto;
	height: 100%;
	object-fit: contain;
}

@media (min-width: 1101px){
	
	#hbg_home_slider .image{
		min-height: 32vw;
	}
}

/* @media (max-width: 1100px){ */
/* 	 */
/* 	#hbg_home_slider .slick-slide .image{ */
/* 		aspect-ratio: 1 / .91; */
/* 	} */
/* } */

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

	#hbg_slider_wrap .dp_wrap .ready_order{
		margin-bottom: 30px;
	}

	#dp_search{
		font-size: 1.9rem;
	}
}

@media (min-width: 768px) and (max-width: 1300px){
	
	#dp_search{
		padding-bottom: 10px;
		font-size: 1.2rem;
	}

}

@media (min-width: 1101px) and (max-width: 1299px){
	#dp_search{
		max-width: 89%;
	}
}

@media (max-width: 1100px){
	#hbg_slider_wrap {
		padding: 0 20px;
	}
}

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

	#hbg_slider_wrap .dp_wrap{
		padding: 50px 0;
	}

	#hbg_slider_wrap {
		display: block;
		width: 100%;
	}

	#hbg_home_slider{
		position: relative;
	}

	#hbg_slider_wrap .slick-dots{
		bottom: 50px;
		left: 86px;
	}
}

@media (max-width: 767px){
	
	#hbg_slider_wrap {
		width: 100%;
		display: block;
	}

	#hbg_slider_wrap .dp_wrap{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 35px 0;
	}

	#hbg_slider_wrap .dp_wrap .ready_order{
		display: none;
	}

	#dp_search{
		padding-bottom: 20px;
		width: 100%;
		font-size: 1.2rem;
	}

	#dp_overlay input{
		min-height: 40.57px;
		font-size: 1rem;
	}

	.chrome_ios #dp_overlay #dp_submit{
		min-height: 42.57px;
		border: 2px solid var(--habit-poppy-orange);
		position: relative;
		top: -2px;
		left: -2px;
		margin-bottom: -2px;
	}

	#dp_search,#dp_overlay{
		width: 100%;
	}

	#dp_overlay .input_wrap #dp_my_location{
		padding: 0.4em;
		margin: 0;
		border-width: 1px;
		font-size: 1.2rem;
	}

	#dp_overlay .input_wrap #dp_my_location svg{
		border-width: 2px;
	}

	#dp_overlay .address_wrap label{
		font-size: .7em;
	}

	.safari_browser #dp_overlay .address_wrap label{
		font-size: 1em;
		top: .5em;
	}

	.safari_browser #dp_overlay .address_wrap.unfloat label{
		top: -1.1em
	}

	.chrome_ios #dp_overlay .dp_tab{
		flex: 0 1 50%;
	}

	#hbg_home_slider{
		position: relative;
	}

	#hbg_slider_wrap .control_buttons{
		bottom: 6px;
	}

	#hbg_slider_wrap .home_slide_2 img{
		width: 100vw;
	}

	#hbg_slider_wrap .slick-dots{
		display: flex;
		bottom: 28px;
		left: 66px;
		justify-content: flex-end;
		align-items: center;
		padding-right: 2em;
	}

	#hbg_slider_section .slick-dots li button{
		font-size: 1rem;
	}

	#hbg_slider_section .control_buttons .ctrl_btn{
		font-size: 1.2rem;
	}

}

@media (min-width: 768px){

	.safari_browser #dp_overlay #dp_submit{
		min-height: 42.57px;
		border: 2px solid var(--habit-poppy-orange);
		position: relative;
		top: 0px;
		left: -2px;
	}

	.safari_browser #dp_overlay .dp_tab{
		flex: 0 1 50%;
	}
}

@media (max-width: 430px){
	#dp_overlay .address_wrap label{
		top: 1.5em;
		font-size: .5em;
	}

	.safari_browser #dp_overlay .address_wrap label{
		font-size: .6em;
		top: 1em;
	}

	.safari_browser #dp_overlay .address_wrap.unfloat label{
		top: -1.2em
	}
}

@media (max-width: 350px){
	#dp_overlay .address_wrap label{
		top: 1.8em;
		font-size: .4em;
	}

	.safari_browser #dp_overlay .address_wrap label{
		font-size: .6em;
		top: 1em;
	}

	.safari_browser #dp_overlay .address_wrap.unfloat label{
		top: -1.3em
	}
}

#myloc_order_link{
	position: absolute;
		top: 50%;
		left: 50%;
		z-index: 100;
	padding: 50px 25px;
	background-color: white;
	border: 6px solid var(--habit-poppy-orange);
	text-align: center;

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

#myloc_order_link .close{
	position: absolute;
		top: 0;
		right: 0;
	width: 1em;
	height: 1em;
	font-size: 3rem;
    background-size: 62%;
}

@media (max-width: 767px){
	
	#myloc_order_link{
		width: 80%;
	}
}

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

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

.floating_label.unfloat label{
	top: -1.7em;
}

.item_badge {
	display: inline-block;
	padding: .2em 2.3em .2em 1.3em;
	background-image: url(images/refresh/fresh-green-highlight.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	font-family: var(--bebas);
	line-height: .9;
	text-transform: uppercase;
}

.item_badge svg{
	width: auto;
	height: auto;
	pointer-events: none;
}

#home_slider{
	display: none;
}

#hbg_slider_section{
	opacity: 1;
	height: auto;
	display: block;
}

/* legal ijd 09-11-23  */

.hbg_legal{
	padding: 200px 0 100px;
}

@media (max-width: 767px){
	.hbg_legal{
		padding-top: 60px;
	}
}

.hbg_legal .container{
	width: 1000px;
}

.hbg_legal h1{
	line-height: 1;
	text-transform: uppercase;
	font-family: var(--bebas);
	font-size: 3rem;
	margin-bottom: 1em;
}

.hbg_legal h2,
.hbg_legal h3{
	font-size: 1.5rem;
	margin-bottom: 1em;
}

.hbg_legal h2{
	font-weight: bold;
}

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

.hbg_legal ul {
    margin-left: 1em;
    padding-left: 1em;
    list-style-type: disc;
    list-style-position: outside;
	margin-bottom: 1em;
}


.hbg_legal ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.hbg_legal ul ul,
.hbg_legal ol ul {
    margin-left: 1em;
	margin-top: .5em;
    list-style-type: circle;
    list-style-position: outside;
}

.hbg_legal ol ol,
.hbg_legal ul ol {
    list-style-type: lower-latin;
    list-style-position: outside;
    margin-left: 15px;
}

.hbg_legal .table_wrap{
	max-width: 100%;
	max-height: 70vh;
	overflow: auto;
}

.hbg_legal .table_wrap table{
	min-width: 700px;
}

.hbg_legal .table_wrap{
	margin-bottom: 50px;
}

.hbg_legal thead{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	-webkit-transform: translateY(-1px);
	        transform: translateY(-1px);
}

.hbg_legal table th,
.hbg_legal table td{
	padding: .5em;
	border: 1px solid #000;
}

.hbg_legal table td ul{
	margin-left: 0;
}

.hbg_legal thead{
	background-color: var(--habit-poppy-orange);
	color: var(--habit-black);
}

#promo_banner{
	position: relative;
}

#promo_banner .banner_img{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#promo_banner .banner_overlay{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
}


/* ===================== To Our Guests ===================== */

.ss_container{
    width: 1500px;
    max-width: 95%;
    margin: auto;
}

#main.serve_safe{
	padding-bottom: 100px;
    background-color: #FFFFFF;
}

.serve_safe .hero{
    position: relative;
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.serve_safe h1{
    position: absolute;
	    top: 50%;
	    left: 50%;
	    z-index: 1;
    width: 90%;
	font-family: var(--bebas);
    font-size: 4.5rem;
    text-align: center;

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


.serve_safe  .video_wrap{
    position: relative;
	    z-index: 1;
    height: 400px;
    margin: -185px 0 85px;
    text-align: center;
}

.serve_safe  .video_wrap #feat_video{
    display: none;
}

.serve_safe  .video_wrap .inner{
    margin-top: 20px;
    position: relative;
    display: inline-block;
}


.serve_safe  .video_overlay{
    position: absolute;
	    top: 50%;
	    left: 50%;
	    z-index: 110;
    width: 1em;
    height: 0.5279672em;
    overflow: hidden;
    padding: 0;
    -webkit-appearance: none;
    background-color: transparent;
    background-position: center;
    background-size: cover;
    border: none;
    font-size: 46rem;
    cursor: pointer;

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

.serve_safe  .video_overlay:focus{
    outline: 4px dotted #000;
}

.serve_safe .ss_section + .ss_section{
    position: relative;
    padding-top: 30px;
    margin-top: 60px;
}

.serve_safe .ss_section + .ss_section::after{
    display: inline-block;
    position: absolute;
	    top: 0;
	    left: 50%;
	    z-index: 1;
    width: 70%;
    height: 8px;
	background-color: var(--habit-red);
    font-size: 1rem;
    content:'';

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

.serve_safe .ss_section .heading{
    margin: 20px 0 30px;
    text-align: center;
}

.serve_safe .ss_section h2{
	font-family: var(--bebas);
	font-size: 3.5rem;
	line-height: 1;
	text-transform: uppercase;
}

.serve_safe .ss_section .heading p{
    font-size: 1.2rem;
}

.serve_safe .ss_section .heading .boton{
    font-size: 2.5rem;
	color: var(--habit-red);
}

.serve_safe .ss_section .heading p,
.serve_safe .ss_section .boton{
    text-transform: none;
    font-weight: bold;
}

.serve_safe .ss_block{
    flex: 0 0 33%;
    padding: 0 3%;
    margin-bottom: 60px;
    font-size: 1.2rem;
    line-height: 1.2;
}

.serve_safe .ss_block h3{
	margin-top: 25px;
	margin-bottom: .5em;
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	text-transform: none;
}

@media (min-width: 768px){
    .serve_safe .ss_blocks{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 1300px){
    
    .serve_safe .hero{
        margin-top: 0;
    }

}
@media (max-width: 900px){

    .serve_safe .video_overlay{
        font-size: 80vw;
    }

    .serve_safe .ss_block br,
    .serve_safe h1 br{
        display: none;
    }

    .serve_safe .ss_block{
        flex: 0 0 45%;
    }

}

@media (max-width: 600px){
    
    .serve_safe .hero{
        height: 70vw;
    }

    .serve_safe h1{
        font-size: 12vw;
    }

    .serve_safe .video_wrap{
        margin: 0 0 55px;
    }

    .serve_safe .video_wrap,
    .serve_safe iframe{
        height: 60vw;
    }

    .serve_safe .ss_section h2, 
    .serve_safe .ss_section h2 p{
        font-size: 2.5rem;
    }

    .serve_safe .ss_block img{
        width: 110px;
    }

}

.serve_safe .bottom_copy,
.serve_safe .bottom_copy p{
    font-weight: bold;
}

/* datepicker a11y */
.dbc_datepicker {
  margin-top: 1em;
  position: relative;
  --text_color: var(--habit-black);
  --bezel_color: var(--habit-orange);
}

.dbc_datepicker_field button.dbc_calendar_icon:focus-visible,
.dbc_datepicker-dialog table.dates td:focus-visible,
.dbc_datepicker button:focus-visible{
	outline: 2px #fff solid;
	outline-offset: 0;
	box-shadow: 0 0 0 4px #000;
}

.dbc_datepicker-dialog table.dates td:focus-visible,
.dbc_datepicker button:focus-visible{
	position: relative;
}

.dbc_datepicker .group {
	display: inline-block;
	position: relative;
	width: 13em;
}

.dbc_datepicker button.icon {
	position: relative;
	top: 0.25em;
	margin: 0;
	padding: 4px;
	border: 0 solid #005a9c;
	background-color: #fff;
	border-radius: 5px;
}

.dbc_datepicker .desc {
	position: absolute;
	left: 0;
	top: 2em;
}

.dbc_datepicker button.icon:focus {
	outline: none;
	padding: 2px;
	border-width: 2px;
	background-color: #def;
}

.dbc_datepicker-dialog {
	position: absolute;
	width: 320px;
	clear: both;
	border: 3px solid var(--bezel_color);
	margin-top: 0.15em;
	border-radius: 5px;
	padding: 0;
	background-color: #fff;
}

.dbc_datepicker-dialog .header {
	cursor: default;
	background-color: var(--bezel_color);
	padding: 7px;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--text_color);
	display: flex;
	justify-content: space-around;
}

.dbc_datepicker-dialog h2 {
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 1em;
	color: var(--text_color);
	text-transform: none;
	font-weight: bold;
	border: none;
}

.dbc_datepicker-dialog button {
	border-style: none;
	background: transparent;
}

.dbc_datepicker-dialog button::-moz-focus-inner {
	border: 0;
}

.dbc_datepicker-dialog .dates {
	width: 320px;
}

.dbc_datepicker-dialog .cal_btn svg{
	width: 100%;
	height: 100%;
}

.dbc_datepicker-dialog .prev-year,
.dbc_datepicker-dialog .prev-month,
.dbc_datepicker-dialog .next-month,
.dbc_datepicker-dialog .next-year {
	width: 24px;
	height: 24px;
	color: var(--text_color);
}

.dbc_datepicker-dialog .prev-year:focus,
.dbc_datepicker-dialog .prev-month:focus,
.dbc_datepicker-dialog .next-month:focus,
.dbc_datepicker-dialog .next-year:focus {
	border-radius: 4px;
}

.dbc_datepicker-dialog .prev-year:hover,
.dbc_datepicker-dialog .prev-month:hover,
.dbc_datepicker-dialog .next-month:hover,
.dbc_datepicker-dialog .next-year:hover {
	border: 1px solid var(--text-color);
	border-radius: 4px;
}

.dbc_datepicker-dialog .dialog-ok-cancel-group {
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
}

.dbc_datepicker-dialog .dialog-ok-cancel-group button {
	width: 5em;
	padding: 6px;
	margin-left: 1em;
	background-color: var(--bezel_color);
	border-radius: 5px;
	font-family: inherit;
	font-size: 0.85em;
	color: black;
	/* outline: none; */
}

.dbc_datepicker-dialog .dialog-button:focus {
	/* padding: 4px; */
	/* border: 2px solid black; */
}

.dbc_datepicker-dialog .dialog-button:hover {
	padding: 5px;
	border: 1px solid black;
}

.dbc_datepicker-dialog .fa-calendar-alt {
	color: var(--bezel_color);
}

.dbc_datepicker-dialog .month-year {
	display: inline-block;
	width: 12em;
	text-align: center;
}

.dbc_datepicker-dialog table.dates {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	border: none;
	border-collapse: separate;
}

.dbc_datepicker-dialog table.dates th,
.dbc_datepicker-dialog table.dates td {
	text-align: center;
	background: white;
	color: black;
	border: none;
}

.dbc_datepicker-dialog table.dates tr {
	border: 1px solid black;
}

.dbc_datepicker-dialog table.dates td {
	width: 40px;
	height: 40px;
	padding: 3px;
	margin: 0;
	background: #eee;
	font-size: 15px;
	line-height: inherit;
	vertical-align: middle;
}

.dbc_datepicker-dialog table.dates td.disabled {
	padding: 2px;
	border: none;
	height: 41px;
	width: 41px;
}

.dbc_datepicker-dialog table.dates td:focus,
.dbc_datepicker-dialog table.dates td:hover {
	padding: 0;
	background-color: var(--bezel_color);
	color: black;
}

.dbc_datepicker-dialog table.dates td.noselect{
	opacity: .6;
	pointer-events: none;
	text-decoration: line-through;
}

.dbc_datepicker-dialog table.dates td:not(.noselect):focus,
.dbc_datepicker-dialog table.dates td:not(.noselect):hover {
	padding: 0;
	background-color: var(--bezel_color);
	color: var(--text_color);
}

.dbc_datepicker-dialog table.dates td:not(.disabled):hover {
	padding: 2px;
	border: 1px solid rgb(100 100 100);
}

.dbc_datepicker-dialog table.dates td[aria-selected] {
	padding: 1px;
	border: 2px dotted rgb(100 100 100);
}

.dbc_datepicker-dialog table.dates td[aria-selected]:focus {
	padding: 1px;
}

.dbc_datepicker-dialog table.dates td[tabindex="0"] {
	background-color: var(--bezel_color);
	color: var(--text_color);
}

.dbc_datepicker-dialog .dialog-message {
	padding-top: 0.25em;
	padding-left: 1em;
	height: 1.75em;
	background-color: var(--bezel_color);
	color: var(--text_color);
}

.dbc_datepicker_field{
	position: relative;
	margin-bottom: 40px;
}

.dbc_datepicker_field [id*=gforms_calendar_icon]{
	display: none;
}

button.dbc_calendar_icon{
	position: absolute;
		top: 54%;
		right: 2em;
		z-index: 1;
	width: 2rem;
	height: 2rem;
	background-image: url(images/icons/datepicker/icon-calendar.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateY(-50%);
}

#cateringtruckform button.dbc_calendar_icon{
	top: 47%;
}

.dbc_datepicker_field .desc{
	position: absolute;
		bottom: -.9em;
		left: 1em;
}

#cateringtruckform .dbc_datepicker_field .desc{
	bottom: .5em;
}

/* Hero Form */

.page-template-tpl_hero_form footer{
	z-index: 10;
	background-color: #ffffff;
}

.hero_form .flex_desk{
	gap: 20px;
}

.hero_form h1{
	font-size: 4rem;
    margin: 1em 0;
}

.hero_form .form_half{
	flex: 0 1 50%;
	padding: 20px;
}

.hero_form .form_half .inner{
	max-width: 600px;
}

.hero_form .hero_half{
	flex: 1 1 auto;
}

.hero_form .hero{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


@media (min-width: 768px){

	.hero_form .hero{
		position: fixed;
			top: 0;
			z-index: 1;
		width: calc(100vw - 740px);
		height: 100vh;
		max-width: calc(50% - 20px);
	}

	.hero_form .form_half{
		min-width: 700px;
		min-height: calc(100vh - 445px);
	}
}

@media (max-width: 767px){
	
	.hero_form .hero{
		height: 100vw;
	}
}