/*
Theme Name:  Auntie Annes UK
Theme URI:
Version:	1.1
Description:
Author:      WAC Agency
Author URI:  https://www.wacagency.com
Template:    Divi
*/
/*- Add any CSS custom code for this child theme below this line -*/
@font-face {
  font-family: 'klinic-slab-bold';
  src: url('../eot/klinicslabbold.eot');
  src: url('../eot/klinicslabboldd41d.eot?#iefix') format('embedded-opentype'),
    url('../woff2/klinicslabbold.woff2') format('woff2'),
    url('../woff/klinicslabbold.woff') format('woff'),
    url('../ttf/klinicslabbold.ttf') format('truetype'),
    url('../svg/klinicslabbold.svg#klinic-slab-bold') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'klinic-slab-book';
  src: url('../eot/klinicslabbook.eot');
  src: url('../eot/klinicslabbookd41d.eot?#iefix') format('embedded-opentype'),
    url('../woff2/klinicslabbook.woff2') format('woff2'),
    url('../woff/klinicslabbook.woff') format('woff'),
    url('../ttf/klinicslabbook.ttf') format('truetype'),
    url('../svg/klinicslabbook.svg#klinic-slab-book') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TradeGothic-BoldCond';
  src: url('../eot/tradegothicltstd-bdcn20.eot');
  src: url('../eot/tradegothicltstd-bdcn20d41d.eot?#iefix') format('embedded-opentype'),
    url('../woff2/tradegothicltstd-bdcn20.woff2') format('woff2'),
    url('../woff/tradegothicltstd-bdcn20.woff') format('woff'),
    url('../ttf/tradegothicltstd-bdcn20.ttf') format('truetype'),
    url('../svg/tradegothicltstd-bdcn20.svg#TradeGothic-BoldCond') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Global Vars */
:root {
  /* Colours */
  --aa-blue: #1B5196;
  --aa-gold: #EDAC1A;
  --aa-cyan-blue: #51BAE8;
  --aa-yellow: #EFC111;
  --aa-md-blue: #489AC5;
  --aa-dark-blue: #292A4A;
  --aa-tan: #E2A770;
  --aa-brown: #B4652A;
  --aa-warm-grey: #ACA297;
  --aa-jet-black: #323232;
  --aa-error-red: #DA291C;
  --aa-white: #ffffff;
  /* Typography */
  --heading-font: 'klinic-slab-bold', serif;
  --heading-weight: bold;
  --body-font: 'klinic-slab-book', serif;
  --body-weight: normal;
  --body-size: 16px;
  --accent-font: 'TradeGothic-BoldCond';
}

/* Typography */
body {
  font-family: var(--body-font);
  font-weight: var(--body-weight);
  font-size: var(--body-size);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  font-weight: var(--heading-weight);
  font-display: swap;
}

h1 {
  font-size: 48px !important;
}

h2 {
  font-size: 45px !important;
}

h3 {
  font-size: 30px !important;
}

h4 {
  font-size: 24px !important;
}

label.aa-label {
  display: inline;
  text-transform: uppercase;
  padding: .5em;
  color: var(--aa-white);
  border-radius: 5px;
  font-size: .8em;
  font-family: var(--accent-font);
  white-space: nowrap;
}

label.aa-label.label--error {
  background-color: var(--aa-error-red);
}

#main-header.et-fixed-header {
  opacity: 0.85;
  backdrop-filter: blur(10px);
}

.et_menu_container {
  font-family: var(--accent-font);
  font-size: 14px;
  text-transform: uppercase;
}

/* Nav - Collapse Child Items */
.et_mobile_menu .first-level>a {
  background-color: transparent;
  position: relative;
}

.et_mobile_menu .first-level>a:after {
  font-family: 'ETmodules';
  content: '\4c';
  font-weight: normal;
  position: absolute;
  font-size: 16px;
  top: 13px;
  right: 10px;
}

