/*
font-family: 'Nunito', sans-serif;
font-family: 'Lora', serif;
font-family: 'Montserrat', sans-serif;
*/

body {}

.clear {clear: both;}

a {outline: none !important; text-decoration: none !important;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
}


img {max-width: 100%;}

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

.alert-danger p {color: #721c24 !important}

.spacer-xs {height: 5px}
.spacer-sm {height: 15px}
.spacer-md {height: 30px}
.spacer-lg {height: 45px}
.spacer-xl {height: 60px}
.spacer-xxl {height: 90px}

.btn {box-shadow: none !important; outline: none !important}

#header {padding: 30px 0;}
#logo {font-size: 30px; text-transform: uppercase;} 

#breadcrumbs {background: #EFEFEF; padding: 15px 0;}
#breadcrumbs .left {line-height: 38px;}
#breadcrumbs .left span, 
#breadcrumbs .left i {opacity: 0.4; margin: 0 5px;}
#breadcrumbs .left span.active {opacity: 1; }


#our-menu {display: block}
#our-menu li {display: block; margin-bottom: 5px;}
#our-menu li a {background: #EFEFEF; display: block; padding: 5px 10px; font-size: 14px; border-radius: 5px;}
#our-menu li a.active {background: #007bff; color: #FFF}


#accordion .panel {display: block; margin-bottom: 5px;}
#accordion .panel a {background: #EFEFEF; display: block; padding: 5px 10px; font-size: 14px; border-radius: 5px;}
#accordion .panel a.active {background: #007bff; color: #FFF}
#accordion .panel .panel-body {padding-bottom: 30px;}

#location-notification {text-align: center; text-transform: uppercase; padding-top: 45px; font-size: 30px; letter-spacing: 2px; color: #222; font-weight: 700; position: relative; }
#location-notification span {font-size: 12px; position: relative; cursor: pointer; display: inline-block;}
#location-notification span i {vertical-align: middle; font-size: 10px; margin-bottom: 3px; color: #CCC}
#location-notification .inner {display: inline-block; padding: 0 0 15px; position: relative; border-bottom: 1px solid #CCC; }

#location-notification .locations {width: auto; text-align: center; position: absolute; left: 0; top: 90%; z-index: 9999; width: 100%; background: #FFF; opacity: 0; pointer-events: none;
	-webkit-box-shadow: 3px 3px 7px 0px rgba(50, 50, 50, 0.22);
	-moz-box-shadow:    3px 3px 7px 0px rgba(50, 50, 50, 0.22);
	box-shadow:         3px 3px 7px 0px rgba(50, 50, 50, 0.22);
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
}
#location-notification .inner:hover .locations {opacity: 1; pointer-events: all;}
#location-notification .locations a {display: block; font-size: 16px; margin: 0; padding:10px; border-bottom: 1px solid #EEE;}



#location-notification .upper {font-size: 14px; letter-spacing: 8px; color: #289B46}


#location-select {text-align: center;}

#order .item {border-bottom: 1px solid #DDD; padding: 0 10px 0; cursor: pointer; margin: 0; position: relative;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
}
#order .item:hover,
#order .item.active {background: #F7F7F7; }
#order .item.active .trigger {opacity: 0.2;}
#order .item p:first-letter {text-transform: capitalize;}
#order .item .lower p {margin: 0}

#order .item .notice {font-size: 12px; font-style: italic; color: #999}

#order .item .clickable {padding: 20px 0;}
#order .item .clickable .trigger {height: 0; padding-top: 0; overflow: hidden;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
}
#order .item:hover .trigger,
#order .item.active .trigger {height: 20px;}
#order .item.active .trigger i {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

#order .item h5 {padding: 0 40px 5px 0; margin: 0; }
#order .item.has-image .lower {}
#order .item .item-thumb {width: 100px; height: 80px; float: left; border-radius: 5px; display: block; background-size: cover; background-position: center center;}
#order .item .price {color: #333; padding-left: 10px; font-size: 15px; text-align: right; display: block}
#order .item .full-img {width:100%;}
#order .item .details {padding-bottom: 0;}

