/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2021
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2021 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}.clear{clear:both;}


@font-face {
  font-family: 'GothamNarrow-Book';
  src: url('fonts/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-Book.otf')  format('opentype'),
	     url('fonts/GothamNarrow-Book.woff') format('woff'), url('fonts/GothamNarrow-Book.ttf')  format('truetype'), url('fonts/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamNarrow-Bold';
  src: url('fonts/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-Bold.otf')  format('opentype'),
	     url('fonts/GothamNarrow-Bold.woff') format('woff'), url('fonts/GothamNarrow-Bold.ttf')  format('truetype'), url('fonts/GothamNarrow-Bold.svg#GothamNarrow-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'RightChalk';
    src: url('fonts/RightChalk.eot');
    src: url('fonts/RightChalk.eot?#iefix') format('embedded-opentype'),
        url('fonts/RightChalk.woff2') format('woff2'),
        url('RightChalk.woff') format('woff'),
        url('RightChalk.ttf') format('truetype'),
        url('RightChalk.svg#RightChalk') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chalk Board';
    src: url('fonts/ChalkBoard.eot');
    src: url('fonts/ChalkBoard.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChalkBoard.woff2') format('woff2'),
        url('fonts/ChalkBoard.woff') format('woff'),
        url('fonts/ChalkBoard.ttf') format('truetype'),
        url('fonts/ChalkBoard.svg#ChalkBoard') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaStd-Book';
    src: url('fonts/FuturaStd-Book.eot');
    src: url('fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaStd-Book.woff2') format('woff2'),
        url('fonts/FuturaStd-Book.woff') format('woff'),
        url('fonts/FuturaStd-Book.ttf') format('truetype'),
        url('fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaStd-Heavy';
    src: url('fonts/FuturaStd-Heavy.eot');
    src: url('fonts/FuturaStd-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaStd-Heavy.woff2') format('woff2'),
        url('fonts/FuturaStd-Heavy.woff') format('woff'),
        url('fonts/FuturaStd-Heavy.ttf') format('truetype'),
        url('fonts/FuturaStd-Heavy.svg#FuturaStd-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaStd-Heavy';
    src: url('fonts/FuturaStd-Bold.eot');
    src: url('fonts/FuturaStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaStd-Bold.woff2') format('woff2'),
        url('fonts/FuturaStd-Bold.woff') format('woff'),
        url('fonts/FuturaStd-Bold.ttf') format('truetype'),
        url('fonts/FuturaStd-Bold.svg#FuturaStd-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}







/* bootstrap carousel fade */


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-indicators{
	display:none !important;
}
 
/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

a.anchor-jump {
display: block;
position: relative;
top: -9vw;
visibility: hidden;
}

body {font-family:'FuturaStd-Book', helvetica, arial, sans-erif;}

/* GENERAL */

h1 {
    color: #fff;
    font-family: gala-extra-condensed, sans-serif;
    font-size: 4vw;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 2.5vw 0;
}
h2 {
    text-align: center;
    color: #000;
    font-family: gala-extra-condensed, sans-serif;
    font-size: 4vw;
    text-transform: uppercase;
    font-weight: bold;
    padding: 2vw;
}

.home h2 {padding:1vw; padding-top:.6vw;}

h3 {
    font-family: gala-extra-condensed, sans-serif;
    font-size: 3vw;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 2vw;
    color: #000;
}
p{
    font-family: 'FuturaStd-Book';
	color:#000;
}
body {color:#000;}
b, strong{
	
    font-family: 'FuturaStd-Heavy';
}
.darken {
	/* position: absolute;*/
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	background-color: hsla(0,0%,0%,0.45);
}
p {font-size:1.4vw; line-height:2vw;}
.single-location .darken {background-color: hsla(0,0%,0%,0.65); height:100%; position:absolute; z-index:-1}

.page-id-16 .darken {height: auto; min-height:calc(100vh - 9vw)}
.page-id-16 #container {}
#locationmap {position:relative; zindex:3;}

.single-location #content {position:relative; z-index:2;}

/* HEADER */

header#header {position:fixed; top:0; left:0; right:0; z-index:9999; background-color:#FFF;}
#container {padding-top:9vw;}
.page-template-page-menus #container {padding-top:9.2vw;}



#header-container {
    margin: 1vw;
    border: 2px solid #000;
	overflow:hidden;
	font-family: gala-extra-condensed, sans-serif; 
	font-weight: 500; 
	font-style: normal;
}
.header-logo {
    width: 25vw;
    margin: 0 2.5vw -.2vw 3vw;
	margin-bottom: -.1vw;
}
#menu {
    float: right;
    padding: 1.8vw;
	padding-bottom:0;
}
#menu li {
    display: inline-block;
    padding: .5vw;
	padding-top:.3vw;
	padding-bottom:.5vw;
    margin: 0 1.8vw;
}
#menu li a {
    font-size: 2.5vw;
	letter-spacing:.05vw;
    color: #000;
    text-transform: uppercase;
    text-decoration: none !important;
}
#menu li a:hover{
	color:#dd4426;
}
#menu-item-120 {
    background-color: #dd4426;
}
#menu-item-120 a{
	color:#fff !important;
}
#menu-item-120 a:hover{
	color:#000!important;
}


