@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Pacifico&family=Oswald:wght@400;600;700&display=swap'); .pacifico-regular { font-family: "Pacifico", cursive; font-weight: 400; font-style: normal; } .satisfy-regular { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-weight: 600; font-style: normal; } @font-face { font-family: 'Kanit'; src: url('../images/Kanit-Bold.ttf'); } @font-face { font-family: 'Pacifico'; src: url('../images/Pacifico-Regular.ttf'); } @font-face { font-family: 'Playwrite CU'; src: url('../images/PlaywriteCU-VariableFont_wght.ttf'); } /* Oswald: Google Fonts @import above (headings / nav — replaces Satisfy for a stronger look) */ @font-face { font-family: 'Lilita One'; src: url('../images/LilitaOne-Regular.ttf');} /* VIP Fans fragment target — no visual box, valid #vip-optin hash */ .brand-vip-optin-anchor { position: absolute; width: 1px; height: 1px; padding: 0; margin: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Parallax-style fixed backgrounds often glitch on mobile; scroll is safer */ @media (max-width: 768px) { body.mybg { background-attachment: scroll !important; } } .mb0 {margin-bottom: 0pc !important;} .nomobbr {display: inline-block;} .brandfont {font-family: var(--k-brand-heading-font, 'Oswald', sans-serif) !important; font-weight: 700 !important; letter-spacing: 0.04em !important; color: #fab32e !important; text-shadow: -2px -2px var(--k-brand-primary) !important; text-transform: uppercase !important;} .brandfontwhite {font-family: var(--k-brand-heading-font, 'Oswald', sans-serif) !important; font-weight: 700 !important; letter-spacing: 0.04em !important; color: #fff !important; text-shadow: -2px -2px var(--k-brand-primary) !important; text-transform: uppercase !important;} a {color: var(--k-brand-secondary);} a:hover, a:focus {color: var(--k-brand-secondary);} /* White About / content panels: never use a washed-out secondary for links */ .textbg a, .textbg p a, .homebody a { color: var(--k-brand-link-on-light, var(--k-brand-primary)) !important; font-weight: 700; } .textbg a:hover, .textbg a:focus, .textbg p a:hover, .textbg p a:focus, .homebody a:hover, .homebody a:focus { color: var(--k-brand-primary) !important; text-decoration: underline; } .homeh1 {font-size: 25px; line-height: 1 !important; margin: 0 !important; padding: 0 !important;} .homeh2 {font-size: 22px; line-height: 1 !important; margin: 0.1em 0 1.25em !important; padding: 0 !important;} .fly-info-box-header .homeh1, h1.brandfontwhite.homeh1 { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .fly-info-box-header .homeh2, h2.brandfontwhite.homeh2 { margin: 0.1em 0 1.25em !important; padding: 0 !important; line-height: 1 !important; } .homebody, .textbg p { font-size: 19px; line-height: 24px; margin-bottom: 0 !important; } .textbg img { max-width: 100%; height: auto; display: block; margin: 0.75em auto; } /* Quill alignment from website editor (published site does not load quill.snow.css) */ .textover .ql-align-center, .textbg .ql-align-center { text-align: center !important; } .textover .ql-align-right, .textbg .ql-align-right { text-align: right !important; } .textover .ql-align-justify, .textbg .ql-align-justify { text-align: justify !important; } @media (min-width: 992px) { .textover p { padding: 0 170px !important; } } .fly-sticky-header-on .logoblack {display: none;} .sticky-open .logoblack {display: inline-block;} .sticky-open .logowhite {display: none;} .sticky-open a {color: #fff !important;} .sticky-open li span {color: var(--k-brand-secondary) !important;} .sticky-open .fly-nav-menu li a {text-shadow: -1px -1px var(--k-brand-secondary) !important; text-transform: uppercase;} .preloader img { width: auto; max-width: min(440px, 75vw); max-height: min(440px, 75vw); height: auto; background-color: transparent; padding: 20px; border-radius: 30px; border: none; box-sizing: border-box; } .fly-header-site .fly-wrap-logo img, .fly-footer-logo img {background-color: transparent;} .fly-footer-logo img { width: 220px; max-width: 100%; margin-top: 15px; } .textbg { background-color: #fff; padding: 20px; border-radius: 30px; border: 2px solid black; margin-bottom: 0; max-width: 100%; box-sizing: border-box; overflow-x: hidden; } /* Location / Contact page: Hours block */ .location-hours { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; margin-top: 1.25rem; text-align: left; } .hours-group { background: rgba(1, 75, 62, 0.06); border-left: 4px solid var(--k-brand-primary); border-radius: 0 12px 12px 0; padding: 1.25rem 1.5rem; transition: background 0.2s ease; text-align: center; display: flex; flex-direction: column; } .hours-group .hours-label { flex-shrink: 0; } .hours-group .hours-detail-wrap { flex: 1; display: flex; flex-direction: column; justify-content: center; } .hours-group:hover { background: rgba(1, 75, 62, 0.1); } .hours-group.hours-highlight { border-left-color: var(--k-brand-primary); background: rgba(1, 75, 62, 0.06); text-align: center; } .hours-group.hours-highlight:hover { background: rgba(1, 75, 62, 0.1); } .hours-group.hours-highlight .hours-detail strong.hours-highlight-label { font-size: 1.7rem; margin-bottom: 0; line-height: 1.2; } .hours-label { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-size: 1.6rem; color: var(--k-brand-primary); margin: 0 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid rgba(1, 75, 62, 0.25); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .hours-label i { margin-right: 0.5rem; opacity: 0.95; color: var(--k-brand-primary); } .hours-group.hours-highlight .hours-label { color: var(--k-brand-primary); } .hours-detail { font-size: 1.18rem; line-height: 1.9; margin: 0 0 1rem 0; color: #252525; } .hours-detail:first-of-type { font-size: 1.25rem; } .hours-detail:last-child { margin-bottom: 0; } .hours-detail strong { font-weight: 700; color: var(--k-brand-primary); } /* Kitchen: content at 20px */ .location-hours .hours-group:first-child .hours-detail, .location-hours .hours-group:first-child .hours-detail:first-of-type { font-size: 20px; } /* Bar & Happy Hour: larger type and spacing so they balance with Kitchen */ .hours-group.hours-bar .hours-label, .hours-group.hours-highlight .hours-label { font-size: 1.85rem; } .hours-group.hours-bar .hours-detail, .hours-group.hours-highlight .hours-detail { font-size: 1.18rem; line-height: 1.9; margin-bottom: 1rem; } .hours-group.hours-bar .hours-detail:first-of-type, .hours-group.hours-highlight .hours-detail:first-of-type { font-size: 1.25rem; } .hours-group.hours-bar .hours-detail:last-child, .hours-group.hours-highlight .hours-detail:last-child { margin-bottom: 0; } @media (max-width: 768px) { .location-hours { grid-template-columns: 1fr; } } .fly-sticky-header-on .fly-wrap-logo img {width: auto; max-width: 340px; max-height: 150px; height: auto; object-fit: contain;} .stick-open .fly-wrap-logo img {width: auto !important; max-width: 210px !important; max-height: 110px !important; height: auto !important; object-fit: contain;} .fly-header-site.sticky-menu { height: auto; min-height: 104px; } .fly-header-site.sticky-menu .fly-wrap-logo { max-width: 250px; margin-top: 2px; max-height: 148px; } /* Rectangle: compact sticky bar — tight padding, nav vertically centered with logo */ body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; min-height: 0 !important; padding-top: 2px !important; padding-bottom: 2px !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-nav-wrap.fly-nav-left, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-nav-wrap.fly-nav-right { display: flex !important; align-items: center !important; position: static !important; top: 0 !important; margin: 0 !important; width: auto !important; flex: 0 1 auto !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-nav-left, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-nav-right { position: relative !important; top: 0 !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-site-navigation .fly-nav-menu { display: flex !important; align-items: center !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-site-navigation .fly-nav-menu li { padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-wrap-logo { max-width: 260px !important; max-height: 96px !important; margin-top: 0 !important; display: flex !important; align-items: center !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-wrap-logo img, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu.sticky-open .fly-wrap-logo img, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .stick-open .fly-wrap-logo img { width: auto !important; max-width: 260px !important; max-height: 68px !important; height: auto !important; margin-left: 0 !important; object-fit: contain !important; } /* Square/circle sticky wrap stays compact */ body.brand-logo-shape-square .fly-header-site.sticky-menu .fly-wrap-logo, body.brand-logo-shape-circle .fly-header-site.sticky-menu .fly-wrap-logo { max-width: 150px; max-height: 110px; } .modal-body {padding: 0px !important; vertical-align: bottom !important;} .modal-body h3 {padding-top: 25px !important;} .modal-body div {vertical-align: bottom !important;} .modal-body img {vertical-align: bottom !important;} .modal-body .close {padding-right: 20px !important;} .modal-header {padding: 0px !important;} .myx {position: absolute !important; right: 0px !important; padding: 5px 20px 0px 0px !important;} .myx span {font-family: 'LilitaOne' !important;} .close {font-size: 40px !important;} .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--k-brand-primary); z-index: 9999; display: flex; justify-content: center; align-items: center; } .fly-menu-category .fly-menu-content i { font-family: 'FontAwesome' !important; font-size: 60px; margin-bottom: 25px; color: #fff; } .menubtns {text-align: center; margin: 0 auto;} .topbtns {text-align: center; margin: 0 auto;} .imgshadow {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7);} .mm-listview > li > a, .mm-listview > li > span { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-size: 35px; color: #fab32e; text-shadow: -2px -2px var(--k-brand-primary); font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 40px; display: block; padding: 10px 10px 10px 20px; margin: 0; text-transform: uppercase; } .ml5 {margin-left: 5px !important;} .burnets {margin-top: 150px;} .burnet img {width: 950px !important; margin-top: 25px;} .burnet2 img {width: 100%; height: auto; display: none;} .mymap {width: 650px; height: 300px; margin: 0 auto; border: solid 10px #000;} p {font-family: 'Highway';} body { font-family: 'Highway'; } .myfooter {background-color: var(--k-brand-primary);} .fly-site-footer .fly-footer-copyright .fly-footer-credits { margin-top: 10px; text-transform: none; letter-spacing: 0.04em; font-weight: 600; font-size: 13px; line-height: 1.35; } .fly-site-footer .fly-footer-copyright .fly-footer-credits-sub { margin-top: 2px; font-size: 13px; letter-spacing: 0.04em; line-height: 1.35; } /* Footer logo + text: side-by-side, vertically centered (matches performer brand lockup) */ .fly-site-footer.myfooter .fly-footer-content { display: block; width: min(720px, 92%); margin: 0 auto; text-align: center; } .fly-site-footer.myfooter .fly-footer-brand-row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 72px; column-gap: 72px; width: 100%; } .fly-site-footer.myfooter .fly-footer-brand-row .fly-footer-logo { display: block; flex: 0 0 auto; margin: 0; } .fly-site-footer.myfooter .fly-footer-brand-row .fly-footer-logo img { display: block; margin: 0; } /* Rectangle footer mark — 200px wide on desktop */ @media (min-width: 992px) { body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-site-footer.myfooter .fly-footer-brand-row .fly-footer-logo img, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-footer-logo img { width: 200px !important; max-width: 200px !important; max-height: none !important; height: auto !important; object-fit: contain !important; } } .fly-site-footer.myfooter .fly-footer-brand-row .fly-footer-info.brand-footer-info { flex: 0 0 auto; text-align: center; margin: 0; padding: 0; line-height: 2.1; } .fly-site-footer.myfooter .fly-footer-content .fly-social { display: block; width: 100%; text-align: center; margin-top: 22px; } @media (max-width: 767px) { .fly-site-footer.myfooter .fly-footer-brand-row { flex-direction: column; gap: 16px; } .fly-site-footer.myfooter .fly-footer-brand-row .fly-footer-info.brand-footer-info { text-align: center; } } /* Footer tagline block */ .fly-site-footer.myfooter .brand-footer-tagline { margin-top: 0.25em; line-height: 1.45; display: block; white-space: pre-line !important; } /* Stale templates echo the tagline as plain text inside .brand-footer-info; keep newlines visible until every site has the
fragment renderer. */ .fly-site-footer.myfooter .fly-footer-info.brand-footer-info { white-space: pre-line; } .fly-site-footer.myfooter .brand-footer-phone { margin-top: 0.25em; } .flnone {float: none !important;} .popimg {text-align: center;} .Satisfy-light { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-weight: 300; font-style: normal; } .Satisfy-regular { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-weight: 400; font-style: normal; } .Satisfy-bold { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-weight: 700; font-style: normal; } .hoursec {padding-top: 100px; margin-bottom: 100px;} .hoursec2 {padding-top: 50px;} .hours1 {background-image: url("../images/hours1.jpg"); background-size: cover; min-height: 270px; border-radius: 30px;} .hours2 {background-image: url("../images/hours2.jpg"); background-size: cover; min-height: 270px; border-radius: 30px;} .modal-header {background-color: var(--k-brand-primary);} .modal-body {background-color: var(--k-brand-primary);} .close {color: #fff; opacity: .9;} .woodborder img { border-width:30px; border-image:url( "../images/wood.jpg") 30 30 stretch; -moz-border-image: url(../images/wood.jpg) 30 30 stretch; -ms-border-image: url(../images/wood.jpg) 30 30 stretch; -o-border-image: url(../images/wood.jpg) 30 30 stretch; border-style:solid; width: 650px; height: auto; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7); /* margin: 50px;*/ } .woodborder iframe { border-width:30px; border-image:url( "../images/wood.jpg") 30 30 stretch; -moz-border-image: url(../images/wood.jpg) 30 30 stretch; -ms-border-image: url(../images/wood.jpg) 30 30 stretch; -o-border-image: url(../images/wood.jpg) 30 30 stretch; border-style:solid; width: 650px; height: 400px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7); /* margin: 50px;*/ } .myvideo {margin: 0 auto;} .woodborder video { border-width:30px; border-image:url( "../images/wood.jpg") 30 30 stretch; -moz-border-image: url(../images/wood.jpg) 30 30 stretch; -ms-border-image: url(../images/wood.jpg) 30 30 stretch; -o-border-image: url(../images/wood.jpg) 30 30 stretch; border-style:solid; width: 650px; height: 400px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7); margin: 0 auto; } .fly-quick-nav-item h3 { color: #ffffff; font-size: 30px; letter-spacing: 5px; margin-bottom: 25px;} /*.fly-dish-image img {display: none !important;}*/ .fly-restaurant-menu .fly-menu-category .fly-menu-content i { font-family: 'FontAwesome' !important; font-size: 60px; margin-bottom: 25px; color: #fff; } .c5 img {width: 300px; height: auto;} .ytvideo iframe {width: 650px; height: 400px; border: solid 20px #000; border-radius: 25px;} .myborder img {border: solid 20px #000; border-radius: 25px;} .nopl {padding-left: 0px !important;} .nopr {padding-right: 0px !important;} .mb0 {margin-bottom: 0px !important;} .mb20 {margin-bottom: 20px !important;} .mb50 {margin-bottom: 50px !important;} .mb100 {margin-bottom: 100px !important;} .mt10 {margin-top: 10px !important;} .mt25 {margin-top: 25px !important;} .mt50 {margin-top: 50px !important;} .mt75 {margin-top: 75px !important;} .mt100 {margin-top: 100px !important;} .mt150 {margin-top: 150px !important;} .pt20 {padding-top: 20px !important;} .pt50 {padding-top: 50px !important;} .pt70 {padding-top: 70px !important;} .pt100 {padding-top: 100px !important;} .m0a {margin: 0 auto !important;} .fln {float: none !important;} .dishsub {font-family: 'Lato', sans-serif; font-size: 20px; margin-top: 15px; font-weight: bold; color: #fff; text-shadow: 1px 1px #000; letter-spacing: normal; text-align: center; } .contact-item p {font-size: 22px; margin-bottom: 10px !important;} .contact-item p a { color: #000; } .contact-item p a:hover, .contact-item p a:focus { color: var(--k-brand-secondary); } .myoverlay{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); } .fly-info-box-content {font-size: 27px; line-height: 30px;} /* Content column: centered, capped at 1000px (use max-width — not width:1000px — so mobile parents with indefinite shrink-to-fit don't force a 1000px page). */ .fly-info-box .fly-info-box-content, .fly-story-box .fly-info-box-content, .fly-story-box .fly-story-box-content { padding-left: 0 !important; padding-right: 0 !important; width: 100%; max-width: 1000px; margin: 0 auto; box-sizing: border-box; } .contact-item .title { font-size: 23px; line-height: 33px; color: #000; /* text-shadow: 1px 1px #000;*/ text-transform: uppercase; font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); letter-spacing: 1.7px; } .contact-item { text-align: center; position: relative; } contact-item .image { margin-bottom: 9px; } .contact-item.line-right::after { position: absolute; content: ''; width: 1px; height: 197px; right: -17px; background-color: #414036; top: 48%; transform: translateY(-50%); } .fly-header-site .fly-site-navigation .fly-nav-menu li a {text-shadow: 2px 2px #000; text-transform: uppercase;} .textover { position: absolute; font-size: 50px; line-height: 65px; font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); color: #fff; width: 100%; margin-top: 300px; text-align: center; text-shadow: 2px 2px #000; z-index: 1000; } .textover p { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-size: 60px; line-height: 70px; text-shadow: 2px 2px #000; margin-bottom: 0px !important; font-weight: bold; } @media (min-width: 992px) { .textover p { padding: 0 170px; } } .textover a {text-shadow: 1px 1px #000 !important;} .mypopover { position: absolute; font-size: 40px; line-height: 31px; font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); color: #fff; text-align: center; width: 100%; margin-top: 23%; text-shadow: 2px 2px #000; z-index: 1000; } .mypopover p { font-size: 24px; text-shadow: 2px 2px #000; margin-bottom: 0px !important; } .mypopover a {text-shadow: 1px 1px #000 !important;} @media (max-width: 1290px) { .fly-header-site .fly-site-navigation .fly-nav-menu li a { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); color: #ffffff; text-shadow: -2px -2px #000000; font-size: 20px; font-weight: bold; border-bottom: 2px solid transparent; padding-bottom: 7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .fly-header-site .fly-site-navigation .fly-nav-menu li span { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif) !important; text-shadow: 2px 2px #000; font-size: 16px; color: #ffffff; font-weight: 700; border-bottom: 2px solid transparent; padding-bottom: 7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .fly-header-site .fly-wrap-logo { max-width: 360px; max-height: 148px; } .fly-header-site .fly-site-navigation .fly-nav-menu li { margin-left: 30px; } } /* iPad Landscape */ @media (max-width: 1200px) { .fly-header-site .fly-site-navigation .fly-nav-menu li a { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); text-shadow: 2px 2px #000; text-transform: uppercase; font-size: 18px; color: #ffffff; font-weight: 700; border-bottom: 2px solid transparent; padding-bottom: 7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .fly-header-site .fly-site-navigation .fly-nav-menu li span { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif) !important; text-shadow: 2px 2px #000; font-size: 15px; color: #ffffff; font-weight: 700; border-bottom: 2px solid transparent; padding-bottom: 7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .hours1 {background-image: url("../images/barbacoa-nachos.jpg"); background-size: cover; min-height: 450px; border-radius: 30px; display: none;} .hours2 {background-image: url("../images/barbacoa-nachos.jpg"); background-size: cover; min-height: 450px; border-radius: 30px; display: none;} } @media (max-width: 1160px) { .fly-header-site .fly-wrap-logo { /* max-width: 144px; max-height: 100px; */ } .fly-header-site .fly-site-navigation .fly-nav-menu li { margin-left: 20px; } } @media (max-width: 1100px) { .fly-header-site .fly-site-navigation .fly-nav-menu li a { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); text-shadow: 2px 2px #000; font-size: 18px; color: #ffffff; font-weight: 700; border-bottom: 2px solid transparent; padding-bottom: 7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .fly-header-site .fly-site-navigation .fly-nav-menu li span { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif) !important; text-shadow: 2px 2px #000; font-size: 14px; color: #ffffff; font-weight: 700; border-bottom: 2px solid transparent; padding-bottom: 7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } } /* iPad Portrait */ @media (max-width: 992px) { } @media (max-width: 768px) { } /* iPhone Landscape */ @media (max-width: 767px) { .textover { position: absolute; font-size: 23px; line-height: 28px; font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); color: #fff; width: 100%; margin-top: 109px; text-shadow: 2px 2px #000; z-index: 1000; } .textover p { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-size: 16px; text-shadow: 2px 2px #000; margin-bottom: 0px !important; font-weight: bold; } .mypopover { /* display: none;*/ position: absolute; font-size: 32px; line-height: 22px; font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); color: #fff; text-align: center; width: 100%; margin-top: 122px; text-shadow: 2px 2px #000; z-index: 1000; } .mypopover p { /* display: none;*/ font-size: 16px; text-shadow: 2px 2px #000; margin-bottom: 0px !important; } .myvideo {margin: 0 auto;} .woodborder {margin: 0 15px 0 15px;} .woodborder video { border-width:16px; border-image:url( "../images/wood.jpg") 30 30 stretch; -moz-border-image: url(../images/wood.jpg) 30 30 stretch; -ms-border-image: url(../images/wood.jpg) 30 30 stretch; -o-border-image: url(../images/wood.jpg) 30 30 stretch; border-style:solid; width: 100%; height: 338px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7); margin: 0 auto; } } @media (max-width: 700px) { } /* iPhone Portrait */ @media (max-width: 480px) { h1 { font-size: 23px; } .fly-dish-menu .fly-dish-menu-content li .fly-dish-menu-description h5:not(.non-descript) { min-width: 200px; } .non-descript { min-width: 250px; } .menubtns a {text-align: center; margin: 0 auto; margin-top: 15px;} .topbtns a {text-align: center; margin: 0 auto; margin-top: 15px;} .burnets {margin-top: 75px;} .burnet {display: none;} .b2 {padding-left: 0 !important; padding-right: 0 !important;} .burnet2 img {width: 100% !important; height: auto !important; display: inline !important; margin: 0 !important;} .mobnopl {padding-left: 0px !important;} .mobnopr {padding-right: 0px !important;} .nomob {display: none !important;} .fly-info-box-content { font-size: 24px; line-height: 29px; } .textover { position: absolute; font-size: 30px; line-height: 40px; font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); color: #fff; width: 100%; margin-top: 170px; text-shadow: 2px 2px #000; z-index: 1000; } .textover p { font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-size: 30px; line-height: 40px; text-shadow: 2px 2px #000; margin-bottom: 0px !important; font-weight: bold; } .mypopover { /* display: none;*/ position: absolute; font-size: 25px; line-height: 20px; font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); color: #fff; text-align: center; width: 100%; margin-top: 80px; text-shadow: 2px 2px #000; z-index: 1000; } .mypopover p { /* display: none;*/ font-size: 16px; text-shadow: 2px 2px #000; margin-bottom: 0px !important; } .woodborder {margin: 0 15px 0 15px;} .woodborder video { border-width:16px; border-image:url( "../images/wood.jpg") 30 30 stretch; -moz-border-image: url(../images/wood.jpg) 30 30 stretch; -ms-border-image: url(../images/wood.jpg) 30 30 stretch; -o-border-image: url(../images/wood.jpg) 30 30 stretch; border-style:solid; width: 100%; height: 209px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7); margin: 0 auto; } .woodborder img { border-width:16px; border-image:url( "../images/wood.jpg") 30 30 stretch; -moz-border-image: url(../images/wood.jpg) 30 30 stretch; -ms-border-image: url(../images/wood.jpg) 30 30 stretch; -o-border-image: url(../images/wood.jpg) 30 30 stretch; border-style:solid; width: 650px; height: auto; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7); /* margin: 50px;*/ } .hoursec {padding-top: 25px; margin-bottom: 25px;} .mymap { width: 100%; height: 300px; margin: 0 auto; border: solid 10px #000; } .address {margin-top: 30px;} .email {margin-top: 30px;} } /* Header logo size — rectangles stay wide (DJ-style ~250px); square/circle override below */ .fly-header-site .fly-wrap-logo img { width: 250px !important; max-width: 340px; height: auto !important; margin-left: 17px; object-fit: contain; } body.brand-logo-shape-square .fly-header-site .fly-wrap-logo img, body.brand-logo-shape-circle .fly-header-site .fly-wrap-logo img, body.brand-logo-shape-square .fly-header-site .logowhite img, body.brand-logo-shape-circle .fly-header-site .logowhite img, body.brand-logo-shape-square .fly-header-site .logoblack img, body.brand-logo-shape-circle .fly-header-site .logoblack img { width: auto !important; margin-left: 0 !important; } /* Never force 250px width once the sticky bar is active. Rectangles use the tighter 48px rules below; this is a safe generic cap. */ .fly-header-site.sticky-menu .fly-wrap-logo img { width: auto !important; max-width: 210px; max-height: 110px !important; height: auto !important; padding-top: 0; object-fit: contain; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-wrap-logo img { max-width: 260px !important; max-height: 68px !important; } /* Mobile rectangle: center like square/circle (hide side navs); larger non-sticky mark */ @media (max-width: 991px) { body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu { position: absolute !important; left: 0 !important; right: 0 !important; width: 100% !important; display: block !important; text-align: center !important; min-height: 0 !important; background: transparent !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu.sticky-open { position: fixed !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 56px !important; height: auto !important; padding-top: 2px !important; padding-bottom: 2px !important; background: var(--k-brand-primary, #3b2414) !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site .fly-nav-wrap, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-nav-wrap { display: none !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site .fly-wrap-logo, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-wrap-logo { position: relative !important; left: auto !important; right: auto !important; float: none !important; transform: none !important; display: inline-block !important; width: auto !important; text-align: center !important; overflow: visible !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site:not(.sticky-menu) .fly-wrap-logo { max-width: min(300px, 82vw) !important; max-height: 67px !important; margin: 8px auto 0 !important; padding-left: 15px !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu.sticky-open .fly-wrap-logo { max-width: min(260px, 72vw) !important; max-height: 58px !important; margin: 0 auto !important; display: inline-block !important; padding-left: 0 !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site:not(.sticky-menu) .fly-wrap-logo img { display: block !important; width: auto !important; max-width: min(300px, 82vw) !important; max-height: 67px !important; height: auto !important; margin: 0 auto !important; object-fit: contain !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu.sticky-open .fly-wrap-logo img, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .stick-open .fly-wrap-logo img { max-width: min(260px, 72vw) !important; max-height: 54px !important; margin: 0 auto !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-footer-logo, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-footer-logo img, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-site-footer.myfooter .fly-footer-brand-row .fly-footer-logo img { display: block !important; width: auto !important; max-width: min(220px, 75vw) !important; max-height: 52px !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; object-fit: contain !important; } } body.brand-logo-shape-square .fly-header-site .fly-wrap-logo img, body.brand-logo-shape-circle .fly-header-site .fly-wrap-logo img { width: auto !important; max-width: 150px !important; max-height: 150px !important; margin-left: 0; } body.brand-logo-shape-square .fly-header-site.sticky-menu .fly-wrap-logo img, body.brand-logo-shape-circle .fly-header-site.sticky-menu .fly-wrap-logo img { max-width: 110px !important; max-height: 110px !important; } @media (min-width: 992px) { /* Was 450px — forces left+right nav to wrap under each other on iPad landscape. */ .fly-header-site.fly-header-type-1 .fly-nav-wrap { width: auto; } /* Rectangle: single-row flex header (left nav | logo | right nav) */ body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.fly-header-type-1, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.fly-header-type-1.sticky-menu { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; height: auto !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site .fly-nav-wrap, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.fly-header-type-1 .fly-nav-wrap { width: auto !important; max-width: none !important; flex: 0 1 auto !important; float: none !important; position: static !important; display: flex !important; align-items: center !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site .fly-site-navigation .fly-nav-menu { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site .fly-wrap-logo { flex: 0 0 auto !important; float: none !important; position: static !important; margin: 0 28px !important; } } /* iPad landscape / narrow desktop: keep one row, shrink logo + nav gaps */ @media (min-width: 992px) and (max-width: 1199px) { body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site .fly-site-navigation .fly-nav-menu li, body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site.sticky-menu .fly-site-navigation .fly-nav-menu li { margin-left: 14px !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site .fly-wrap-logo { margin: 0 16px !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site:not(.sticky-menu) .fly-wrap-logo { max-width: 210px !important; max-height: 96px !important; } body:not(.brand-logo-shape-square):not(.brand-logo-shape-circle):not(.brand-logo-is-text) .fly-header-site:not(.sticky-menu) .fly-wrap-logo img { width: auto !important; max-width: 210px !important; max-height: 96px !important; } } .fly-header-site .fly-nav-left, .fly-header-site .fly-nav-right { position: relative; top: 0; } .fly-header-site.sticky-menu .fly-nav-left, .fly-header-site.sticky-menu .fly-nav-right { position: relative; top: 0; } /* Brand theme: primary/secondary from inc/config via css/brand-vars.php; secondary buttons hover → primary */ .fly-header-site.sticky-menu { background: var(--k-brand-primary) !important; border-bottom-color: var(--k-brand-secondary) !important; } .fly-btn-1.fly-btn-color-3 { background-color: var(--k-brand-secondary) !important; border-color: var(--k-brand-secondary) !important; color: var(--k-brand-on-secondary, #fff) !important; text-shadow: var(--k-brand-on-secondary-shadow, 0 1px 2px rgba(0,0,0,0.95)) !important; } .fly-btn-1:hover.fly-btn-color-3, .fly-btn-1.fly-btn-color-3:hover, .fly-btn-1.fly-btn-color-3:focus, .field-submit input[type="submit"].fly-btn-1:hover.fly-btn-color-3, .field-submit input[type="submit"].fly-btn-1.fly-btn-color-3:hover, .field-submit input[type="submit"].fly-btn-1.fly-btn-color-3:focus, .comment-respond .comment-form p.form-submit input:hover.fly-btn-color-3, .comment-respond .comment-form p.form-submit input.fly-btn-color-3:hover, .comment-respond .comment-form p.form-submit input.fly-btn-color-3:focus { background-color: var(--k-brand-primary) !important; border-color: var(--k-brand-primary) !important; color: var(--k-brand-on-primary, #fff) !important; text-shadow: var(--k-brand-on-primary-shadow, 0 1px 2px rgba(0,0,0,0.95)) !important; } .fly-btn-quick-nav.fly-btn-color-3 { background-color: var(--k-brand-secondary) !important; border-color: var(--k-brand-secondary) !important; color: var(--k-brand-on-secondary, #fff) !important; text-shadow: var(--k-brand-on-secondary-shadow, 0 1px 2px rgba(0,0,0,0.95)) !important; } .fly-btn-quick-nav.fly-btn-color-3:hover, .fly-btn-quick-nav.fly-btn-color-3:focus { background-color: var(--k-brand-primary) !important; border-color: var(--k-brand-primary) !important; color: var(--k-brand-on-primary, #fff) !important; text-shadow: var(--k-brand-on-primary-shadow, 0 1px 2px rgba(0,0,0,0.95)) !important; } .fly-section-image .container { position: relative; z-index: 11; display: table; height: 100%; padding-top: 95px; } /* Keep hero background anchored at bottom (parallax JS was overwriting inline style) */ .fly-section-image.fly-header-image.parallax { background-position: bottom !important; } /* Custom scrollbar: track var(--k-brand-secondary), thumb var(--k-brand-primary), thin */ html { scrollbar-color: var(--k-brand-primary) var(--k-brand-secondary); scrollbar-width: thin; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: var(--k-brand-secondary); } ::-webkit-scrollbar-thumb { background: var(--k-brand-primary); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: #013830; } /* Sticky mobile footer: brand green, white text & icons; secondary on icon hover */ .sticky-mobile-footer { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9998; background: var(--k-brand-primary); color: #fff; padding: 6px 0; padding-bottom: calc(6px + env(safe-area-inset-bottom, 0)); box-shadow: 0 -2px 12px rgba(0,0,0,0.2); } .sticky-mobile-footer a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; color: #fff; font-family: var(--k-brand-heading-font, 'Oswald', sans-serif); font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; padding: 6px 2px; -webkit-tap-highlight-color: transparent; line-height: 1.2; } .sticky-mobile-footer a i { font-size: 1.1rem; color: #fff; } .sticky-mobile-footer a:hover, .sticky-mobile-footer a:focus { color: #fff; } .sticky-mobile-footer a:hover i, .sticky-mobile-footer a:focus i { color: var(--k-brand-secondary); } .sticky-mobile-footer a:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.25); } @media (max-width: 768px) { .sticky-mobile-footer { display: flex; } /* Reserve space at bottom of footer so sticky bar doesn’t cover content */ .fly-site-footer { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0)); } } /* Slimmer on tablet / iPad so it doesn’t dominate the screen */ @media (min-width: 481px) and (max-width: 1024px) { .sticky-mobile-footer { padding: 4px 0; padding-bottom: calc(4px + env(safe-area-inset-bottom, 0)); } .sticky-mobile-footer a { padding: 2px 2px; gap: 6px; font-size: 0.8rem; } .sticky-mobile-footer a i { font-size: 0.95rem; } } /* Sticky side buttons: Order + Call — desktop only (hidden on mobile/iPad) */ .sticky-side-actions { display: none; } @media (min-width: 1025px) { .sticky-side-actions { display: flex; flex-direction: column; position: fixed; right: 0; top: calc(27% + 100px); transform: translateY(-50%); z-index: 9997; background: var(--k-brand-primary); color: var(--k-brand-secondary); box-shadow: -2px 0 12px rgba(0,0,0,0.2); border-radius: 8px 0 0 8px; overflow: visible; } .sticky-side-actions a { display: flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; padding: 60px 6px; color: #fff; font-family: 'Lato', sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; text-align: center; border-bottom: 1px solid rgba(238, 176, 58, 0.25); box-sizing: border-box; } .sticky-side-actions .sticky-side-inner { display: inline-flex; flex-direction: row; align-items: center; gap: 10px; transform: rotate(90deg); white-space: nowrap; padding: 20px; } .sticky-side-actions a i { font-size: 1.15rem; color: var(--k-brand-secondary); } .sticky-side-actions a:last-child { border-bottom: none; padding: 60px 6px; } .sticky-side-actions a:hover, .sticky-side-actions a:focus { background: rgba(0,0,0,0.15); color: #fff; } .sticky-side-actions a:hover i, .sticky-side-actions a:focus i { color: var(--k-brand-secondary); } } /* Back to top button: gold background, gold arrow, right side */ html { scroll-behavior: smooth; } .back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 9996; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: var(--k-brand-secondary); color: var(--k-brand-primary); border: 2px solid var(--k-brand-primary); border-radius: 50%; box-shadow: 0 2px 12px rgba(0,0,0,0.25); text-decoration: none; transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, opacity 0.25s ease; opacity: 0; pointer-events: none; } .back-to-top.visible { opacity: 1; pointer-events: auto; } .back-to-top i { font-size: 1.4rem; } .back-to-top:hover, .back-to-top:focus { background: var(--k-brand-primary); color: #fff; border-color: #fff; transform: translateY(-2px); } /* On mobile, sit above the sticky footer so it doesn’t overlap */ @media (max-width: 768px) { .back-to-top { right: 5px; bottom: calc(72px + env(safe-area-inset-bottom, 0)); } } /* RestPortal menu: padding on category titles */ .restportal-menu .restportal-menu-title { padding-left: 5px; padding-right: 5px; } @media (max-width: 479px) { .nomobbr {display: none;} .restportal-menu .restportal-menu-title { font-size: 35px !important; } } /* Gallery dropdown: ensure it's readable on both top and sticky header states. */ .fly-header-site .fly-site-navigation .fly-nav-menu li ul { background-color: rgba(0,0,0,0.85); z-index: 50; } .fly-header-site .fly-site-navigation .fly-nav-menu li ul li { padding: 6px 0; } .fly-header-site .fly-site-navigation .fly-nav-menu li ul li a { font-size: 18px; letter-spacing: 0.04em; } /* Mobile nav (mmenu): brand green background, 30px font */ .mm-menu, .mm-menu > .mm-panel { background: var(--k-brand-primary) !important; } .mm-menu .mm-listview > li > a, .mm-menu .mm-listview > li > span { font-size: 30px !important; color: #fff !important; } .mm-menu .mm-listview > li.mm-selected > a, .mm-menu .mm-listview > li.mm-selected > span { color: #fff !important; } .mm-menu .mm-listview > li > a.mm-next { font-size: 30px !important; } .mm-menu .mm-counter { color: rgba(255, 255, 255, 0.85) !important; } /* Mobile nav arrows + navbar controls: white */ .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: #fff !important; } /* Subpanel navbar title: white, brand font. mmenu's default .mm-navbar is 40px tall with line-height 20px, which clips a 30px Oswald title and leaves no space before the listview. Grow the navbar, match the list-item font, and push the listview down for breathing room. */ .mm-menu .mm-panel.mm-hasnavbar { padding-top: 96px !important; } .mm-menu .mm-navbar { height: 72px !important; line-height: 72px !important; padding: 0 56px !important; } .mm-menu .mm-navbar .mm-btn { height: 72px !important; } .mm-menu .mm-navbar .mm-title, .mm-menu .mm-navbar > a { color: #fff !important; font-family: var(--k-brand-heading-font, 'Oswald', sans-serif) !important; font-size: 30px !important; line-height: 72px !important; padding: 0 !important; } .mm-menu .mm-search input { color: #fff !important; } .mm-menu .mm-search input::placeholder { color: rgba(255, 255, 255, 0.65); } /* Clicking “Our Menus” text opens submenu: make whole row trigger the arrow */ /* Mobile menu footer: social row only (below nav links) */ .mm-menu .mm-listview > li.mm-mobile-menu-footer { border: none !important; padding: 20px 20px 24px !important; margin-top: 8px !important; } .mm-menu .mm-listview > li.mm-mobile-menu-footer:after { display: none !important; } .mm-mobile-menu-footer-inner { color: #fff; font-size: 18px; line-height: 1.5; } .mm-mobile-menu-social { margin-top: 0; display: flex; flex-wrap: wrap; gap: 12px; } .mm-mobile-menu-social .mm-mobile-social-link { color: #fff !important; font-size: 22px; display: inline-block; } .mm-mobile-menu-social .mm-mobile-social-link:hover { color: rgba(255, 255, 255, 0.85) !important; text-decoration: none; } /* VIP Fans: Gig Portal embed inside Magnific iframe */ .mfp-brand-vip-iframe .mfp-iframe-holder { padding: 16px 12px; } .mfp-brand-vip-iframe .mfp-content { max-width: 560px; width: 100%; height: 90vh; margin: 0 auto; } .mfp-brand-vip-iframe .mfp-iframe-scaler { padding-top: 0 !important; height: 90vh !important; } .mfp-brand-vip-iframe .mfp-iframe-scaler iframe { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35); border-radius: 12px; } /* Inner hero + quick-nav stripes — secondary from config */ .brand-hero-border { border-bottom: 10px solid var(--k-brand-secondary) !important; } .brand-nav-borders { border-top: 5px solid var(--k-brand-secondary); border-bottom: 5px solid var(--k-brand-secondary); } /* Hero overlay text: kill desktop 170px inset on mobile (beats pws-publish-overrides.css via specificity). */ @media (max-width: 991px) { body .textover p { padding: 0 !important; } } /* Nav items meant for mobile drawer only (e.g. Shop Online). Hidden inside the desktop header; visible after jquery.mmenu clones the