/* Reference */
/* :root {
  --nectar-accent-color: #fdc62f;
  --nectar-extra-color-1: #0c4da2;
  --nectar-extra-color-2: #05a797;
  --nectar-extra-color-3: #333333;
} */
/* ===== Geek Gallery (gg) ===== */
:root {
  --gg-white: #fff;
  --gg-black: #000;
}

.geek-gallery-container {
    height: 100%;
    overflow: hidden;
    position: relative;
}
/* images */
.geek-gallery-slides {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    background: var(--gg-black);
}
.geek-gallery-slides.loading .geek-gallery-slide {
    opacity: 0;
}
.geek-gallery-slides .geek-gallery-slide > .wpb_row {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.geek-gallery-slide > .wpb_row > .row_col_wrap_12 {
    width: 100%;
}
/* .geek-gallery-images .image-container img {
    height: fit-content!important;
} */
.geek-gallery-slide {
    width: 100%;
    z-index: 1;
}
/* controls */
.gallery-controls {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
}
.gallery-controls__count {
    top: 0;
    z-index: 2;
}
.gallery-controls__count .gallery-controls-inner {
    background: var(--gg-white);
    background: transparent;
    padding: 10px 16px;
}
.gallery-controls.gallery-controls__arrows {
    top: 50%;
    justify-content: space-between;
    z-index: 2;
}
.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 Control ===== */
.geek-gallery-control {
  display: flex;
  justify-content: space-around;
  align-content: center;
  gap: min(1rem, 5dvw);
  padding: min(1rem, 5dvh) min(2rem, 5dvw);
  margin-bottom: 0 !important;
  color: var(--gg-white);
  font-family: lexenddeca-bold;
}
.geek-gallery-control .geek-gallery-control-title {
  flex: 2;
  font-size: 1.5rem;
  line-height: 1.7rem;
  padding-right: 0.5rem;
  border-right: 2px solid;
}
.geek-gallery-control .geek-gallery-control-dropdown {
  display: none;
}
.geek-gallery-control .geek-gallery-control-tabs {
  flex: 8;
  display: flex;
  justify-content: space-around;
  align-content: center;
  gap: 1rem;
  padding: 0 1rem;
}
.geek-gallery-control .geek-gallery-control-tabs > .geek-gallery-control-tab {
  flex: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.geek-gallery-control .geek-gallery-control-tabs > .geek-gallery-control-tab.active,
.geek-gallery-control .geek-gallery-control-tabs > .geek-gallery-control-tab:hover {
  opacity: 1;
}
.geek-gallery-control .geek-gallery-control-tabs > .geek-gallery-control-tab > span {
  flex: 3;
  font-size: 1.2rem;
  line-height: 1.35rem;
}
.geek-gallery-control .geek-gallery-control-tabs > .geek-gallery-control-tab::before {
  flex: 1;
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  max-width: 42px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* ===== Geek Gallery Control - Dots ===== */
.gallery-controls.gallery-controls__dots {
  bottom: min(50px, 3.5vh);
  z-index: 99;
  display: none;
}
.gallery-controls-inner.dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
button.gallery-dot {
  height: min(22px, 5vh);
  width: min(22px, 5vh);
  background: #ffffff60;
  border: 1px solid var(--gg-white);
  transition: all 0.3s ease-in-out;
}
button.gallery-dot.active,
button.gallery-dot:hover {
  background: var(--gg-white)
}
/* ===== Geek Gallery Control - Arrows ===== */
#officially-licensed-arcade-games::before { background-image: url(/wp-content/uploads/2023/11/arcade-game.png); }
#officially-licensed-atari-games::before { background-image: url(/wp-content/uploads/2023/11/arcade-game.png); }
#pocket-sized::before { background-image: url(/wp-content/uploads/2023/11/tech-shield.png); }
#tech::before { background-image: url(/wp-content/uploads/2023/11/battery-status.png); }
#evercade-compatible::before { background-image: url(/wp-content/uploads/2023/11/heart.png); }
#keychain-sized::before { background-image: url(/wp-content/uploads/2024/06/keychain.png); }
#collect-them-all::before { background-image: url(/wp-content/uploads/2024/06/collect-them-all.png); }