/* ========== Global CSS ========== */
/* ===== Colour Reference ===== */
/*
 :root {
  --nectar-accent-color: #fdc62f;
  --nectar-extra-color-1: #0c4da2;
  --nectar-extra-color-2: #05a797;
  --nectar-extra-color-3: #dd2759;
  --nectar-extra-color-4: #bac2db;
  --nectar-extra-color-5: #000000;
  --nectar-extra-color-6: #704b9e;
  --nectar-extra-color-7: #ffcb08;
  --nectar-extra-color-8: #CA0000;
  --nectar-extra-color-9: #dedcde;
  --nectar-extra-color-10: #ffffff;
} 
*/
/* ===== Text Styling ===== */
body {
  font-size:  16px;
}
.big-text p,
.big-text li {
  font-size:  24px;
  line-height: 32px;
}
.bigger-text p,
.bigger-text li {
  font-size:  32px;
  line-height: 40px;
}

.massive-text p,
.massive-text h2 {
  font-size: 80px;
  line-height: 80px;
}

.small-header h1 {
  font-size: 80px;
  line-height: 80px;
}
.small-header h2 {
  font-size: 24px;
  line-height: 24px;
}
.uppercase * {
  text-transform: uppercase;
}

.blue-text h1,
.blue-text h2,
.blue-text h3,
.blue-text h4,
.blue-text h5,
.blue-text h6,
.blue-text p,
.blue-text a,
.blue-text span {
  color: #006DDC;
}

.red-text h1,
.red-text h2,
.red-text h3,
.red-text h4,
.red-text h5,
.red-text h6,
.red-text p,
.red-text a,
.red-text span {
  color: #DD2759;
}
.red-text-alt h1,
.red-text-alt h2,
.red-text-alt h3,
.red-text-alt h4,
.red-text-alt h5,
.red-text-alt h6,
.red-text-alt p,
.red-text-alt a,
.red-text-alt span {
  color: var(--nectar-extra-color-8);
}

.green-text h1,
.green-text h2,
.green-text h3,
.green-text h4,
.green-text h5,
.green-text h6,
.green-text p,
.green-text a,
.green-text span {
  color: #05a797;
}

.yellow-text h1,
.yellow-text h2,
.yellow-text h3,
.yellow-text h4,
.yellow-text h5,
.yellow-text h6,
.yellow-text p,
.yellow-text a,
.yellow-text span {
  color: #FFD560;
}

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text a,
.white-text span {
  color: var(--nectar-extra-color-10);
}

.dark-purple-text h1,
.dark-purple-text h2,
.dark-purple-text h3,
.dark-purple-text h4,
.dark-purple-text h5,
.dark-purple-text h6,
.dark-purple-text p,
.dark-purple-text a,
.dark-purple-text span {
  color: #220558;
}

.dark-blue-text h1,
.dark-blue-text h2,
.dark-blue-text h3,
.dark-blue-text h4,
.dark-blue-text h5,
.dark-blue-text h6,
.dark-blue-text p,
.dark-blue-text a,
.dark-blue-text span {
  color: #2B3585;
}
.aldotheapache {
  sup {
    font-family: 'lexenddeca-light';
    font-weight: 400;
  }
}

.slide-header p {
  font-size: 60px;
  line-height: 60px;
}
.caps p{
  text-transform: uppercase !important;
}
/* ===== Navigation ===== */
.material .sf-menu > li > a > .sf-sub-indicator i {
  font-size: 18px;
  font-weight: bold;
  transform: rotate(-90deg);
  transition: all 0.3s ease-in-out;
}
.material .sf-menu > li:hover > a > .sf-sub-indicator i {
  transform: rotate(0deg);
}
body #header-outer #top nav .sf-menu > li ul.sub-menu {
  padding: 0;
  border: 1px solid var(--nectar-extra-color-5);
}
body #header-outer #top nav .sf-menu > li ul.sub-menu li {
  padding: 0;
}
body #header-outer #top nav .sf-menu > li ul.sub-menu li a {
  padding: 10px 20px;
  font-size: 18px;
  font-family: 'lexenddeca-bold';
  text-transform: uppercase;
  line-height: 1;
  color: var(--extra-color-5) !important;
  background-color: var(--nectar-accent-color);
  transition: all 0.3s ease-in-out;
}
body #header-outer #top nav .sf-menu > li ul.sub-menu li.current_page_item a,
body #header-outer #top nav .sf-menu > li ul.sub-menu li a:hover {
  background-color: var(--nectar-extra-color-5);
  color: var(--nectar-accent-color) !important;
  * {
    color: var(--nectar-accent-color) !important;
  }
}