.et_mobile_menu .first-level>.icon-switch:after {
  content: '\4d';
  -webkit-animation: rotate-90 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: rotate-90 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.second-level {
  display: none;
}

.reveal-items {
  display: block;
  -webkit-animation: slide-bottom-nav 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-bottom-nav 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.second-level, .reveal-items {}

/* Decorated Titles */
/* Add .decorated-title class to Divi text element that this should be applied to */
/* div.decorated-title {
  max-width: 500px;
  margin: auto;
}
.decorated-title h2 {
  font-size: 35px !important;
  margin: auto;
}
.decorated-title div h2:before {
  content: url('img/rays-left.svg');
  position: absolute;
  top: 55%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 3.7rem;
  left: 3%;
}

.decorated-title div h2:after {
  content: url('img/rays-right.svg');
  position: absolute;
  top: 55%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 3.7rem;
  right: 3%;
} */
/* Highlighted sections */
.heading-highlight h1 {
  display: inline;
  -webkit-box-decoration-break: clone;
  line-height: 68px;
  box-shadow: 10px -5px 0 var(--aa-gold), -10px -5px 0 var(--aa-gold), -10px 0 0 var(--aa-gold), 10px 0 0 var(--aa-gold);
}

.heading-highlight.hero h1 {
  font-size: 60px !important;
  line-height: 90px;
  box-shadow: 11px -11px 0 var(--aa-gold), -11px -11px 0 var(--aa-gold), -11px 0 0 var(--aa-gold), 11px 0 0 var(--aa-gold);
}

.heading-highlight.gold h1 {
  background-color: var(--aa-gold);
  color: var(--aa-dark-blue);
}

.heading-highlight.blue h1 {
  background-color: var(--aa-dark-blue);
  color: var(--aa-white);
  box-shadow: 10px -5px 0 var(--aa-dark-blue), -10px -5px 0 var(--aa-dark-blue), -10px 0 0 var(--aa-dark-blue), 10px 0 0 var(--aa-dark-blue);
}

/* Home Page */
.disable-lightbox a {
  pointer-events: none;
}

.disable-lightbox .et_overlay {
  display: none !important;
}

.et-pb-slider-arrows a {
  pointer-events: auto;
}

.disable-lightbox .et_pb_gallery_pagination a {
  pointer-events: auto;
}

/* Buttons */
.et_pb_button, .more-link, .wpjb-submit, .filter--toggle {
  background-color: initial !important;
  background-image: url('../svg/pill-button-shape-blue.svg');
  background-repeat: no-repeat;
  background-size: contain;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 2em;
  padding-left: 1.5em;
  line-height: unset !important;
  background-color: unset !important;
  transition: .2s color ease;
  background-position: 50% 46%;
}

.et_pb_button:hover, .more-link:hover, .wpjb-submit:hover, .filter--toggle:hover {
  background-image: url('../svg/pill-button-shape-gold.svg');
  background-color: initial !important;
  background-repeat: no-repeat;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 2em !important;
  padding-left: 1.5em !important;
  color: var(--aa-white) !important;
}

.et_pb_button:after, .more-link:after {
  content: url('../svg/caret-white.svg');
  opacity: 1;
  margin-left: 10px !important;
  top: 26%;
}

.et_pb_button:hover:after, .more-link:hover:after {
  background-repeat: no-repeat;
  content: url('../svg/caret-blue.svg');
  margin-left: 5px;
}

.et_pb_button, .more-link {
  font-family: var(--accent-font);
  text-transform: uppercase;
  color: var(--aa-white) !important;
}

.et_pb_button:hover {}

.et_pb_button:after {}

.more-link {
  color: var(--aa-white);
  display: inline-block;
  padding: 1em;
  float: right;
}

.more-link:hover {
  padding: 1em !important;
}

.wpjb-submit {
  color: var(--aa-white);
  font-size: 1rem !important;
  font-family: var(--accent-font);
  text-transform: uppercase;
}

.filter--toggle {
  color: var(--aa-white);
  width: 100%;
  margin-bottom: 1em;
  font-family: var(--accent-font);
  font-size: 1em;
  text-transform: uppercase;
}

.filter--toggle i.fa {
  color: var(--aa-gold);
}

.filter--toggle:hover i.fa {
  color: var(--aa-blue);
}

/* Menu CTA */
.menu-cta {
  color: var(--aa-white) !important;
  font-size: 1.2em;
  background-color: var(--aa-blue);
  font-weight: var(--heading-weight);
  font-family: var(--accent-font);
  padding: 1em 1em 0.5em 1em !important;
  /*   line-height: 1.5em; */
  border-radius: 20px;
  transition: all .2s;
  text-transform: uppercase;
}

.menu-cta:hover {
  background-color: var(--aa-gold);
  padding: 1em 1em 0.5em 1em !important;
}

.menu-cta a {
  color: var(--aa-white) !important;
  padding: 0px !important;
}

.menu-cta a:hover {
  color: var(--aa-white) !important;
  opacity: 1 !important;
}

.et-fixed-header #top-menu .menu-cta a {
  color: var(--aa-white) !important;
}

/* Hexagon Sections */
.flipbox_back, .flipbox_front {
  background-color: rgba(0, 0, 0, 0) !important;
}

.hexagon-hover-image img {
  opacity: 0;
}

.hexagon-hover-image img:hover {
  opacity: 1;
  transition: opacity .2s ease-in-out;
  animation: rotate-scale-up .5s;
}
}