/* FOOTER */

#footer {
    background: #000;
    padding: 3vw 3vw 2vw;
    display: block;
}
.footer-logo {
    height: 3vw;
}
.footer-location {
    color: #17ada2;
    font-size: 2vw;
    text-transform: uppercase;
	font-family: 'Bebas Neue', cursive;
}

.footer-phone {
    color: #fff;
    font-size: 2vw;
	font-family: 'Bebas Neue', cursive;
}
.footer-logo {
    height: 4vw;
    display: block;
    margin: -5vw auto 1vw;
}
#copyright{
    text-align: center;
    color: #fff !important;
    font-family: 'FuturaStd-Book';
    font-size: 1VW;
    line-height: 1.4vw;
}
#copyright a{
	color:#fff !important;
	text-decoration: none !important;
}
#copyright a:hover{
	color:#dd4426 !important;
}
#footer-txt-mobile {
    text-align: center;
    color: #fff !important;
    font-family: 'FuturaStd-Book';
    font-size: 2.5vw;
    line-height: 3.5vw;
	display:none;
}
#footer-txt-mobile a{
	color:#fff !important;
	text-decoration: none !important;
}
#footer-txt-mobile a:hover{
	color:#dd4426 !important;
}
.delivery-options img {
    width: 3vw;
    margin: .25vw;
}
.delivery-options{
	text-align:right;
}

/* HOME SLIDER */


