/*--------------------------------------------------- FONT IMPORT -------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Chelsea+Market|Sue+Ellen+Francisco&display=swap'); /*------------------------------------------------------ MAP ------------------------------------------------------*/ .section_content .tsT_plugin .b2b-location.wide .b2b-location-items-container .b2b-location-items.show-details li p { margin: 0 !important; line-height: 1.5em !important;} .tsD_map {padding-top: 0 !important;} .tsD_map .tsR{max-width: 100% !important;margin: 0 !important;padding: 0 !Important;} .tsD_map .tsI {margin: 0 !important;width: 100% !important;} .tsD_map #_the_map_wrapper{max-width: 100% !important; margin: 0 !Important;padding: 0 !important;} .b2b-location-items ul li p span:nth-child(2):after { content: " | Open 7 Days a Week from 4-9pm" !important; } .b2b-location-items a{color: #ffc83d !IMPORTANT;} /*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/ .tsH_wrp{padding: 0 !important; } .tsD_white *{color: #fff !important; } /*----------------------------------------------------- CTA -------------------------------------------------------*/ #header-cta { width: 100% !important; text-align: center !important; padding-top: .5rem !important; padding-bottom: .5rem !important; font-size: 1.6rem !important; background: #a51d29 !important; text-transform: uppercase; font-weight: 900; box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15) !important; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5) !important; } #header-cta a{ color: #fff !important; } #header-cta:hover { background: #ffc83d !important; } #cta2 { bottom: 100px; position: fixed; left: -121px; z-index: 99999999; transition: 1s ease-out !important; } #cta3 { bottom: 160px; position: fixed; left: -195px; z-index: 99999999; transition: 1s ease-out !important; } #cta2:hover, #cta3:hover{ left: 0px !important; transition: 1s ease-in !important; } html:not(.mobileview) #cta2, html:not(.mobileview) #cta3{ display: block !important; } #cta2 img{ max-width: 180px !important; } #cta3 img { max-width: 250px !important; } /*---------------------------------------------------- HEADER -----------------------------------------------------*/ .tsSC{box-shadow: none !IMPORTANT; padding: .2rem 1rem!IMPORTANT; border: 6px dotted #4eae51 !important;} .tsSC a{color: #a51d29 !IMPORTANT;} .tsSC { display: flex !important; display: -webkit-flex !important; flex-direction:row-reverse !important; -webkit-flex-direction:row-reverse !important; } .tsCntct .tsCntct_list{text-align: left !IMPORTANT;} .tsSC .social-media-links{display:block !important;text-align: right !important;} .tsH_wrp{padding: 0 1rem !IMPORTANT;} .tsH.shrink .tsH_wrp{display:none !IMPORTANT;} .tsH{ display: flex !important; display: -webkit-flex !important; flex-direction:column-reverse !important; -webkit-flex-direction:column-reverse !important; } .tsH .tsC_Btn{padding: 12px 22px !IMPORTANT; margin: 0 10px !IMPORTANT;} .tsH .tsC_Btn:hover{color: #fff !important; background-color: #a51d29 !IMPORTANT;} .tsCntct .tsCntct_list li button, .tsCntct .tsCntct_list li a {text-transform: capitalize !IMPORTANT;} .tsC_Btn:before, #social svg{margin-right: 8px !IMPORTANT;} .tsSC .social-media-links { flex: 1 0 5% !important; } #social .tsC_Btn, .tsH .tsC_Btn {color: #a51d29 !IMPORTANT;} .tsH.expand #hicon{display:none !IMPORTANT;} #hicon img{max-width:3rem !IMPORTANT;} #hicon{margin-right:15px !important;} .tsCntct .tsCntct_list li{vertical-align: middle !important;} .tsSC .social-media-links li:nth-child(2) a{color:#25a6c2 !IMPORTANT;} .tsSC .social-media-links li:nth-child(3) a{color:#4eae51 !IMPORTANT;} .tsSC .social-media-links li:nth-child(4) a{color:#ffc83d !IMPORTANT;} .tsSC .social-media-links li:nth-child(5) a{color:#25c2af !IMPORTANT;} .tsSC .social-media-links li a:hover{background-color:transparent !IMPORTANT; filter: hue-rotate(180deg) !important;} header.tsH.shrink{ z-index:10 !important; } /*----------------------------------------------------- LOGO ------------------------------------------------------*/ .tsH.expand #_the_logo img{max-height: 8rem !important; margin: 5px !IMPORTANT;} .tsH #_the_logo{padding: 0 2rem !important;} /*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/ .tsH .menu ul li a { font-family: 'Sue Ellen Francisco', cursive !important; font-size: 1rem !IMPORTANT; letter-spacing: .2em !IMPORTANT; padding: 0.75rem 2rem !IMPORTANT; } #menu-item-312612{background-color: #441516 !important; margin-left:20px !IMPORTANT;} #menu-item-312612:hover a{background-color: #a51d29 !important; color: #d4c69f !important;} .page-id-306945 .menu .current-menu-item a{color: #fff !IMPORTANT;} .tsH .social-media-links a{font-size: 105% !IMPORTANT;} /*---------------------------------------------------- BUTTON -----------------------------------------------------*/ /*------------------------------------------------- FONT STYLING --------------------------------------------------*/ .tsI_hd{font-family: 'Sue Ellen Francisco', cursive !important; text-transform:uppercase !important; letter-spacing:2px !IMPORTANT;} .tsI_sh{font-family: 'Sue Ellen Francisco', cursive !important; font-size: 1.8rem !IMPORTANT;} /*--------------------------------------------------- CONTENT -----------------------------------------------------*/ /*----------------------------------------------------- BANNER -------------------------------------------------------*/ .tsD_banner .tsI{ padding: 2% !important; background-color: #ffc83d !IMPORTANT;} .tsD_banner .tsI_wrp{border: 8px dotted #25a6c2 !important;} @media(min-width:1024px){.tsD_banner .tsI_btn_wrp{position: absolute !IMPORTANT; top: 12rem !IMPORTANT; left: 0 !important; right: 0 !IMPORTANT; display:inline !IMPORTANT;/* z-index: 1000 !IMPORTANT;*/}} .tsD_banner .btn_1 { background: #a51d29 !important; color: #f2f5d9 !important; border: 3px solid #f2f5d9 !IMPORTANT; } .tsD_banner .btn_1:hover { background: #f2f5d9 !important; color: #a51d29 !important; } /*----------------------------------------------------- DLS -------------------------------------------------------*/ .tsD_dl .tsI{height:100vh !important;} .tsD_dl span, .tsD_dl2 .tsI_hd{font-family: 'Chelsea Market', cursive !important;} .tsD_dl .tsI_hd{margin-top: 0 !important;} .tsD_dl .tsI_sh{font-family: 'Sue Ellen Francisco', cursive !important; font-size: 1.6rem !important; text-transform: uppercase !important;} .tsD_dl .tsI_txt{margin-top:-10rem !IMPORTANT;} .tsD_dl2 .tsI_hd{font-size: 2rem !IMPORTANT;} /*---------- TEXT 7 ----------*/ @media(max-width:780px){.text7{font-size:3rem !important; }} @media(max-width:575px){.text7{font-size:2rem !important; } span.word.wone, span.word {position: absolute;opacity: 0; left:5px;} .tsD_dl .tsI_sh{font-size: 2rem !IMPORTANT; margin-top: 2rem !IMPORTANT;} .tsD_text7 span{margin:2px !IMPORTANT;} } @media(max-width:500px){.text7{font-size:1.3rem !important; }} .tsD_text7 .tsI{margin: 0 !important;} .text7{font-family: 'Fredericka the Great', cursive !IMPORTANT; font-size:4.5rem; color: #fff; font-weight: normal !IMPORTANT; text-align:center !important; display: flex;} .tsD_text7 p{display: inline-block;vertical-align: top;} .tsD_text7 span{margin:5px !IMPORTANT;} .word{position: absolute;opacity: 0; left:32%;} .letter{display: inline-block;position: relative;transform: translateZ(25px);transform-origin: 50% 50% 25px;} .letter.out{transform: rotateX(90deg);transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);} .letter.behind {transform: rotateX(-90deg);} .letter.in {transform: rotateX(0deg);transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .wone{color: #8e44ad;} .wtwo{color: #2980b9;} .wthree{color: #c0392b;} .wfour{color: #16a085;} .wfive{color: #2c3e50;} @media(min-width:1441px) and (max-width:1999px{ .word{position: absolute;opacity: 0; left:30%;} } @media(min-width:1040px) and (max-width:1440px{ .word{position: absolute;opacity: 0; left:25%;} } @media(min-width:801px) and (max-width:1039px{ .word{position: absolute;opacity: 0; left:20%;} } @media(min-width:570px) and (max-width:800px{ .word{position: absolute;opacity: 0; left:10%;} } /*--------------------------------------------------- FEATURES ----------------------------------------------------*/ .tsD_photofeature1 .tsI_img { transition: all 1.1s ease-in-out !important; } .tsD_photofeature1 .tsI_cptn{ background-color: rgba(35,35,35,.35) !important; transition: all 1.1s ease-in-out !important; } .tsD_photofeature1 .tsI:hover .tsI_cptn{ background-color: rgba(0,0,0,.6) !important; } .tsD_photofeature1 .tsI_btn{ box-shadow: none !important; background: transparent !important; color: #fff !important; font-style: italic !important; } .tsD_photofeature1 .tsI_btn, .tsD_photofeature1 .tsI_sh{ opacity: 0 !important; transition: all 1.1s ease-in-out !important; } .tsD_photofeature1 .tsI:hover .tsI_btn, .tsD_photofeature1 .tsI:hover .tsI_sh{ opacity: 1 !important; } /*--------------------------------------------------- SPLIT 1 ----------------------------------------------------*/ .tsD_split, .tsD_split .tsR{ max-width:100% !important; padding: 0 !important; } .tsD_split .tsI{ padding-top: 2% !important; } .tsD_split .tsI.item_2{ padding-top: 8% !important; font-size:120% !IMPORTANT; font-size: 1.6rem !important; } .grid-container { display: grid !important; grid-template-columns: auto auto !important; } .grid-item { margin: 5px !important; text-align: center !important; } .feattext{ padding: 1% !IMPORTANT; } .feattext h2{ font-size:1.2rem !IMPORTANT; font-family: 'Sue Ellen Francisco', cursive !important; font-weight: 700 !important; } .icon{ border: 4px solid #f2f5d9 !important; border-radius: 100% !important; margin: auto !important; max-width: 8rem !important; padding: 5% !important; background-color: #25a6c2 !important; box-shadow: 0px 0px 10px -3px #000 !important; -webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important; } .grid-item:nth-child(2) .icon{background-color: #4eae51 !important;} .grid-item:nth-child(3) .icon{background-color: #a51d29 !important;} .grid-item:nth-child(4) .icon{background-color: #ffc83d !important;} .grid-item.item2 .icon{ padding: 8% !important; } .grid-item.item3 .icon{ padding: 7% !important; } .icon:hover, .grid-item:nth-child(2) .icon:hover, .grid-item:nth-child(3) .icon:hover, .grid-item:nth-child(4) .icon:hover{ background-color: #450f0f !important; display: inline-block !important; vertical-align: middle !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; -webkit-transition-property: transform !important; transition-property: transform !important; -webkit-transition: all .3s ease-in-out !important; -moz-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; -webkit-transform: translateY(-8px) !important; transform: translateY(-8px) !important; } @media(max-width:500px){ .grid-container { display: block!important; } } @media(max-width:830px){ .tsD_split .tsI .tsI_txt, .tsD_split .tsI .tsI_hd, .tsD_split .tsI .tsI_sh{ text-align:center !important; } } /*--------------------------------------------------- SERVICES ----------------------------------------------------*/ /*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/ .tsD_menu .tsB_hd span{font-family: 'Chelsea Market', cursive !important; background-color: #f2f5d9 !IMPORTANT; padding: 2% 10rem !IMPORTANT; max-width: 100% !IMPORTANT; border: 5px dotted #a51d29 !IMPORTANT;} .tsD_menu .tsB_hd span:after{ content:none !IMPORTANT;} .tsD_after1 .tsB_hd span:after, .tsD_after2 .tsB_hd span:after, .tsD_after3 .tsB_hd span:after{ display: flex !important; border-bottom: none !IMPORTANT; padding-top: .5rem !important; width: 100% !important; font-size: 1rem !IMPORTANT; margin: auto; opacity: .7;} .tsD_after1 .tsB_hd span:after{ content:'Served with sour cream, pico de gallo and house salsa.' !IMPORTANT;} .tsD_after2 .tsB_hd span:after{ content:'All fajitas come with guacamole, pico de gallo, sour cream, cheddar jack cheese, caramelized onions, peppers, Mexican rice & choice of bean. Can’t decide? Choose 2 for +$3' !IMPORTANT;} .tsD_after3 .tsB_hd span:after{ content:'Served with taco seasoned fries.' !IMPORTANT;} .tsD_menu{background-color: rgba(255,255,255,.6)!IMPORTANT;} .tsD_menu .tsI_img { flex: 0 0 20rem !IMPORTANT;} .tsD_grid .tsI{margin: 0 !important; width:33.333% !IMPORTANT;} .tsD_grid .tsR{padding: 0 !IMPORTANT; max-width:100% !IMPORTANT; margin: 0 !important;} /*---------------------------------------------------- FOOTER -----------------------------------------------------*/ .tsF_section.bottom, .tsF_section.copyright{background-color: #441516 !important;} /*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/ @media (max-width: 1024px){ .tsH #_the_logo img { max-height: 3.5em !important; } } .btn{ margin: 5px auto; } .btn, .exit-btn{ display: inline-block; padding: 4px 20px; margin-bottom: 1rem; /* font-size: 2rem; */ font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; margin-right: 0.5rem !important; } .btn-primary, .exit-btn{ color: #fff;/*----Button Text----*/ background-color:#441516; /*-----Button Color----*/ text-transform: uppercase; font-weight: bold; padding: .4rem 1.3rem; } .btn-primary:hover, .exit-btn:hover { background: #ffc83d; /*----Button hover color----*/ text-shadow: 1px 1px 1px #000; color: #fff !important; border: none !important; } #container a { color: #ffffff; } #modal_popup { position: fixed; pointer-events: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; text-align: center; white-space: nowrap; height: 100%; } #modal_popup:before { content: ''; display: inline-block; vertical-align: middle; margin-right: -0.25em; } .css-only-modal-check { pointer-events: auto; } .css-only-modal-check:checked ~ .css-only-modal { opacity: 1; pointer-events: auto; } .css-only-modal { top: 2%; width: 60%; min-width: 250px; background: #a51d29; /*----Modal Background Color----*/ border: 5px solid #ffc83d !important; z-index: 9999; display: inline-block; position: relative; pointer-events: auto; text-align: center; white-space: normal; display: inline-block; vertical-align: middle; opacity: 0; pointer-events: none; overflow:visible; } @media (max-width:569px) { .css-only-modal { top: 4%; width: 70%; min-width: 250px; z-index: 9999; display: inline-block; position: relative; pointer-events: auto; text-align: center; white-space: normal; display: inline-block; vertical-align: middle; opacity: 0; pointer-events: none; overflow:visible; } } #modal_wrapper { padding: .8rem 1.6rem 0; position: relative; } .css-only-modal h2 { text-align: center; } .css-only-modal p { font-size: 1.5rem; } .modal_desc { display: inline-block; width: 100%; padding-top: 2%; } .css-only-modal-close { /*--This is your X button, you can choose to display:none; if you do not want an X in the top right--*/ position:absolute; right:0; top:0; margin-top:0 !important; width: auto !important; } .css-only-modal-check { display: none; } .css-only-modal-check:checked ~ #screen-shade { opacity: 0.8; /*----How dark the shade covering the site is----*/ pointer-events: auto; } #screen-shade { opacity: 0; background: #000; /*-----Color of the shade----*/ position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; transition: opacity 0.8s; } .modal_logo { padding: 0; width: 100%; } .modal_headline { width: 100%; font-size: 2.3rem; font-weight: bold; letter-spacing: .05em; line-height: 2.8rem; padding-bottom: 2%; color: #ffffff; text-shadow: (1px 1px 10px #000000); } .modal_txt_area { padding:0 4%; } .modal_txt_area .modal_desc em { font-weight:bold; } .modal_desc { color: #ffffff; text-shadow: (1px 1px 10px #000000); } .tsC { z-index: auto !important; } @media (max-width: 1035px){ .modal_headline { font-size: 2rem; line-height: 2rem; } .modal_desc { display: block; width: 100%; padding-top: 5%; } .btn, .exit-btn{ margin-top: 2%; width: 100%; } } .css-only-modal-check { opacity: 0 !important; } /*---- Fix for landscape mobile ----*/ .is-mobile .css-only-modal { max-height:100% !important; overflow:auto !important; top:0; } .is-mobile .modal_headline { font-size: 1.3rem; line-height: 1.3rem; padding-bottom: 0rem; } .is-mobile .modal_desc { padding-top: 0rem; font-size: .8rem; } .is-mobile .modal_logo { max-width: 10rem !important; } .is-mobile .btn,.is-mobile .exit-btn{ margin: .3rem 0rem; font-size: .7rem; width: 100%; } /****Add nice padding to top and bottom of modal **/ img.modal_logo { padding-top: 5% !important; } .modal-buttons { padding-bottom: 5% !important; } .chownow-order-online a { font-size: 1.6rem !important; text-transform: uppercase !important; border: solid 2px #25A6C2 !important; background: #25A6C2 !important; }