#top-menu-nav>ul>li>a:hover {
  opacity: 1;
}

#main-header ul.nav li.menu-item:not(.menu-cta) a:before {
  content: '';
  background-color: transparent;
  background-image: url('../svg/pretzel-halo.svg');
  background-position: center;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: .5rem;
  top: -1rem;
  right: 0;
  -ms-transform: scale(0);
  transform: scale(0);
  width: 100%;
  transition: .2s ease all;
}

#main-header ul.nav li.menu-item ul.sub-menu a[aria-current="page"]:before {
  display: none;
}

#main-header ul.nav li.menu-item a:hover:before {
  transform: scale(1);
}

#main-header ul.nav li.menu-item>ul.sub-menu a:before {
  transform: scale(0);
}

#main-header ul.nav li.menu-item:not(.menu-cta) a[aria-current="page"]:before {
  content: '';
  background-color: transparent;
  background-image: url('../svg/pretzel-halo.svg');
  background-position: center;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: .5rem;
  top: -1rem;
  right: 0;
  -ms-transform: scale(1);
  transform: scale(1);
  width: 100%;
  transition: .2s ease all;
}

/* Store Finder */
/* Directory Items */
.mapsvg-directory .mapsvg-directory-item {
  border-left: solid 2px var(--aa-blue);
  border-right: solid 2px var(--aa-blue);
  border-top: solid 1px var(--aa-blue);
  border-bottom: solid 1px var(--aa-blue);
  font-family: var(--aa-body-font);
}

.mapsvg-directory .mapsvg-directory-item:first-of-type {
  border-top: solid 2px var(--aa-blue);
}

.mapsvg-directory .mapsvg-directory-item:last-of-type {
  border-bottom: solid 2px var(--aa-blue);
}

.store-directory--title {
  font-size: 1.3em;
  padding-bottom: 5px;
  display: inline-block;
}

.store-directory--address::before, .store-directory--store-address::before {
  content: "\e081";
  color: var(--aa-blue);
  font-family: 'ETmodules';
  margin-right: .3em;
}

.store-directory--address {
  display: block;
}

.directory-feature::before {
  color: var(--aa-blue);
  font-family: 'ETmodules';
  margin-right: .3em;
}

.directory-feature.available::before {
  content: "\e052";
}

.directory-feature.unavailable::before {
  content: "\51"
}

/* Map Markers */
.mapsvg-marker-cluster {
  color: var(--aa-white) !important;
  font-family: var(--body-font) !important;
  font-size: .8em !important;
}

/* Item Popover */
.store-finder-popover {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: .5em;
  font-family: var(--body-font);
  font-size: 16px;
}

.store-finder-popover .store-finder-popover--store-name, .store-finder-popover .store-directory--store-address, .store-finder-popover .store-directory--opening-hours {
  grid-column: span 4;
}

.store-finder-popover .store-directory--available-features {
  grid-column: span 3;
}

.store-directory--available-features .directory-feature {
  margin-right: .5em;
  font-size: .9em;
}

.store-finder-popover--store-name {
  padding-bottom: 0;
}

.store-finder-popover--orderlinks {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: repeat(3, 1fr);
  grid-gap: .5em;
  align-items: center;
  justify-items: center;
}