.page-id-22 h3 {color:#17ada2; padding-bottom:0;}
.single-location p {margin-bottom:1vw;}

.pickup-col img {width:3vw; height:auto; margin:0 .5vw; margin-top:1vw;}

/*---------------------HOME---------------------*/


.pics {position:relative; }
.pics a {display:block; position:absolute; height:100%; top:0; bottom:0; left:0; right:0;}


#myCarousel .item {background-position: center center; }




#myCarousel .item { height: calc(100vh - 9vw) !important; padding:0; margin:0;   background-size: cover; background-color:#000;}
.single-location #myCarousel .item {  margin-top:9vw; }

.home #myCarousel .item { height: calc(100vh - 17.6vw) !important; background-size: 100% auto; background-repeat:no-repeat}

.item .caption {
    padding: 5vh; 
    width: 40%;
}
h2.caption-header {
    font-size: 6vw;
    text-align: left;
    padding-left: 0;
	color: #17ada2;
    font-family: gala-extra-condensed, sans-serif !important;
}
.item .caption p {
    font-size: 1.5vw;
    line-height: 2vw;
    display: block;
    font-family: 'FuturaStd-Book';
    color: #fff;
    width: 60%;
}
.slider-menu-btn {
    display: inline-block;
    margin-top: 1vw;
    font-size: 1.2vw;
    padding: .75vw 1.5vw;
    background-color: #dd4426;
    color: #fff;
    font-family: 'FuturaStd-Heavy';
    text-transform: uppercase;
}
.slider-menu-btn:hover{
	color:#000;
}
.pic-caption {
    /*margin: 10vh;*/
}
.slider-caption-img {
    background: #000000b0;
    margin: 0 auto;
    display: block;
    height: 50vh;
}

.location-container {position:relative; padding-bottom:2vw;}
.footer-location a, .footer-phone a {color:#17ada2;}
	

.location-btns a:hover, .location-btns a:focus, .location-btns a:hover span.teal-txt   {color:#000 !important; text-decoration: none;}


.location-btns a {margin-top:20px!important; display:inline-block;}

.location-btns h2 {color:#17ada2 !important;}

.location-btn {
    background: #000;
    border-radius: 10px;
    padding: 1vw 5vw;
	padding-top: .6vw;
    text-align: center;
	font-family: gala-extra-condensed, sans-serif; 
	margin: 0;
}
.location-btns {
    width: 90%;
    margin: 0 auto;
	padding:1.5vw;
	margin-bottom:2vw;
}
.location-btn .white-txt {
    color: #fff;
    font-size: 4vw;
    text-transform: uppercase;
	font-weight:bold;
}
.location-hr {
    border-top: 4px solid #17ada2;
	width:90%;
}
.location-btn .teal-txt {
    color: #17ada2;
    font-size: 4vw;
    font-weight: bold;
    line-height: 4vw;
	text-transform: uppercase;
}
.teal-txt {
	color: #17ada2;}


.modal .location-btn .teal-txt {
    color: #17ada2;
    font-size: 3vw;
    font-weight: bold;
    line-height: 3vw;
	text-transform: uppercase;
}

.modal .location-btn a:hover  {text-decoration: none!important; }
.modal .location-btn a:hover .teal-txt {color:#dd4426 !important}

.modal .location-btn a {background: #000;border-radius: 10px;
    padding: 1vw 2vw;
	padding-top: .6vw;
	display:inline-block;
   
}

#myModalMenus .modal-body h3 {font-size:4vw;}


.modal .location-btn {background-color:#FFF; padding-left:0; padding-right:0;}

#locations-mid-header div.col-sm-4 {
    padding: 0;
    margin: 0;
    height: 25vw;
    background-size: cover;
	background-position: center center;
}

#locations-mid-header div {background-size:cover;}

.locations-about {
    background: #fff;
    font-size: 1.1vw;
    line-height: 1.8vw;
    font-family: 'FuturaStd-Book';
    padding: 3vw;
}
.locations-footer {
    background: url(./img/menu-item7.jpg);
    padding: 5vh 5vh 30vw;
    background-size: 100% auto;
	background-repeat:no-repeat;
	background-position: center center;
	background-color:#000;
}
.review-txt {
    font-family: gala-extra-condensed, sans-serif !important;
    color: #fff;
    font-size: 4vw;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.review-id {
    font-family: 'FuturaStd-Book';
    color: #fff;
    text-align: center;
    DISPLAY: BLOCK;
    PADDING: 1VW;
    font-size: 1.7vw;
}
.chalk-divider {
    width: 30vw;
    margin: 1vw auto;
    display: block;
}
/* SPECIALS */

#specials-box {
	 background: URL(./img/black-board.jpg);
    background-size: cover;
    background-position: center center;
	
    
    color: #fff;
    padding: 2vw 4vw;
}

.single-location #container {margin-bottom:2vw;}


#specials-box p {color:#FFF;}
#specials-box h2 {
    padding: 2vw 2vw 0;
    color: #fff;
    font-family: 'Chalk Board';
    font-weight: normal;
}
.specials-date {
    font-family: 'RightChalk';
    text-transform: uppercase;
    color: #17ada2;
    text-align: center;
    display: block;
    font-size: 2.5vw;
	padding: 1vw;
}
.specials-list {
    padding: 3vw;
}



.specials-list {
	-webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    column-count:2;
    column-gap:10px;
}

.specials-item {
    display: block;
    padding: 1vw 0;
	height:auto;
	padding-right:2vw;
	 break-inside: avoid-column;
}
.sp-title {
    font-family: 'RightChalk';
    font-size: 2vw;
    text-transform: uppercase;
}
.sp-price {
    font-family: 'chalk board';
    font-size: 2vw;
    padding: 0 2vw;
}
.sp-desc {
    font-family: 'Chalk Board';
    display: block;
    font-size: 1.8vw;
    line-height: 2vw;
}
.fullwidthimg {
    width: 100%;
    margin: -.3vw 0;
    padding: 0;
} 




/* MENUS */


	 #full-menu {
		padding: 0 10vw;
		
		 padding-bottom: 2vw;
		 margin-bottom:2vw;
	}

	#full-menu h1 {
		color: #000 !important;
		text-align: left !important;
		font-size:3vw;
		font-weight:500;
		padding-bottom:1vw;
	}
    #full-menu h2 {
        font-size: 35px;
        text-align: center;
    }

.menu-items h1 a {color:#000;}

	.menu-items { border: 2px solid #000; padding:2vw;}
	.menu-items a {
		font-size: 3vw;
		line-height:3vw;
		color: #dd4426;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		text-transform:uppercase;
		font-weight:500;
		padding: .2vw;
		padding-left:0;
		margin-bottom: 0;
		width: 100%;
		font-family: 'gala-extra-condensed';
		text-decoration:none !important;
	}
    .menu-items a:hover, a.activebtn {
		
		text-decoration:underline !important;
	}
    .close-modal {
        background: #000000;
        color: #fef200;
        position: absolute;
        top: -6px;
        right: 0;
        font-size: 2.0em;
        padding: .3vw 1vw;
        cursor: pointer;
        z-index: 1;
        font-family: 'Barlow Condensed', sans-serif;
    }
	.menu-content p {
		font-size: 1.2vw;
		line-height: 1.6vw;
		padding-bottom: 1vw;
	}
    #menu-boxes .col-xs-3:hover {
        background-color: #fef200;
        color: #000;
    }
    #menu-boxes .col-xs-3:hover a {
        color: #000;
    }
    #menu-boxes:first-child {
        display: inline-block;
    }
	.menu-content h3 {
		text-align: right;
		margin-top: -.3vw;
width: 50%;
font-size: 5vw;
line-height: 4vw;
font-weight: 500;
text-decoration-color: #000;
float: right;
	}

.menu-box {border:2px solid #000; padding:2vw; min-height: 48.1vw;}

/* OUR STORY */

#about-header {
    width: 100%;
    margin-bottom: -.1vw;
} 
.our-story {
    padding: 2vw 4vw;
} 
.our-story p {
    font-family: 'FuturaStd-Book';
    font-size: 1.4vw;
    line-height: 2vw;
    padding: .75vw 0;
}
.about-halfimg {
    padding: 0;
}
.about-halfimg img {
    width: 100%;
    margin-bottom: -.2vw;
}
#about-footer {
    background: url(./img/about-footer.jpg);
	background-size:cover;
    padding:2vw 4vw;
	height:60vw;
	background-position:center center;
}
.about-footer-caption{
    width: 31%;
}
.about-footer-caption p {
    color: #fff;
   
    padding: .75vw 0; 
    font-size: 1.4vw;
    line-height: 1.8vw;
}

