/* ========================================================================== Name:beauty.css Version:1.2.1 ========================================================================== */ html{direction: ltr;overflow-x: hidden;} /************************************************************************** RESETS **************************************************************************/ 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%;vertical-align: baseline;} body {line-height: 1;} ol,ul {list-style: none;} blockquote,q {quotes: none;} blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} 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%;} a:focus {outline: thin dotted;} article,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: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} small {font-size: smaller;} img {border: 0;-ms-interpolation-mode: bicubic;} .clear:after,.wrapper:after,.format-status .entry-header:after {clear: both;} .clear:before,.clear:after,.wrapper:before,.wrapper:after,.format-status .entry-header:before,.format-status .entry-header:after {display: table;content: "";} /************************************************************************** TYPOGRAPHY **************************************************************************/ @font-face {font-family: 'American Typewriter';src: url('https://s3.us-east-2.amazonaws.com/bajachuys/assets/fonts/american-typewriter.eot');src: url('https://s3.us-east-2.amazonaws.com/bajachuys/assets/fonts/american-typewriter-ie.eot#iefix') format('embedded-opentype'),url('https://s3.us-east-2.amazonaws.com/bajachuys/assets/fonts/american-typewriter.woff') format('woff'),url('https://s3.us-east-2.amazonaws.com/bajachuys/assets/fonts/american-typewriter.ttf') format('truetype');} @font-face {font-family: 'Chalkline';src: url('https://s3.us-east-2.amazonaws.com/bajachuys/assets/fonts/chalkline-bold-tt.eot');src: url('https://s3.us-east-2.amazonaws.com/bajachuys/assets/fonts/chalkline-bold-tt-.eot#iefix') format('embedded-opentype'),url('https://s3.us-east-2.amazonaws.com/bajachuys/assets/fonts/chalkline-bold-tt.woff') format('woff'),url('https://s3.us-east-2.amazonaws.com/bajachuys/assets/fonts/chalkline-bold-tt.ttf') format('truetype'),url('https://s3.us-east-2.amazonaws.com/bajachuys/assets/fonts/chalkline-bold-tt.svg.html') format('svg');font-weight: normal;font-style: normal;} h1, h2, h3, h4, h5, h6{font-family: "Chalkline",sans-serif;} a{color: #fff767;} a:hover{color: #94ddf8;} a:focus {outline: none;} p{margin-bottom: 20px;} #content h2{font-size: 50px;text-align: center;color: #ffffff;xtext-transform: uppercase;margin-top: 10px;margin-bottom: 15px;} .chalk-sunshine{color:#ffe28a !important;} .chalk-green{color:#5fab46 !important;} .chalk-pink{color:#f3dadd !important;} .chalk-lipstick{color:#ce746c !important;} .chalk-rose{color:#e1777f !important;} .chalk-blue-light{color:#bfceed !important;} .chalk-olive{color:#cdc889 !important;} .chalk-blue-drab{color:#7fa3a3 !important;} /************************************************************************** STRUCTURE **************************************************************************/ html {position: relative;min-height: 100%;} body {height:100%;} body{font-family: 'American Typewriter',sans-serif;font-size: 16px;line-height: 22px;color: #000000;background: #B7A079;} #page{background: url('../img/bg_tiki_shaded_thatched.jpg') #E0B692;/*background-size: 100%;*/background-repeat: repeat;} .container{padding-right: 0px;padding-left: 0px;} .row{margin-right: 0px;margin-left: 0px; } #content{color: #ffffff;} /************************************************************************** HEADER & MAIN NAV **************************************************************************/ #header { padding: 0px; height: 120px; } #header .header-left .navbar-header { float: none } #header .header-left .navbar-brand { background: url('../img/logo.png'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png', sizingMethod='scale'); background-size: contain; background-repeat: no-repeat; width: 100%; height: 124px; display: block; margin-top: 5px; padding: 0px; } #header .header-right li ul a { /*color: #fff767 !important; */text-decoration: none !important; font-weight: normal !important; line-height: 25px; font-size: 16px; font-family: "blambot-casual" !important; } #header .header-left .navbar-brand span { display: none } #header .header-right .header-locator { display: inline-block; float: right; } #header .header-right .header-locator .header-locator-left { color: #ffffff; font-size: 12px; float: left; margin-right: 10px; text-align: center; line-height: 14px; } #header .header-right .header-locator .header-locator-left span { font-family: "Chalkline",sans-serif; color: #fff767; font-size: 30px; } #header .header-right .header-locator .header-locator-right { float: left; margin-right: 10px; } #header .header-right .header-right-upper { display: inline-block; float: right; } #header .header-right .header-right-upper a { color: #fff767; text-decoration: underline; font-weight: normal; } #header .header-right .header-right-upper a:hover { text-decoration: none } #header .header-right .header-right-upper .textwidget > a { margin-right: 5px } #main-nav{position: absolute;top: 64px; } .navbar { margin-bottom: 0px } #menu-primary-menu { margin-top: 0px; float: right; } #menu-primary-menu > li { float: right } .navbar { min-height: 40px } #menu-primary-menu > li > a { padding: 14px 15px; text-transform: uppercase; color: #000 !important; font-size: 16px; cursor: pointer; text-shadow: 1px 1px 10px #fff; font-weight: 800; } #menu-primary-menu > li > a:hover, #menu-primary-menu > li > a:focus { text-decoration: underline; background: none; } #header .header-right { padding-top: 15px } #header .header-right a { text-decoration: none; display: inline-block; float: right;font-family: 'lobster', cursive; text-transform: none; font-size: 24px; color: #1F4CA8 !important;} #header .header-right a.chalk-sunshine{color:#ffe28a !important;} #header .header-right a.chalk-green{color:#5fab46 !important;} #header .header-right a.chalk-pink{color:#f3dadd !important;} #header .header-right a.chalk-lipstick{color:#ce746c !important;} #header .header-right a.chalk-rose{color:#e1777f !important;} #header .header-right a.chalk-blue-light{color:#bfceed !important;} #header .header-right a.chalk-olive{color:#cdc889 !important;} #header .header-right a.chalk-blue-drab{color:#7fa3a3 !important;} #header .header-right a.chalk-brass{color:#cfa92a !important;} #header .header-right ul.header-social-media { list-style-type: none; float: right; margin-top: 15px; } #header .header-right ul.header-social-media > li { position: relative } #header .header-right ul.header-social-media ul { display: none; position: absolute; z-index: 99; } #header .header-right ul.header-social-media li { float: left; margin-right: 6px; cursor: pointer;text-align:left; } #header .header-right ul.header-social-media li a { margin-right: 0px !important;color:#ffe28a !important; } #header .header-right ul.header-social-media li:hover ul { display: block; background: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BF000000', endColorstr='#BF000000'); padding: 10px; } .facebook-menu{width: 180px;margin-left: -24px;} #header .header-right .header-right-upper .widget_text { float: right; margin-top: 18px; } #header .header-right .header-right-upper .textwidget > a { line-height: 28px } #header .header-right ul.header-social-media li { display: inline-block } #header .header-right ul.header-social-media li a { margin-right: 6px; margin-top: 0px; } #header .header-right .header-right-upper .textwidget > a { clear: both } .menu-item-hidden ul { display: none } .menu-item-hidden:hover ul { display: block } .img-signature{height:70%;width:auto;margin-bottom:-4px;max-height:32px} .img-heart{height:60%;width:auto;margin-bottom:-4px;max-height:21px} /* Topbar -------------------------------------------------- */ #topbar{padding-right: 0px;} #topbar-locations { max-width: 600px; width: 480px; padding: 0px; position: absolute; z-index: 50; overflow: hidden; top: 48px !important; } #topbar-locations, #topbar-menu { background: url('../img/dropdown-menu-arrow.png'); padding-top: 23px; background-repeat: no-repeat; background-position: 190px 0px; } #topbar-locations { background-position: 50px 0px } #topbar-locations-inner, #topbar-menu ul { background: url('../img/bg_chalkboard_sm.jpg'); background-repeat: no-repeat; background-position: 0px 0px; } #topbar-locations-inner { padding: 20px; margin-top: 23px; } #topbar-locations-inner .city { display: inline-block; font-size: 12px; text-transform: capitalize; } #topbar-locations-inner .left { width: 49%; float: left; border-right: 1px dotted #fff767; margin-right: 1%; } #topbar-locations-inner .left .coming-soon-label { background:#BA6DAD; color: #000000; font-size: 12px; display: inline-block; padding: 0px 3px; font-weight: bold; line-height: 14px; } #topbar-locations-inner .left a { display: list-item; float: left; clear: both; color: #fff767; margin-top: 10px; margin-bottom: 10px; } #topbar-locations-inner .right { float: left; width: 49%; margin-left: 1%; } #topbar-locations-inner .right a { display: list-item; float: left; clear: both; color: #94ddf8; margin-top: 10px; margin-bottom: 10px; } #topbar-locations-inner .right .coming-soon-label { background: #94ddf8; color: #000000; font-size: 12px; display: inline-block; padding: 0px 3px; font-weight: bold; line-height: 14px; } #topbar-locations hr, #topbar-menu hr { border: none; border-top: 2px dotted #c18546; height: 1px; background: none; margin: 15px 20px 15px 20px; clear: both; } #topbar-locations { max-width: 600px; width: 480px; padding: 0px; position: absolute; z-index: 50; top: 50px; overflow: hidden; } #topbar-locations .select2-drop { z-index: 30 } #topbar-locations .upper { margin: 20px } #topbar-locations .title { text-transform: uppercase; color: #e9c06e; width: 100px; display: inline-block; text-align: center; line-height: 18px; float: left; font-size: 18px; } #topbar-locations .desktop-current-location-pin { display: inline-block; width: 40px; height: 32px; float: left; } #topbar-locations .desktop-current-location-pin img { margin: 0px auto; display: block; max-width: 100%; cursor: pointer; } #topbar-locations #current-location { display: inline-block; padding: 5px;border-radius: 0px; float: left; width: 300px; height: 25px; line-height: 25px; text-align: center; } #topbar-locations select2-container { margin-top: 5px } #topbar-locations .select2-container a { width: 300px } #topbar-locations .select2-container .select2-choice { height: 35px; line-height: 35px; } #topbar-locations .select2-container .select2-choice .select2-arrow b { background-position-y: 4px } #topbar-locations .submit { border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 20px solid #c18546; background: none; height: 0px; width: 0px; padding: 0px; display: inline-block; float: left; margin-left: 15px; } #topbar-locations .all-locations { display: block } #topbar-locations .all-locations-toggle { color: #ead5ba; cursor: pointer; text-decoration: underline; text-align: center; font-weight: bold; height: 40px; line-height: 30px; text-transform: uppercase; display: block; } #topbar-locations .all-locations-toggle .arrow { width: 0; height: 0; border-top: 10px solid #c18546; border-right: 6px solid transparent; border-left: 6px solid transparent; display: inline-block; margin-left: 5px; } #topbar-locations .all-locations-toggle.closed .arrow { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #c18546; display: inline-block; margin-left: 5px; } #topbar-locations .all-locations-toggle:hover { text-decoration: none } #topbar-locations .all-locations-list { color: #ffffff; padding-left: 4%; padding-right: 4%; padding-top: 0px; display: block; } #topbar-locations .all-locations-list .region-6 { clear: both } #topbar-locations .all-locations-list .location-251 { display: none } #topbar-locations .all-locations-list.closed { display: none } #topbar-locations .all-locations-list .region { font-weight: bold } #topbar-locations .all-locations-list ul { list-style-type: none; margin-bottom: 20px; height: auto; } #topbar-locations .all-locations-list li { line-height: 18px } #topbar-locations .all-locations-list a { color: #ffffff; line-height: 16px; } #topbar-locations .all-locations-list a:hover { color: #ffffff } #topbar-menu { width: 720px; position: absolute; top: 48px !important; overflow: hidden; left: -130px; z-index: 99999; } #topbar-menu li a { color: #ead5ba; text-transform: uppercase; } #topbar-menu .main-menu { padding: 15px 20px 25px 20px } /*controls column width. Ex 22% for 4 cols*/ #topbar-menu .main-menu li { margin-left: 1%; margin-right: 1%; width: 31%; float: left; } #topbar-menu .main-menu li a { display: block; text-align: center; width: 100%; height: 100%; color: #fff767; float: left; } #topbar-menu .main-menu li a:hover { color: #ffffff } #topbar-menu .main-menu li a img { width: 100%; height: auto; display: block; padding-bottom: 5px; } #topbar-menu .secondary-menu { margin: 20px } #topbar-menu .secondary-menu li { display: inline-block } #topbar-menu .secondary-menu li a { font-weight: bold; padding: 5px; font-size: 14px; margin: 0px 5px 0px 2px; } #topbar-menu .secondary-menu li a:hover { color: #4b250e; background: #ead5ba; text-decoration: none; } #topbar-menu .secondary-menu li:after { content: '|'; color: #ead5ba; } #topbar-menu .secondary-menu li:last-of-type:after { content: '' !important } #header-mobile nav { overflow: hidden } #header-mobile nav ul { background: #000000 } #header-mobile nav a { color: #ffffff; text-transform: uppercase; padding: 7px 20px; font-size: 20px; display: block; } #header-mobile nav a.mobile-logo { padding: 0px } #header-mobile nav ul {background:#5B3B1A url('../img/bg_sand.jpg') center -22px no-repeat !important;} #header-mobile nav li {width: 100%;} #header-mobile nav a {font-family: "blambot-casual"; text-transform: none;text-shadow: 1px 1px 1px #fff !important;color: #000000 !important;text-align:center;line-height:1.4em;} #header-mobile nav li.current-menu-item a, #header-mobile nav a:hover { color: #428bca; text-decoration: none; } #header-mobile nav a:hover{ color: #428bca !important; text-decoration: none; } #header-mobile #mobile-nav { /*background: url('../img/chalkboard_bg.jpg') #000000;*/ /*background: url('../img/mobile_header_bg.jpg.html'); background-size: 100% 203px; */ padding-right: 15px; padding-left: 15px; } #header-mobile #mobile-nav .mobile-menu-toggle, #header-mobile #mobile-nav .mobile-logo, #header-mobile #mobile-nav .mobile-find-us-toggle { display: inline-block; float: none; margin-top: 10px; margin-bottom: 10px; } #header-mobile #mobile-nav .mobile-menu-toggle img, #header-mobile #mobile-nav .mobile-logo img, #header-mobile #mobile-nav .mobile-find-us-toggle img { width: 100%; vertical-align: middle; } #header-mobile #mobile-nav .mobile-find-us-toggle { float: right; margin-top: 16px; margin-bottom: 4px; } #header-mobile #mobile-nav .mobile-menu-toggle img {} #header-mobile #mobile-nav .mobile-logo img {} #header-mobile #mobile-nav .mobile-find-us-toggle img {} #header-mobile #mobile-nav-locator { overflow: hidden; background: #000000; } #header-mobile #mobile-nav-locator .mobile-current-location-pin { display: inline-block; vertical-align: middle; line-height: 100px; font-weight: bold; font-size: 40px; color: #ffffff; margin-top: 10px; } #header-mobile #mobile-nav-locator .mobile-current-location-pin img { max-width: 100%; cursor: pointer; } #header-mobile #mobile-nav-locator .location-or { display: inline-block; vertical-align: middle; line-height: 100px; font-weight: bold; font-size: 40px; color: #ffffff; } #header-mobile #mobile-nav-locator .location-or img { max-width: 100% } #header-mobile #mobile-nav-locator .location-field { display: inline-block; vertical-align: middle; line-height: 100px; } #header-mobile #mobile-nav-locator .location-field .select2-container { width: 100% } #header-mobile #mobile-nav-locator .location-field .select2-container .select2-choice { height: 40px; line-height: 40px; } #header-mobile #mobile-nav-locator .location-field .select2-container .select2-choice .select2-arrow b { background-position-y: 6px } /* Topbar -------------------------------------------------- */ #topbar-locations-mobile { width: 100%; padding: 0px; position: absolute; z-index: 50; overflow: hidden; top: 48px !important; } #topbar-locations-mobile #sand-shader{ background: url('../img/bg_ocean.png') 0 0 no-repeat; background-size:cover; } #header-mobile nav #sand-shader ul{background: none transparent !important;} #topbar-locations-mobile #sand-shader { padding: 20px; margin-top: 23px; } #topbar-locations-mobile .city { font-size: 12px; line-height: 16px;text-transform: capitalize; } #topbar-locations-mobile .phone { font-size: 12px;line-height: 16px; text-transform: capitalize; } #topbar-locations-mobile a { text-align: center; line-height: 18px;font-size: 18px; } /* ========================================================================== LOADER ========================================================================== */ .loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99991;background-color:#74b0bb;} .loader-wrapper .loader{position:fixed;left:50%;top:50%;display:block;-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:inline-block;text-align:center;} .loader-wrapper .loader .animated_logo{width:200px;height:214px;margin-bottom:15px;background-image:url("../img/loading.gif");background-position:center center;background-repeat:no-repeat;background-size:100%;} /************************************************************************** INPUTS **************************************************************************/ .select2-container-active{border: none;} .select2-dropdown-open .select2-choice,.select2-container-active .select2-choice{border: none;} .select2-drop-active{background: rgba(0,0,0,0.7) !important;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B3000000', endColorstr='#B3000000');border: none;/* background: url('../img/notebook-paper2.png') !important; */background-repeat: repeat;background-size: auto 100%;} .select2-chosen{color: #000000;} .select2-search{margin-top: 5px;} .select2-results{margin-top: 7px;} .select2-results li{line-height: 21px;margin-bottom: -1px;/* margin-bottom: 12px;border-bottom: 1px solid #000000;padding-bottom: 13px */} .select2-results .select2-no-results, .select2-results .select2-searching{color: #fff767;background: none;font-weight: bold;line-height: 23px;border-bottom: none;margin-bottom: 0px;} .select2-results .select2-result{ color: #fff767;background: none;font-weight: bold;} .select2-results .select2-highlighted{color: #94DDF8;background: none;} /************************************************************************** PAGE: HOME **************************************************************************/ #home-slider { margin: 0px; max-height: 780px; position: relative; overflow: hidden; } #home-slider .chuys-stamp { position: absolute; bottom: -12px; right: 20px; z-index: 9999; height: 180px; } #home-slider a { display: block } #home-slider .flex-viewport { width: 100% } #home-slider ul li img { max-width: 100%; display: block; margin: 0px auto; } .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-next:before { content: '' } #home-slider:hover .flex-direction-nav .flex-prev, #home-slider:hover .flex-direction-nav .flex-next { opacity: 1 } .flex-direction-nav .flex-prev { top: 50%; margin-left: 5%; background: url('../img/feature-slider/btn_arrow_left.png') no-repeat; background-repeat: no-repeat; opacity: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 55px; height: 36px; z-index: 999999; } .flex-direction-nav .flex-next { top: 50%; margin-right: 5%; background: url('../img/feature-slider/btn_arrow_right.png'); opacity: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 55px; height: 36px; z-index: 999999; } .featured-teaser { background: url('../img/bg_plank.jpg'); height: 143px; background-repeat: repeat-x; } .featured-teaser .featured-teaser-left { text-align: center; height: 100px; margin-top: 21px; margin-bottom: 20px; } .featured-teaser .featured-teaser-left .title, .featured-teaser .featured-teaser-center .title { font-family: "Chalkline",sans-serif; text-shadow: 2px 3px 5px #000000; } .featured-teaser .featured-teaser-left .title { color: #94ddf8; font-size: 22px; line-height: 60px; } .featured-teaser .featured-teaser-center .title { color: #fff767; font-size: 50px; line-height: 65px; } .featured-teaser .featured-teaser-left .content, .featured-teaser .featured-teaser-center .content { color: #ffffff; line-height: 25px; font-size: 22px; } .featured-teaser .content a { text-decoration: underline; color: #ffffff; } .featured-teaser .content a:hover { text-decoration: none } .featured-teaser .featured-teaser-center { text-align: center; height: 100px; margin-top: 21px; margin-bottom: 20px; } .featured-teaser .featured-teaser-right { text-align: center; height: 100px; margin-top: 50px; margin-bottom: 20px; } .featured-teaser .featured-teaser-right .select2-container .select2-choice { height: 35px; line-height: 32px; } #content .featured-teaser-locations { display: none !important } .featured-teaser-locations { display: none; background: #000000; } #content .featured-teaser-locations.open { display: block !important } .featured-teaser-locations > a { border-bottom: 1px solid #fff767; padding-top: 15px; padding-bottom: 15px; display: block; height: 50px; } .featured-teaser-locations a div.left { border-right: 1px solid #fff767; font-size: 30px; text-align: right; } .featured-teaser-locations a:hover div.left { border-right: 1px solid #94ddf8 } .featured-teaser-locations > a > div a { float: left } .featured-teaser-locations > a > div .arrow { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff767; float: right; } .featured-teaser-locations > a:hover > div .arrow { border-left: 15px solid #94ddf8 } .featured-teaser-center-mobile { background: url('../img/bg_retro_ad.jpg'); background-repeat: no-repeat; background-size:cover; margin: 20px 15px 10px 15px; color: #000000; } .featured-teaser-center-mobile .image { } .featured-teaser-center-mobile .image img { max-width: 100% } .featured-teaser-center-mobile .location a { color: #0149b7; font-size: 25px; text-align: center; text-decoration: underline; display: block; margin-bottom: 20px; } .featured-teaser-center-mobile .location a:hover { text-decoration: none } .featured-teaser-center-mobile .title { color: #000000; text-align: center; text-transform: uppercase; font-weight: bold; } .featured-teaser-center-mobile .description { text-align: center } .featured-teaser-center-mobile .details { text-align: center; margin-bottom: 10px; } .featured-teaser-center-mobile .other-taps { color: #ffffff; text-align: center; line-height: 30px; } .daily-specials { background: #000000 } .daily-specials a { margin: 15px 15px 10px 15px; display: block; background: #000000; } .daily-specials img { max-width: 100% } .daily-specials-mobile { background: #000000 } .daily-specials-mobile a { margin: 15px 15px 10px 15px; display: block; background: #000000; } .daily-specials-mobile img { max-width: 100% } .featured-teaser-left, .featured-teaser-center {cursor: pointer !important;} .description a {color: #1F4CA8;} .home-instagram .content {color: #422415;} .home-instagram .content a {color: #1F4CA8;} .home-mobile-menu #daily-specials .special-details .menu a { display: block; background: transparent url(../img/btn_chalk.png); font-family: "Chalkline",sans-serif; background-repeat: no-repeat; background-size: 120px 100%; background-position: center center; color: #000; text-align: center; margin-top: 10px; padding: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } .home-mobile-menu { background: url('../img/bg_chalkboard_sm.jpg'); background-repeat: no-repeat; background-size: cover; margin: 20px 15px 10px 15px; color: #000000; } /* .home-mobile-menu a { margin: 15px; display: block; background: #000000; }*/ .home-mobile-menu img { max-width: 100% } .home-mobile-cta { background: #94ddf8; color: #000000; background-repeat: no-repeat; background-size: 100% 100%; padding: 10px 20px 20px 20px; margin: 10px 15px; font-weight: bold; } .home-mobile-cta a { color: #000000 } .home-mobile-cta a:hover { color: #ffffff } .home-mobile-cta .title { font-size: 30px; text-align: center; margin-bottom: 10px; line-height: 40px; } .home-mobile-cta .title img { width: 40px; margin-left: 5px; margin-right: 5px; } .home-mobile-cta .title span { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; font-size: 20px; } .home-mobile-cta .content { font-size: 20px; text-align: center; } .home-mobile-cta .right-arrow { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 30px solid #000; text-align: center; margin-right: 10%; float: right; margin-top: 50px; } .home-instagram { margin-left: 15px; margin-right: 15px; margin-top: 5px; } .home-instagram .hashtag { color: #fff767; border-bottom: 1px solid #fff767; font-size: 30px; margin-top: 10px; padding-bottom: 10px; text-align: center; } .home-instagram .content { color: #9a18c1; text-align: center; margin-top: 10px; margin-bottom: 10px;font-size: 1.2em; } .home-instagram a { display: block; position: relative; } .home-instagram .photo img { width: 100%; border: 5px solid #ffffff; } .home-instagram .user-id { display: inline-block; position: absolute; bottom: 15px; right: 5%; color: #ffffff; font-size: 16px; text-shadow: 0px 0px 5px #000000; } .home-instagram .stream-icon { display: inline-block; position: absolute; bottom: 15px; left: 5%; color: #ffffff; font-size: 16px; text-shadow: 0px 0px 5px #000000; width: 30px !important; border: none !important; } /************************************************************************** FOOTER **************************************************************************/ footer#footer { background: #000000 } .home #featured-promos { margin-top: 0px } #featured-promos { background: url('../img/notebook-paper2.png') !important; background-repeat: repeat; background-size: auto 100%; } #featured-promos .row { margin: 0px !important } #featured-promos.col-lg-3, #featured-promos .col-md-3, #featured-promos .col-sm-3, #featured-promos .col-xs-3 { padding: 14px 7px !important } #featured-promos img { width: 100%; display: block; } #featured-promos img.hover { position: absolute; z-index: 5; } #featured-promos img.hover { display: none; box-shadow: #000 0em 0em 0em !important; } #featured-promos #home-promo-slider { position: relative } #featured-promos #home-promo-slider .flex-direction-nav .flex-prev { opacity: 1; margin-left: 0px; top: 50%; } #featured-promos #home-promo-slider .flex-direction-nav .flex-next { opacity: 1; margin-right: 0px; top: 50%; } #featured-promos .row.hidden-xs a { display: block; margin: 0px; padding: 0px; } #featured-promos .row.hidden-xs:after { /* content: none !important; */ /* display: inline !important; */ } .featured-teaser-center-mobile .button a { background: #a42021; padding: 10px; margin: 20px auto; width: 150px; text-align: center; color: #fff; font-weight: bold; cursor: pointer; display: block; } #footer-upper { background: #000000 } #footer-upper .left { margin-top: 30px } #footer-upper .left .hashtag { color: #fff767; border-bottom: 1px solid #fff767; font-size: 30px; margin-top: 5px; padding-bottom: 10px; text-align: center; } #footer-upper .left .content { color: #fff767; text-align: center; margin-top: 10px; margin-bottom: 10px; } #footer-upper .left .photo img { width: 100%; max-height: 320px; border: 5px solid #ffffff; } #footer-upper .left .user-id { display: inline-block; position: absolute; bottom: 15px; right: 10%; color: #ffffff; font-size: 16px; text-shadow: 0px 0px 5px #000000; } #footer-upper .left .stream-icon { display: inline-block; position: absolute; bottom: 15px; left: 10%; color: #ffffff; font-size: 16px; text-shadow: 0px 0px 5px #000000; width: 30px !important; border: none !important; } #footer-upper .left .username { } #footer-upper .center .top { background: url('../img/bg_retro_ad.jpg'); background-repeat: no-repeat; background-size: cover; margin: 10px auto; color: #000000; } #footer-upper .center .top .image-outer { padding-left: 5px; padding-right: 5px; margin-top: 20px; } #footer-upper .center .top .image { } #footer-upper .center .top .image img { max-width: 100% } #footer-upper .center .top .featured-center-title { color: #0b2b64; margin-top: 20px; font-size: 25px; text-transform: uppercase; font-weight: bold; text-align: center; margin-bottom: 5px; } #footer-upper .center .top .location a { color: #0149b7; font-size: 25px; text-align: center; text-decoration: underline; display: block; margin-bottom: 20px; } #footer-upper .center .top .location a:hover { text-decoration: none } #footer-upper .center .top .title { color: #000000; text-align: center; text-transform: uppercase; font-weight: bold; } #footer-upper .center .top .description { text-align: center } #footer-upper .center .top .details { text-align: center; margin-bottom: 10px; } #footer-upper .center .top .other-taps { color: #ffffff; text-align: center; line-height: 40px; font-size: 10px; } #footer-upper .center .bottom { background: url('../img/honor_roll_bg.jpg'); background-repeat: no-repeat; background-size: 100% 100%; padding: 10px 20px 20px 20px; margin: 10px auto; } #footer-upper .center .bottom .title { color: #90f1a4; text-align: center; font-size: 33px; line-height: 35px; text-shadow: 2px 3px 5px #000000; } #footer-upper .center .bottom .title img { margin-left: 6px; margin-right: 6px; width: 40px; margin-top: 5px; margin-bottom: 5px; } #footer-upper .center .bottom .content { text-align: center; color: #ffffff; } #footer-upper .center .bottom .button a { background: #90f1a4; padding: 10px; margin: 20px auto; width: 150px; text-align: center; color: #000000; font-weight: bold; cursor: pointer; display: block; } #footer-upper .center .bottom .button:hover a { color: #ffffff } #footer-upper .right { background: url('../img/corkboard.jpg'); background-repeat: no-repeat; background-size: 100% 100%; margin-top: 10px; } #footer-upper .class-notes-title { margin-top: 20px; margin-bottom: 20px; font-size: 27px; color: #000000; text-align: center; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 5px #222222; } #footer-upper .left-pin { background: url('../img/pushpin_left.png') no-repeat; width: 26px; height: 40px; position: absolute; left: 0px; z-index: 9; top: 40px; } #footer-upper .right-pin { background: url('../img/pushpin_right.png') no-repeat; width: 26px; height: 40px; position: absolute; right: 0px; z-index: 9; top: 40px; } #footer-upper .right #daily-specials .flex-direction-nav a.flex-next:before, #footer-upper .right #daily-specials .flex-direction-nav a.flex-next:before { content: '' } #footer-upper .right #daily-specials:hover .flex-direction-nav .flex-prev, #footer-upper .right #daily-specials:hover .flex-direction-nav .flex-next { opacity: 1 } #footer-upper .right #daily-specials .flex-direction-nav .flex-prev { top: 50%; margin-left: 17%; background: url('../img/slider_arrow_black_left.png') no-repeat; background-repeat: no-repeat; opacity: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 28px; height: 55px; z-index: 999999; } #footer-upper .right #daily-specials .flex-direction-nav .flex-next { top: 50%; margin-right: 17%; background: url('../img/slider_arrow_black_right.png'); opacity: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 28px; height: 55px; z-index: 999999; } #footer-upper .right #daily-specials { } #footer-upper .right #daily-specials li { background: url('../img/classnote_paper.jpg'); background-size: 100% 100%; background-repeat: no-repeat; } #footer-upper .right #daily-specials .event { text-align: center; font-weight: bold; color: #000000; margin-bottom: 20px; } #footer-upper .right #daily-specials .event .title { color: #0149b7; text-transform: uppercase; font-size: 23px; line-height: 30px; margin-top: 10px; margin-left: 10px; margin-right: 10px; } #footer-upper .right #daily-specials .event .location { color: #000000; font-size: 18px; margin-bottom: 10px; /* text-transform: uppercase; */ margin-left: 10px; margin-right: 10px; } #footer-upper .right #daily-specials .event .image { width: 100% } #footer-upper .right #daily-specials .event .image img { max-width: 100%; max-height: 260px; margin: 10px auto; } #footer-upper .right #daily-specials .event .description { padding-left: 5px; margin-right: 10px; } #footer-upper .right #daily-specials .event .pricing { margin-top: 10px; margin-bottom: 10px; color: #0b2b64; clear: both; margin-left: 10px; margin-right: 10px; } #footer-upper .right #daily-specials .event .reserve { } #footer-upper .right #daily-specials .event .reserve a { display: block; background: #000000; color: #fff767; text-align: center; padding: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } #footer-upper .right #daily-specials .special-details { text-align: center; font-weight: bold; color: #000000; margin-bottom: 20px; } #footer-upper .right #daily-specials .special-details .header { text-transform: uppercase; color: #0149b7; font-size: 19px; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-right: 10px; } #daily-specials .special-details .header { text-transform: uppercase; color: #FFF767; } #footer-upper .right #daily-specials .special-details .title { font-size: 21px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } #footer-upper .right #daily-specials .special-details .image { float: left; margin-top: 10px; margin-left: 10px; width: 92%; } #footer-upper .right #daily-specials .special-details .image img { max-width: 100% } #footer-upper .right #daily-specials .special-details .description { } #footer-upper .right #daily-specials .special-details .disclaimer { margin-top: 10px; font-size: 12px; margin-left: 10px; margin-right: 10px; clear: both; } #footer-upper .right #daily-specials .special-details .menu { } #footer-upper .right #daily-specials .special-details .menu a { display: block; background: #000000; color: #fff767; text-align: center; margin-top: 10px; padding: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } #placeholder-note { font-family: Chalkline,sans-serif; font-size: 32px; color: white; text-align: center; line-height: 32px; } #footer-middle { color: #ffffff; background: #000000; } #footer-middle .left { margin-top: 20px; text-align: left; padding-left: 50px; color: #94ddf8; } #footer-middle .left h3 { text-transform: uppercase; font-size: 16px !important; font-family: 'American Typewriter'; margin-bottom: 5px; text-decoration: uppercase; } #footer-middle .left a { text-decoration: uppercase; font-weight: bold; background: #94ddf8; padding: 10px; color: #000000; margin-top: 15px; display: inline-block; } #footer-middle .right { margin-top: 20px; color: #ffffff; text-align: center; padding-right: 50px; } #footer-middle .right > div { margin-top: 20px } #footer-middle .right h3 { text-transform: uppercase; font-size: 16px !important; font-family: 'American Typewriter'; margin-bottom: 5px; } #footer-middle .right a { color: #ffffff; line-height: 18px; display: block; padding: 3px 0px; } #footer-middle .right ul.footer-social-media { list-style-type: none; margin-top: 5px; } #footer-middle .right ul.footer-social-media li { display: inline-block } #footer-middle .right ul.footer-social-media li a { margin-right: 6px; margin-top: 0px; } #footer-middle .right ul.footer-social-media li a img { width: 18px; height: 18px; } #footer-lower { color: #ffffff; background: #000000; padding: 15px 0px; font-size: 14px; } #footer-lower a { color: #ffffff; text-decoration: underline; } #footer-lower a:hover { text-decoration: none } #footer-lower .left { text-align: center; padding: 0px; } #footer-lower .right { text-align: center; padding: 0px; } #footer-lower .dreambox-logo { margin-top: 20px; text-align: center; } #footer-lower .dreambox-logo img { opacity: 0.5 } #footer-upper { background: transparent !important } #footer-lower { background: transparent !important } footer#footer { min-height: 120px; background: transparent url(../img/bg_fish_waves.png) top center repeat-x; } #footer-wrapper { background: transparent url(../img/bg_sand.jpg) center top no-repeat; background-size: cover; } .fishy { margin-top: 70px } .hashtag { margin-top: 20px; margin-bottom: 0px; border-bottom: 0px solid #000000 !important; font-size: 27px; color: #D21B1E !important; text-align: center; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 5px #777777; } #footer-upper .left .content { color: #000000; text-align: center; margin-top: 0px; margin-bottom: 10px; font-size: 1.1em; } .daily-specials { background: none !important } #footer-upper .right { background: url('../img/bg_chalkboard_sm.jpg'); background-repeat: no-repeat; background-size: 100% 100%; margin-top: 30px; } #footer-upper .teaser-right { font-family: "Chalkline",sans-serif; text-shadow: 2px 3px 5px #000000; color: #fff !important; font-size: 32px; line-height: 30px; padding-top: 18px; text-align: center; } #daily-specials li { background: none !important } #daily-specials .special-details { text-align: center; font-weight: bold; color: #fff; margin-bottom: 20px; background: none; } #footer-upper .center .top { margin-top: 20px } #footer-upper .right #daily-specials .special-details .header { text-transform: uppercase; color: #FFF767; font-size: 19px; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-right: 10px; } #footer-upper .right #daily-specials .special-details .title { font-size: 21px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; color: #fff; } #footer-upper .right #daily-specials .special-details .disclaimer { margin-top: 10px; font-size: 12px; margin-left: 10px; margin-right: 10px; color: #fff; clear: both; } #footer-upper .right #daily-specials .special-details .menu a { display: block; background: transparent url(../img/btn_chalk.png); font-family: "Chalkline",sans-serif; background-repeat: no-repeat; background-size: 100% 100%; color: #000; text-align: center; margin-top: 10px; padding: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } #footer-upper .featured-center-title { font-family: "Chalkline",sans-serif; text-shadow: 2px 3px 5px #fff; color: #A42021 !important; font-size: 28px; line-height: 30px; padding-top: 18px; text-align: center; } #footer-upper .center .top .title { color: #000000; text-align: center; text-transform: uppercase; font-weight: bold; margin-top: 18px; } #footer-upper .center .top .description { text-align: center; margin-top: 12px; } #footer-upper .center .top { min-height: 260px } #footer-upper .center .button a { background: #a42021; padding: 10px; margin: 20px auto; width: 150px; text-align: center; color: #fff; font-weight: bold; cursor: pointer; display: block; } .col-xs-push-0{ left: 0% !important; } /************************************************************************** INTERIOR PAGES **************************************************************************/ .interior #page{background:none transparent;/*background-size: 100%;*/} .interior header{background: url('../img/bg_top_thatched.png') transparent repeat-x;} body.interior{background: url('../img/bg_tiki_lounge.jpg') #E0B692 repeat} body.interior.no-bg{background: none #E0B692 repeat} body.interior.bg-lt{background: url('../img/bg_tiki_lounge_light.jpg') transparent repeat} body.interior {min-height: 100%; margin-bottom: 120px;} body.interior #page { /*height:100vh;*/ background: url("../img/bg_eclectic_left_md.png"),url("../img/bg_eclectic_right_md.png"); background-position: left 20px, right 20px; background-repeat: repeat-y; margin-bottom: -60px; padding-bottom:120px } body.interior #page.bg-alt1 { background: url("../img/bg_eclectic2_left_md.png"),url("../img/bg_eclectic2_right_md.png"); background-position: left 20px, right 20px; background-repeat: repeat-y; margin-bottom: -60px; padding-bottom:120px } body.interior #page .container.max960{max-width: 960px;} body.interior #footer-wrapper { background: none; } body.interior #bg_left { position: relative; top: -40px; left: -40px; max-width: 20%; z-index: 99; margin-bottom:-100px; } body.interior #bg_right { position: relative; top: -40px; right: 40px; max-width: 20%; z-index: 99; margin-bottom:-100px; } body.interior #bg_right { position: relative; top: -40px; right: 40px; max-width: 20%; z-index: 99; margin-bottom:-100px; } body.interior.legal h2{ font-weight: 700;font-size: 2.1em;color:#990000; margin-bottom:12px; } body.interior.legal h3{ font-weight: 700;font-size: 1.4em; margin-bottom:8px; text-transform: uppercase; } body.interior.legal p{ font-size: 1.1em; line-height:1.3em; } body.interior.legal a{ color:#428bca; } body.interior .form-control,body.interior .form-control label{ height: 42px; font-size: 1.1em; line-height: 1.428571429; } body.interior textarea.form-control { height: inherit !important; } a.order_online_sign span { display: none } a.order_online_sign { cursor:pointer;background: url('../img/btn_skip_the_line.png') 0 -56px; background-repeat: no-repeat; width: 347px; height: 56px; display: block; padding: 0px;overflow:hidden; } a.order_online_sign:hover { background-position:0 0; } a.order_online_icon span {display: none} a.order_online_sign_sm span {display: none} a.order_online_sign_sm { cursor:pointer; background: url('../img/btn_skip_the_line_sm.png') 0 -42px; background-repeat: no-repeat; width: 241px; height: 41px; display: block; padding: 0px;overflow:hidden; } a.order_online_sign_sm:hover {background-position:0 -0px;} a.order_online_sign_sm span {display: none} .ordercrumbs{float:right;} a.order_online_icon {cursor:pointer;background: url('../img/btn_available_online2.png') 0 -31px; background-repeat: no-repeat; width: 130px; height: 30px; display: block; padding: 0px;overflow:hidden;} .food-menu-item a.order_online_icon { -webkit-transition:none;-moz-transition: none;-o-transition: none;-ms-transition:none;transition: none;} .food-menu-item a.order_online_icon:hover { -webkit-transition:none;-moz-transition: none;-o-transition: none;-ms-transition:none;transition: none;background-position:0 0;} .food-price-horiz{ font-family: "blambot-casual"; padding-top: 0px; text-shadow: 0 0 4px #ffffff; margin-bottom: 20px; font-size:16px; color:#000; } .green-type{color:#549444;} .interior #footer-wrapper { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 120px; } .interior .breadcrumbs{ background:url("../img/bg_pushpin_paper.png") left center no-repeat; } .interior .breadcrumbs a{ text-decoration:underline; color:#000; } .interior .breadcrumbs{ font-family: "blambot-casual"; font-weight: 300; font-size: .96em; color:#575757; padding:10px 32px 10px 42px; } @media (max-width: 1428px){ body.interior #page { background: url("../img/bg_eclectic_left_md.png"),url("../img/bg_eclectic_right_md.png"); background-position: left 20px, right 20px; background-repeat: repeat-y; margin-bottom: -60px; } body.interior #page.bg-alt1 { background: url("../img/bg_eclectic2_left_md.png"),url("../img/bg_eclectic2_right_md.png"); background-position: left 20px, right 20px; background-repeat: repeat-y; margin-bottom: -60px; } } .banner-top-callout{ cursor:pointer; z-index:9991; width:180px; height:auto; position:absolute; top:15px; left: 35%; } .happy-hour-link{cursor:pointer;} .banner-top-callout2{ cursor:pointer; z-index:9992; width:160px; height:auto; position:absolute; top:15px; left:55%; } .banner-top-callout-int{ cursor:pointer; z-index:9992; width:160px; height:auto; position:absolute; top:15px; left:45%; } .happy-hour-link{cursor:pointer;} @media (max-width: 970px) { .banner-top-callout{ width:160px; left: 30%; } .banner-top-callout2{ width:130px; } } @media (max-width: 1148px){ body.interior #page { background: url("../img/bg_eclectic_left_sm.png"),url("../img/bg_eclectic_right_sm.png"); background-position: left 20px, right 20px; background-repeat: repeat-y; margin-bottom: -60px; } body.interior #page.bg-alt1 { background: url("../img/bg_eclectic2_left_sm.png"),url("../img/bg_eclectic2_right_sm.png"); background-position: left 20px, right 20px; background-repeat: repeat-y; margin-bottom: -60px; } } /* Medium devices (desktops, 992px and up) */ @media (max-width: 888px){ body.interior #page { background: none !important; } .food-menu-holder{ padding-right: 0px !important;padding-left: 0px !important} } /*------ menu ------------------------------------------------*/ .food-menu-holder{ padding-right: 20px;padding-left: 20px } .food-menu-item a { font-family: "blambot-casual",sans-serif; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; /*color: #683520;*/ font-weight: 700; font-size: 1em; color: #000; } .food-menu-title a { display:block; /*width:506px; height:119px; background:url("../img/ttl_starter.png") no-repeat;*/ text-indent: 200%; white-space: nowrap; overflow: hidden !important; margin:0 auto; } a.ttl-starters { width:156px; height:76px; background:url("../img/ttl_starter.png") no-repeat; } a.ttl-soups-salads { width:545px; height:87px; background:url("../img/ttl_soups_salads.png") no-repeat; } a.ttl-killer-taco-platters { width:440px; height:87px; background:url("../img/ttl_killer_taco_platters.png") no-repeat; } a.ttl-complete-meals { width:391px; height:87px; background:url("../img/ttl_complete_meals.png") no-repeat; } a.ttl-fajitas { width:475px; height:87px; background:url("../img/ttl_fajitas.png") no-repeat; } a.ttl-burritos { width:343px; height:87px; background:url("../img/ttl_burritos.png") no-repeat; } a.ttl-high-tide-sandwiches { width:475px; height:87px; background:url("../img/ttl_high_tide_sandwiches.png") no-repeat; } a.ttl-specialty-burgers { width:555px; height:87px; background:url("../img/ttl_specialty_burgers.png") no-repeat; } a.ttl-kids-menu { width:316px; height:87px; background:url("../img/ttl_kids_menu.png") no-repeat; } a.ttl-sides { width:121px; height:62px; background:url("../img/ttl_sides.png") no-repeat; } a.ttl-drinks { width:144px; height:62px; background:url("../img/ttl_drinks.png") no-repeat; } a.ttl-drinks-alt { width:120px; height:52px; background:url("../img/ttl_drinks_alt.png") no-repeat; } a.ttl-happy-hour { width:300px; height:73px; background:url("../img/ttl_happy_hour.png") no-repeat; } a.ttl-surf-breakfast { width:453px; height:62px; background:url("../img/ttl_surf_breakfast.png") no-repeat; } a.ttl-skinny-beach { width:234px; height:87px; background:url("../img/ttl_skinny_beach.png") no-repeat; } a.ttl-bikini-beach { width:576px; height:87px; background:url("../img/ttl_bikini_beach.png") no-repeat; } a.ttl-daily-specials { width:266px; height:62px; background:url("../img/ttl_lunch_specials.png") no-repeat; } a.ttl-lunch-specials { width:266px; height:62px; background:url("../img/ttl_lunch_specials.png") no-repeat; } a.ttl-hit-the-beach { width:453px; height:62px; background:url("../img/ttl_hit_the_beach_family_values.png") no-repeat; } a.ttl-signature-drinks { width:417px; height:62px; background:url("../img/ttl_signature_drinks.png") no-repeat; } .food-menu-item-desc span { font-size: .86em; font-weight:300; } .food-menu-item-price span{ font-size: .80em; } .food-menu-item-price{ font-size: 1em; } .food-menu-item-desc-sub{ font-size: .82em; line-height: 1.3em; } .purple{color:#7b4b9e !important; } .blue_drk{color:#24326a !important; } .blue_lt{color:#1773b6 !important; } .green_drk{color:#1d4e25 !important; } .teal_drk{color:#145467 !important; } .red_drk{color:#990000 !important; } .brown{color:#683520 !important; } .food-menu-holder, .food-menu-item { float: left; width: 100%; position: relative; } .food-menu-item { padding: 15px 20px } .food-menu-item-details { display: table } .food-menu-item p{ font-family: "blambot-casual"; padding-top:6px; text-shadow: 0 0 4px #ffffff; } .food-menu-item-desc { padding-right: 5px; font-weight: 800; font-style: italic; font-size: 1.3em; display: table-cell; white-space: nowrap; width: 10%; line-height: 15px; text-align: left; text-shadow: 0 0 4px #ffffff; letter-spacing: -.8px; } .food-menu-item-desc-sub { font-weight: 300; font-size: .86em; text-align: left;font-family: "blambot-casual"; line-height: 1.2em; padding-left: 12px; padding-top: 3px; text-shadow: 0 0 4px #ffffff; } .food-menu-item-dot { font-family: "blambot-casual"; display: table-cell; width: 88%; border-bottom: 1px dotted #000; /*text-shadow: 0 0 4px #ffffff;*/ } .food-menu-item-price { font-family: "blambot-casual"; text-align: left; font-size: 1.2em; text-shadow: 0 0 4px #ffffff; } .food-menu-item-prices { display: table-cell; white-space: nowrap; width: 2%; padding: 10px 0 0 10px; text-align: left; } .food-menu-bg { position: absolute; bottom: 0; width: 650px; height: 400px; background-size: contain; background-repeat: no-repeat; background-position: bottom; opacity: 0.2; } /*------ mobile locations menu ------------------------------------------------*/ .mobile-store-wrapper a.ttl-locations { display:block;text-indent: 200%;white-space: nowrap;overflow: hidden !important;margin:0 auto 24px auto;} a.ttl-locations { width:150px; height:47px; background:url("../img/ttl_locations_sm.png") no-repeat; } a.link-title { font-family: "blambot-casual"; color: #990000 !important; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; font-weight: 700; font-size: 1.1em; } .stores p { font-family: "blambot-casual"; padding-top: 2px; font-size: .94em; } .stores p .phone { font-family: "blambot-casual"; padding-top: 2px; font-size: .94em; } .mobile-store-wrapper .socials {} /************************************************************************** OVERRIDES **************************************************************************/ /* Colorbox */ #cboxTitle { font-family: "blambot-casual" !important; } #cboxOverlay { background: #000; opacity: 0.7 !important; filter: alpha(opacity = 70) !important; } #cboxLoadedContent { border: 0px !important; background: none; padding:none; } #cboxNext { right: 0px !important; } #cboxPrevious { left: 0px !important; } #cboxNext:focus ,#cboxPrevious:focus,#cboxNext:active ,#cboxPrevious:active{ border:none !important;} /************************************************************************** MOBILE **************************************************************************/ #mobile-menu { background: #000 } #mobile-menu > .mobile-main-type { } #mobile-menu > .mobile-main-type > li { text-transform: uppercase; color: #90f1a4; font-size: 25px; text-align: center; line-height: 35px; display: block; cursor: pointer; overflow: hidden; border-bottom: 1px solid #90f1a4; } #mobile-menu > .mobile-main-type > li:hover { color: #90f1a4 } #mobile-menu > .mobile-main-type > li span:after { width: 0; height: 0; border-top: 15px solid #90f1a4; border-right: 8px solid transparent; border-left: 8px solid transparent; float: right; right: 15px; top: 10px; content: ''; position: relative; margin-left: 20px; color: #90f1a4; } #mobile-menu > .mobile-main-type > li.closed span:after { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 15px solid #2A2A2A; float: right; right: 5px; top: 10px; /*color: #a9a9a9;*/ } #mobile-menu .mobile-sub-type > li span:after { border: none !important } #mobile-menu .mobile-sub-type { background: #ffffff; color: #444; padding: 0px 20px; } #mobile-menu .mobile-sub-type > li { text-align: left; overflow: hidden; border-bottom: 1px solid #444; } #mobile-menu .mobile-sub-type > li:last-of-type { border: none } #mobile-menu .mobile-sub-type > li span.outer:after { width: 0; height: 0; border-top: 15px solid #90f1a4 !important; border-right: 8px solid transparent !important; border-left: 8px solid transparent !important; float: right; right: 10px; top: 9px; content: ''; position: relative; } #mobile-menu .mobile-sub-type > li.closed span.outer:after { width: 0; height: 0; border-left: 15px solid #444 !important; border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; float: right; right: 0px; top: 9px; content: ''; position: relative; } #mobile-menu .mobile-sub-type > li span.inner { border-top: 2px solid #B7885A; border-bottom: 2px solid #B7885A; width: 100%; font-size: 20px; line-height: 25px; color: #522504; font-weight: bold; display: block; padding: 0px 10px; } #mobile-menu .mobile-menu-item { overflow: hidden } #mobile-menu .mobile-menu-item > li { font-size: 16px; line-height: 20px; margin: 2px 0px; } #mobile-menu .mobile-menu-item .menu-item-subheading { text-align: center; text-transform: lowercase; } #mobile-menu .mobile-menu-item > li .title { font-weight: bold; margin-top: 15px; color: #777; font-size: 16px; padding-bottom: 5px; } #mobile-menu .mobile-menu-item > li .description { text-transform: lowercase; font-weight: bold; margin-bottom: 15px; color: #444; } #menu-disclaimer { position: absolute; bottom: 20px; left: 40px; display: block; font-size: 16px; font-weight: bold; } #menu-disclaimer-mobile { color: #666; padding: 10px; text-align: center; font-size: 14px; margin-right: 35px; } /************************************************************************** MODAL **************************************************************************/ #cta-modal { position: fixed; top: 0px; background: url('../img/ads/ad_mobile_20_percentage.jpg'); background-size: 100% 100% !important; background-repeat: no-repeat !important; display: block; padding: 3%; font-family: 'American Typewriter',sans-serif; color: #ffffff; font-size: 20px; line-height: 38px; font-weight: bold; text-decoration: none; z-index: 99999999; box-shadow: 0px 0px 15px 3px #000000; } a#cta-modal:hover, a#cta-modal:focus { text-decoration: none } #cta-modal-container { width: 80%; margin: 0px auto; text-shadow: 1px 1px 10px #000000; text-align: center; } #cta-modal .title { margin: 20px 0px 0px 0px; font-size: 35px; line-height: 30px; font-weight: normal; } #cta-modal .title strong { font-size: 30px; line-height: 36px; font-weight: normal; } #cta-modal .button { background: #e2d14b; color: #000000; box-shadow: 2px 2px #000000; box-shadow: 0px 0px 5px 1px #000000; text-align: center; margin: 15px auto 15px auto; text-shadow: none; } #cta-modal .button:hover { color: #ffffff; box-shadow: 0px 0px 5px 2px #000000; } #cta-modal .content-heading { color: #e2d14b; line-height: 22px; margin-bottom: 10px; } #cta-modal .content-list ul { list-style-type: disc; margin: 0px 0px 0px 0px; padding: 0px; list-style-position: inside; } #cta-modal .content-list ul li { margin: 0px 0px 5px 0px; padding: 0px; font-size: 16px; line-height: 20px; } #cta-modal .exit { background: url('../img/btn_close_mobile.png'); width: 25px; height: 28px; background-repeat: no-repeat; position: absolute; top: 20px; right: 20px; } #transparent-background { background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; z-index: 99999998; left: 0px; right: 0px; position: fixed; top: 0px; bottom: 0px; } /************************************************************************** HELPER CLASSES **************************************************************************/ .logo-red{color:#DE1932;} .tk-refrigerator-deluxe { font-size: 1.1em; letter-spacing: .3px; } .text-muted {color: #999 !important;} html.dark .text-muted {color: #505461 !important;} .text-dark {color: #1d2127 !important;} .text-light {color: #FFF !important;} .text-weight-light {font-weight: 300;} .text-weight-normal {font-weight: 400;} .text-weight-semibold {font-weight: 600;} .text-weight-bold {font-weight: 700;} .text-uppercase {text-transform: uppercase;} .text-lowercase {text-transform: lowercase;} .text-capitalize {text-transform: capitalize;} .rounded {border-radius: 5px;} .b-thin {border-width: 3px;} .b-normal {border-width: 5px;} .b-thick {border-width: 7px;} /* Spacements */ /* spacement top & bottom */ .m-none {margin: 0 !important;} .m-auto {margin: 0 auto !important;} .m-xs {margin: 5px !important;} .m-sm {margin: 10px !important;} .m-md {margin: 15px !important;} .m-lg {margin: 20px !important;} .m-xl {margin: 25px !important;} .m-xlg {margin: 30px !important;} /* spacement top */ .mt-none {margin-top: 0 !important;} .mt-xs {margin-top: 5px !important;} .mt-sm {margin-top: 10px !important;} .mt-md {margin-top: 15px !important;} .mt-lg {margin-top: 20px !important;} .mt-xl {margin-top: 25px !important;} .mt-xlg {margin-top: 30px !important;} /* spacement bottom */ .mb-none {margin-bottom: 0 !important;} .mb-xs {margin-bottom: 5px !important;} .mb-sm {margin-bottom: 10px !important;} .mb-md {margin-bottom: 15px !important;} .mb-lg {margin-bottom: 20px !important;} .mb-xl {margin-bottom: 25px !important;} .mb-xlg {margin-bottom: 30px !important;} /* spacement left */ .ml-none {margin-left: 0 !important;} .ml-xs {margin-left: 5px !important;} .ml-sm {margin-left: 10px !important;} .ml-md {margin-left: 15px !important;} .ml-lg {margin-left: 20px !important;} .ml-xl {margin-left: 25px !important;} .ml-xlg {margin-left: 30px !important;} /* spacement right */ .mr-none {margin-right: 0 !important;} .mr-xs {margin-right: 5px !important;} .mr-sm {margin-right: 10px !important;} .mr-md {margin-right: 15px !important;} .mr-lg {margin-right: 20px !important;} .mr-xl {margin-right: 25px !important;} .mr-xlg {margin-right: 30px !important;} /* Spacement Padding */ .p-none {padding: 0 !important;} .p-xs {padding: 5px !important;} .p-sm {padding: 10px !important;} .p-md {padding: 15px !important;} .p-lg {padding: 20px !important;} .p-xl {padding: 25px !important;} .p-xlg {padding: 30px !important;} /* spacement top */ .pt-none {padding-top: 0 !important;} .pt-xs {padding-top: 5px !important;} .pt-sm {padding-top: 10px !important;} .pt-md {padding-top: 15px !important;} .pt-lg {padding-top: 20px !important;} .pt-xl {padding-top: 25px !important;} .pt-xlg {padding-top: 30px !important;} /* spacement bottom */ .pb-none {padding-bottom: 0 !important;} .pb-xs {padding-bottom: 5px !important;} .pb-sm {padding-bottom: 10px !important;} .pb-md {padding-bottom: 15px !important;} .pb-lg {padding-bottom: 20px !important;} .pb-xl {padding-bottom: 25px !important;} .pb-xlg {padding-bottom: 30px !important;} /* spacement left */ .pl-none {padding-left: 0 !important;} .pl-xs {padding-left: 5px !important;} .pl-sm {padding-left: 10px !important;} .pl-md {padding-left: 15px !important;} .pl-lg {padding-left: 20px !important;} .pl-xl {padding-left: 25px !important;} .pl-xlg {padding-left: 30px !important;} /* spacement right */ .pr-none {padding-right: 0 !important;} .pr-xs {padding-right: 5px !important;} .pr-sm {padding-right: 10px !important;} .pr-md {padding-right: 15px !important;} .pr-lg {padding-right: 20px !important;} .pr-xl {padding-right: 25px !important;} .pr-xlg {padding-right: 30px !important;} .ib { display: inline-block; vertical-align: top; } .va-middle {vertical-align: middle;} .ws-nowrap {white-space: nowrap;} .ws-normal {white-space: normal;} /* Miscellaneous */ .pull-left {float: left !important;} .pull-right {float: right !important;} .push-bottom {margin-bottom: 35px;} .push-top {margin-top: 35px;} .align-center, .center {text-align: center !important;} .align-left {text-align: left !important;} .align-right {text-align: right !important;} .bold {font-weight: bold;} .semi-bold {font-weight: 600;} .inverted { color: #FFF; display: inline-block; padding-left: 10px; padding-right: 10px; } h1 .inverted { padding-left: 10px; padding-right: 10px; } h2 .inverted { padding-left: 7px; padding-right: 7px; } h3 .inverted { padding-left: 2px; padding-right: 2px; } h4 .inverted { padding-left: 4px; padding-right: 4px; } h5 .inverted { padding-left: 2px; padding-right: 2px; } h6 .inverted { padding-left: 2px; padding-right: 2px; } /* Cursor */ .cur-pointer {cursor: pointer;} /* Font Size */ .font-size-xs {font-size: 0.8em !important;} .font-size-sm {font-size: 0.9em !important;} .font-size-md {font-size: 1em !important;} .font-size-lg {font-size: 1.1em !important;} .font-size-xl {font-size: 1.2em !important;} /* Line Height */ .line-height-xs {line-height: 16px !important;} .line-height-sm {line-height: 20px !important;} .line-height-md {line-height: 24px !important;} .line-height-lg {line-height: 28px !important;} .line-height-xl {line-height: 32px !important;} /* Text Decoration */ .text-decoration-none {text-decoration: none !important;} /* Display */ .display-block {display: block !important;} .display-inline-block {display: inline-block !important;} .display-inline {display: inline !important;} /* Block Link */ .block-link {display: block !important;} /* Clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* Read More */ .read-more, .learn-more { display: inline-block; white-space: nowrap; } /* Offset Anchor */ .offset-anchor { display: block; position: relative; visibility: hidden; top: -100px; } /* Responsive */ @media (max-width: 991px) { .offset-anchor {top: 0;} } /* Medium devices (desktops, 992px and up) */ @media screen and (min-width: 940px) { .rounded{ -webkit-border-radius:6px; -moz-border-radius:6px; -pie-border-radius:6px; border-radius:6px; behavior:url(/js/pie/PIE.htc); } } .opaque { /* should come BEFORE filter */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; // IE8 /* This works in IE 8 & 9 too */ filter: alpha(opacity=50) !important; // IE 5-7 /* Modern Browsers */ opacity: 0.5 !important; } /************************************************************************** MEDIA QUERIES **************************************************************************/ @media(min-height:373px) and (max-width: 767px){ #cta-modal .title{margin: 25px 0px 0px 0px;} #cta-modal .button{margin-top: 20px;margin-bottom: 20px;} #cta-modal .content-list ul li{margin: 0px 0px 10px 0px;} /*.ordercrumbs{display:none;}*/ .ordertitle{display:block} } @media(min-width:768px){ .ordertitle{display:none} #cta-modal{ background: url('../img/ads/ad_mobile_20_percentage.jpg');line-height: 38px;padding: 1.5%;font-size: 18px; } #cta-modal .title{ margin: 30px 0px 0px 0px;font-size: 55px;line-height: 50px; } #cta-modal .title strong { font-size: 49px;line-height: 56px; } #cta-modal .button{ max-width: 330px;margin-top: 30px;margin-bottom: 30px; } #cta-modal .content-heading{ font-size: 20px;line-height: 25px;margin-bottom: 10px; } #cta-modal .content-list ul li{ font-size: 22px;line-height: 30px; } #cta-modal .exit{ background: url('../img/btn_close.png');width: 25px;height: 28px;background-repeat: no-repeat;position: absolute;top: 20px;right: 20px; } #transparent-background{ background: rgba(0, 0, 0, 0.5);height: 100%;width: 100%;z-index: 99999998;left: 0px;right: 0px;position: fixed;top: 0px;bottom: 0px; } } /* Small devices (tablets, 768px and up) */ @media (max-width: 767px){ .featured-teaser {height: 140px;background-size: cover;} #content h2{/* font-family: 'American Typewriter', sans-serif; */} .select2-input{background: #ffffff !important;} } @media (max-width: 659px){ .ordercrumbs{display:none;} .col-xxs-12{width:100% !important; } .featured-teaser .featured-teaser-center .title{color: #fff767;font-size: 42px;line-height: 1.3em;} .featured-teaser .featured-teaser-center {margin-top: 15px;margin-bottom: 15px;} } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px){ #content .featured-teaser-locations.open{display: none !important;} #content h2{margin-top: 0px} #menu-primary-menu > li > a{padding: 14px 22px;/*font-size: 17px; */ } .featured-teaser .featured-teaser-center{background: url('../img/gfx_wood_dvdr.jpg');background-position: 6% 0px;background-repeat: no-repeat;} .featured-teaser .featured-teaser-center .title{color: #fff767;font-size: 31px;line-height: 60px;} .featured-teaser-locations.open{display: none !important;} .featured-teaser-center-mobile{margin: 10px 15px;} .home-instagram .photo img{max-height: 320px;} #footer-middle{padding: 30px 0px;} #footer-middle .right > div{margin-top: 0px;} #header{height: 120px;} .col-sm-push-0{left: 0% !important;} } /* between sm and md */ @media (min-width: 768px) and (max-width: 991px){ #header { padding: 0px; height: auto; } #header .header-right .navbar-header { width: 20% } #header .header-right .navbar-brand span { display: none } #header .header-right .navbar-brand { background: url('../img/logo.png'); background-size: contain; background-repeat: no-repeat; width: 100%; height: 115px; display: block; margin-top: 5px; padding: 0px; } #header .header-right .header-locator { display: inline-block; float: right; } #header .header-right .header-right-upper, #header .header-right .header-locator { width: 70%; text-align: right; } #header .header-right .header-locator { text-align: right } #header .header-right .header-locator .header-locator-left, #header .header-right .header-locator .header-locator-right { display: inline-block; float: none; } #header .header-right .header-locator .header-locator-left span { line-height: 30px } #header .header-right .header-locator .header-locator-right { margin-right: 0px; height: 45px; vertical-align: top; margin-top: 5px; } #main-nav {top: 100px;} #topbar { padding-right: 44px; margin: 0 12px 0;} .featured-teaser .featured-teaser-left .content, .featured-teaser .featured-teaser-center .content { color: #ffffff; line-height: 20px; font-size: 13px; } #footer-middle .right { padding-left: 0px; padding-right: 0px; } #footer-upper .right #daily-specials .special-details .image { width: 90.5% } } @media (min-width: 893px) and (max-width: 1080px){ #class-notes { height: 230px;width: 380px;padding-right: 20px; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px){ .ordercrumbs{margin-top: 6px;} #header .header-right .header-right-upper .widget_text{ margin-top: 0px; } #menu-primary-menu > li > a{ padding: 14px 14px; /* font-size: 17px; */ } .featured-teaser .featured-teaser-left .title{ font-size: 29px; } .featured-teaser .featured-teaser-left .content, .featured-teaser .featured-teaser-center .content{ font-size: 16px; } .featured-teaser .featured-teaser-center .title{ font-size: 43px; } #footer-upper .class-notes-title{ font-size: 35px; line-height: 30px; } #footer-upper .center .top .other-taps{ font-size: 12px; } #header .header-right ul.header-social-media{ margin-top: -3px; margin-bottom: 5px; text-align: left; } #header .header-right .header-right-upper .textwidget > a{ clear: none; } .navbar{ min-height: 40px; } #menu-primary-menu > li > a { /* padding: 2px 6px; */ } .col-md-push-0{ left: 0%; } #about-content { margin-top: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { #footer-upper .right #daily-specials .special-details .description{ margin: 0px 10px; } #footer-upper .featured-center-title { color: #0b2b64; margin-top: 0px; font-size: 25px; font-weight: bold; text-align: center; } #footer-upper .btn-cta{ margin-top: -30px; } #footer-upper .center .top { min-height: 180px; } #footer-upper .center .top .title{ margin-top: 0; font-size: .92em; } #footer-upper .center .top .description { text-align: center; margin-top: 6px; font-size: .92em; } .food-menu-item-desc { font-size: 1.2em; line-height: 1.3em; } .food-menu-item-price{ font-size: 1em; } .food-menu-item-desc-sub{ font-size: .82em; line-height: 1.3em; } } @media (max-width: 991px){ #menu-primary-menu > li > a{ padding: 6px 22px; /* font-size: 17px; */ } #footer-upper .btn-cta{ margin-top: -30px; } #footer-upper .center .top .featured-center-title { font-size: 21px; margin-top: 0px; } #footer-upper .center .top { min-height: 90px; } #footer-upper .center .top .title { font-size: .90em; line-height: 1.1em; margin-top: 0px; } #footer-upper .center .top .description { margin-top: 6px; font-size: .90em; line-height: 1.2em; } #footer-upper .teaser-right { font-size: 28px; line-height: 30px; padding-top: 12px; } #footer-upper .right #daily-specials .special-details .title { font-size: 17px; margin-bottom: 4px; } #footer-upper .right #daily-specials .special-details .menu { margin-top: -10px; } } @media (min-width: 1080px){ #class-notes { width: 420px;height: 251px;padding-right: 20px; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px){ #header .header-right .header-right-upper .header-social-media{ margin-bottom: 10px; } #menu-primary-menu > li > a{ padding: 14px 29px; } #header{ height: 144px; } .navbar{ min-height: 50px; } #topbar-menu{ left: -120px; } .food-menu-item-desc { font-size: 1.3em; letter-spacing: -.8px; } .featured-teaser .featured-teaser-left .title{ font-size: 33px; } #footer-upper .center .top .other-taps{ line-height: 30px; } .col-lg-push-0{ left: 0%; } } @media (max-width: 500px){ .featured-teaser .featured-teaser-center .title{color: #fff767;font-size: 32px;line-height: 1.3em;} #home-slider .chuys-stamp { display:none;} } @media (max-width: 400px){ a.ttl-starters { width:156px; height:76px; background:url("../img/ttl_starter.png") no-repeat; } a.ttl-soups-salads { width:300px; height:60px; background:url("../img/ttl_soups_salads_xs.png") no-repeat; } a.ttl-killer-taco-platters { width:300px; height:55px; background:url("../img/ttl_killer_taco_platters_xs.png") no-repeat; } a.ttl-complete-meals { width:300px; height:59px; background:url("../img/ttl_complete_meals_xs.png") no-repeat; } a.ttl-fajitas { width:300px; height:58px; background:url("../img/ttl_fajitas_xs.png") no-repeat; } a.ttl-burritos { width:300px; height:53px; background:url("../img/ttl_burritos_xs.png") no-repeat; } a.ttl-high-tide-sandwiches { width:300px; height:54px; background:url("../img/ttl_high_tide_sandwiches_xs.png") no-repeat; } a.ttl-specialty-burgers { width:300px; height:60px; background:url("../img/ttl_specialty_burgers_xs.png") no-repeat; } a.ttl-kids-menu { width:300px; height:60px; background:url("../img/ttl_kids_menu_xs.png") no-repeat; } a.ttl-sides { width:121px; height:62px; background:url("../img/ttl_sides.png") no-repeat; } a.ttl-drinks { width:144px; height:62px; background:url("../img/ttl_drinks.png") no-repeat; } a.ttl-happy-hour { width:300px; height:69px; background:url("../img/ttl_happy_hour.png") no-repeat; } a.ttl-surf-breakfast { width:300px; height:88px; background:url("../img/ttl_surf_breakfast_xs.png") no-repeat; } a.ttl-skinny-beach { width:300px; height:62px; background:url("../img/ttl_skinny_beach_xs.png") no-repeat; } a.ttl-bikini-beach { width:300px; height:62px; background:url("../img/ttl_bikini_beach_xs.png") no-repeat; } a.ttl-daily-specials { width:266px; height:62px; background:url("../img/ttl_daily_specials.png") no-repeat; } a.ttl-hit-the-beach { width:300px; height:60px; background:url("../img/ttl_hit_the_beach_family_values_xs.png") no-repeat; } a.ttl-signature-drinks { width:300px; height:99px; background:url("../img/ttl_signature_drinks_xs.png") no-repeat; } /*.food-menu-item {padding: 15px 20px 0 15px;}*/ .food-menu-item {padding:0} .food-menu-item-desc{ font-size: 1em; } .food-menu-item a { font-size: .96em; } .food-menu-item-price{ font-size: 1em; line-height: 1.1em; } .food-menu-item-desc-sub{ font-size: .82em; line-height: 1.1em; } .interior .breadcrumbs{ font-size: .84em; padding:15px 12px 6px 32px;} .food-menu-item p {padding-top: 6px;font-size: 1em;padding: 0; margin: 0;} .featured-teaser .featured-teaser-center .title{color: #fff767;font-size: 32px;line-height: 1.2em;} .featured-teaser .featured-teaser-center .content{color: #ffffff;line-height: 1.1em;font-size: 24px;} .chuys-stamp{display:none;} #daily-specials .special-details {padding:0 12px;} } @media (max-width: 300px){ .featured-teaser .featured-teaser-center .title{color: #fff767;font-size: 22px;line-height: 1.2em;} .featured-teaser .featured-teaser-center .content{color: #ffffff;line-height: 1.1em;font-size: 14px;} } #mobile-menu { background: #000 } #mobile-menu > .mobile-main-type { } #mobile-menu > .mobile-main-type > li { text-transform: uppercase; color: #a9a9a9; font-size: 25px; text-align: center; line-height: 35px; display: block; cursor: pointer; overflow: hidden; border-bottom: 1px solid #fff; /* font-family: "Chalkline",sans-serif; */ font-family: 'American Typewriter'; } #mobile-menu > .mobile-main-type > li:hover { color: #90f1a4 } #mobile-menu > .mobile-main-type > li span:after { width: 0; height: 0; border-top: 15px solid #90f1a4; border-right: 8px solid transparent; border-left: 8px solid transparent; float: right; right: 15px; top: 10px; content: ''; position: relative; margin-left: 10px; color: #90f1a4; } #mobile-menu > .mobile-main-type > li.closed span:after { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 15px solid #2A2A2A; float: right; right: 5px; top: 10px; } #mobile-menu .mobile-sub-type > li span:after { border: none !important } #mobile-menu .mobile-sub-type { background: #ffffff; color: #444; padding: 0px 20px; font-size: 20px; font-family: 'American Typewriter'; } #mobile-menu .mobile-sub-type > li { text-align: left; overflow: hidden; border-bottom: 1px solid #444; min-width: 250px; } #mobile-menu .mobile-sub-type > li:last-of-type { border: none } #mobile-menu .mobile-sub-type > li span.outer:after { width: 0; height: 0; border-top: 15px solid #90f1a4 !important; border-right: 8px solid transparent !important; border-left: 8px solid transparent !important; float: right; right: 10px; top: 9px; content: ''; position: relative; } #mobile-menu .mobile-sub-type > li.closed span.outer:after { width: 0; height: 0; border-left: 15px solid #444 !important; border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; float: right; right: 0px; top: 9px; content: ''; position: relative; } #mobile-menu .mobile-sub-type > li span.inner { border-top: 2px solid #B7885A; border-bottom: 2px solid #B7885A; width: 100%; font-size: 20px; line-height: 25px; color: #522504; font-weight: bold; display: block; padding: 0px 10px; } #mobile-menu .mobile-menu-item { overflow: hidden } #mobile-menu .mobile-menu-item > li { font-size: 16px; line-height: 20px; margin: 2px 0px; } #mobile-menu .mobile-menu-item .menu-item-subheading { text-align: center; text-transform: lowercase; } #mobile-menu .mobile-menu-item > li .title { font-weight: bold; margin-top: 15px; color: #777; font-size: 16px; padding-bottom: 5px; } #mobile-menu .mobile-menu-item > li .description { text-transform: lowercase; font-weight: bold; margin-bottom: 15px; color: #444; } #menu-disclaimer { position: absolute; bottom: 20px; left: 40px; display: block; font-size: 16px; font-weight: bold; } #menu-disclaimer-mobile { color: #666; padding: 10px; text-align: center; font-size: 14px; margin-right: 35px; }