#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-ancestor > a {
  background-color: var(--nectar-extra-color-5);
  color: var(--nectar-accent-color) !important;
}

.sf-menu li ul li .sf-sub-indicator {
  i {
    font-size: 18px;
    color: var(--nectar-extra-color-5);
    font-weight: bold;
    transition: all 0.3s ease-in-out;
  }
}
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-ancestor > a .sf-sub-indicator i {
  color: var(--nectar-accent-color);
}
body #header-outer nav .sf-menu li li .submenu,
.sf-menu li li ul {
  margin-top: -1px !important;
  margin-left: -2px !important;
}
body #header-outer nav .sf-menu li.empty-url > a,
body #header-outer nav .sf-menu > li ul.sub-menu li.empty-url > a,
body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .empty-url.current-menu-ancestor > a,
body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .empty-url > a {
  pointer-events: none;
  color: var(--nectar-extra-color-5) !important;
  background-color: var(--nectar-accent-color) !important;
  * {
    color: var(--nectar-extra-color-5) !important;
  }
  &:hover {
    color: var(--nectar-accent-color) !important;
    background-color: var(--nectar-extra-color-5) !important;
  }
}

/* Paper Straps */
.paper-straps span {
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 8%;
  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15));
}
.paper-straps span:first-child {
  z-index: 1;
}
span.paper-strap-1 {
  background-image: url(/wp-content/uploads/2023/11/paper-strap-1.svg);
}
span.paper-strap-2 {
  background-image: url(/wp-content/uploads/2023/11/paper-strap-2.svg);
}
span.paper-strap-3 {
  background-image: url(/wp-content/uploads/2023/11/paper-strap-3.svg);
}
span.paper-strap-4 {
  background-image: url(/wp-content/uploads/2023/11/paper-strap-4.svg);
  padding: 10px 6% 10px 10%;
}
span.paper-strap-5 {
  background-image: url(/wp-content/uploads/2023/11/paper-strap-5.svg);
}
span.paper-strap-6 {
  background-image: url(/wp-content/uploads/2023/11/paper-strap-6.svg);
}
span.paper-strap-7 {
  background-image: url(/wp-content/uploads/2023/11/paper-strap-7.svg);
}
/* == Super Micro ALT == */
.paper-straps-super-micro span {
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 22px 10% 15px 10%; /* Main Adjustment */
  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15));
}
span.paper-strap-blue {
  background-image: url(/wp-content/uploads/2024/06/Specification-Torn-Paper-Blue.png);
}
span.paper-strap-white {
  background-image: url(/wp-content/uploads/2024/06/Specification-Torn-Paper-White.png);
}
span.paper-strap-navy-blue {
  background-image: url(/wp-content/uploads/2024/06/Specification-Torn-Paper-Navy-Blue.png);
}
span.paper-strap-orange {
  background-image: url(/wp-content/uploads/2024/06/Specification-Torn-Paper-Orange.png);
}