.store-finder-popover--button {
  background-color: var(--aa-blue);
  color: var(--aa-white);
  font-family: var(--accent-font);
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 20px;
  display: inline-grid;
  justify-items: center;
  align-items: center;
}

.store-finder-popover--button:hover {
  background-color: var(--aa-gold);
}

.store-finder-popover--button.button-just-eat {
  background-color: #FF8000;
}

.store-finder-popover--button.button-uber-eats {
  background-color: #00151D;
}

.store-finder-popover--button.button-deliveroo {
  background-color: #00CCBC;
}

.store-finder-popover--platform-image {
  max-width: 80% !important;
}

.store-finder-popover--button.button-click-collect {
  grid-column: span 2;
}

.store-finder-popover--image {
  grid-column: 1 / 3
}

.store-finder-popover--navigation {
  text-align: right;
  margin-top: 1em;
}

.store-finder-popover--icon::before {
  color: var(--aa-white);
  background-color: var(--aa-blue);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-family: 'ETmodules';
  font-size: 2em;
  font-style: normal;
  padding: .5em;
}

.store-finder-popover--icon:hover:before {
  background-color: var(--aa-gold);
}

.store-finder-popover--icon.location-icon::before {
  content: "\e081";
}

.store-directory--opening-hours span:not(last-of-type) {
  margin-right: 5px;
}

.store-directory--opening-hours span::after {
  content: "|";
  padding-left: 5px;
}

.store-directory--opening-hours span:last-of-type::after {
  content: "";
}

/* Single Job */
.single-job #main-content {
  background-color: var(--aa-cyan-blue);
  background-size: initial;
  background-repeat: repeat;
  background-image: url(../png/rain.png);
}

/* .single-job .container {
  background: var(--aa-white);
} */
.single-job .wpjb-top-header, .single-job .wpjb-grid, .single-job .wpjb-text-box, .single-job #wpjb-form-job-apply {
  background: var(--aa-white);
  padding: 10px;
  border-radius: 20px;
  margin-bottom: 1em !important;
}

body.single-job p.post-meta {
  display: none;
}

.single-job .entry-content {
  margin-bottom: 1em;
}

.wpjb a.wpjb-button.wpjb-form-toggle {
  background-color: var(--aa-blue);
  color: var(--aa-white) !important;
  border-radius: 30px;
  text-transform: uppercase;
}

.wpjb a.wpjb-button.wpjb-form-toggle:hover {
  color: var(--aa-white) !important;
}

.single-job .wpjb .wpjb-form div label.wpjb-label {
  width: 20%;
}

.single-job .wpjb .wpjb-form div.wpjb-field {
  width: 80%;
}

.single-job .et_post_meta_wrapper {
  display: inline-block;
}

/* Menu Index & Single */
body.post-type-archive-menu .et_pb_post {
  display: none;
  animation: scale-up-center 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  -webkit-animation: scale-up-center 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  overflow: hidden;
}

body.post-type-archive-menu .et_pb_post.show {
  display: block;
  transition: all 0.5s ease-in-out;
}

#menuFilterButtons {
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: repeat(5, auto);
  grid-template-rows: auto auto;
  grid-row-gap: 1em;
  list-style-type: none;
  font-family: var(--accent-font);
  text-transform: uppercase;
  text-align: center;
  padding-left: 0;
}

#menuFilterButtons li {
  cursor: pointer;
  background-color: var(--aa-blue);
  background-image: url(../png/rain.png);
  border-radius: 30px;
  color: var(--aa-white);
  padding: .5em;
  box-shadow: 5px 5px 0px 0px #edac1a;
}

#menuFilterButtons li.filter--show-all {
  grid-column: span 5;
}

#menuFilterButtons li.active, #menuFilterButtons li:hover {
  background-color: var(--aa-gold);
  box-shadow: inset 5px 5px 0px 0px rgb(239 147 26 / 90%);
  transition: all .2s ease-in;
}

.post-type-archive-menu .menu-grid .et_pb_ajax_pagination_container, .single-menu .menu-grid .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(3, 31%);
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
}

.post-type-archive-menu .menu-grid .et_pb_post, .single-menu .et_pb_post {
  border: 0;
  background-color: var(--aa-white);
  border-radius: 20px;
  padding: 0;
  box-shadow: 10px 10px 0px 0px var(--aa-gold);
  margin-bottom: 0 !important;
  overflow: hidden;
  text-align: center;
}

