/*!
Theme Name: Shoney's
Theme URI: https://www.shoneys.com/
Author: Tombras
Author URI: https://tombras.com/
Description:
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shoneys
*/
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; }

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

img, figure { border-style: none; max-width: 100%; height: auto; }

@font-face { font-family: 'Alpinist'; font-display: fallback; font-weight: 400; src: url("/wp-content/themes/shoneys/fonts/Alpinist/Alpinist-Regular.woff") format("woff"); }

@font-face { font-family: 'Alpinist'; font-display: fallback; font-weight: 800; src: url("/wp-content/themes/shoneys/fonts/Alpinist/Alpinist-Bold.woff") format("woff"); }

html { font-family: "Alpinist", sans-serif; font-size: 18px; font-weight: 400; width: 100%; overflow-x: hidden; line-height: 1.5; }

h1, .h1 { font-size: 48px; }

@media (max-width: 450px) { h1, .h1 { font-size: 34px !important; } }

.hero.aligncenter .hero__content h1 { margin-bottom: 30px; }

.hero.aligncenter .hero__content h1::after { content: ""; background-color: white; display: block; width: 106px; height: 3px; margin: 20px auto; }

h2, .h2 { font-size: 30px; margin-top: 0px; }

h3, .h3 { font-size: 22px; font-weight: normal; }

p { font-size: 18px; line-height: 1.5; }

a { color: #0a73ba; font-weight: 500; text-transform: capitalize; text-decoration: none; }

a:hover, a:focus { text-decoration: underline; }

.aligncenter { text-align: center; }

.alignright { text-align: right; }

hr { width: 100%; border: 1px solid #979797; }

.simple-text { padding: 60px; }

@media (max-width: 450px) { .simple-text { padding: 20px; padding-top: 60px; } }

.simple-text__content { max-width: 800px; margin: auto; }

.simple-text__content h2 { font-size: 48px; }

@media (max-width: 450px) { .simple-text__content h2 { font-size: 34px; } }

.simple-text__content h3 { margin-top: 0px; }

.simple-text__content p { font-size: 24px; }

.simple-text.two-columns { display: -ms-flexbox; display: flex; }

.simple-text.two-columns > * { -ms-flex: 0 1 50%; flex: 0 1 50%; margin: 0 auto; }

.simple-text.two-columns > * img { max-width: 100%; }

.simple-text.two-columns > *:first-child { margin-right: 60px; }

@media (max-width: 1128px) { .simple-text.two-columns > *:first-child { margin-right: 0; margin-left: 0; } }

@media (max-width: 1128px) { .simple-text.two-columns > * { margin-bottom: 60px; } }

@media (max-width: 1128px) { .simple-text.two-columns { -ms-flex-flow: column; flex-flow: column; -ms-flex-align: center; align-items: center; padding: 30px; }
  .simple-text.two-columns .simple-text__content { width: 100%; } }

.aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom: 56.2%; }

.aspect-ratio iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.style-guide .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 1200px) { .style-guide .container { max-width: 1140px; } }