.about-footer-caption h4 {font-family: 'gala-extra-condensed'; font-weight:500;  color: #17ada2; padding: .75vw 0; font-size: 3.5vw; text-transform:uppercase; line-height: 3vw;}

.alignright {float:right;}

.menu-photo img {width:95%; margin-left:5%;}
.menu-photo {width:100%; float:right; height:auto; margin-top:2vw; }

/*---------------------LOCATIONS---------------------*/
.notice {
    font-size: 4vw;
    padding-left: 1vw;
}
#locations-container{
	text-align:center;
}
#locations-container #myCarousel .item {
    height: 100vh;
    /* Add the blur effect */
    filter: blur(6px);
    -webkit-filter: blur(6px);
}

#locations-container h1 {
   padding-top:2vw;
    text-transform: uppercase;
    font-size: 5vw;
    color: #fff;
	text-align:center;
}
#locations-container h3 {
	border-radius: 1vw;
    font-size: 4vw;
    line-height: 4vw;
    display: inline-block;
    padding: .5vw 2vw 1vw;
    background-color: #17ada2;
    margin: 1vw 5vw;
}

#locations-container .wpsl-results-header h3 { font-size: 3vw; font-family: 'FuturaStd-Heavy';}

#locations-container h3:hover{
	background-color:#dd4426;
}
#locations-container h3 a{
	color:#fff !important;
	text-decoration:none !important;
}

.home #content {
    padding: 0;
    margin: 0;
}

.simple-locator-form .address-input, .distance .address {
    display: block;
    width: 100%;
    float: none;
}

.simple-locator-form .address-input {
    width: 50% !important;
	margin: 0 auto;
}

.simple-locator-form .distance {
  /*  float: left !important;
    margin-top: 1vw !important; */
	display:none;
}

.simple-locator-form .address-input input[type='text'], .simple-locator-form .address-input input[type='tel'] {
    font-size: 1.5vw !important;
    padding: 1vw !important;
    color: #000;
    width: 25vw;
    font-family: 'FuturaStd-Book';
	border:none;
}