/* ===== Geek Gallery Sliders ===== */
.gallery-controls.gallery-controls__arrows.gallery-controls__count {
  top: unset;
  bottom: 20px;
  justify-content: flex-end;
}
.gallery-controls__count .gallery-controls-inner {
  background: transparent;
  color: #fff;
}
.gallery-controls-inner button {
  background: transparent;
  border: none;
  color: #fff;
}
.gallery-controls__arrows .arrow__right button,
.gallery-controls__arrows .arrow__right button:hover {
  margin-right: 0;
}
.gallery-controls__arrows .arrow__left button,
.gallery-controls__arrows .arrow__left button:hover {
  margin-left: 0;
}
.geek-gallery-slide .slide-full-height-col {
  padding-top: 60vh!important;
}
/* == Gallery Controls Dots == */
.toggle-dots-no-arrows .gallery-controls.gallery-controls__dots {
  display: flex;
}
.toggle-dots-no-arrows .gallery-controls.gallery-controls__dots {
  display: flex !important;
}
.toggle-dots-no-arrows .gallery-controls.gallery-controls__arrows.gallery-controls__count {
  display: none !important;
}
/* == Gallery Controls Bars == */
.gallery-controls.gallery-controls__bars {
  position: absolute;
  bottom: 10%;
  justify-content: flex-start;
  padding: 0 5vw;
  z-index: 99;
  .gallery-controls-inner {
    display: flex;
    gap: 20px;
    justify-content: start;
    button {
      pointer-events: all;
      cursor: pointer;
      border-radius: 0 !important;
      background: var(--nectar-extra-color-10);
      width: min(15vw, 100px);
      height: 5px;
      transition: all 0.3s ease-in-out;
      &.active {
        background: var(--nectar-extra-color-5);
      }
    }
  }
}
.mobile-micro-logo {
  max-width: 90% !important;
}
/* Specific Slides */
.tech-slide > .row-bg-wrap  .row-bg {
  background-size: contain!important;
}
.evercade-compatible > .row-bg-wrap .row-bg {
  background-size: 50%!important;
}
.evercade-compatible-alt > .row-bg-wrap .row-bg {
  background-size: 35% !important;
}
.evercade-compatible {
  background: linear-gradient(90deg, #fff, #BAC2DB);
}
.page-neogeo-edition .evercade-compatible {
  background: linear-gradient(90deg, #CCA15C, #151515);
}
.page-neogeo-mvs-edition .evercade-compatible {
  background: linear-gradient(90deg, #EA842D, #EA842D);
}
.bg-overlay .row-bg-wrap .row-bg-overlay {
  z-index: 1 !important;
}
.bg-overlay .row-bg-wrap .using-image {
  z-index: 4 !important;
}
/* ===== Buttons ===== */
body.material .nectar-button.medium {
  padding: 8px 60px!important;
  font-size: 24px;
  line-height: 28px;
}
body.material .nectar-button.medium.full-width {
  width: 100%;
  padding: 8px 10px!important;
}

/* ===== Footer ===== */
.nectar-global-section.before-footer {
  margin-top: -70px;
  /* background: transparent!important; */
}

/* ===== Atari Page ===== */
.atari-alt #retailers-atari.retailers-form select {
  background: var(--nectar-extra-color-8);
}
.page-atari-edition .before-footer .row_col_wrap_12 {
  color: var(--nectar-extra-color-10) !important;
}
.page-atari-edition .before-footer .row_col_wrap_12 > .wpb_column > .vc_column-inner {
  border-color: var(--nectar-extra-color-10) !important;
}
.page-atari-edition .evercade-compatible > .row-bg-wrap .row-bg {
  background-size: 38%!important;
}
/* ===== Technos Page ===== */
.technos-alt #retailers-technos.retailers-form select {
  background: var(--nectar-extra-color-9);
  color: var(--nectar-extra-color-5);
}
.technos-alt .retailers-form .retailer-location-select::after {
  color: var(--nectar-extra-color-5);
}
.technos-alt #retailers-technos.retailers-form select > option {
  color: var(--nectar-extra-color-10);
}
.page-technos-edition .before-footer .row_col_wrap_12 {
  color: var(--nectar-extra-color-10) !important;
}
.page-technos-edition .before-footer .row_col_wrap_12 > .wpb_column > .vc_column-inner {
  border-color: var(--nectar-extra-color-10) !important;
}
.page-technos-edition .evercade-compatible > .row-bg-wrap .row-bg {
  background-size: 38% !important;
}
/* ===== Taito Page ===== */
.taito-alt #retailers-taito.retailers-form select {
  background: #05A797;
}
.page-taito-edition .before-footer .row_col_wrap_12 {
  color: #fff!important;
}
.page-taito-edition .before-footer .row_col_wrap_12 > .wpb_column > .vc_column-inner {
  border-color: #fff!important;
}
/* ===== Capcom Page ===== */
.page-capcom-edition .before-footer .row_col_wrap_12 {
  color: #fff!important;
}
.page-capcom-edition .before-footer .row_col_wrap_12 > .wpb_column > .vc_column-inner {
  border-color: #fff!important;
}
.page-capcom-edition .evercade-compatible > .row-bg-wrap .row-bg {
  background-size: 38%!important;
}
/* ===== Asteroids Page ===== */
.page-asteroids-keychain {
  --asteroids-accent-color: #FDEE37;

  #retailers-asteroids.retailers-form select {
    color: var(--nectar-extra-color-5);
    background: var(--asteroids-accent-color);
    option {
      color: var(--nectar-extra-color-5);
      background: var(--asteroids-accent-color);
    }
  }
  .nectar-global-section.before-footer {
    background-color: var(--asteroids-accent-color) !important;
  }
}
/* ===== Centipede Page ===== */
.page-centipede-keychain {
  --centipede-accent-color: #84AE4B;

  #retailers-centipede.retailers-form select {
    color: var(--nectar-extra-color-5);
    background: #FDD31F;
    option {
      color: var(--nectar-extra-color-5);
      background: #FDD31F;
    }
  }
  .nectar-global-section.before-footer {
    background-color: var(--centipede-accent-color) !important;
    * {
      border-color: var(--nectar-extra-color-10) !important;
      color: var(--nectar-extra-color-10) !important;
    }
  }
}
/* ===== Space Invaders Page ===== */
.page-space-invaders-keychain {
  --space-invaders-accent-color: #0F1B44;

  #retailers-space-invaders.retailers-form select {
    color: var(--nectar-extra-color-5);
    background: #FFD400;
    option {
      color: var(--nectar-extra-color-5);
      background: #FFD400;
    }
  }
  .nectar-global-section.before-footer {
    background-color: var(--space-invaders-accent-color) !important;
    * {
      border-color: var(--nectar-extra-color-10) !important;
      color: var(--nectar-extra-color-10) !important;
    }
  }
}
/* ===== Burgertime Page ===== */
.page-burgertime-keychain {
  --burgertime-accent-color: #2B3585;

  #retailers-burger-time.retailers-form {
    select {
      color: var(--nectar-extra-color-5);
      background: #F7AC1A;
      option {
        color: var(--nectar-extra-color-5);
        background: #F7AC1A;
      }
    }
  }
  .nectar-global-section.before-footer {
    background-color: var(--burgertime-accent-color) !important;
    * {
      border-color: var(--nectar-extra-color-10) !important;
      color: var(--nectar-extra-color-10) !important;
    }
  }
}
/* ===== Evercade Page ===== */
.page-evercade .geek-gallery-slide .big-text p {
  padding-bottom: 0px;
}
.page-evercade .geek-gallery-slide .big-text ul {
  margin-bottom: 10px;
}
.page-evercade .banner-img .column-image-bg {
  background-size: contain!important;
  background-repeat: no-repeat;
}

