/* ============================================
   WONDERLAND GEAR EXCHANGE
   SquareKicker Replacement Styles
   ============================================ */

:root {
  --sk-color-c5d: #262626FF;
  --sk-color-6df: #024559FF;
  --sk-color-816: #D0F4F0FF;
  --sk-color-987: #EE6352FF;
  --sk-color-954: #FF9F9FFF;
  --sk-color-e61: #FFC09FFF;
  --sk-color-405: #02AEA2FF;
  --sk-color-c1a: #00000026;
}

/* About story text blocks: restore SquareKicker mobile inset */
@media (max-width: 767px) {
  #siteWrapper #block-dea9cc74c05383ac4e56,
  #siteWrapper #block-30bcbca5bbc7eeae3a48 {
    box-sizing: border-box;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* About mission cards: restore SquareKicker enlarged mobile H3s */
@media (max-width: 767px) {
  #siteWrapper section[data-section-id="6a1dcaaabcd224284668d003"] h3,
  #siteWrapper section[data-section-id="6a1dcaaabcd224284668d003"] h3 span[class^="sqsrte-text-color"],
  #siteWrapper section[data-section-id="6a1dc7230dd7e85752224f0b"] h3,
  #siteWrapper section[data-section-id="6a1dc7230dd7e85752224f0b"] h3 span[class^="sqsrte-text-color"] {
    font-size: calc(clamp(0px, calc((var(--heading-3-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-3-size-value) * 1rem)) * 1.33) !important;
  }
}

/* General image-card blocks: stack image over text on mobile */
@media (max-width: 770px) {
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem;
  }

  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left > .intrinsic,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right > .intrinsic,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left .image-block-wrapper,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right .image-block-wrapper,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left .image-inset,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right .image-inset,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left .sqs-image-shape-container-element,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right .sqs-image-shape-container-element,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left .image-card-wrapper,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right .image-card-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left > .intrinsic,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right > .intrinsic,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left .image-block-wrapper,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right .image-block-wrapper {
    order: 1;
  }

  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left .image-inset,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right .image-inset {
    height: auto !important;
    transform: none !important;
  }

  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left img,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left .image-card-wrapper,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right .image-card-wrapper {
    order: 2;
    padding: 0 !important;
  }

  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-left .image-card,
  #siteWrapper .sqs-block-image figure.design-layout-card.image-position-right .image-card {
    padding: 0 !important;
  }
}

/* Hidden desktop sections: hide on mobile */
@media (width < 768px) {
  body:not(.sqs-edit-mode-active) section[data-section-id="6a1dc7a293285d2092246b73"],
  body:not(.sqs-edit-mode-active) section[data-section-id="6a1dc73660a68d3fa144aae9"] {
    display: none;
  }
}

/* Hidden mobile sections: hide on tablet/desktop */
@media (width >= 768px) {
  body:not(.sqs-edit-mode-active) section[data-section-id="6a1dc7a293285d2092246b76"],
  body:not(.sqs-edit-mode-active) section[data-section-id="6a1dc73660a68d3fa144aaec"] {
    display: none;
  }
}

/* Choose your adventure cards: image button baseline */
#siteWrapper #block-520a287b2109426e142e .image-button a,
#siteWrapper #block-706098a43aa037ec5e72 .image-button a,
#siteWrapper #block-0cc172c05151a9875935 .image-button a,
#siteWrapper #block-cb2fd0c1ba205fa13fe1 .image-button a,
#siteWrapper #block-b334b5cfd8636c5a21be .image-button a,
#siteWrapper #block-39ad3444bbe2ef01e4d1 .image-button a {
  transform: translateY(0%);
}

#siteWrapper #block-520a287b2109426e142e .image-button,
#siteWrapper #block-706098a43aa037ec5e72 .image-button,
#siteWrapper #block-0cc172c05151a9875935 .image-button,
#siteWrapper #block-cb2fd0c1ba205fa13fe1 .image-button,
#siteWrapper #block-b334b5cfd8636c5a21be .image-button,
#siteWrapper #block-39ad3444bbe2ef01e4d1 .image-button {
  perspective: 2000px;
}