.wpsl-results {padding-bottom:4vw; background-color:#FFF;}

button.wpslsubmit {
    background-color: #dd4426;
	border-radius:1vw;
    
    color: #FFF;
    font-size: 3vw;
    line-height: 3vw;
    text-transform: uppercase;
    font-family: 'gala-extra-condensed';
    border: none;
    width: 100%;
    padding: .5vw 0 .75vw;
    font-weight: bold;
}

.simple-locator-form label {
   /* margin-bottom: 1vw;
    font-size: 1.5vw;*/
	display:none;
}


.page-id-16 #myCarousel {
    position: absolute;
    z-index: -1;
    top: 9vw;
    left: 0;
    right: 0;
    bottom: 0;
   
}

/*.page-id-16 .darken {height:auto; min-height:100vh;}*/

.wpsl-results strong {
    font-size: 2vw;
	color:#17ada2;
	 font-family: 'gala-extra-condensed';
	font-weight:500;
}

.wpsl-results p a {display: inline-block;
padding: .5vw 2vw;
margin-top: 0;
background-color: #dd4426;
color: #FFF;
	font-family: GothamNarrow-bold;
}

.wpsl-results p strong a {background-color:#FFF; padding:0; font-size:4vw; color:#000;  font-family: 'gala-extra-condensed'; font-weight:500;}

.page-id-6 h2 {color:#FFF;}

#locations-container h2 {
    color: #fff;
    margin-top: 1vw;
	padding-bottom:0;
}
.simple-locator-form .submit {
    width: 25vw;
    margin: 1vw auto;
    float: none;
    padding-top: 0;
}
.alert-error{
	width:25vw;
	margin:1vw auto !important;
}

/*---------------------LOCATION SINGLE---------------------*/


.single-location h1, .page-id-1826 h1 {
    padding-top: 0;
    text-transform: uppercase;
    font-size: 5vw;
    color: #fff;
    text-align: center;
	padding-bottom:1vw;
}

.single-location h2, .page-id-1826 h2 {
    
    font-size: 3vw;
    color: #fff; 
    text-align: center;
	padding-bottom:1vw;
}

.single-location h2 {color:#17ada2; font-size:4vw; padding-top:0;}




.page-id-1826 h2 {
    text-align: left;
}

.single-location p, .rewards-box a {
    font-size: 1.5vw;
    line-height: 2vw;
    color: #fff;
}

.single-location #myCarousel {
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
}

.single-location #myCarousel .item {background-position:top center; position:relative;}

.single-location .wpsl-location-info {
    display: none;
}

.single-location #content {
   /* min-height: 60vh;*/
    padding-top: 2vw;
}

.wpsl-map, #locationmap {
    border: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.pickup-col {
    text-align: center;
}

.location-col a, .rewards-box a, .hours-col a, a.order-btn {
    display: inline-block;
    padding: .5vw 2vw;
    margin-top: 0;
    
    background-color: #dd4426;
    color: #FFF;
}

.pickup-col a:hover, .location-col a:hover, .hours-col a:hover {
    color: #000;
    text-decoration: none !important;
}

.location-col {
}

.single-location #content .col-sm-4 {
    text-align: center;
}

.wpsl-map, #locationmap {
    height: 30vw !important;
}

.menu-section {
    padding: 10vw;
}

.menu-section h3 {
    color: #ea9e00;
    
    font-size: 5vw;
    line-height: 5vw;
    text-align: center;
    padding: 1.5vw;
}

.menu-section img {
    width: 100%;
    height: auto;
    margin-bottom: 4vw;
}


.dark {background-color: hsla(0,0%,0%,0.65);
height: 100%;
position: absolute;
z-index: -1;top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100vw;}

.page-id-16 #content {min-height:calc(100vh - 16vw); padding-bottom:3vw;}


/* CONTACT */

#contact-container{
	background: url(./img/contact-bg.jpg);
	background-size:cover;	
	background-position:bottom center;
}
#contact-us {
    background-color: #00000066;
    padding: 3vw 10vw 20vw;
}
#contact-us p{
	color:#fff;
	font-size:1.2vw;
	line-height:1.5vw;
	padding:1vw 0;
}
#contact-us input[type="text"], #contact-us input[type="email"], #contact-us input[type="tel"], #contact-us textarea {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff !important;
    padding: .5vw;
    margin: .5vw 0;
	max-width: 479px;
    max-height: 400px;
	border-radius:5px !important;
}
#contact-us ::placeholder{
	color:#fff;
}
#contact-us input[type="submit"] {
    color: #fff;
    padding: .5vw 2vw;
    margin: 1vw 0; 
	background:#dd4426;
	border:none !important;
	font-weight:bold;
	text-transform:uppercase;
}