/* ===== Support page ===== */
.nectar-button.large.support-email {
  padding: 10px 40px!important;
  font-size: 32px;
  line-height: 40px;
  font-family: 'lexenddeca-regular';
  word-break: break-all;
}
/* accordians */
.toggles.accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
div[data-style*="minimal"] .toggle {
  background-color: #FFD560;
  border-radius: 40px;
  padding: 0px 30px;
  border-bottom: none;
}
div[data-style*="minimal"] .toggle.open:before {
  opacity: 0;
}
div[data-style*="minimal"] .toggle .toggle-heading {
  color: #000!important;
  padding: 20px 0px!important;
  padding-right: 30px!important;
}
div[data-style*="minimal"] .toggle .toggle-heading i {
  border-color: transparent!important;
}
div[data-style*="minimal"] .toggle .toggle-heading i:before,
div[data-style*="minimal"] .toggle .toggle-heading i:after {
  background-color: #000!important;
}
.page-support .before-footer .row-bg-wrap {
  background: var(--nectar-accent-color);
}
/* ===== Win page ===== */
.page-win .before-footer .row_col_wrap_12 {
  color: #fff!important;
}
.page-win .before-footer .row_col_wrap_12 > .wpb_column > .vc_column-inner {
  border-color: #fff!important;
}


