/*
Theme Name: BeachHut Deli
Author: https://i-tul.com
Author URI: https://i-tul.com
Description: Custom Wordpress theme for BeachHut Deli
Version: 1.0
*/

/****************FONTS*******************/
@font-face {
    font-family: 'tikisurfregular';
    src: url('fonts/tiki-surf-webfont.eot');
    src: url('fonts/tiki-surf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tiki-surf-webfont.woff') format('woff'),
         url('fonts/tiki-surf-webfont.ttf') format('truetype'),
         url('fonts/tiki-surf-webfont.svg#tikisurfregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

@import url( '/css/jcaStyles.css');

.site-content:before, .cf:before,
.site-content:after, .cf:after {content: " ";display: table;}
.site-content:after, .cf:after {clear: both; }
.site-content, .cf {*zoom: 1; }

.fake-overlay {display:block; cursor:pointer; width: 100%; height: 100%; position: absolute; z-index: 1; }

.choose-block {padding-right:60px;}
.choose-result-block {padding-left:60px;}

.border-after:before, .border-before:before {content:''; position:absolute; width:1px; height:95%; top:30px; background:#a2854e; }
.border-after:before {right:0; }
.border-before:before {left:-1px; }

img.alignright {float:right;margin-left:30px;margin-bottom:30px;}
img.alignleft {float:left;margin-right:30px;margin-bottom:30px;}

ul.reset {list-style:none;margin:0;padding:0;}

#logoTwo {
    width: 100px;
}
/****************STYLES*******************/

body{background:url(images/bg-background.jpg);font-family: 'Open Sans', sans-serif;min-width:303px;}
body.home{background-position:center top;}
#page{
	overflow:hidden;
}
#map img{max-width:none;}
.redButton, a.redButton {background: #ed1c24; color: #fff !important; font-weight: 700;border:none;padding:10px 30px;font-size: 18px;font-family: 'Open Sans', sans-serif;text-decoration:none;white-space:nowrap;}
.center{float: none; margin:0 auto;}
.bx-wrapper .bx-viewport{background: none!important; box-shadow:none!important;border:none!important;}
.embed-container { position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;max-width:100%;height:auto;}
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute;top:0;left:0;width:100%;height:100%;}
#full-width-padded {padding-left:17%;padding-right:17%;}
#full-width-padded.slim {padding-left:7%;padding-right:7%;}

#mobile_menu{position: absolute; z-index:9999; left: -999%; top: 0; width: 100%; min-height: 100%; display:block; padding: 0 0 40px; }
#mobile_menu:after {content: ''; position: fixed; width: 100%; min-height: 100%; background: rgba(21,79,163,.9); padding: 200px 0 40px; top: 0; }
#mobile_menu #close{color: #ed1c24; text-decoration:none; display:block; padding: 20px 60px; font-family: 'tikiislandregular'; font-size:30px; }
#mobile_menu .menu-mobile-container {display:block;margin-top:150px; clear:both;padding-bottom: 40px;position:relative;z-index:1;}
#mobile_menu ul {text-align:center;list-style-type:none;padding:0;margin:0;display:block; clear:both;}
#mobile_menu ul li {position:relative;display:block;padding: 0 40px;width: 100%;margin-bottom:10px;}
#mobile_menu ul li a {color: #fff; font-size:24px; text-decoration:none; padding: 10px 20px 8px; text-transform: uppercase; display:block; width: 100%; }
#mobile_menu ul li:last-child a {border:none;}
#mobile_menu ul.menu > li.menu-item-has-children > a + ul.sub-menu {transition:all .5s;}
#mobile_menu ul.menu > li.menu-item-has-children > a:not(.open) + ul.sub-menu {transform:scale(.25);transform-origin:100% 0;margin-top:-38px;pointer-events:none;height:38px;}
#mobile_menu ul.menu > li.menu-item-has-children > a:not(.open) + ul.sub-menu li {opacity:.75;}
#mobile_menu ul.menu > li.menu-item-has-children > a:not(.open) + ul.sub-menu li + li {opacity:.5;}
#mobile_menu ul.menu > li.menu-item-has-children > a:not(.open) + ul.sub-menu li + li + li {opacity:.25;}
#mobile_menu ul.menu > li.menu-item-has-children > a:not(.open) + ul.sub-menu li + li + li + li {opacity:0;}
#mobile_menu ul.menu > li.menu-item-has-children > a {position:relative;}
#mobile_menu ul.menu > li.menu-item-has-children > a::after {content:'\f0a9';font:900 20px 'Font Awesome 5 Free';display:inline-block;margin-left:10px;transition:transform .5s;}
#mobile_menu ul.menu > li.menu-item-has-children > a.open::after {transform:rotate(90deg);}



#masthead{background-color:#fff; width:100%; position: relative; z-index:1000; overflow: visible; }
#masthead .row{position: relative;overflow:visible;height:100px;max-width:100%;padding-left:15px;padding-right:15px;}

#masthead div#music{position: absolute; right: 15px; top: 120px;}
#masthead div#music #myplayer .album-cover, #masthead div#music #myplayer .track-info, #masthead div#music #myplayer .tracklist {display:none;}
#masthead div#music #myplayer .ttw-music-player .player-controls{background:rgba(255,255,255,.5);width: 230px;margin:0;}
#masthead div#music #myplayer .ttw-music-player {margin:0 0 0 auto;padding:0;width:230px;}

#masthead nav {line-height: 1.8em; font-family: 'Open Sans', sans-serif;font-weight:700;float:right;background:#fff;padding:5px 20px;border-radius:10px;text-transform:uppercase;color:#154fa3;font-size:17px;}
#masthead nav .tag-line {text-align:center;font-size:30px;letter-spacing:-1.5px;margin-bottom: 7px; border-bottom: 2px solid #1c3f62;padding-bottom:2px;}
#masthead nav .menu {list-style:none;margin:0;padding:0;}
#masthead nav .menu li {display:inline-block;margin-right:8px;line-height:0.8;}

#masthead nav .menu li:last-child {
    margin-right:0px !important;
    
}
#masthead nav .menu li + li {}
#masthead nav .menu a {color:#154fa3;text-decoration:none;display:block;padding:0 6px;letter-spacing:-0.3px;}