body.single-menu article.menu-content-grid {
  display: grid;
  grid-template-columns: 40% 58%;
  grid-gap: 1em;
}

body.single-menu article.menu-content-grid .title-content-wrap {
  grid-column: 2;
}

body.single-menu article.menu span:first-of-type {
  grid-column: span 2;
}

body.single-menu article.menu .et_main_title {
  grid-row: 2;
  grid-column: 2;
  text-align: center;
}

body.single-menu article.menu .entry-content {
  text-align: center;
}

.post-type-archive-menu .menu-grid .et_pb_post .more-link, .single-menu .et_pb_post .more-link {
  margin-right: 1em;
}

.post-type-archive-menu .menu-grid .et_pb_post .entry-title, .single-menu .et_pb_post .entry-title {
  margin-left: 1em;
  margin-right: 1em;
}

body.single-menu article.menu-content-grid .tab-wrap {
  grid-column: span 2;
}

/* Tab Buttons */
.aamm-tabs {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  border-bottom: 2px solid #1b5196;
  margin-top: 50px;
}

.aamm-tab {
  cursor: pointer;
  padding: 10px 50px;
  font-size: 16px;
  text-transform: uppercase;
  background-color: #a8dcf3;
  color: #333;
  border-radius: 3px 3px 0 0;
}

.aamm-tab.is-tab-selected {
  background-color: #1b5196;
  color: #FFF;
}

/* Tab Panel */
.aamm-tab-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: bottom;
  align-content: bottom;
  padding-top: 20px;
}

/* Allergens + Nutrients */
.aamm-tab-container>div {
  text-align: center;
  margin: 0 20px 20px 20px;
}

.aamm-allergen-icon {
  width: 40px;
}

.aamm-allergen-label {
  font-size: 14px;
}

.aamm-nutrition-value {
  font-size: 20px;
}

.aamm-nutrition-label {
  font-size: 16px;
}

/* Related Items */
.single-menu #relatedItems {
  background-color: #dce9f2;
  background-size: initial;
  background-repeat: repeat;
  background-image: url(../png/rain.png) !important;
}

.single-menu #relatedItems .et_pb_top_inside_divider {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0zMjAgMjhDMTYwIDI4IDgwIDQ5IDAgNzBWMGgxMjgwdjcwYy04MCAyMS0xNjAgNDItMzIwIDQyLTMyMCAwLTMyMC04NC02NDAtODR6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 100% 100px;
  top: 0;
  height: 100px;
  z-index: 1;
}

.single-menu #relatedItems .et_pb_row_1 {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* Pretzel Perks */
iframe#comoFrame {
  min-height: 520px;
  width: 100%;
}

/* Forms */
form .gform_footer {
  padding: 0 !important;
  margin: 0 !important;
}

form .validation_error, form .validation_message, .gfield_required {
  color: var(--aa-error-red) !important;
  font-size: 16px !important;
}

form .validation_error, form .validation_message {
  border: 1px solid var(--aa-error-red) !important;
  border-radius: 5px;
}

.gform_button {
  background-color: var(--aa-blue);
  background-image: url('../svg/pill-button-shape-blue.svg') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 2em !important;
  line-height: unset !important;
  background-color: unset !important;
  transition: .2s color ease;
  background-position: 50% 43% !important;
  font-family: var(--accent-font) !important;
  text-transform: uppercase;
}

.gform_button:hover {
  background-image: url('../svg/pill-button-shape-gold.svg') !important;
  background-color: var(--aa-gold);
  background-repeat: no-repeat;
  border: 0 !important;
  border-radius: 0 !important;
  /* padding: 2em !important; */
  color: var(--aa-white) !important;
}

form .gform_ajax_spinner {
  max-width: 60px;
}

/* Contact Form */
form.contact-form .gfield_label, form.contact-form .gfield_consent_label {
  color: var(--aa-white) !important;
}

form.contact-form input[type="text"], form.contact-form input[type="email"], form.contact-form input[type="tel"], form.contact-form textarea {
  color: var(--aa-blue) !important;
  background-color: var(--aa-white) !important;
}