/* ORDER ONLINE MODAL */


.modal-content {
   background-color:#FFF;
    z-index: 0;
}
.modal{
	z-index:9999 !important;
}
.modal-header{
	border-bottom:none !important;
}
.modal-dialog {
    width: 40vw !important; 
    margin: 15vw auto !important;
}
.modal-body{
	text-align:center;
}
a.online-order-location-btn {
    background-color: #dd4426;
    display: inline-block;
    padding: .5vw 2vw;
    color: #fff;
    font-size: 2vw;
    font-family: 'FuturaStd-Heavy';
	font-weight:bold;
  
    margin: 1vw 1vw 3vw;
}
a.online-order-location-btn:hover{
	text-decoration:none!important;
	color:#000;
}
.modal-body h3 {
    color: #000;
    padding-bottom: 1vw;
	font-size:5vw;
}

/* MOBILE MENU */

#menu-top-menu-1 li {
    text-align: center;
    padding: 3vw;
}


 
#menu-top-menu-1 li a {
    color: #000;
    font-family: 'gala-extra-condensed';
    font-size: 10vw;
    text-transform: uppercase;
    font-weight: bold;
	text-decoration:none !important;
}
#menu-top-menu-1 li a:hover, .current-menu-item a {
	color:#dd4426 !important;
}

.desktop-only {display:block;}
.mobile-only {display:none;}


.happy-info {text-align:center !important;}
#happyhour p {color:#000; font-size: 1.3vw;
line-height: 2vw;}
#happyhour .happy-info p {font-weight:bold;  font-family: 'FuturaStd-Heavy';}
#happyhour {background-color:#FFF; padding:2vw 7vw; background-size:100% auto;}

#happyhour h2 {color:#000; font-size:2.5vw; padding-left:0;font-family: gala-extra-condensed, sans-serif; font-weight:bold; padding-bottom: 1vw;}

#happyhour .happy-info h2 {line-height:3.5vw; padding:2vw 0;}

#happyhour h3.red {color:#dd4426;}
#happyhour h3 {color:#17ada2; font-size:2.5vw; padding-left:0; font-family: gala-extra-condensed, sans-serif; font-weight:bold; padding-bottom: 1vw;}
#happyhour h4 {color:#dd4426; font-size:2.5vw; padding-left:0; font-family: gala-extra-condensed, sans-serif; font-weight:bold; padding-bottom: 1vw;}
#happyhour .happy-info p {font-weight:bold;}
.single-location #happyhour .happy-menu h2, .page-id-1826 #happyhour .happy-menu h2 {text-align:left;}

#happyhour {background-image:url('img/happyhour-bg.jpg'); background-repeat:no-repeat;}


#happyhour .happy-menu {
	-webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    column-count:2;
    column-gap:10px;
}

#happyhour .happy-menu .happy-item {
    display: block;
    padding: 1vw 0;
	height:auto;
	padding-right:2vw;
	 break-inside: avoid-column;
}

.happy-item {padding:0 !important;}

/* MEDIA 769px MIN */
@media (min-width: 769px){

	#toggle-menu, #the-main-menu{
		display:none;
	}
	#menu{
		display:block;
	}

}/* END 769px MIN */



/* MEDIA 481-768px */