.style-guide .container .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.style-guide .container .row > * { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

@media (min-width: 576px) { .style-guide .container .row .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .style-guide .container .row .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

.style-guide .welcome-card { display: block; max-width: 300px; }

.style-guide .highlight { padding: 30px 0; }

.style-guide .highlight .btn { margin-top: 0; }

.style-guide span.details { color: #979797; display: block; font-size: 12px; font-family: 'Montserrat', sans-serif; line-height: 1.8; margin-top: 5px; }

.style-guide span.details:first-of-type { margin-top: 10px; }

.style-guide .text-wrap { margin: 0 0 30px; max-width: 100%; }

.style-guide .text-wrap > div { margin-top: 30px; }

.style-guide form .gform_body .gform_fields { padding: 0; margin: 0; list-style-type: none; display: block; }

.style-guide form .gform_body .gform_fields .gfield_label { font-weight: 700; }

.style-guide form .gform_body .gform_fields input { padding: 5px 4px; }

.style-guide form .gform_body .gform_fields textarea { height: 160px; }

.style-guide form .gform_footer { padding: 16px 0 10px; margin: 16px 0 0; }

.sg-main-header { margin-top: 0; padding: 2%; text-align: center; }

.sg-header { border-bottom: 1px solid; color: #979797; font-size: 1.5em; font-weight: 300; line-height: 1.5; margin-bottom: 0; margin-top: 50px; text-align: left; }

.sg-header#footer { margin-top: 200px; }

.sg-search-form { padding-top: 82px; }

.sg-menu-wrapper { z-index: 1020; }

.sg-desc { font-family: 'Montserrat', sans-serif; border-left: 2px solid #DCDBD8; color: #979797; margin: 20px 0 0 20px; padding: 0 0 0 20px; }

.sg-desc p { font-size: 16px; margin-bottom: 0; }

.sg-html .container-fluid { max-width: 1004px; margin: 0 auto; }

.sg-html .row > .row { display: inline-block; border: 2px solid red; }

.sg-html .btn.btn-link { display: block; margin-top: 0; }

.sg-html .buttons { list-style: none; padding: 0; }

.sg-html .buttons li { margin-top: 20px; }

.sg-html .buttons .memberDetails { margin-top: 0; }

.sg-html .buttons .memberDetails .location-links { padding-top: 0; }

.sg-html .hero-text-wrap { position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; }

.sg-c-blk { display: block; margin-top: 15px; word-wrap: break-word; }

.sg-table { border: none; display: block; max-width: 1004px; padding: 30px 0; }

.sg-table table { margin-right: 10px; width: 90%; }

.sg-table th, .sg-table td { padding: 10px; }

.sg-table tr td:first-of-type { padding-left: 0; width: 50%; }

.sg-table .sg-table-colors { border-collapse: collapse; border: 0; }

.sg-table .sg-table-colors td.circle { border-radius: 50%; display: block; width: 50px; height: 50px; margin: 10px auto; float: right; }

.sg-fonts-sizing ul { list-style: none; padding-left: 0; }

.sg-fonts-sizing ul li { border-bottom: 1px dotted #dedddc; display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; padding: 24px 0 23px; }

.sg-fonts-sizing ul li .type { width: 50%; }

.sg-fonts-sizing ul li .size, .sg-fonts-sizing ul li .font-fam { color: rgba(36, 28, 21, 0.65); width: 25%; }

.sg-component header .menu-bar-container { position: static; }

.sg-component header .top-bar { position: inherit; }

code { background-color: #ffffff; }

.padded { padding: 60px calc(50% - 581px); }

@media (max-width: 1128px) { .padded { padding: 60px; } }

@media (min-width: 1128px) { .wp-video { width: 551px !important; } }

.hero { min-height: 345px; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; position: relative; background-color: #D02B2E; }

.hero[style*="background-image"] { height: 780px; }

@media (max-width: 1128px) { .hero[style*="background-image"] { height: calc(100vh - 90px); max-height: 600px; } }

.type-menu > .hero { height: 450px; box-shadow: 0px 18px 0px #d02b2e; }

.type-menu > .hero .hero__content h1 { margin-bottom: 0px; }

.type-menu > .hero .hero__content h1::after { margin-bottom: 0px; }

.hero__filter { position: absolute; z-index: 0; top: 0; width: 100%; height: 100%; opacity: 0.32; background-image: linear-gradient(91deg, #000000 0%, #000000 32%, transparent 91%); }

.hero__content { padding: 0 20px; margin: auto calc(50% - 582px); -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 640px; color: white; z-index: 2; }

.hero__content h1 { margin-top: 0px; margin-bottom: 33px; font-size: 54px; }

.hero__content p { font-size: 22px; }

.hero__content.aligncenter { max-width: 100%; margin: auto; }

@media (max-width: 1128px) { .hero__content { margin: auto; margin-left: 0; } }

.aligncenter .hero__content, .alignright .hero__content { margin: auto; max-width: 100%; }

.alignright .hero__content { margin: auto 0; margin-right: calc(50% - 582px); }

.alignleft.full-width { padding: 50px calc(50% - 581px); }

.alignleft.full-width .hero__content { width: 100%; max-width: 100%; padding: 0; }

@media (max-width: 1128px) { .alignleft.full-width .hero__content { margin-right: auto; margin-left: auto; max-width: 90%; } }

.button, .wp-block-button__link, .header__cta a { background-color: #E5E5E5; border: none; box-shadow: none; cursor: pointer; color: #5d5d5d; border-radius: 25px; padding: 12px 70px; text-transform: uppercase; font-weight: bold; font-size: 18px; letter-spacing: 0.26px; text-decoration: none; line-height: initial; text-align: center; transition: all 0.2s; display: inline-block; }

.button:hover, .wp-block-button__link:hover, .header__cta a:hover { text-decoration: none; color: #D02B2E; }

.button.red, .wp-block-button__link.red, .header__cta a.red { background-color: #D02B2E; color: white; }

.button.red:hover, .wp-block-button__link.red:hover, .header__cta a.red:hover { text-decoration: none; color: white; }

.header__cta.red a { background-color: #D02B2E; color: white; }

.header__cta.red a:hover { text-decoration: none; color: white; }

@media (max-width: 1128px) { .header__cta.red a { background-color: white; color: #D02B2E; } }

li.nav-menu__item.header__cta a { font-size: 18px; padding: 10px 40px; }

@media (max-width: 1128px) { li.nav-menu__item.header__cta a { padding: 12px 70px; } }

.testimonials { display: -ms-flexbox; display: flex; }

@supports (-ms-ime-align: auto) { .testimonials { display: block; } }

.testimonials__header { text-align: center; color: #D02B2E; }

.testimonials__header + .tns-outer > .tns-controls button { color: #D02B2E; }

.testimonial__inner { background-color: #F6F1EB; text-align: center; padding: 120px 60px; max-width: 912px; margin: 0 auto; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); -ms-flex-flow: column; flex-flow: column; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

@media (max-width: 1024px) { .testimonial__inner { padding: 60px 30px 30px 30px; } }

.testimonial__quote { color: #D02B2E; font-size: 30px; font-weight: bold; }

@media (max-width: 1024px) { .testimonial__quote { font-size: 18px; text-align: left; } }

.testimonial__attribution { color: #6C6C6C; font-size: 24px; }

@media (max-width: 1024px) { .testimonial__attribution { font-size: 18px; } }

.site-footer { min-height: 239px; background-color: black; color: white; }

.site-footer hr { width: 100%; opacity: 0.25; border: 1px solid #979797; margin-bottom: 0px; }

@media (max-width: 1128px) { .site-footer { display: block; } }

.footer__menu { display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -ms-flex: 0 1 15%; flex: 0 1 15%; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 1128px) { .footer__menu { -ms-flex-flow: column; flex-flow: column; text-align: center; padding-bottom: 0px; } }

.footer__menu .menu__item { color: white; letter-spacing: 0.26px; }

.footer__menu .menu__item:last-of-type { margin-right: 0px; }

@media (max-width: 1128px) { .footer__menu .menu__item { margin: 0; margin-bottom: 40px; } }

.footer__links { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 60px calc(50% - 566px); }

@media (max-width: 1128px) { .footer__links { display: block; padding: 60px; } }

.footer__social { display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 0 1 14%; flex: 0 1 14%; }

.footer__social svg { height: 40px; width: 40px; }

@media (max-width: 1128px) { .footer__social { -ms-flex-pack: distribute; justify-content: space-around; } }

.footer__colophon { padding: 35px calc(50% - 566px); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-width: 100%; }

.footer__colophon > * { margin-top: 0; line-height: 1; }

@media (max-width: 1128px) { .footer__colophon { -ms-flex-flow: column; flex-flow: column; } }

.colophon__copyright { opacity: 1; font-size: 13px; color: white; letter-spacing: 0.26px; font-weight: 100; text-align: center; margin: 0; }

.colophon__menu { color: white; font-size: 13px; }

@media (max-width: 1128px) { .colophon__menu { margin-bottom: 40px; } }

.colophon__menu .menu__item { color: white; font-size: 13px; margin-right: 45px; }

.colophon__menu .menu__item:last-of-type { margin-right: 0px; }

.gform_wrapper { background-color: #F8F8F8; }

.gform_wrapper form { padding: 50px 80px; }

@media (max-width: 1128px) { .gform_wrapper form { padding: 20px; } }

.gform_wrapper ul.gform_fields { display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 1128px) { .gform_wrapper ul.gform_fields { -ms-flex-flow: column; flex-flow: column; } }

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100% !important; }

.gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; -ms-flex: 0 1 50%; flex: 0 1 50%; }

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label { font-weight: 400 !important; font-size: inherit; color: #B7B7B7; }

.gform_wrapper div.validation_error { border-top: 0 !important; border-bottom-color: #D02B2E !important; color: #D02B2E !important; padding-top: 0 !important; }

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: transparent !important; border: 0 !important; padding: 0 !important; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { color: #D02B2E !important; margin-top: 0 !important; }

.gform_wrapper .validation_message { color: #D02B2E !important; font-weight: normal !important; padding-top: 5px !important; }

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border-color: #D02B2E !important; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 8px !important; padding-right: 16px !important; }

body { position: relative; }

.content-area { padding-top: 90px; }

/* Variables */
/* Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.5s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 0.7; }

.hamburger.is-active:hover { opacity: 0.7; }

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #ffffff; }

.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 25px; height: 4px; background-color: #d02b2e; border-radius: 4px; position: absolute; right: 0; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { width: 32px; }

.hamburger-inner::after { width: 40px; }

.hamburger-inner::before { top: -10px; }

.hamburger-inner::after { bottom: -10px; }

.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner { width: 40px; transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse.is-active .hamburger-inner::after { width: 40px; top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }

.hamburger--collapse.is-active .hamburger-inner::before { width: 40px; top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/** End Hamburgers SCSS **/
.site-header { background: #ffffff; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 90px; z-index: 1000; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 0px 20px; }

.header__logo { width: 188px; }

.header__logo img { vertical-align: middle; padding: 20px; width: 100%; }

.nav-menu, .submenu { list-style: none; }

.nav-menu { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0px 30px; height: 60px; margin: 0 auto; }

.nav-menu__item { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 40px; }

.nav-menu__item:last-of-type { margin-right: 0px; }

.nav-menu__item a { text-decoration: none; color: #5c5c5c; font-size: 22px; }

.nav-menu__item a:hover, .nav-menu__item a:focus { color: #d02b2e; }

.submenu { display: none; -ms-flex-flow: column; flex-flow: column; padding: 30px; background: #ffffff; }

.submenu__item { margin-bottom: 30px; }

.submenu__item:last-of-type { margin-bottom: 0px; }

.has-submenu:hover > a, .has-submenu.open > a { color: #d02b2e; }

.has-submenu:hover .submenu, .has-submenu.open .submenu { display: -ms-flexbox; display: flex; position: absolute; }

.submenu__toggle { cursor: pointer; background-color: transparent; border: none; background-image: url(/wp-content/themes/shoneys/imgs/down-triangle.svg); background-repeat: no-repeat; background-position: center; }

.submenu__toggle > span { display: inline-block; width: 0.8em; height: 0.8em; }

.has-submenu:hover .submenu__toggle, .has-submenu.open .submenu__toggle { background-image: url(/wp-content/themes/shoneys/imgs/up-red-triangle.svg); }

.menu-toggle { display: none; }

/** Styles for our fancy, animated mobile menu **/
@media (max-width: 1128px) { .site-header { padding: 0px 25px; }
  .header__logo { width: 140px; }
  .menu-toggle { display: block; z-index: 500; }
  .header__logo img { padding: 0px; }
  .menu-wrapper, .submenu { display: -ms-flexbox; display: flex; background-color: #d02b2e; color: #ffffff; position: absolute; z-index: 2; top: 0; left: 10%; right: 0; bottom: 0; height: 100vh; -ms-flex-pack: center; justify-content: center; margin-left: 100%; transition: all 0.5s; }
  .menu-wrapper.open, .has-submenu.open .submenu { margin-left: 0%; }
  .nav-menu, .submenu { display: none; -ms-flex: 0 1 100%; flex: 0 1 100%; -ms-flex-flow: column; flex-flow: column; height: 100vh; width: 100%; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; }
  .submenu { background-color: #d02b2e; padding-right: 60px; }
  .menu-wrapper.open .nav-menu { display: -ms-flexbox; display: flex; }
  .nav-menu__item { margin-right: 0px; margin-bottom: 60px; }
  .nav-menu__item:last-of-type { margin-bottom: 0px; }
  .nav-menu__item a { color: #ffffff; }
  .nav-menu__item a:hover, .nav-menu__item a:focus { color: #ffffff; }
  .header__cta a { color: #d02b2e; background-color: white; font-size: 18px; }
  .header__cta a:hover, .header__cta a:focus { color: #d02b2e; }
  .has-submenu:hover > a, .has-submenu.open > a { color: #ffffff; }
  .submenu__toggle, .has-submenu.open .submenu__toggle, .nav-menu__item:hover .submenu__toggle { background-image: url("/wp-content/themes/shoneys/imgs/right-arrow-white-alt.svg"); width: 100px; height: 100%; background-size: contain; background-position: center; transition: top 0.6s; top: -200px; left: 0; vertical-align: middle; }
  .has-submenu.open .submenu__toggle { background-image: url("/wp-content/themes/shoneys/imgs/left-arrow-white-alt.svg"); position: absolute; height: 40px; top: 20px; left: -10px; z-index: 500; } }

/** iPhone SE is crazy small, so we're going to take up the whole viewport for the menu **/
@media (max-width: 320px) { .menu-wrapper, .submenu { left: 0; } }

.menu__index .tile:hover h2, .menu__index .tile:focus h2 { color: #D02B2E !important; }

.foodMenu__title { margin-top: 83px; }

.foodMenu__meta { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; margin-bottom: 36px; }

@media (max-width: 1128px) { .foodMenu__meta { -ms-flex-flow: column; flex-flow: column; text-align: center; } }

.foodMenu__legend, .foodMenu__downloads, .foodMenu__section--items { list-style: none; padding-left: 0px; }

.foodMenu__legend--item { display: inline; color: #806748; font-size: 14px; margin-right: 30px; line-height: 0px; }

.foodMenu__legend--item img { vertical-align: middle; margin-top: -4px; margin-right: 10px; width: 20px; }

.foodMenu__legend--item:last-of-type { margin-right: 0px; color: #000000; }

.foodMenu__downloads--item { display: inline; margin-right: 34px; }

.foodMenu__downloads--item:last-of-type { margin-right: 0px; }

.foodMenu__downloads--item a { text-transform: uppercase; color: #6C6C6C; transition: color 0.35s; }

.foodMenu__downloads--item a:hover, .foodMenu__downloads--item a:focus { color: #d02b2e; text-decoration: none; }

@media (max-width: 694px) { .foodMenu__downloads--item, .foodMenu__legend--item { display: block; margin: 0px 20px 20px 20px; text-align: left; } }

.foodMenu__sections { margin-bottom: 83px; }

.foodMenu__section { position: relative; width: 100%; border-top: 2px solid #D8D8D8; }

.foodMenu__section input { position: absolute; opacity: 0; z-index: -1; }

.foodMenu__section--title { font-size: 30px; font-weight: bold; padding: 20px; margin-bottom: 0.5em; margin-top: 30px; }

.foodMenu__section--description { display: block; font-size: 18px; margin-top: -20px; font-weight: normal; }

.foodMenu__section--gallery { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.foodMenu__section--gallery-image { max-width: 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; margin: 10px; }

@media (max-width: 1128px) { .foodMenu__section--gallery-image { max-width: 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; } }

.foodMenu__section--content { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; -ms-flex-align: start; align-items: flex-start; }

@media (max-width: 1128px) { .foodMenu__section--content { -ms-flex-flow: column; flex-flow: column; } }

.foodMenu__section--images { -ms-flex: 0 1 40%; flex: 0 1 40%; margin-bottom: 30px; position: -webkit-sticky; position: sticky; top: 92px; }

@media (max-width: 1128px) { .foodMenu__section--images { top: 0; position: initial; -ms-flex: 0 1 100%; flex: 0 1 100%; margin: 30px auto; } }

.foodMenu__section--image { display: none; width: 100%; }

.foodMenu__section--image.show-image { display: block; }

@media (max-width: 1128px) { .foodMenu__section--image { margin: auto; margin-bottom: 0px; } }

.foodMenu__section--items { -ms-flex: 0 1 54%; flex: 0 1 54%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }

@media (max-width: 1128px) { .foodMenu__section--items { margin: auto; width: 100%; padding: 0px 60px; } }

.foodMenu__section--item { -ms-flex: 0 1 45%; flex: 0 1 45%; margin-bottom: 60px; transition: opacity 0.35s; position: relative; }

.foodMenu__section--item:nth-child(odd) { margin-right: 60px; }

.foodMenu__section--item h3 { font-size: 20px; font-weight: bold; margin: 0px; }

.foodMenu__section--item:hover, .foodMenu__section--item:focus { opacity: 1.0; }

.foodMenu__section--item::before { width: 20px; height: 20px; position: absolute; left: -40px; top: 4px; }

.foodMenu__section--item.signature-item::before { content: url(/wp-content/themes/shoneys/imgs/shoneys-signature.png); }

.foodMenu__section--item.ceo-favorite::before { content: url(/wp-content/themes/shoneys/imgs/ceo-favorite.png); }

.foodMenu__section--item.new-menu-item::before { content: url(/wp-content/themes/shoneys/imgs/shoneys-star.png); }

.foodMenu__section--item.has-photo::after { content: url(/wp-content/themes/shoneys/imgs/camera.svg); width: 20px; height: 20px; position: absolute; left: -40px; top: 40px; }

.foodMenu__section--item.highlighted-item::after { content: url(/wp-content/themes/shoneys/imgs/camera-red.svg); }

.foodMenu__section--item.highlighted-item h3 { color: #d51a27; text-decoration: underline; }

@media (max-width: 1128px) { .foodMenu__section--item { -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.find-shoneys { background-color: #d02b2e; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 140px; margin-top: 60px; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.find-shoneys h2 { font-size: 26px; color: #FFFFFF; font-weight: normal; margin: 0px; margin-right: 34px; display: inline; -ms-flex: 0 1 auto; flex: 0 1 auto; }

@media (max-width: 1128px) { .find-shoneys h2 { margin-right: 0px; } }

.find-shoneys .search-form { -ms-flex: 0 1 20%; flex: 0 1 20%; margin: 0; }

@media (max-width: 1128px) { .find-shoneys { height: 300px; text-align: center; padding: 20px; } }

.search-form { margin: 30px auto; width: 100%; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 1128px) { .search-form { -ms-flex-flow: column; flex-flow: column; } }

.search-form input { border-radius: 30px; background-color: white; border: none; padding: 10px 30px; border-bottom: 2px solid white; max-width: 100%; }

.search-form .button { border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 10px 30px; margin-left: -20px; line-height: 1.15; border: 2px solid white; }

@media (max-width: 1128px) { .search-form .button { border-radius: 30px; margin-left: 0px; margin-top: 10px; } }

.locations .hero { height: 483px; margin-bottom: 80px; }

.locations .hero .hero__filter { display: none; }

@media (max-width: 1024px) { .locations .hero { margin-bottom: 40px; } }

.locations .hero__content { padding: 0px; max-width: 480px; }

@media (max-width: 1128px) { .locations .hero__content { padding: 0px 20px; max-width: 100%; } }

.locations .hero__content h1 { color: #d02b2e; }

.locations .hero__content p { color: black; }

.locations .search-form { margin-top: 32px; }

.locations__featured-img { position: absolute; right: calc(50% - 582px); bottom: -60px; }

@media (max-width: 1128px) { .locations__featured-img { display: none; } }

#map-container { height: 560px; /* The height is 400 pixels */ width: 100%; /* The width is the width of the web page */ }

.locations__map { margin: 200px 0px; margin-top: 0px; height: 560px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; padding: 0px calc(50% - 581px); }

@media (max-width: 1024px) { .locations__map { height: 900px; -ms-flex-flow: column-reverse; flex-flow: column-reverse; -ms-flex-pack: center; justify-content: center; margin: 0; } }

.locations__map--list, .locations__map--map { -ms-flex: 0 1 48%; flex: 0 1 48%; }

.locations__map--list { max-height: 560px; overflow-y: scroll; padding-left: 1em; }

.location { display: -ms-flexbox; display: flex; margin-bottom: 48px; border-bottom: 1px solid #c9cccd; padding-bottom: 32px; }

.location:last-of-type { border-bottom: transparent; }

@media (max-width: 1024px) { .location { padding: 20px; -ms-flex-flow: column; flex-flow: column; } }

.location__details { -ms-flex: 0 1 70%; flex: 0 1 70%; }

.location__details h2 { margin: 0; }

.location__details h3 { margin-bottom: 0px; font-weight: bold; }

.location__details .hours { list-style: none; padding-left: 0; margin-top: 0px; }

.location__actions { -ms-flex: 0 1 30%; flex: 0 1 30%; display: -ms-flexbox; display: flex; text-align: center; padding-top: 20%; }

.location__actions--directions, .location__actions--order-now { -ms-flex: 0 1 100%; flex: 0 1 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; color: black; }

.location__actions--directions span, .location__actions--order-now span { margin-top: 10px; }

.location__actions--info { margin-right: 40px; }

.locations__map--form { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; text-align: center; }

.locations__map--form #maxRadius { border: none; padding: 10px; border-bottom: 2px solid #e2e4e6; max-width: 4em; }

.locations__map--form #userAddress { background-color: white; border: none; padding: 10px; border-bottom: 2px solid #e2e4e6; max-width: 100%; }

.locations__map--form .button { margin-top: 20px; }

@media (max-width: 1024px) { .locations__map--form { padding: 0; } }

.tile-grid { position: relative; z-index: 2; padding: 0 calc(50% - 654px); }

.tiles { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px 45px; }

.tile { min-height: 416px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background-position: center; background-size: cover; -ms-flex-pack: center; justify-content: center; color: white; transition: all 0.2s ease; }

.tile:hover, .tile:focus { margin-top: -10px; text-decoration: none; }

.tile:hover a, .tile:focus a { color: #d02b2e; }

@media (max-width: 1128px) { .tile:hover, .tile:focus { margin-top: 0px; } }

.tile__filter { position: absolute; z-index: 0; top: 0; width: 100%; height: 100%; opacity: 0.32; background-image: linear-gradient(0deg, #000000 0%, #000000 32%, transparent 91%); }

.tile__copy { padding: 40px; transition: all 0.2s ease; text-align: center; z-index: 2; }

.tile__heading { font-size: 40px; line-height: 54px; margin-bottom: 21px; font-weight: bold; letter-spacing: 0.4px; }

.tile__description { display: none; opacity: 0; transition: all 0.2s ease; }

.tile:hover > .tile__copy > .tile__description { opacity: 1; display: block; }

.tile__image { height: 400px; background-position: center; }

.tiles.two-col .tile { -ms-flex: 0 0 49%; flex: 0 0 49%; margin-bottom: 30px; }

.tiles.two-col .tile:nth-child(odd) { margin-right: 20px; }

@media (max-width: 1128px) { .tiles.two-col { -ms-flex-flow: column; flex-flow: column; }
  .tiles.two-col .tile { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 20px; }
  .tiles.two-col .tile:nth-child(odd) { margin-right: 0px; } }

.tiles.three-col .tile { -ms-flex: 0 0 32%; flex: 0 0 32%; margin-right: 20px; }

.tiles.three-col .tile:nth-child(3n+3) { margin-right: 0px; }

@media (max-width: 1128px) { .tiles.three-col .tile { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0px; margin-bottom: 20px; } }

.call-to-action { height: 478px; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex: 0 1 100%; flex: 0 1 100%; position: relative; -ms-flex-pack: center; justify-content: center; }

.call-to-action .hero__filter { background-image: linear-gradient(360deg, #000 0%, #000 40%, transparent 100%); }

.call-to-action.alignleft { -ms-flex-align: start; align-items: start; }

.call-to-action.alignleft .call-to-action__content { margin-left: 120px; }

.call-to-action__content { margin: auto; z-index: 2; padding: 30px; }

.call-to-action__content p { font-size: 22px; max-width: 600px; margin: 20px auto; }

@media (min-width: 1128px) { .call-to-action--two-columns { display: -ms-flexbox; display: flex; } }

.call-to-action--two-columns .call-to-action { height: auto; -ms-flex: 0 1 50%; flex: 0 1 50%; min-height: 400px; }

.call-to-action--two-columns .call-to-action__content { padding: 200px 60px; }

@media (max-width: 1128px) { .call-to-action--two-columns .call-to-action__content { padding: 60px 30px; } }

@media (min-width: 1128px) { .call-to-action--three-columns { display: -ms-flexbox; display: flex; } }

.call-to-action--three-columns .call-to-action { height: auto; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; }

.call-to-action--three-columns .call-to-action__content { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; -ms-flex: 0 1 100%; flex: 0 1 100%; }

.posts { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 64px 0; }

.posts .post { -ms-flex: 0 1 378px; flex: 0 1 378px; margin-right: 20px; margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; min-height: 400px; padding: 40px 60px; -ms-flex-pack: justify; justify-content: space-between; background-image: url("/wp-content/themes/shoneys/imgs/news-pattern.png"); }

.posts .post:nth-child(3n+3) { margin-right: 0px; color: white; background-color: #d02b2e; background-image: none; }

.posts .post:nth-child(3n+3) .post__link, .posts .post:nth-child(3n+3) .post__byline { color: white; }

.posts .post:nth-child(3n+3) .byline__pipe { color: black; }

.posts .post:nth-child(3n+1) { background-image: none; background-color: #343C53; color: white; }

.posts .post:nth-child(3n+1) .post__link { color: white; }

.posts .post__title { font-size: 22px; line-height: 1.5; font-weight: bold; }

.posts .post__byline { color: #ADADAD; }

.posts .byline__pipe { color: red; font-weight: bold; margin: 0 10px; }

.posts .post__byline + p { height: 86px; overflow: hidden; }

.posts .post__link { color: #6C6C6C; font-weight: 600; }

@media (max-width: 1174px) { .posts .post { margin: 20px !important; -ms-flex: 0 1 100%; flex: 0 1 100%; } }

@media (min-width: 1572px) { .posts .post { margin: 20px !important; } }

.latest-posts__header { color: #d02b2e !important; }

.entry-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; background-color: #F6F1EB; margin-bottom: 112px; }

.entry-title { text-transform: capitalize; line-height: 1.25; }

.entry-meta { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin: auto 30px; }

.entry-title::after { content: ""; display: none; }

.entry-thumbnail, .entry-meta { -ms-flex: 0 1 50%; flex: 0 1 50%; }

.entry-thumbnail img { height: auto; }

.entry-content { max-width: 920px; margin: 0 auto; padding: 0 30px; }

.latest-posts { margin: 120px auto; max-width: 1200px; }

.posts { -ms-flex-pack: center; justify-content: center; }

.latest-posts__header { color: #D02B2E; }

@media (max-width: 920px) { .entry-header { -ms-flex-flow: column; flex-flow: column; margin-bottom: 60px; }
  .entry-meta { margin: 30px; } }

.tns-outer { padding: 0 !important; }

.tns-outer [hidden] { display: none !important; }

.tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; }

.tns-slider { transition: all 0s; }

.tns-slider > .tns-item { box-sizing: border-box; }

.tns-horizontal.tns-subpixel { white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item { display: -ms-flexbox; display: flex; vertical-align: top; white-space: normal; }

.tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item { float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100%; }

.tns-no-calc { position: relative; left: 0; }

.tns-gallery { position: relative; left: 0; min-height: 1px; }

.tns-gallery > .tns-item { position: absolute; left: -100%; transition: transform 0s, opacity 0s; }

.tns-gallery > .tns-slide-active { position: relative; left: auto !important; }

.tns-gallery > .tns-moving { transition: all 0.25s; }

.tns-autowidth { display: inline-block; }

.tns-lazy-img { transition: opacity 0.6s; opacity: 0.6; }

.tns-lazy-img.tns-complete { opacity: 1; }

.tns-ah { transition: height 0s; }

.tns-ovh { overflow: hidden; }

.tns-visually-hidden { position: absolute; left: -10000em; }

.tns-transparent { opacity: 0; visibility: hidden; }

.tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; }

.tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; }

.tns-vpfix { white-space: nowrap; }

.tns-vpfix > div, .tns-vpfix > li { display: inline-block; }

.tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; }

.tns-t-ct { width: 2333.33333%; width: calc(100% * 70 / 3); position: absolute; right: 0; }

.tns-t-ct:after { content: ''; display: table; clear: both; }

.tns-t-ct > div { width: 1.42857%; width: calc(100% / 70); height: 10px; float: left; }

.image-slider { padding: 100px 0px; }

.image-slider__header .h1 { margin-bottom: 0; }

.image-slider__header h3 { margin-top: 0; }

.image-slider__slides { width: 100%; max-height: 100%; overflow-x: auto; position: relative; display: -ms-flexbox; display: flex; z-index: 0; }

@supports (-ms-ime-align: auto) { .image-slider__slides { display: block; } }

.image-slider__slide { height: 620px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 60px 120px; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; z-index: 1; -webkit-overflow-scrolling: touch; -webkit-scroll-snap-points-x: repeat(300px); -ms-scroll-snap-points-x: repeat(300px); scroll-snap-points-x: repeat(300px); -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; scroll-behavior: smooth; }

@media (max-width: 450px) { .image-slider__slide { height: calc(100vh - 90px); } }

.image-slider__slide.alignright { -ms-flex-pack: end; justify-content: flex-end; }

.image-slider__slide.alignleft { -ms-flex-pack: start; justify-content: flex-start; }

.image-slider__slide.two-columns { padding: 0px; }

.image-slider__slide.two-columns .slide__content, .image-slider__slide.two-columns .slide__image { -ms-flex: 0 1 50%; flex: 0 1 50%; height: 100%; }

@media (max-width: 600px) { .image-slider__slide.two-columns .slide__content, .image-slider__slide.two-columns .slide__image { -ms-flex: 0 1 100%; flex: 0 1 100%; } }

.image-slider__slide.two-columns .slide__content { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; max-width: 100%; padding: 60px; }

@media (max-width: 450px) { .image-slider__slide.two-columns .slide__content { padding: 20px; } }

@media (max-width: 600px) { .slide__image { display: none; } }

.image-slider__nav { position: absolute; z-index: 2; display: -ms-flexbox; display: flex; left: 0; right: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 15px; margin-top: 30px; margin-bottom: 60px; }

.image-slider__nav a { margin: 0px 10px; background-color: #DEDEDE; color: transparent; text-decoration: none; text-align: center; border-radius: 100%; width: 15px; height: 15px; opacity: 0.5; transition: all 0.2s ease; }

.image-slider__nav a:active, .image-slider__nav a:hover, .image-slider__nav a:focus, .image-slider__nav a.tns-nav-active { background-color: #D0021B; opacity: 1; }

.hero-slider { position: relative; }

.hero-slider__nav { z-index: 200; bottom: 0px; }

.hero-slider__nav a:active, .hero-slider__nav a:hover, .hero-slider__nav a:focus, .hero-slider__nav a.tns-nav-active { background-color: #FFFFFF; }

.slide__content { max-width: 620px; }

.tns-inner, .tns-outer { position: relative; }

.tns-controls { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; position: absolute; z-index: 200; width: 100%; bottom: 0px; outline: none; }

.tns-controls button { background: transparent; border: none; color: white; font-size: 120px; font-weight: 100; padding: 30px; width: 300px; height: 100%; }

.tns-outer [aria-controls], .tns-outer [data-action] { outline: none; }

@media (max-width: 322px) { .tns-controls { opacity: 0.5; }
  .image-slider__slide.two-columns .slide__content { padding: 40px 10px 0px 10px; }
  .image-slider__slide.two-columns .slide__content { -ms-flex-pack: start; justify-content: flex-start; } }

.video { position: relative; padding-top: 0px; padding-bottom: 0px; }

.video__text { max-width: 920px; margin: 0px auto; font-size: 24px; }

.video__embed { max-width: 800px; margin: auto; }

.video[style*="background-image"], .video[style*="background-color"] { min-height: 825px; z-index: 0; }

.video[style*="background-image"] .video__inner, .video[style*="background-color"] .video__inner { position: absolute; left: 0; right: 0; }

.video[style*="background-image"] .video__inner.top, .video[style*="background-color"] .video__inner.top { top: -120px; }

.video[style*="background-image"] .video__inner.top .video__text, .video[style*="background-color"] .video__inner.top .video__text { margin-top: 90px; }

.video[style*="background-image"] .video__inner.bottom, .video[style*="background-color"] .video__inner.bottom { top: 120px; }

.video[style*="background-image"] .video__inner.bottom .video__text, .video[style*="background-color"] .video__inner.bottom .video__text { margin-bottom: 120px; }

@media (max-width: 1128px) { .video[style*="background-image"] .video__inner, .video[style*="background-color"] .video__inner { position: relative; } }

@media (max-width: 1128px) { .video[style*="background-image"], .video[style*="background-color"] { padding: 80px 30px; } }

/* video library page */
.accordion { position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #B7B7B7; }

.accordion input { position: absolute; opacity: 0; z-index: -1; }

.accordion__title { font-size: 22px; color: #6C6C6C; position: relative; display: block; font-weight: bold; cursor: pointer; padding: 20px 0px 12px 0px; margin-bottom: 0.5em; }

.accordion__content { max-height: 0; overflow: hidden; transition: max-height .35s; display: -ms-flexbox; display: flex; max-width: 600px; color: #6C6C6C; }

@media (max-width: 1128px) { .accordion__content { -ms-flex-flow: column; flex-flow: column; } }

/* :checked */
.accordion input:checked ~ .accordion__content { max-height: 100%; margin-bottom: 30px; }

.accordion input[type=checkbox]:checked + .accordion__title { color: #d02b2e; }

/* icon */
.accordion .accordion__title::after { position: absolute; right: 0px; transition: all .35s; }

.accordion input[type=checkbox] + .accordion__title::after { content: url(/wp-content/themes/shoneys/imgs/down-triangle.svg); }

.accordion input[type=checkbox]:checked + .accordion__title::after { content: url(/wp-content/themes/shoneys/imgs/left-triangle-red.svg); }

/*
A11y Responsive Tabs (Vanilla JS)
Source: https://codepen.io/BeyondHyper/pen/xZXXzj
*/
[role="tablist"] { background: white; padding: 0; margin: 0; }

[role="presentation"] { display: block; }

[role="presentation"][data-tab-active] { transition: all 100ms cubic-bezier(0.42, 0, 1, 1); }

[role="presentation"][data-tab-active] [role="tab"] { color: #d02b2e; border-bottom: 2px solid #d02b2e; }

[role="tab"] { color: #6C6C6C; display: block; font-weight: bold; margin-right: 36px; padding: 1rem; padding-bottom: 0rem; position: relative; text-decoration: none; transition: all 100ms cubic-bezier(0.42, 0, 1, 1); }

[role="tab"]:focus, [role="tab"]:hover { outline: 0; color: #d02b2e; text-decoration: none; border-bottom: 2px solid #d02b2e; }

[role="tabpanel"] { padding: 1rem; }

[role="tabpanel"] h2 { margin-top: 0; }

[role="tabpanel"][aria-hidden="true"] { display: none; }

[role="tabpanel"]:focus { outline: 0; }

@media screen and (min-width: 800px) { [role="presentation"] { display: inline-block; } }

/* Vanilla Modal Source: https://github.com/benceg/vanilla-modal */
.modal { display: none; }

.vanilla-modal .modal { display: block; position: fixed; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; opacity: 0; transition: opacity 0.2s, z-index 0s 0.2s; text-align: center; overflow: hidden; overflow-y: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.vanilla-modal .modal > * { display: inline-block; white-space: normal; vertical-align: middle; text-align: left; }

.vanilla-modal .modal:before { display: inline-block; overflow: hidden; width: 0; height: 100%; vertical-align: middle; content: ""; }

.vanilla-modal.modal-visible .modal { z-index: 99000; opacity: 1; transition: opacity 0.2s; }

.modal-inner { position: relative; overflow: hidden; max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto; background: #fff; z-index: -1; opacity: 0; transform: scale(0); transition: opacity 0.2s, transform 0.2s, z-index 0s 0.2s; padding: 30px 60px; }

.modal-visible .modal-inner { z-index: 100000; opacity: 1; transform: scale(1); transition: opacity 0.2s, transform 0.2s; }

[data-modal-close] { position: absolute; z-index: 2; right: 0; top: 0; width: 25px; height: 25px; line-height: 25px; font-size: 13px; cursor: pointer; text-align: center; background: #fff; box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2); }

.section-saparator { border-top: 2px solid #D8D8D8; }

.section-saparator.padded { padding-bottom: 0; }

.hero + .section-separator { border-top: 0; }

.visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }

.skip-link { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; }

a.skip-link:active, a.skip-link:focus, a.skip-link:hover { left: 100px; height: auto; overflow: visible; z-index: 1000000; top: 10px; width: auto; color: white; padding: 10px 30px; border-radius: 6px; background: #d02b2e; }

*, ::after { box-sizing: border-box; }

html, body { height: 100%; }

body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.content-area { -ms-flex: 1 0 auto; flex: 1 0 auto; }

footer { -ms-flex-negative: 0; flex-shrink: 0; }

*[style*="background-image"] { background-size: cover; background-position: top; background-repeat: no-repeat; }

.wood-bg { background-image: url(/wp-content/uploads/2019/02/AdobeStock_83515720-beverages.png); background-size: contain; background-repeat: repeat-y; background-position: center; }

.hot-fudge-banner__wrapper { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-align: center; align-items: center; margin-top: 90px; background-color: #3fbced; height: 600px; min-height: 600px; width: 100%; position: relative; font-size: 60px; color: white; font-weight: bold; text-transform: uppercase; }

@media (max-width: 660px) { .hot-fudge-banner__wrapper { min-height: 450px; font-size: 40px; padding: 10px; } }

.hot-fudge-banner__header { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; width: 602px; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 660px) { .hot-fudge-banner__header { width: 100%; } }

.hot-fudge-banner__hot-fudge-cake { position: absolute; z-index: 1; bottom: 30px; }

@media (max-width: 660px) { .hot-fudge-banner__hot-fudge-cake { max-height: 260px; } }

.hot-fudge-banner__table-bg { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; top: 52%; z-index: 0; }

@media (max-width: 660px) { .hot-fudge-banner__table-bg { top: unset; bottom: -2px; } }

.hot-fudge-banner__shoneys-logo { position: absolute; z-index: 1; bottom: 30px; right: 30px; max-height: 80px; }

@media (max-width: 660px) { .hot-fudge-banner__shoneys-logo { bottom: 10px; right: 10px; max-width: 100px; } }

/* Hot Fudge Cake Letters */
.hot-fudge-cake { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; }

.hot-fudge-cake img { max-width: none; }

@media (max-width: 660px) { .hot-fudge-cake img { max-width: 100%; } }

@media (max-width: 375px) { .hot-fudge-cake img { max-width: 360px; } }

@media (max-width: 360px) { .hot-fudge-cake img { max-width: 324px; } }

@media (max-width: 320px) { .hot-fudge-cake img { max-width: 290px; } }

.hot-fudge-cake .fudge-layer { max-width: 100%; position: absolute; }

@media (max-width: 375px) { .hot-fudge-cake .fudge-layer { max-width: 360px; } }

@media (max-width: 360px) { .hot-fudge-cake .fudge-layer { max-width: 324px; } }

@media (max-width: 320px) { .hot-fudge-cake .fudge-layer { max-width: 290px; } }

.middle-layer { margin-left: -8px; }

@media (max-width: 660px) { .middle-layer { margin-left: -3px; } }

.hot-fudge-banner__date { color: #B22427; font-size: 40px; -ms-flex: 1 1 50%; flex: 1 1 50%; }

@media (max-width: 660px) { .hot-fudge-banner__date { font-size: 32px; } }

@media (max-width: 380px) { .hot-fudge-banner__date { font-size: 22px; } }

.hot-fudge-banner__header .day { -ms-flex: 0 1 auto; flex: 0 1 auto; }

.hot-fudge-banner__button { z-index: 1; position: absolute; bottom: 30%; }