form.contact-form select, .gform_wrapper.gravity-theme .chosen-container-single .chosen-single {
  background-color: var(--aa-white) !important;
}

form.contact-form .gform_confirmation_message {
  color: var(--aa-white) !important;
}

.gform_validation_errors {
  display: flex;
  align-items: center;
  border: 2px solid var(--aa-error-red) !important;
  box-shadow: initial !important;
}

.gform_validation_errors h2.gform_submission_error {
  font-size: 1em !important;
  padding-bottom: 0 !important;
}

.gform_validation_errors h2.gform_submission_error, .gform_validation_message {
  color: var(--aa-error-red);
}

/* Story - Timeline */
.aa-timeline .dipl_timeline .dipl_item_content_inner {
  border-radius: 20px;
}

/* Animations */
/* Slide Top */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  1% {
    transform: translateY(100px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Slide Bottom */
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

/* Slide Bottom - Nav */
@-webkit-keyframes slide-bottom-nav {
  0% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes slide-bottom-nav {
  0% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

/* Animation Rotate 90deg */
@-webkit-keyframes rotate-90 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@keyframes rotate-90 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/* Fide in - top */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* Ratate & Scale */
@-webkit-keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
    transform: scale(1) rotateZ(0);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2));
  }

  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
    transform: scale(1) rotateZ(360deg);
  }
}

@keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
    transform: scale(1) rotateZ(0);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
    transform: scale(1) rotateZ(360deg);
  }
}

/* Scale & Centre - Menu Index */
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Remove Sidebar */
#main-content .container:before {
  background: none;
}

/* Mecia Query - Everything above movile */
@media all and (min-width: 769px) {
  .filter--toggle {
    display: none;
  }
}

/* Media Query - Tablet */
@media all and (min-width: 981px) {
  #left-area {
    width: 100% !important;
    padding: 23px 0px 0px !important;
    float: none !important;
  }
}

@media all and (max-width:981px) {
  #main-header.et-fixed-header {
    opacity: 1;
  }
}

@media all and (min-width: 769px) and (max-width: 980px) {}

/* Media Query - Mobile */
@media all and (max-width: 768px) {
  h1 {
    font-size: 35px !important;
  }

  h2 {
    font-size: 32px !important;
  }

  .heading-highlight h1 {
    background-color: var(--aa-gold);
    display: inline;
    -webkit-box-decoration-break: clone;
    line-height: 55px;
    box-shadow: 8px -5px 0 var(--aa-gold), -8px -5px 0 var(--aa-gold), -8px 0 0 var(--aa-gold), 8px 0 0 var(--aa-gold);
  }

  .heading-highlight.hero h1 {
    font-size: 42px !important;
    line-height: 62px;
    box-shadow: 8px -5px 0 var(--aa-gold), -8px -5px 0 var(--aa-gold), -8px 0 0 var(--aa-gold), 5px 0 0 var(--aa-gold);
  }

  /* Store Finder */
  .store-finder-popover--orderlinks {
    grid-column: span 4;
    grid-template-rows: repeat(3, 60px);
  }

  .store-finder-popover--image {
    grid-column: span 4;
    width: 100%;
  }

  /* Menu */
  .filters--hidden {
    display: none !important;
  }

  #menuFilterButtons {
    grid-template-columns: 48% 48%;
    grid-row-gap: .8em;
    font-size: .9em;
    /* transition: ease-in .5s; */
    animation: fade-in-top .5s;
  }

  #menuFilterButtons li {
    padding: 1em;
  }

  #menuFilterButtons li.filter--show-all {
    grid-column: span 2;
  }

  .post-type-archive-menu .menu-grid .et_pb_ajax_pagination_container, .single-menu .menu-grid .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: 100%;
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template-rows: auto;
  }

  body.single-menu article.menu-content-grid {
    display: initial;
  }

  /*
  body.single-menu article.menu-content-grid .title-content-wrap {
    grid-column: initial;
  }

  body.single-menu article.menu span:first-of-type {
    grid-column: intial;
  }

  body.single-menu article.menu .et_main_title {
    grid-row: initial;
    grid-column: initial;
    text-align: center;
  }

  body.single-menu article.menu-content-grid .tab-wrap {
    grid-column: initial;
  } */
}