@media (max-width: 768px) {
	
	
	#happyhour .happy-menu {
	-webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    column-count:1;
    column-gap:10px;
}
	
	#happyhour h2, #happyhour h3, #happyhour h4 {font-size:7vw; line-height:8vw !important;}
	
	#happyhour p {font-size:4vw; line-height:5vw;}
	
	.about-footer-caption h4 {font-size:6vw; line-height:6vw;}
	.specials-list {
	-webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    column-count:1;
    column-gap:10px;
}
a.anchor-jump {
display: block;
position: relative;
top: -24vw;
visibility: hidden;
}
	
	.wpsl-results p strong a {
background-color: #FFF;
padding: 0;
font-size: 12vw;

}
	
	
	#about-footer {height:100vw; padding:0;}
	.about-footer-caption {width:100%;}
	.wpsl-results a {color:#dd4426;}

	#menu-top-menu-1 {height:100vh;}
	
	p {font-size:4vw; line-height:5vw;}
	
	.wpsl-results strong {font-size:5vw; line-height:6vw;}
	
	#myModalMenus .modal-body h3 {font-size:10vw;}
	
	#menu-boxes {padding-right:0;}
	.menu-photo img {width:100%; margin-left:0%; margin:4vw 0;}
	
	.desktop-only {display:none;}
.mobile-only {display:block;}
	
	.location-btn.first-location {margin-bottom:2vw;}
	
	.modal .location-btn .teal-txt {font-size:9vw; line-height:10vw; padding:0 4vw;}
	
	h1 {
		font-size: 10vw;
	}
	h2{
		font-size:12vw;
	}
	h3 {
		font-size: 8vw;
	}
	#toggle-menu{
		display: inline-block;
		padding: 7vw 0;
		vertical-align: top;
	} 
	#menu, #the-main-menu{
		display:none; 
	}
	#toggle-menu img {
		height: 6vw;
	}
	.header-logo {
		width: auto;
		height: 21vw;
		margin: 0 5vw -.2vw 3vw;
		margin-bottom: -.4vw !important;
		
	}
	#footer-txt-mobile {
		display:block;
	}
	#footer-txt{
		display:none;
	}
	.footer-location, .footer-phone{
		font-size:5vw;
		margin-right: 1vw;
		
	}
	.footer-location a, .footer-phone a {line-height:7vw}
	
	.footer-logo {
		display:none !important;
		width: 100%;
		display: block;
		margin: 0;
		height: auto;
	}
	#copyright{
		padding:0;
	}
	.footer-contact {
		margin-top: 1vw;
	}
	
	.footer-contact span {display:block;}
	
	.delivery-options img {
		width: 9vw;
		margin: 0 .5vw;
	}
	#footer-txt-mobile {
		display: block;
		margin: 5vw 0 2vw;
	}
	#locations-header{
		padding:5vw;
	}
	#locations-header img {
		height: auto;
		width: 60vw;
	}
	.location-btns{
		width:90vw;
		padding-bottom: 5vw;
	}
	.location-btn{
    	padding: 2vw 2vw 3vw 2vw;
		margin:0;
	}
	.col-xs-6 .location-btn{
		padding:2vw .5vw;
	}
	.location-btn .white-txt {
		font-size: 8vw;
	}
	.location-btn .teal-txt {
		font-size: 10.5vw;
		line-height:10.5vw;
	}
	#locations-mid-header div.col-sm-4 {
		height: 60vw;
	}
	.locations-about{
		display:none;
	}
	.review-txt, .review-id{ 
		padding-top:2vw;
	}
	.review-id {font-size:3vw;}
	.review-txt {font-size:5vw;}
	
	.locations-footer {
		padding: 0;
		height: 46vw;
		background-position: bottom center;
	}
	
	h2.caption-header {
		font-size: 8vw;
	}
	.item .caption p {
		font-size: 2.8vw;
		line-height: 3.5vw;
		width: 100%;
	}
	.slider-menu-btn {
		font-size: 3vw;
		padding: 1.5vw 3vw;
	}
	#myCarousel .item {
		height: 75vw;
		padding-top:20vh;
	}
	
	
	
	.home #myCarousel .item {background-position:top center; padding-top:0; margin:0 !important; height:65vw !important}
	
	.item .caption {
		width: 40%;
		height: 65vw !important;
		background: #000000c4;
		padding: 5vw;
		margin: 0;
	}
	
	
	
	
	
	.pic-caption {
		margin: 20vh 0;
	}
	.slider-caption-img{
		height:35vh
	}
		.chalk-divider {
		width: 50vw;
	}
	.specials-date {
		font-size: 6vw;
	}
	.specials-item {
		display: block;
		padding: 2vw 0 5vw;
		height: auto;
	}
	.sp-title {
		font-size: 4vw;
	}
	.sp-price {
		font-size: 6vw;
	}
	.sp-desc {
		font-size: 4vw;
		line-height: 5vw;
	}
	.our-story p {
		font-size: 4vw;
		line-height: 5vw;
		padding: 2vw 0;
	}
	#about-footer {
		padding: 2vh 2vh 30vh;
		background-position: center bottom;
	}
	.about-footer-caption {
		width: 100%;
		background: #000000c4;
		padding: 5vw;
	}
	.about-footer-caption p {
		font-size: 4vw;
		line-height: 5vw;
		padding-bottom: 2vw;
	}
	#contact-us p {
		font-size: 4vw;
		line-height: 5vw;
	}
	#contact-us input[type="text"], #contact-us input[type="email"], #contact-us input[type="tel"], #contact-us textarea {
		width: 100%;
	}
	#contact-us input[type="submit"] {
		padding: 2vw 6vw;
		font-size: 5vw;
		width: 100%;
	}
	#contact-us {
		padding: 5vw;
		text-align: center;
	} 
	#container, .page-template-page-menus #container {
		padding-top: 24vw;
	}
	.menu-items a {
		font-size: 7vw;
		line-height:7.3vw;
		padding: 1vw 1vw 1.5vw;
	}
	
	#full-menu h1 a {
		font-size: 8vw;
		line-height:8vw;
		padding: 0;
	}
	
	.menu-content h3 {width:100%; padding:2vw; text-align:center; font-size: 8vw; line-height:9vw; margin-bottom:4vw; }
	#full-menu h1 {font-size:8vw; padding:2vw;}
	#full-menu {
		padding: 1vw;
	}
	.menu-content p {
		font-size: 4vw;
		line-height: 5vw;
		padding-bottom: 4vw;
	}
	.menu-items {
		padding: 0;
	}
	
	.pickup-col img {
width: 14vw;
height: auto;
margin: 0 .5vw;
margin-top: 4vw;
}
	
	#locations-container h1 {
		font-size: 12vw;
	}
	#locations-container h3 {
		font-size: 8vw;
		line-height:8.5vw;
		padding: 3vw 3vw 4vw;
		display: block;
		margin: 5vw auto;
		width: 60vw;
	}
	
	
	
	.simple-locator-form .address-input {
		width: 100% !important;
		
	}
	.simple-locator-form .address-input input[type='text'], .simple-locator-form .address-input input[type='tel'] {
		width: 60vw;
		font-size: 5vw !important;
		padding: 3vw !important;
	}
	.simple-locator-form .submit {
		width: 100%;
	}
	button.wpslsubmit {
		font-size: 8vw;
		line-height: 9vw;
		width: 60vw;
		margin: 2vw auto;
	}
	.page-id-16 #myCarousel .item, .single-location #myCarousel .item {
		height: 100vh;
	}
	.single-location h1, .page-id-1826 h1 {
		font-size: 12vw !important;
	}
	.single-location h2, .page-id-1826 h2 {
		font-size: 10vw;
	}
	
	.location-col a, .rewards-box a, .hours-col a {font-size:7vw; line-height:7vw; padding:2vw 6vw; margin:2vw}
	
	
	.single-location p, .rewards-box a {
		font-size: 4.5vw;
		line-height: 6vw;
	}
	.location-container .col-sm-4 {
		padding-bottom: 10vw;
	}
	.wpsl-map, #locationmap {
		height: 60vw !important;
	}
	.modal-dialog {
		width: 80% !important;
	}	
	.modal-body{
		padding-top:0;
		padding-bottom:10vw;
	}
	
	.modal-header {
		padding-bottom: 0;
	}
	.modal-body h3 {
		font-size: 13vw;
		padding-bottom: 4vw;
	}
	a.online-order-location-btn {
		font-size: 8vw;
		padding: 2vw;
		width: 80%;
		margin: 3vw;
	}
	.page-id-16 #myCarousel .item{
		height:100vh !important;
	}
	.page-id-16 .darken{
		height:76vh !important;
	}
}/* END 481-768px */



/* MEDIA 480px MAX */

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


	.delivery-options img {
		width: 8vw;
		margin: 0 .25vw;
	}
	#footer-txt-mobile {
		font-size: 4vw;
		line-height: 6vw;
	}
	h2.caption-header {
		font-size: 8vw;
	}
	/*.item .caption p {
		font-size: 6vw;
		line-height: 7vw;
	}
	.item .caption p {
		font-size: 6vw;
		line-height: 7vw;
		width: 100%;
	}*/
	.location-btn .teal-txt {
		font-size: 9.5vw;
	}
	.location-btn .white-txt {
		font-size: 7vw;
	}
	.location-hr{
		margin: 2vw auto 3vw;
	}
	.location-btns h2 {
		padding-bottom: 5vw;
	}
	#locations-mid-header div.col-sm-4 {
		
		
		
	}
}/* END MEDIA 480px MAX */