/* Choose your adventure cards: SquareKicker poster caption treatment */
#siteWrapper #block-520a287b2109426e142e div.image-card,
#siteWrapper #block-520a287b2109426e142e .image-caption-wrapper,
#siteWrapper #block-706098a43aa037ec5e72 div.image-card,
#siteWrapper #block-706098a43aa037ec5e72 .image-caption-wrapper,
#siteWrapper #block-0cc172c05151a9875935 div.image-card,
#siteWrapper #block-0cc172c05151a9875935 .image-caption-wrapper,
#siteWrapper #block-cb2fd0c1ba205fa13fe1 div.image-card,
#siteWrapper #block-cb2fd0c1ba205fa13fe1 .image-caption-wrapper,
#siteWrapper #block-b334b5cfd8636c5a21be div.image-card,
#siteWrapper #block-b334b5cfd8636c5a21be .image-caption-wrapper,
#siteWrapper #block-39ad3444bbe2ef01e4d1 div.image-card,
#siteWrapper #block-39ad3444bbe2ef01e4d1 .image-caption-wrapper {
  background: #024559 !important;
  border-radius: 0 !important;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  transform: translateY(-72%);
  transition: background-color 0.2s ease, transform 0.2s ease;
  width: 78% !important;
}

#siteWrapper #block-520a287b2109426e142e .image-card-wrapper,
#siteWrapper #block-706098a43aa037ec5e72 .image-card-wrapper,
#siteWrapper #block-0cc172c05151a9875935 .image-card-wrapper,
#siteWrapper #block-cb2fd0c1ba205fa13fe1 .image-card-wrapper,
#siteWrapper #block-b334b5cfd8636c5a21be .image-card-wrapper,
#siteWrapper #block-39ad3444bbe2ef01e4d1 .image-card-wrapper {
  align-items: flex-end;
}

#siteWrapper #block-520a287b2109426e142e:hover div.image-card,
#siteWrapper #block-520a287b2109426e142e:hover .image-caption-wrapper,
#siteWrapper #block-706098a43aa037ec5e72:hover div.image-card,
#siteWrapper #block-706098a43aa037ec5e72:hover .image-caption-wrapper,
#siteWrapper #block-0cc172c05151a9875935:hover div.image-card,
#siteWrapper #block-0cc172c05151a9875935:hover .image-caption-wrapper,
#siteWrapper #block-cb2fd0c1ba205fa13fe1:hover div.image-card,
#siteWrapper #block-cb2fd0c1ba205fa13fe1:hover .image-caption-wrapper,
#siteWrapper #block-b334b5cfd8636c5a21be:hover div.image-card,
#siteWrapper #block-b334b5cfd8636c5a21be:hover .image-caption-wrapper,
#siteWrapper #block-39ad3444bbe2ef01e4d1:hover div.image-card,
#siteWrapper #block-39ad3444bbe2ef01e4d1:hover .image-caption-wrapper {
  background: #01384a !important;
  transform: translateY(-74%);
}

#siteWrapper #block-520a287b2109426e142e img,
#siteWrapper #block-706098a43aa037ec5e72 img,
#siteWrapper #block-0cc172c05151a9875935 img,
#siteWrapper #block-cb2fd0c1ba205fa13fe1 img,
#siteWrapper #block-b334b5cfd8636c5a21be img,
#siteWrapper #block-39ad3444bbe2ef01e4d1 img {
  transition: filter 0.2s ease;
}

#siteWrapper #block-520a287b2109426e142e:hover img,
#siteWrapper #block-706098a43aa037ec5e72:hover img,
#siteWrapper #block-0cc172c05151a9875935:hover img,
#siteWrapper #block-cb2fd0c1ba205fa13fe1:hover img,
#siteWrapper #block-b334b5cfd8636c5a21be:hover img,
#siteWrapper #block-39ad3444bbe2ef01e4d1:hover img {
  filter: brightness(0.88);
}

/* Choose your adventure cards: remove card radius */
#siteWrapper #block-706098a43aa037ec5e72 div.image-card,
#siteWrapper #block-706098a43aa037ec5e72 .image-caption-wrapper,
#siteWrapper #block-cb2fd0c1ba205fa13fe1 div.image-card,
#siteWrapper #block-cb2fd0c1ba205fa13fe1 .image-caption-wrapper {
  border-radius: 0 !important;
}