/* ===== Misc Styling ===== */
/* Image styles */
img.white-image {
  filter: invert(1);
}
.arcade-games img {
  border: 1px solid #000;
}
img.fixed-image {
  position: fixed;
  top: 0;
}
/* Specs */
.spec-header {
  transform: rotate(2deg);
}
.spec-list ul {
  margin: 0px;
}
.spec-list .list-item {
  display: inline-flex;
  font-family: lexenddeca-bold;
  font-size: 24px;
  line-height: 24px;
}
.spec-list .list-item::before {
  content: "•";
  display: block;
  margin-right: 10px;
}
.spec-list .list-item-desc {
  margin-left: 20px;
}
.justify-end .wpb_wrapper {
  justify-content: end;
}
/* rotations */
.rotate-2deg {
  transform: rotate(2deg)!important;
}
.rotate-minus-2deg {
  transform: rotate(-2deg)!important;
}
.rotate-7deg {
  transform: rotate(7deg)!important;
}
.rotate-minus-7deg {
  transform: rotate(-7deg)!important;
}
.rotate-90deg {
  transform: rotate(90deg)!important;
}
/* Newsletter */
.newsletter-form p,
.win-form p {
  display: flex;
  flex-flow: row nowrap;
  gap: 10px;
}
.newsletter-form br,
.newsletter-form label,
.newsletter-form .wpcf7-spinner,
.win-form br,
.win-form label,
.win-form .wpcf7-spinner {
  display: none;
}
.newsletter-form .wpcf7-form-control-wrap input,
.win-form .wpcf7-form-control-wrap input {
  border-radius: 30px;
  padding: 8px 40px;
  background: #43464E!important;
  font-size: 24px;
  font-family: 'lexenddeca-regular';
}
.newsletter-form .wpcf7-form-control-wrap input.wpcf7-email::placeholder,
.win-form .wpcf7-form-control-wrap input.wpcf7-email::placeholder {
  color: #BAC2DB;
  opacity: 1;
}
body[data-button-style=rounded] .container-wrap .newsletter-form input[type=submit],
body[data-button-style=rounded] .container-wrap .win-form input[type=submit] {
  background-color: #DD2759;
  font-size: 24px;
  padding: 8px 60px!important;
}
body.material .newsletter-form .wpcf7-submit:hover,
body.material .win-form .wpcf7-submit:hover {
  background-color: #DD2759!important;
}
.newsletter-form + p,
.win-form + p {
  margin-top: 10px;
  padding-left: 16px;
  padding-bottom: 0px;
  text-align: left;
  font-size: 14px;
  font-family: 'lexenddeca-light';
}
.newsletter-form + p a,
.win-form + p a {
  color: #fff;
  text-decoration: underline;
}
.row-bg-contain .using-image {
  background-size: contain !important;
}
.transform-link {
  a > img{
    transition: all 0.3s ease-in-out;
  }
  &:hover a > img{
    transform: scale(1.1) !important;
  }
}