#order .item-info-icons {display: inline-block;}
#order .item-info-icon {border-radius: 100px; background: #222; color: #FFF; width: 20px; height: 20px; font-size: 10px; line-height: 20px; font-weight: 700; display: inline-block; text-align: center; margin-left:5px;}

#order .actions {display: none;}
#order .actions label {font-weight: 700; font-size: 12px; text-transform: uppercase; color: #555}
#order .actions select {border: 1px solid #CCC !important; background-color: transparent; background-image:url(/img/select-arrows.png); background-size: 11px auto; background-repeat: no-repeat; background-position-x:97%; background-position-y:11px; border-radius: 0; -webkit-appearance: none; text-align: center; width: 100%; color: #888}
#order .actions .checkboxes {column-count: 2;}
#order .actions .checkboxes label {font-size: 12px; margin: 0 0 6px; display: block; font-weight: normal; text-transform: capitalize; clear: both;}
#order .actions .checkboxes label input {margin:2px 5px 0 0; background:transparent; float: left;}
#order .actions .checkboxes label span {padding-left: 20px; display: block; line-height: 14px;}
#order .actions .checkboxes label span.limited-pricing {padding-left: 5px; display: none;}
#order .actions input {background:transparent; border: 1px solid #CCC !important; border-radius: 0; box-shadow: none !important}
#order .actions .addtocart {height: 34px;}
#order .actions .quantity-label {line-height: 34px; display: block; text-align: right;}

#order .actions .form-group {text-align: left; vertical-align: top; width:100%;}
#order .actions .form-groups { height: auto; width: 100%; padding-bottom: 0; }
#order .actions .form-groups .form-group-container {width: 100%; display: inline-block; margin-bottom: 0;}
#order .actions .form-group.field-addtocartform-quantity {}
#order .actions .form-group .help-block {display: none}
#order .actions .form-group small {line-height: 12px; display: block; padding-bottom: 15px; }

#order .cart .cart-item {position: relative; font-size: 14px; margin-bottom: 10px;}
#order .cart .cart-item .title {font-size: 14px; color: #007bff}
#order .cart .cart-item .title .quantity {font-size: 13px;}
#order .cart .cart-item .options {font-size: 12px;}
#order .cart .cart-item .pickup-time {}
#order .cart .remove {color: red;}

#order .cart .tip {margin: 30px 0;}
#order .cart .custom-tip {display: none;}

#order .cart .pickup-time {font-size: 40px;}

#order .cart .totals {margin-bottom: 30px;}

/*#order .cart .pickup {display: none;}*/
/*#order .cart .curbside {display: none;}*/
#order .cart .method {margin-bottom: 15px;}
#order .pickup-times {margin-bottom: 15px;}
#order .method .btn {position: relative;}
#order .method .btn.collapsed {background: #555; border: #CCC;}
#order .method .btn.collapsed i {display: none;}
#order .method .btn i {position: absolute; left: 15px; top: 10px}
#order .method .btn.disabled {opacity: 0.5; pointer-events: none;}

.input-group-addon {padding: 6px 0; margin-left: 10px;}

#order .save-account {display: none;}


.tip {padding: 15px 0 0; border-bottom: 1px solid #CCC; text-align: center;}
.tip div {margin-bottom: 10px;}
.tip input[type="radio"] {display: none;}
.tip label {width:auto; padding: 0 10px; letter-spacing: 0; display: inline-block; text-align: center; background-color: rgba(138, 147, 156, 0.3); margin: 0 2% 15px 0; line-height: 30px; color: #888; font-size: 12px; font-weight: 700; cursor:pointer; border-radius: 10px; white-space: nowrap;}
.tip label.active {background-color:#222; color: #FFF;}


.loading {display: inline-block; height: 33px; opacity: 0;}


#login {}
#login .v-align {height: 60vh}


#footer {margin-top: 60px; height: 60px; background: #EFEFEF;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
}




#square-checkout .sq-input {border: 1px solid #CCC; border-radius: 5px; margin-bottom: 15px;}