/* Choose your adventure cards: mobile image framing */
@media (width < 768px) {
  #siteWrapper #block-520a287b2109426e142e div.image-card,
  #siteWrapper #block-520a287b2109426e142e .image-caption-wrapper,
  #siteWrapper #block-706098a43aa037ec5e72 div.image-card,
  #siteWrapper #block-706098a43aa037ec5e72 .image-caption-wrapper,
  #siteWrapper #block-0cc172c05151a9875935 div.image-card,
  #siteWrapper #block-0cc172c05151a9875935 .image-caption-wrapper,
  #siteWrapper #block-cb2fd0c1ba205fa13fe1 div.image-card,
  #siteWrapper #block-cb2fd0c1ba205fa13fe1 .image-caption-wrapper,
  #siteWrapper #block-b334b5cfd8636c5a21be div.image-card,
  #siteWrapper #block-b334b5cfd8636c5a21be .image-caption-wrapper,
  #siteWrapper #block-39ad3444bbe2ef01e4d1 div.image-card,
  #siteWrapper #block-39ad3444bbe2ef01e4d1 .image-caption-wrapper {
    padding-top: 7px;
    padding-bottom: 7px;
    transform: translateY(-64%);
  }

  #siteWrapper #block-520a287b2109426e142e div.sqs-image-content,
  #siteWrapper #block-520a287b2109426e142e .sqs-image-shape-container-element,
  #siteWrapper #block-706098a43aa037ec5e72 div.sqs-image-content,
  #siteWrapper #block-706098a43aa037ec5e72 .sqs-image-shape-container-element,
  #siteWrapper #block-0cc172c05151a9875935 div.sqs-image-content,
  #siteWrapper #block-0cc172c05151a9875935 .sqs-image-shape-container-element,
  #siteWrapper #block-cb2fd0c1ba205fa13fe1 div.sqs-image-content,
  #siteWrapper #block-cb2fd0c1ba205fa13fe1 .sqs-image-shape-container-element,
  #siteWrapper #block-b334b5cfd8636c5a21be div.sqs-image-content,
  #siteWrapper #block-b334b5cfd8636c5a21be .sqs-image-shape-container-element,
  #siteWrapper #block-39ad3444bbe2ef01e4d1 div.sqs-image-content,
  #siteWrapper #block-39ad3444bbe2ef01e4d1 .sqs-image-shape-container-element {
    padding-bottom: 56.25% !important;
  }

  #siteWrapper #block-520a287b2109426e142e img,
  #siteWrapper #block-706098a43aa037ec5e72 img,
  #siteWrapper #block-0cc172c05151a9875935 img,
  #siteWrapper #block-cb2fd0c1ba205fa13fe1 img,
  #siteWrapper #block-b334b5cfd8636c5a21be img,
  #siteWrapper #block-39ad3444bbe2ef01e4d1 img {
    position: absolute !important;
    object-fit: cover !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
  }

  #siteWrapper #block-520a287b2109426e142e,
  #siteWrapper #block-706098a43aa037ec5e72,
  #siteWrapper #block-cb2fd0c1ba205fa13fe1,
  #siteWrapper #block-39ad3444bbe2ef01e4d1 {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  #siteWrapper #block-0cc172c05151a9875935,
  #siteWrapper #block-b334b5cfd8636c5a21be {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
  }
}

/* SquareKicker preset 177 replacement for filled block IDs */
@media (width < 768px) {
  #siteWrapper #block-bbe310095b5b2f8e0a97.image-block h2,
  #siteWrapper #block-9c7fa0dffd68f907e590.image-block h2,
  #siteWrapper #block-20fdba154d26b75f041d.image-block h2,
  #siteWrapper #block-eaabf76d681a7b48d25a.image-block h2 {
    font-size: calc(clamp(0px, calc((var(--heading-2-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-2-size-value) * 1rem)) * 0.6) !important;
  }

  #siteWrapper #block-bbe310095b5b2f8e0a97.image-block h3,
  #siteWrapper #block-9c7fa0dffd68f907e590.image-block h3,
  #siteWrapper #block-20fdba154d26b75f041d.image-block h3,
  #siteWrapper #block-eaabf76d681a7b48d25a.image-block h3 {
    font-size: calc(clamp(0px, calc((var(--heading-3-size-value) - 1) * 1.2vmax + 1rem), calc(var(--heading-3-size-value) * 1rem)) * 1.11) !important;
  }

  #siteWrapper #block-bbe310095b5b2f8e0a97.image-block p:not(.sqsrte-large):not(.sqsrte-small),
  #siteWrapper #block-9c7fa0dffd68f907e590.image-block p:not(.sqsrte-large):not(.sqsrte-small),
  #siteWrapper #block-20fdba154d26b75f041d.image-block p:not(.sqsrte-large):not(.sqsrte-small),
  #siteWrapper #block-eaabf76d681a7b48d25a.image-block p:not(.sqsrte-large):not(.sqsrte-small) {
    font-size: calc(clamp(0px, calc((var(--normal-text-size-value) - 1) * 1.2vmax + 1rem), calc(var(--normal-text-size-value) * 1rem)) * 0.84) !important;
  }

  #siteWrapper #block-bbe310095b5b2f8e0a97 .image-button a,
  #siteWrapper #block-9c7fa0dffd68f907e590 .image-button a,
  #siteWrapper #block-20fdba154d26b75f041d .image-button a,
  #siteWrapper #block-eaabf76d681a7b48d25a .image-button a {
    font-size: 99%;
  }
}