#masthead #logotype{float:left;background:url(https://beach.itulstaging.com/wp-content/uploads/2018/10/beachHutLogo_170x95.jpg)no-repeat;width:170px;height: 95px;display:block;background-size: contain;margin-top:0px;}
#masthead #logotype a{display:block;height:100%;text-indent:-5000px;}



#main-content{    width: 100%;    min-height: 800px;    position: relative;    background:url(images/bg-main-center.jpg);    max-width:1213px;    margin:auto;    margin-top:100px;}
#main-content > * {z-index:1;position:relative;padding-left:20px;padding-right:20px;margin-bottom:30px;}
#main-content > p {margin:0;}
#main-content #content h1 {line-height:1;position:relative;padding:21px 20px; padding-right:85px;font-size:56px;font-family:'FranklinGothic-MediumCond', sans-serif;letter-spacing:1px;margin-top:0;background:#174063;color:#ffffff;font-weight:400;text-transform:uppercase;
  background-image: url(https://beachhutdeli.com/wp-content/themes/beachhut/images/WhiteHut2023.png);
  background-repeat: no-repeat;
  background-size: 74px;
  background-position: right center;
}
#main-content #myBlueBar h1 {background-image: none;}
.myFranchiseHeaderBtns {
  background-image: url(https://beachhutdeli.com/wp-content/themes/beachhut/images/WhiteHut2023.png);
  background-repeat: no-repeat;
  background-size: 74px;
  padding-left: 90px;
  background-position: 0 8px;
}
@media (max-width:800px) {
    .myFranchiseHeaderBtns {
      background-image: none;
      padding-left: 0px;
      float:none !important;
    }
    #innerBlueBar {
        background-image: url(https://beachhutdeli.com/wp-content/themes/beachhut/images/WhiteHut2023.png);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 60px;
    }
}

#main-content #content h1 a.order-online {background:#ed1c24;font-size:16px;color:#ffffff;text-decoration:none; position:absolute;right:0;top:0;padding:15px 10px;max-width:230px;width:100%;margin:26px 20px;}
#main-content #content h1 a.menu-back {font-size:14px;color:#ffffff;text-decoration:none;font-style:italic;    position: absolute; left: 15px; top: 40px;}
#main-content:before {content:''; position:absolute; max-width:1215px; width:100%; height:285px; background:url(images/bg-main-head.png); background-position:center top; top:0; margin-top:-40px; }
#main-content:after {content:'';position:absolute;max-width:1215px;width:100%;height:304px;background:url(images/bg-main-foot.png) top;bottom:-30px;}

h1.page-title {text-align:center;}

select{/* -webkit-appearance: none; */background: #fff;height: 24px;}

.menu-box {padding-left:10%;padding-right:10%;text-align:center;font-size:24px;font-family:'FranklinGothic-MediumCond',sans-serif;text-transform:uppercase;}
.menu-box .columns {margin-bottom:40px;}
.menu-box .columns img {margin-bottom:20px;-webkit-box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.1); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.1);}
.menu-box .columns a {text-decoration:none;color:#174063;font-weight:700;}

.menu-page p {line-height:1.5;}
.menu-page .sub-menu-page {margin-top:-50px;background:#154fa3;color:#ffffff;padding:40px 100px 100px;text-align:center;}
.menu-page .sub-menu-page h1 {margin:0 -100px 40px;}
.menu-page .sub-menu-page h2 {color:#ffffff !important;}

.menu-page h2 {font-size:36px;text-transform:uppercase;font-family:'FranklinGothic-MediumCond',sans-serif;font-weight:100;}
.menu-page h3 {font-size:30px;text-transform:uppercase;font-family:'FranklinGothic-MediumCond',sans-serif;font-weight:100;color:#71a4ed;margin-top:45px;margin-bottom:13px;}
.menu-page h3 + p {max-width:800px;margin:auto auto 20px;}
.menu-page h4 {color:#e5c388;line-height:1.5;font-weight:400;max-width:800px;margin:auto auto 20px;}
.menu-page hr {border:0;border-bottom:2px solid #ffffff;margin: 50px 0 40px;}

.menu-page ul:before,
.menu-page ul:after {content: " ";display: table;}
.menu-page ul:after {clear: both; }
.menu-page ul {*zoom: 1; }

.menu-page ul {list-style:none;margin-bottom:40px;font-size:24px;text-transform:uppercase;font-family:'FranklinGothic-MediumCond',sans-serif;}
.menu-page li {display:inline-block;width:33%;padding-left: 15px; padding-right: 15px;line-height:1;}
.menu-page li img {margin-bottom:15px;}
.menu-page li a {color:#ffffff !important;text-decoration:none;}

#sb {width:270px;float:left;padding-right:30px;margin-right:-1px;border-right:1px solid #a2854e;}
#sb ul {list-style:none;margin:0;padding:0;}
#sb .children {display:none;}
#sb ul li + li {border-top:1px solid #a2854e;}
#sb ul [class*=current] > a {color:#ed1c24;position:relative;}
#sb ul [class*=current] .children {display:block;}
#sb > ul > [class*=current] > a:after {content:'\f0da'; font-family:'FontAwesome'; position:absolute; right:0; top:9px; }
#sb ul a {text-decoration:none;color:#174063;display:block;padding:10px 0;}
#sb ul > li > a {text-transform:uppercase;font-weight:700;}
#sb .children {padding-left:15px;margin-bottom:10px;}
#sb .children li {border:0;}
#sb .children a {text-transform:none;padding-top:2px;padding-bottom:2px;}

#sb-content {overflow:hidden;border-left:1px solid #a2854e;padding-left:30px;padding-right:30px;}
#main {color:#5d5d5d;line-height:1.5;}
#main h2 {color:#174063;}
#main #sb-content h3 {color:#383838;font-size:18px;}
#main a {color:#174063;}
.single .wp-post-image {max-width:50%;}

.wpcf7 .lbl {display:block;text-transform:uppercase;font-weight:700;}
.wpcf7-form-control-wrap.mailto {margin-top: -15px; display: block;}
.wpcf7-form-control {border:1px solid #a9a9a9;}
.wpcf7-form-control.wpcf7-recaptcha {border:0;}
.wpcf7 input[name=mailto] {display:none;}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 select {width:100%;height:37px;padding-left:10px;padding-right:10px;}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel]{padding:10px;}
.wpcf7 textarea {width:100%;padding:10px;}
#template-destination a {text-decoration:none;}
#template-destination .fa {font-size:24px;color:#ed1c24;position: absolute; margin-left: -15px; margin-top: 3px;}
#template-destination address, #template-destination .phone {padding-left:10px;}
#template-destination .phone a {color:#ed1c24;font-weight:700;}

/*Location Search*/
.page-id-29 #sb {padding-left:30px;width:370px;}
#location-search, .page-id-29 #sb label {color:#383838;text-transform:uppercase;font-weight:900;display:block;margin-bottom:12px;}
.page-id-29 #sb form {margin-bottom:20px;}
.page-id-29 #sb-content {padding-left:30px;padding-right:30px;}

#location-search select, #location-search input {padding:5px;height:34px;display:block;width:100%;}
#location-search button, #location-search a.button {margin-top: 20px;background:#ed1c24;color:#ffffff;text-transform:uppercase;font-weight:700;font-size:16px;border:0;cursor:pointer; height: 50px; width: 250px;}
#location-search a.button.disabled {opacity:0.5;cursor:not-allowed;}

#location-search label {margin-bottom:12px;display:block;}
#location-search label.or {text-align:center;position:relative;margin-top:20px;}
#location-search label.or:before {content: ''; position: absolute; border-bottom: 1px solid #383838; width: 42%; left: 0; top: 11px; }
#location-search label.or:after {content: ''; position: absolute; border-bottom: 1px solid #383838; width: 42%; right: 0; top: 11px; }


#search-results {margin-bottom:30px;}
#search-results .search-label {margin-bottom:5px;text-transform:uppercase;color:#383838;text-transform:uppercase;font-weight:900;}
#search-results h3 {margin-top:0;font-size:16px;margin-bottom:0;}
#search-results li {position:relative;padding:15px 15px 15px 55px;border:0 !important;}
#search-results li:nth-child(odd) {background:rgba(255,255,255,0.5);}
#search-results address {line-height:1.5;font-size:14px;font-style:normal;}
#search-results .phone {font-weight:700;color:#ed1c24;font-size:14px;}
#search-results .num {left:16px;position:absolute;width:24px;height:38px;background:url(images/ico-num-marker.png);text-align:center;color:#ffffff;font-weight:900;}

#search-results.order .fa {float:left;margin-right:10px;font-size:24px;color:#ed1c24;}
#search-results.order .fa + div {overflow:hidden;}
.view-location {display:none;}

.button {display:block;padding:12px;margin-bottom:12px;text-align:center;text-transform:uppercase;font-size:16px;color:#ffffff !important;text-decoration:none;font-weight:700;}
.button-blue {background:#154fa3;}

/* Locations Result*/
#map-canvas {display:none;}
.store-name {white-space:initial !important;}
.store-info {padding:20px 0;width:220px;margin-left:20px;}
.store-info img {float:left;margin-right:10px;}
.store-info address {font-style:normal;}
.store-info h3 {margin:0;font-size:24px;text-transform:uppercase;color:#ed1c24;font-family: 'Open Sans', sans-serif;font-weight:900;line-height:1;}
.store-info .description {margin-bottom:20px;}
.store-info .button-red {background:#ed1c24;}
.adjcent-float {overflow:hidden;}
#storeDescription{display:block;clear:both;margin: 30px 0;overflow:hidden;}
#storeDescription ul {list-style-type:disk;margin:0;padding:0 0 0 20px;}

#galleryPager{
	display:block;
	width:100%;
	margin: 0 auto;
	text-align:center;
}
#galleryPager a{
	display:inline-block;
	margin: 0 4px;
}
.galleryThumb{
	display:block;
	width:120px;
	height: 90px;
}

#storeSocials{
	display:block;
	width:100%;
	padding: 20px;
	background: rgba(255,255,255,0.15);
	border: 1px solid #fff;
	overflow:hidden;
	border-radius: 6px;
}
#storeSocials #socialIcons{
	display:block;
	float: left;
}
#storeSocials #socialIcons + p{
	margin:0;
	
}
#storeSocials .socialIcon{
	display:inline-block;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(images/store_social_icons.png)no-repeat;
	color:#fff;
	overflow:hidden;
	margin:4px 10px 4px 0;
	position:relative;
}
#storeSocials .socialIcon.facebook{background-position: 0px 0px;}
#storeSocials .socialIcon.twitter{background-position: -128px 0px;}
#storeSocials .socialIcon.linkedin{background-position: -170px 0px;}
#storeSocials .socialIcon.instagram{background-position: -43px 0px;}
#storeSocials .socialIcon.snapchat{background-position: -85px 0px;}
#storeSocials .socialIcon a{
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	text-indent: -5000px;
}

#events{
	display:block;
	width:100%;
	padding: 30px;
	background: rgba(255,255,255,0.15);
	border: 1px solid #fff;
	overflow:hidden;
	border-radius: 6px;
}
#events .eventPhoto{
	display:block;
	width:100%;
	height:0;
	padding-top: 75%;
	position: relative;
}
#events .eventPhoto .date{
	position: absolute;
	left: 15px;
	top:0;
	background: #d83338;
	color:#fff;
	padding: 4px 10px;
}
#events .eventPhoto .date .month{
	display:block;
	text-align:center;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-transform:uppercase;
}
#events .eventPhoto .date .dateNumber{
	display:block;
	text-align:center;
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
}
#events h2,
#events h3{
	margin:0 0 10px 0;
}
#events h3+p{
	margin-top:0;
}
.store-description ul.events {list-style:none;margin:0;padding:0;}
.store-description ul.events p:last-child {margin-bottom:0;}
.store-description ul.events li + li {border-top:1px solid #a2854e;margin-top:20px;}

.single-store {color:#383838;}
.single-store h2 {text-transform:uppercase;margin-top:-10px;}
.single-store h3 {font-size:16px;color:#174063;margin-bottom:0;}
.single-store .date {font-weight:700;font-style:italic;font-size:14px;}

.single-store .store-contact ul, .single-store .store-hours ul {list-style:none;}
.single-store .store-contact li, .single-store .store-hours li {position:relative;margin-bottom:10px;padding-left:35px;}
.single-store .store-contact img, .single-store .store-hours img {position: absolute; left: 0; margin: 3px 0 0 0;}

.single-store #main-content #content h2.page-title{line-height:1;position:relative;padding:100px 6px!important;font-size:56px;font-family:'FranklinGothic-MediumCond', sans-serif;letter-spacing:1px;margin-top:0;background:#174063;color:#ffffff;font-weight:400;text-transform:uppercase;text-align:left;padding-left:120px !important;padding-right:270px !important;}
.single-store #main-content #content h2.page-title .order-online {text-align:center;}
.single-store #main-content #content h2.page-title .store-number {font-size:12px;position: absolute;/* margin-top: -20px;*/text-transform:none;font-weight:400;}

.page-id-29 h1.page-title, .single-store h2.page-title {text-align:left;padding-left:150px !important;}
.page-id-29 h1.page-title .marker, .single-store h2.page-title .marker {position: absolute; left:0;margin: -60px 0 0 15px;}

.single-store .store-gallery .bx-wrapper {margin-bottom:30px;}
.single-store .store-gallery .bx-pager-link {background:rgba(255,255,255,0.5)!important;}
.single-store .store-gallery .bx-pager-link.active {background:rgba(255,255,255,1) !important;}



.page-id-83 input[type="text"], .page-id-83 input[type="email"]{width: 100%;-webkit-appearance: none;}
.page-id-83 input[type="submit"]{background: #ed1c24; color: #fff; font-weight: 700;border:none;padding:10px 30px;font-size: 18px;font-family: 'Open Sans', sans-serif;-webkit-appearance: none;}

.single .shareThis{display:block; clear:both;padding: 0 0 15px 0;}

.single .wp-post-image{float: left; margin: 0 15px 15px 0;}
.single .wp-post-image +p{margin-top: 0;}

.single .postComments h5{color: #154fa3; font-size: 16px; font-weight: 700;margin-bottom: 5px;}
.single .postComments p.meta{color: #5d5d5d; font-size: 12px;margin:0;}

.single .commentArea{border-top: 1px solid #e6d4b8;padding-top: 40px;margin-top: 40px;}
.single .commentArea label{display:block; clear:both;font-size: 14px; color: #5d5d5d; font-weight: 700;}
.single .commentArea input[type="text"], .single .commentArea input[type="email"], .single .commentArea input[type="phone"]{width:100%;-webkit-appearance: none;}
.single .commentArea textarea{resize:none;}
.single .commentArea input[type="submit"]{background: #ed1c24; color: #fff; margin-top: 20px; font-size: 18px; font-weight: 700;border:none;padding: 10px 30px;font-family: 'Open Sans', sans-serif;-webkit-appearance: none;}


/*FRANCHISES*/
.parent-pageid-6 #sidebar:after, .parent-pageid-10 #sidebar:after, .parent-pageid-22 #sidebar:after{content:'';width: 320px; height: 174px;display:block; position: absolute; left: -40px; bottom: -50px;z-index: 100;background: url(images/secondary_bottom_frame_faded.png)no-repeat bottom;pointer-events:none;}
.parent-pageid-10 ul#faqs { list-style-type:none;margin: 0;padding:0;}
.parent-pageid-10 ul#faqs li { 
    display:block; clear:both;margin-bottom: 0px;
}
.parent-pageid-10 ul#faqs li h4 {color: #154fa3; font-size: 14px;margin: 0;cursor: pointer;position: relative;}



.parent-pageid-10 ul#faqs li p{margin-top: 0; }
.parent-pageid-10 ul#faqs li.current p{display:block;}

#additionalContent{padding-top: 40px;}
#border_top{width:1275px; max-width:115%; height: 200px; display:none; background: url(images/map_top_border.png)no-repeat; margin-left: -48px; margin-bottom: -16px; position: relative; z-index:101; overflow: hidden; pointer-events:none; }
#border_bottom{width:1248px; height: 169px; display:none;background: url(images/map_bottom_border.png)no-repeat;margin: -90px 0 150px -32px;position: relative;z-index:101;pointer-events:none;}

/*MENU*/
.menu_category .itemImage{display:block; width: 100%; height: 0; padding-top: 67%;position: relative;}
.menu_category h4{text-align: center;}
.menu_category h4 a{color: #ed1c24; font-size: 18px;text-decoration:none;}
.menu_category .category_description{padding-bottom: 20px;}

#overlay{position: fixed; left: 0; top: 0; right:0;bottom: 0; background: rgba(0,0,0,.75);z-index: 9999;display:none;}
#overlay #module{position: absolute; top: 10%; left: 50%; margin-left: -300px; display:block; width: 720px; max-width: 100%; height: auto; padding: 20px; background: #fff; border-radius: 4px; display:none; }
#overlay #module .x{position: absolute; right: -6px; top: -6px; width: 26px; height: 26px; border-radius: 50%; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */ background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */ border: 1px solid #bbbbbb; cursor: pointer; }
#overlay #module .x:after{content: "\f158"; text-align:center; font-family: 'dashicons'; display:block; width: 20px; height: 20px; position: absolute; left: 3px; top: 2px; color: #595959; font-size: 20px; }
#overlay #module .itemPhoto{width: 70%;max-width: 100%;margin-left: -130px;padding: 20px 0;}
#overlay #module .itemPhoto img{border: 5px solid #fff;border-radius: 5px;}
#overlay #module .itemDescription{width: 48%;max-width: 70%;}
#overlay #module h2{margin:20px 0 0 0; }
#overlay #module h2 a{font-family: 'tikisurfregular'; font-size:48px; color: #ed1c24; text-transform:uppercase; letter-spacing:-4px; text-decoration:none; }
#overlay #module p{line-height: 20px;}
.lightBoxContainer{
	display:none;
	position: fixed;
	left:50%;
	top:100px;
	margin: 0 0 0 -480px;
	width:960px;
	max-width:100%;
	z-index:10000;
	border: 8px solid rgba(255,255,255,0.8);
}
.lightBoxContainer img{
	display:block;
	width:100%;
	height: auto;
}
#orderOnlineLocationSelector{display:block; padding-bottom: 40px; }
#orderOnlineLocationSelector h2{text-align:center; }
#orderOnlineLocationSelector select{display:block;width: 300px;max-width:100%;margin: 0 auto;height: 30px; border-radius: 4px;-webkit-appearance:none;}

#colophon {background:#fff;min-height:205px;margin-top:60px;text-align:center;padding:35px 15px 20px;}

#colophon ul {list-style:none;margin:0;padding:0;}
#colophon ul li {display:inline-block;margin-bottom:10px;}
#colophon ul#footer-menu {margin-bottom:20px; margin-left:0 !important;}
#colophon ul#footer-menu a {display:block;padding:0 12px;text-transform:uppercase;text-decoration:none;color:#154fa3;font-family: 'FranklinGothic-MediumCond',sans-serif;font-size:25px;}
#colophon ul#footer-menu li {line-height:0.7;margin-right:-5px;}
#colophon ul#footer-menu li:last-child {line-height:0.7;margin-right: 0px !important;}

#colophon ul#footer-social-menu a {width:40px;height:39px;display:inline-block;font-size:0;color:transparent;}
#colophon ul#footer-social-menu .fb a {background:url(images/ico-fb.png);}
#colophon ul#footer-social-menu .ig a {background:url(images/ico-ig.png);}
#colophon ul#footer-social-menu .tw a {background:url(images/ico-tw.png);}

.home #colophon {margin-top:0;}

.youTubeContainer{
	display:block;
	width:800px;
	max-width:100%;
	height:0;
	margin:20px auto;
	padding-top: 46%;
	position:relative;
}
.youTubeContainer iframe{
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
}

/* HOMPAGE */
body.page-id-4 #main-content {min-height:0;margin-top:0; /*margin-bottom:-50px; */}
body.page-id-4 #main-content:before, body.page-id-4 #main-content:after {display:none;}
body.page-id-4 #main-content:before, body.page-id-4 #main-content:after, body.page-id-4 #main-content {background:none;}
.tile {position:relative;margin:auto;margin-top:50px;background:#ffffff;width: 1167px; height: 692px; padding: 0 !important;}
.tile > div {position:absolute;overflow:hidden;left:0;top:0;padding:0 !important;}

.tile #t-orderOnline{left:10px;top:10px;width:377px;height:400px;overflow:hidden;}
.tile #t-menu       {left:400px;top:10px;width:388px;height:400px;overflow:hidden;}
.tile #t-menu .bx-prev,
.tile #t-menu .bx-next {top:auto;bottom:10px;}
.tile #t-location 	{left:10px;top:420px;width:377px;height:262px;overflow:hidden;}
.tile #t-join 		{top:420px;left:798px;width:359px;height:262px;overflow:hidden;}
.tile #t-cater 		{top:215px;left:798px;width:359px;height:195px;overflow:hidden;}
.tile #t-order 		{top:10px;left:798px;width:359px;height:195px;overflow:hidden;}
.tile #t-social 	{top:420px;left:399px;width:388px;height:127px;overflow:hidden;}
.tile #t-video 		{top:557px;left:399px;width:388px;height:127px;overflow:hidden;}
.tile img {width:100% !important;height:100% !important;}
.tile .imgmap-frontend-image > div {width:100% !important;height:100% !important;}
.tile canvas {display:none;}

.tile .social-icons {position:absolute;bottom:0;right:0;padding:5px 10px;}
.tile .social-icons a {margin-left:5px;}
.tile .social-icons img {width:auto !important;height:auto !important;}

#mobile-button {display:none;position:absolute;right:0;top:0;margin:30px 20px 0 0; background: #2c2c63; color:#fbeccf; padding: 10px; font-size: 28px; border-radius: 8px; cursor:pointer; }
body.mm-open #mobile_menu {left:0;}
body.mm-open #mobile-button {display:none;}
#mobile_menu .fa-times {position: absolute; right: 0; top: 0; margin: 50px 20px 0 0; background:#fbeccf;color:#2c2c63;padding:10px; font-size:28px;border-radius:8px;cursor:pointer;z-index:2;}
#mobile_menu ul li#menu-item-33,

.show-for-lg {display:block;}
.show-for-md {display:none;}

.page-id-700 .entry-content,
.page-id-1067 .entry-content {padding-left:80px;padding-right:80px;}

.overview-list {text-align:center;font-size:16px;color:#383838;font-weight:700;}
.overview-list a {text-decoration:none;color:#383838 !important;}
.overview-list h3 {margin-bottom:5px;}
.overview-list h3, .overview-list h3 a {font-size:24px !important;color:#a31c1c !important;}
.overview-list > li {float:left;width:50%;margin-bottom:45px;}
.overview-list > li:nth-child(odd) {clear:both;}
.overview-list, ul {list-style:none;padding:0;margin:0;}
.overview-list ul {padding-left:15px;padding-right:15px;max-width:440px;margin:auto;}
.overview-list ul li {padding:5px 15px;}
.overview-list ul li+li {border-top:1px solid #a2854e;}

/* google map popovers */
.gm-style > div:first-child > div.gm-style-pbc + div + div > div:last-child > div {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
}
.gm-style > div:first-child > div.gm-style-pbc + div + div > div:last-child > div > div:first-child > div:first-child {
  border: 0 !important;
}
.gm-style > div:first-child > div.gm-style-pbc + div + div > div:last-child > div > div:first-child > div + div {
  background: none !important;
  box-shadow: none !important;
  left: 2px !important;
  top: 75px !important;
  transform: rotate(90deg) !important;
}
.gm-style > div:first-child > div.gm-style-pbc + div + div > div:last-child > div > div:first-child > div + div > div {
  top: 2px !important;
}
.gm-style > div:first-child > div.gm-style-pbc + div + div > div:last-child > div > div:first-child > div + div > div > div {
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: none !important;
}
.gm-style > div:first-child > div.gm-style-pbc + div + div > div:last-child > div > div:first-child > div + div > div:first-child > div {
  transform: skewX(40deg) !important;
}
.gm-style > div:first-child > div.gm-style-pbc + div + div > div:last-child > div > div:first-child > div + div > div:last-child > div {
  transform: skewX(-40deg) !important;
}
.gm-style .gm-style-iw {
  white-space: nowrap;
}
.gm-style .gm-style-iw strong {
  font-size: 1.6rem;
}
.gm-style .gm-style-iw p {
  margin-bottom: 10px;
  line-height: 1.4;
}

.single-store #storeCallouts{
	display:block;
	margin: 50px 0;
}
.single-store .calloutImage{
	display:block;
	width:100%;
	height:0;
	position:relative;
	padding-top: 54%;
	-webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    3px 3px 4px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         3px 3px 4px 0px rgba(0, 0, 0, 0.25);
}
.single-store .calloutImage a{
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
}

#st_gdpr_iframe {border:0;}
.youtube-row {position:relative;height:0;padding-bottom:67%;}
.youtube-row iframe {position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;}
.youtube-row a#get-started {position:absolute;bottom:50px;}
.apct-testim-wrapper .bx-wrapper {margin-bottom:0;}
.apct-testim-wrapper .bx-wrapper .bx-pager {position:absolute;bottom:-60px;}

@media (max-width:767px) {
	.youtube-row a#get-started {bottom:170px;}
}
.testimonial_rotator_star {
	color: #ffff00;
}
.testimonial_rotator.template-default .testimonial_rotator_author_info {
	border-left: none;
	color: #113A99;
	font-weight: 700;
	font-style: normal;
}
.testimonial_rotator.template-default .has-image .text, .testimonial_rotator_single.has-image.template-default .text {
	width: 45%;
}
.testimonial_rotator.template-default .has-image .img, .testimonial_rotator_single.has-image.template-default .img {
	width: 50%;
}
.testimonial_rotator.template-default .has-image .img img, .testimonial_rotator_single.has-image.template-default .img img {
	max-width: 85%;
}
.testimonial_rotator_wrap.with-prevnext {
	padding: 0;
}
.testimonial_rotator_wrap {
	margin: 0;
}
.home-slider-nav-left, .home-slider-nav-right {
	font-size: 15em;
    position: absolute;
    z-index: 1;
	top: 1.75em;
	display: inline-block;
}
.home-slider-nav-left:hover, .home-slider-nav-right:hover {
	cursor: pointer;
}
.home-slider-nav-left {
	float: right;
    right: 0;
	text-align: right;
}
.slider-container p {
	margin: 0;
}
@media (max-width:767px) {
	.home-slider-nav-left, .home-slider-nav-right {
		font-size: 3em;
		top: 3em;
	}
}
@media (max-width:1000px) {
	.home-slider-nav-left, .home-slider-nav-right {
		font-size: 8em;
		top: .75em;
	}
}


/* ADA Compliance & POJO Accessibility Styles */

.pojo-a11y-btn-negative-contrast { display: none !important; }

#main-content #content h1 a.menu-back { font-size: 14px; color: #ffffff; text-decoration: none; font-style: italic; position: absolute; left: 20px; top: 115px; }

#masthead .row { min-height: 100px; height: auto !important; }
#masthead nav .menu a { line-height: 1.8em !important; }
#masthead .myNavWrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

#footer-menu { line-height: 1.8em; }