/** Shopify CDN: Minification failed

Line 1548:2 Unexpected "6"

**/
@charset "UTF-8";
@font-face {
  font-family: "Premier Lightline";
  src: url("//vocabularyofcolour.com/cdn/shop/t/4/assets/premier-lightline.otf?v=10524880136804782961790792014") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@media (min-width: 768px) {
  .site-control.nav-inline-desktop:hover.alt-logo-when-active .logo.logo--has-alt-logo > h1 > img,
  .site-control.nav-inline-desktop:hover.alt-logo-when-active .logo.logo--has-alt-logo > img {
    opacity: 1; }

  .site-control.nav-inline-desktop:hover.alt-logo-when-active .logo .alt-logo {
    opacity: 0; }

  .template-suffix-libro .product-area .product-area__thumbs__thumb .rimage-outer-wrapper .rimage-wrapper > img {
    border-radius: 0px !important;
    box-shadow: 0 0 0px 0px !important; }

  .template-suffix-libro .product-area.product-area--carousel .rimage__image {
    height: 80% !important;
    object-fit: contain !important; }

  .template-suffix-libro .product-area.product-area--carousel .theme-gallery[data-media-crop=bottom] .rimage__image, .product-area.product-area--carousel .theme-gallery[data-media-crop=bottom] .plyr__poster, .product-area.product-area--carousel .theme-gallery[data-media-crop=bottom] video {
    object-position: top !important; }

  .template-suffix-libro .product-slider-custom-pagination {
    margin-top: -80px !important; } }
.nav-additional-menu {
  display: none; }

.template-index #shopify-section-header .site-control.hide-home-logo-transparent:not(.nav-opaque) .logo .alt-logo {
  opacity: 0;
  visibility: hidden; }

.template-index.modal-active[data-modal-id="page-menu"] #shopify-section-header .site-control.hide-home-logo-transparent .logo.logo--has-alt-logo > img,
.template-index.modal-active[data-modal-id="page-menu"] #shopify-section-header .site-control.hide-home-logo-transparent .logo.logo--has-alt-logo > h1 > img,
.template-index.nav-mega-open #shopify-section-header .site-control.hide-home-logo-transparent .logo.logo--has-alt-logo > img,
.template-index.nav-mega-open #shopify-section-header .site-control.hide-home-logo-transparent .logo.logo--has-alt-logo > h1 > img {
  opacity: 1;
  visibility: visible; }

@media (min-width: 768px) {
  .template-index #shopify-section-header .site-control.nav-inline-desktop.hide-home-logo-transparent:hover .logo.logo--has-alt-logo > img,
  .template-index #shopify-section-header .site-control.nav-inline-desktop.hide-home-logo-transparent:hover .logo.logo--has-alt-logo > h1 > img {
    opacity: 1;
    visibility: visible; } }
@media (min-width: 1100px) {
  .template-index #shopify-section-header .logo {
    opacity: 1; }

  .nav-additional-menu {
    display: block; }

  .site-control.nav-inline-desktop .site-control__inner .nav-row a {
    font-weight: 300;
    text-transform: uppercase;
    padding: 0.5em 26px; }

  .site-control.nav-inline-desktop .site-control__inner .nav-right-side .nav-row {
    text-align: right; }
    .site-control.nav-inline-desktop .site-control__inner .nav-right-side .nav-row ul li:last-child a {
      padding-right: 0; }

  .site-control__inner {
    padding: 0px 35px; } }
.site-control.nav-inline-desktop .site-control__inner .nav-row .tier-1 ul > li > a:after {
  display: none; }

.section-background-video .overlay-type {
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 1100px) {
    .section-background-video .overlay-type {
      padding-left: 50px;
      padding-right: 50px; } }
.section-background-video .overlay__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
.section-background-video .logo-img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  width: calc(100% - 40px);
  max-width: var(--logo-max-width, 260px);
  height: auto;
  margin: 0;
  object-fit: contain;
  transform: translate(-50%, -50%); }

.section-vertical-slider {
  /* Theme animations set overflow:hidden on .shopify-section; keep clipping on the slider itself. */
  overflow: visible;
  /* height:auto so all slides paint inside the transform layer (100% + will-change clips later slides on iOS). */ }
  .section-vertical-slider .vertical-slider {
    position: relative;
    height: var(--viewport-height-first-section, 100vh);
    overflow: hidden;
    background: #000;
    touch-action: none;
    overscroll-behavior: none; }
  .section-vertical-slider .vertical-slider__viewport {
    height: 100%;
    overflow: hidden; }
  .section-vertical-slider .vertical-slider__track {
    display: flex;
    flex-direction: column;
    height: auto;
    transition: transform 0.9s cubic-bezier(0.76, 0, 0.24, 1);
    will-change: transform; }
  .section-vertical-slider .vertical-slider__slide {
    position: relative;
    flex: 0 0 auto;
    height: var(--viewport-height-first-section, 100vh);
    width: 100%;
    overflow: hidden; }
  .section-vertical-slider .vertical-slider__frame {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #000;
    padding: 0 !important; }
  .section-vertical-slider .vertical-slider__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block; }
  .section-vertical-slider .vertical-slider__slide-link {
    position: absolute;
    inset: 0;
    z-index: 4; }
  .section-vertical-slider .overlay-type .line-3 .button {
    background-color: var(--vslide-btn-bg, #e5c4c2) !important;
    color: var(--vslide-btn-text, #78403b) !important;
    border-color: transparent !important;
    transform: none !important; }
  .section-vertical-slider .overlay-type .line-3 .button:hover {
    background-color: var(--vslide-btn-text, #78403b) !important;
    color: var(--vslide-btn-bg, #e5c4c2) !important;
    border-color: transparent !important;
    transform: none !important; }
  .section-vertical-slider .vertical-slider__video--mobile {
    display: none; }
  @media (max-width: 767px) {
    .section-vertical-slider .vertical-slider__video--desktop {
      display: none; }
    .section-vertical-slider .vertical-slider__video--mobile {
      display: block; } }
  .section-vertical-slider .video-container--background .video-container__video {
    position: relative;
    height: 100%; }
  .section-vertical-slider .video-container--background .video-container__fallback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .section-vertical-slider .video-container--background.video-container--playing .video-container__fallback {
    opacity: 0;
    visibility: hidden; }
  .section-vertical-slider .video-container--background video {
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .section-vertical-slider .image-overlay::after {
    display: none; }

.wide-container {
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 1100px) {
    .wide-container {
      padding-left: 50px;
      padding-right: 50px; } }

#shopify-section-footer .section-footer__row-lower {
  gap: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0; }
  @media (max-width: 1099px) {
    #shopify-section-footer .section-footer__row-lower {
      flex-direction: column;
      gap: 10px;
      padding-bottom: 62px; } }
  #shopify-section-footer .section-footer__row-lower .section-footer__row__col {
    flex: 0 0 22%;
    width: 22%;
    padding: 0; }
    #shopify-section-footer .section-footer__row-lower .section-footer__row__col.site-info-col {
      flex: 1 1 auto;
      width: auto;
      min-width: 0; }
    @media (max-width: 1099px) {
      #shopify-section-footer .section-footer__row-lower .section-footer__row__col {
        flex: none;
        width: 100%; } }
    #shopify-section-footer .section-footer__row-lower .section-footer__row__col.text-col {
      order: 2; }
      @media (max-width: 1099px) {
        #shopify-section-footer .section-footer__row-lower .section-footer__row__col.text-col {
          order: 3; } }
      #shopify-section-footer .section-footer__row-lower .section-footer__row__col.text-col .rte {
        text-align: right;
        font-size: 0.775rem;
        font-weight: 300;
        margin: 0; }
        @media (max-width: 1099px) {
          #shopify-section-footer .section-footer__row-lower .section-footer__row__col.text-col .rte {
            text-align: center; } }
        #shopify-section-footer .section-footer__row-lower .section-footer__row__col.text-col .rte a {
          color: inherit;
          text-decoration: none;
          border: 0; }
          #shopify-section-footer .section-footer__row-lower .section-footer__row__col.text-col .rte a:hover {
            color: inherit;
            border: 0; }
    #shopify-section-footer .section-footer__row-lower .section-footer__row__col .section-footer__lower-menu {
      margin: 0; }
      #shopify-section-footer .section-footer__row-lower .section-footer__row__col .section-footer__lower-menu .section-footer__lower-menu__list {
        text-align: center; }
        #shopify-section-footer .section-footer__row-lower .section-footer__row__col .section-footer__lower-menu .section-footer__lower-menu__list li {
          margin: 0 5.5px; }
          #shopify-section-footer .section-footer__row-lower .section-footer__row__col .section-footer__lower-menu .section-footer__lower-menu__list li a {
            font-size: 0.775rem;
            font-weight: 300; }
    @media (max-width: 1099px) {
      #shopify-section-footer .section-footer__row-lower .section-footer__row__col.site-info-col {
        order: 2; } }
    @media (max-width: 1099px) {
      #shopify-section-footer .section-footer__row-lower .section-footer__row__col.copyright-col {
        order: 1;
        text-align: center; } }
    #shopify-section-footer .section-footer__row-lower .section-footer__row__col.copyright-col .copyright {
      font-size: 0.775rem;
      font-weight: 300; }
      @media (max-width: 1099px) {
        #shopify-section-footer .section-footer__row-lower .section-footer__row__col.copyright-col .copyright {
          margin: 0; } }

.template-index #shopify-section-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  top: auto;
  background: transparent;
  color: #fff;
  z-index: 5; }
  .template-index #shopify-section-footer .section-footer__row-lower {
    padding-top: 24px;
    padding-bottom: 24px; }
    @media (max-width: 1099px) {
      .template-index #shopify-section-footer .section-footer__row-lower {
        padding-bottom: 62px; } }
    .template-index #shopify-section-footer .section-footer__row-lower a {
      color: #fff; }

#page-menu .nav-footer-links, #page-menu .nav-body {
  padding-right: 0;
  width: 100%; }

#page-menu .main-nav {
  text-align: center; }

#page-menu .nav-footer-links .nav-footer-links__link {
  text-align: center; }

@media (min-width: 1100px) {
  .site-control.nav-inline-desktop .site-control__inner .logo {
    left: 0 !important; } }
#mainBlogPage {
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    #mainBlogPage {
      padding-top: 40px;
      padding-bottom: 160px; } }
  #mainBlogPage .cc-articles.product-list--collage {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 60px; }
    @media (max-width: 991px) {
      #mainBlogPage .cc-articles.product-list--collage {
        row-gap: 50px; } }
    #mainBlogPage .cc-articles.product-list--collage:before, #mainBlogPage .cc-articles.product-list--collage:after {
      content: none; }
    #mainBlogPage .cc-articles.product-list--collage .article-column {
      float: none;
      width: 33.333%;
      padding: 0 5px; }
      @media (max-width: 991px) {
        #mainBlogPage .cc-articles.product-list--collage .article-column {
          width: 100%; } }
      #mainBlogPage .cc-articles.product-list--collage .article-column:nth-child(10n+7) {
        width: 50%;
        margin-left: auto; }
        @media (max-width: 991px) {
          #mainBlogPage .cc-articles.product-list--collage .article-column:nth-child(10n+7) {
            width: 100%; } }
      #mainBlogPage .cc-articles.product-list--collage .article-column:nth-child(10n+1) {
        width: 50%;
        margin-right: auto; }
        @media (max-width: 991px) {
          #mainBlogPage .cc-articles.product-list--collage .article-column:nth-child(10n+1) {
            width: 100%; } }
      #mainBlogPage .cc-articles.product-list--collage .article-column .article-block {
        padding: 0; }
        #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__image {
          margin-bottom: 22px; }
          #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__image .rimage-wrapper video {
            object-fit: cover;
            object-position: center center;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content {
          height: 4.4rem;
          overflow: hidden; }
        #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top {
          display: flex;
          align-items: center;
          gap: 10px;
          height: 2.6rem;
          min-height: 2.6rem;
          max-height: 2.6rem;
          margin: 0 0 0.3rem;
          overflow: hidden; }
          @media (max-width: 991px) {
            #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top {
              justify-content: space-between; } }
          #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top > .article-block__title {
            /*min-width: calc(50% - 10px);*/
            min-width: 0;
            flex: 1 1 auto;
            text-transform: uppercase;
            font-weight: 300;
            font-size: 1rem;
            line-height: 1.3rem;
            height: 2.6rem;
            min-height: 2.6rem;
            max-height: 2.6rem;
            margin: 0;
            overflow: hidden; }
            @media (max-width: 767px) {
              #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top > .article-block__title {
                font-size: 0.9375rem; } }
            #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top > .article-block__title span {
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
          #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top .article-block__meta {
            flex: 0 0 auto;
            align-self: center;
            height: 1.5rem;
            min-height: 1.5rem;
            max-height: 1.5rem;
            margin: 0;
            overflow: hidden;
            white-space: nowrap;
            line-height: 1.5rem; }
            #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top .article-block__meta .feature-subheader,
            #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top .article-block__meta .article-block__title {
              text-transform: uppercase;
              font-weight: 300;
              font-size: 1rem;
              line-height: 1.5rem;
              height: 1.5rem;
              margin: 0; }
              @media (max-width: 767px) {
                #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top .article-block__meta .feature-subheader,
                #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-top .article-block__meta .article-block__title {
                  font-size: 0.9375rem; } }
        #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-custom-text {
          font-weight: 300;
          font-size: 1rem;
          line-height: 1.5rem;
          height: 1.5rem;
          min-height: 1.5rem;
          max-height: 1.5rem;
          margin: 0;
          overflow: hidden; }
          @media (max-width: 767px) {
            #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-custom-text {
              font-size: 0.9375rem; } }
          #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-custom-text p,
          #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-custom-text a,
          #mainBlogPage .cc-articles.product-list--collage .article-column .article-block .article-block__content-custom-text .button {
            margin: 0;
            line-height: 1.5rem; }

html:not(.touch) .article-block:hover .article-block__image .placeholder-image, html:not(.touch) .article-block:hover .article-block__image .rimage__image {
  transform: scale(1); }

/* Make all blog article pages full width */
body.template-article #page-content .central {
  max-width: 1500px !important;
  width: 1500px !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

/* Hide blog post header and subheader on all article pages */
body.template-article .feature-header,
body.template-article .feature-subheader {
  display: none !important; }

.feature-header {
  text-transform: uppercase; }

body.template-article #page-content .no-side-pad {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.article-block__image .article-block__excerpt {
  display: none !important; }

.article-page-custom-section {
  padding: 40px 0 100px; }
  @media (max-width: 991px) {
    .article-page-custom-section {
      padding: 40px 0 60px; } }
  .article-page-custom-section .article-page-custom-section-header {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .article-page-custom-section .article-page-custom-section-header {
        gap: 0;
        margin-bottom: 37px; } }
    .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item {
      width: calc(33.333% - (20px / 3)); }
      @media (max-width: 991px) {
        .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item {
          width: calc(50% - (20px / 2)); } }
      @media (max-width: 767px) {
        .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 20px; } }
      .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item .article-page-custom-section-header-title {
        text-transform: uppercase;
        font-weight: 300;
        font-size: 1.125rem;
        text-align: left; }
        @media (max-width: 767px) {
          .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item .article-page-custom-section-header-title {
            margin-right: auto; } }
      .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item.article-page-custom-section-header-item-info {
        display: flex;
        justify-content: center;
        gap: 132px; }
        @media (max-width: 767px) {
          .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item.article-page-custom-section-header-item-info {
            gap: 0;
            justify-content: flex-start; } }
        .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item.article-page-custom-section-header-item-info .article-page-custom-section-header-custom-text {
          font-weight: 300;
          font-size: 1.125rem; }
          @media (max-width: 767px) {
            .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item.article-page-custom-section-header-item-info .article-page-custom-section-header-custom-text {
              font-size: 1rem; } }
      .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item .mobile-show {
        display: none; }
      @media (max-width: 767px) {
        .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item .mobile-show {
          display: block; }
        .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-item .mobile-hide {
          display: none; } }
    .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-date {
      font-weight: 300;
      font-size: 1.125rem; }
      @media (max-width: 767px) {
        .article-page-custom-section .article-page-custom-section-header .article-page-custom-section-header-date {
          font-size: 1rem; } }
  .article-page-custom-section .article-page-custom-section-slider {
    overflow: hidden;
    max-width: 1350px;
    margin: 0 auto; }
    .article-page-custom-section .article-page-custom-section-slider .swiper-wrapper {
      /*       align-items: center; */ }
    .article-page-custom-section .article-page-custom-section-slider .swiper-slide {
      width: 100%;
      height: auto;
      display: flex;
      align-items: center; }
      .article-page-custom-section .article-page-custom-section-slider .swiper-slide img, .article-page-custom-section .article-page-custom-section-slider .swiper-slide video {
        display: block;
        width: 100%;
        max-height: 70vh;
        object-fit: contain; }
      .article-page-custom-section .article-page-custom-section-slider .swiper-slide .article-page-custom-section-slider-item-text-wrapper {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 30px 0; }
        .article-page-custom-section .article-page-custom-section-slider .swiper-slide .article-page-custom-section-slider-item-text-wrapper .article-page-custom-section-slider-item-text {
          max-width: 800px;
          width: 100%;
          text-align: center;
          margin: auto; }
          .article-page-custom-section .article-page-custom-section-slider .swiper-slide .article-page-custom-section-slider-item-text-wrapper .article-page-custom-section-slider-item-text p {
            margin-top: 0;
            font-size: 1.625rem;
            line-height: 39px; }
            @media (max-width: 767px) {
              .article-page-custom-section .article-page-custom-section-slider .swiper-slide .article-page-custom-section-slider-item-text-wrapper .article-page-custom-section-slider-item-text p {
                font-size: 1.125rem;
                line-height: 30px; } }
            .article-page-custom-section .article-page-custom-section-slider .swiper-slide .article-page-custom-section-slider-item-text-wrapper .article-page-custom-section-slider-item-text p:last-child {
              margin-bottom: 0; }
        .article-page-custom-section .article-page-custom-section-slider .swiper-slide .article-page-custom-section-slider-item-text-wrapper .article-page-custom-section-slider-item-text-additional {
          max-width: 800px;
          width: 100%;
          text-align: center;
          margin: 0 auto; }
          .article-page-custom-section .article-page-custom-section-slider .swiper-slide .article-page-custom-section-slider-item-text-wrapper .article-page-custom-section-slider-item-text-additional.hidden {
            display: block;
            opacity: 0;
            visibility: hidden; }
          .article-page-custom-section .article-page-custom-section-slider .swiper-slide .article-page-custom-section-slider-item-text-wrapper .article-page-custom-section-slider-item-text-additional p {
            margin: 0;
            font-size: 1.125rem;
            line-height: 30px; }
            @media (max-width: 767px) {
              .article-page-custom-section .article-page-custom-section-slider .swiper-slide .article-page-custom-section-slider-item-text-wrapper .article-page-custom-section-slider-item-text-additional p {
                font-size: 1rem;
                line-height: 26px; } }
    .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 28px; }
      @media (max-width: 767px) {
        .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav {
          margin-top: 37px; } }
      .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav .counter {
        margin: 0 25px;
        font-weight: 300;
        font-size: 1.125rem; }
        @media (max-width: 767px) {
          .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav .counter {
            font-size: 1rem;
            margin: 0 50px; } }
      .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav .swiper-button-prev, .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav .swiper-button-next {
        position: static;
        transform: none;
        margin: 0;
        width: auto;
        height: auto;
        opacity: 1; }
        .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav .swiper-button-prev svg, .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav .swiper-button-next svg {
          width: 30px;
          height: auto; }
          @media (max-width: 767px) {
            .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav .swiper-button-prev svg, .article-page-custom-section .article-page-custom-section-slider .article-page-custom-section-slider-nav .swiper-button-next svg {
              width: 40px; } }
  .article-page-custom-section .article-page-custom-section-additional-text {
    text-align: center;
    margin-top: 15px;
    font-weight: 300;
    font-size: 1rem; }
    @media (max-width: 767px) {
      .article-page-custom-section .article-page-custom-section-additional-text {
        margin-top: 30px;
        font-size: 0.75rem; } }

#page-content .content.main-page-section {
  background: transparent; }

@media (max-width: 767px) {
  .shopify-section:only-child #page-content .content.main-page-section {
    padding-top: 0;
    padding-bottom: 180px; } }
.main-page-section {
  font-weight: 300;
  font-size: 1.25rem; }
  @media (max-width: 767px) {
    .main-page-section {
      font-size: 1rem; } }
  .main-page-section h2 {
    font-weight: 300;
    font-size: 2.375rem; }
    @media (max-width: 767px) {
      .main-page-section h2 {
        font-size: 2.5rem;
        margin: 40px 0; } }
  .main-page-section h3 {
    font-weight: 600;
    font-size: 1.375rem; }
    @media (max-width: 767px) {
      .main-page-section h3 {
        font-size: 1rem; } }
  .main-page-section video {
    width: 100%;
    display: block; }
  .main-page-section * + video {
    margin-top: 50px; }
  .main-page-section * + .videoWrapper {
    margin-top: 50px; }
  .main-page-section video + * {
    margin-top: 50px; }
    @media (max-width: 767px) {
      .main-page-section video + * {
        margin-top: 40px; } }
  .main-page-section .videoWrapper + * {
    margin-top: 50px; }
    @media (max-width: 767px) {
      .main-page-section .videoWrapper + * {
        margin-top: 40px; } }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.press-page-section {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .press-page-section {
      padding: 40px 0 175px; } }
  .press-page-section .press-page-section-link {
    margin-top: 100px; }
    @media (max-width: 767px) {
      .press-page-section .press-page-section-link {
        margin-top: 116px;
        text-align: center; } }
    .press-page-section .press-page-section-link a {
      font-weight: 300;
      font-size: 2.375rem;
      text-decoration: underline; }
      @media (max-width: 767px) {
        .press-page-section .press-page-section-link a {
          font-size: 2rem; } }
  .press-page-section .press-page-section-grid {
    display: block;
    flex-wrap: wrap;
    column-gap: 100px;
    row-gap: 80px; }
    @media (max-width: 991px) {
      .press-page-section .press-page-section-grid {
        column-gap: 0;
        row-gap: 60px; } }
    @media (max-width: 767px) {
      .press-page-section .press-page-section-grid {
        column-gap: 30px;
        row-gap: 30px; } }
    .press-page-section .press-page-section-grid .press-page-section-grid-item {
      text-align: left;
      width: calc(25% - (300px / 4)); }
      @media (max-width: 991px) {
        .press-page-section .press-page-section-grid .press-page-section-grid-item {
          width: calc(33.333% - (100px / 3)); } }
      @media (max-width: 767px) {
        .press-page-section .press-page-section-grid .press-page-section-grid-item {
          width: 100%; } }
      .press-page-section .press-page-section-grid .press-page-section-grid-item h2 {
        margin-bottom: 70px;
        font-weight: 300;
        font-size: 4.25rem;
        text-align: left; }
        @media (max-width: 991px) {
          .press-page-section .press-page-section-grid .press-page-section-grid-item h2 {
            margin-bottom: 60px; } }
        @media (max-width: 767px) {
          .press-page-section .press-page-section-grid .press-page-section-grid-item h2 {
            margin-bottom: 25px;
            font-size: 2.5rem;
            text-align: center; } }
      .press-page-section .press-page-section-grid .press-page-section-grid-item .press-page-section-grid-item-block:not(:last-child) {
        margin-bottom: 40px; }
        @media (max-width: 767px) {
          .press-page-section .press-page-section-grid .press-page-section-grid-item .press-page-section-grid-item-block:not(:last-child) {
            margin-bottom: 40px; } }
      .press-page-section .press-page-section-grid .press-page-section-grid-item .press-page-section-grid-item-block h3 {
        font-weight: 600;
        font-size: 1.3125rem;
        text-align: left; }
        @media (max-width: 767px) {
          .press-page-section .press-page-section-grid .press-page-section-grid-item .press-page-section-grid-item-block h3 {
            font-size: 1.125rem;
            text-align: center; } }
      .press-page-section .press-page-section-grid .press-page-section-grid-item .press-page-section-grid-item-block .rte p {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 300; }
        @media (max-width: 767px) {
          .press-page-section .press-page-section-grid .press-page-section-grid-item .press-page-section-grid-item-block .rte p {
            font-size: 1.125rem;
            text-align: center; } }

.contact-page-section-logo {
  margin-top: 130px;
  text-align: center; }
  @media (max-width: 767px) {
    .contact-page-section-logo {
      margin-top: 105px; } }
  .contact-page-section-logo img {
    width: 100%;
    max-width: 300px; }
    @media (max-width: 767px) {
      .contact-page-section-logo img {
        max-width: 200px; } }

.main-page-section_custom h1.feature-header {
  font-weight: 300;
  font-size: 1.625rem;
  margin-bottom: 39px; }
  .main-page-section_custom h1.feature-header:after {
    content: none; }
.main-page-section_custom .rte h2 {
  margin-top: 0;
  text-align: left;
  font-weight: 500;
  font-size: 0.775rem;
  font-family: var(--heading-font);
  margin-bottom: 10px; }
.main-page-section_custom .rte p {
  margin-top: 0;
  font-size: 0.775rem;
  font-weight: 300;
  font-family: var(--base-font);
  margin-bottom: 10px; }
.main-page-section_custom .rte ul {
  margin-top: 0;
  font-size: 0.775rem;
  font-weight: 300;
  font-family: var(--base-font);
  margin-bottom: 10px;
  padding-left: 20px; }

.modal-active[data-modal-id=page-menu] .alt-logo-when-active.site-control .logo.logo--has-alt-logo > h1 > img {
  opacity: 1; }

.modal-active[data-modal-id=page-menu] .alt-logo-when-active.site-control .logo .alt-logo {
  opacity: 0; }

.page-contact.template-page.template-suffix-contact,
.template-article.template-suffix-custom {
  min-height: 100vh; }

/* Make only "journal" article template full width */
.template-article--journal #page-content .central {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.site-control .menu .icon-menu .icon-menu__bar {
  width: 37px;
  height: 1px; }

.site-control .menu .icon-menu,
.site-control .menu {
  width: 43px; }

@media screen and (max-width: 510px) {
  .site-control .logo {
    width: auto;
    max-width: calc(100% - 30px); } }
#page-menu .main-nav li a {
  text-transform: uppercase; }

#page-menu .main-nav li {
  margin: 0 0 40px; }

@media (max-width: 767px) {
  .page-contact.template-page #page-content .central {
    padding-top: 45px;
    padding-bottom: 65px; }
  .page-contact.template-page .rte {
    font-size: 1.125rem; }
    .page-contact.template-page .rte h2 {
      font-size: 1.125rem; }
    .page-contact.template-page .rte h2:first-child {
      margin-top: 0; } }
.article-page-custom-sectionpassword-protection {
  overflow: hidden;
  max-width: 1350px;
  margin: 0 auto; }
  .article-page-custom-sectionpassword-protection .article-page-custom-sectionpassword-protection-wrapper {
    position: relative;
    margin: 0 auto;
    /*     max-width: 760px; */ }
    .article-page-custom-sectionpassword-protection .article-page-custom-sectionpassword-protection-wrapper img {
      display: block;
      width: 100%;
      max-height: 70vh;
      object-fit: contain; }
    .article-page-custom-sectionpassword-protection .article-page-custom-sectionpassword-protection-wrapper .article-page-custom-sectionpassword-protection-form {
      position: absolute;
      padding: 15px;
      width: 100%;
      max-width: 600px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: 1rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .article-page-custom-sectionpassword-protection .article-page-custom-sectionpassword-protection-wrapper .article-page-custom-sectionpassword-protection-form .rte {
        margin: 0 0 20px;
        text-align: center; }
      .article-page-custom-sectionpassword-protection .article-page-custom-sectionpassword-protection-wrapper .article-page-custom-sectionpassword-protection-form .article-page-custom-sectionpassword-protection-form-input {
        background: transparent;
        border: 0;
        outline: 0;
        box-shadow: none;
        text-align: center;
        padding: 0 0 5px 0;
        border-bottom: 1px solid #000;
        max-width: 230px; }
        .article-page-custom-sectionpassword-protection .article-page-custom-sectionpassword-protection-wrapper .article-page-custom-sectionpassword-protection-form .article-page-custom-sectionpassword-protection-form-input::placeholder {
          color: #000; }
      .article-page-custom-sectionpassword-protection .article-page-custom-sectionpassword-protection-wrapper .article-page-custom-sectionpassword-protection-form .article-page-custom-sectionpassword-protection-form-submit {
        margin-top: 15px;
        background: transparent;
        border: 0;
        outline: 0;
        box-shadow: none;
        padding: 0;
        line-height: 1;
        display: inline-block;
        width: auto; }
      .article-page-custom-sectionpassword-protection .article-page-custom-sectionpassword-protection-wrapper .article-page-custom-sectionpassword-protection-form .error {
        color: red;
        font-size: 0.775rem;
        display: none; }

.article-comming-soon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6); }
  .article-comming-soon span {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.125rem;
    color: #000; }

#shopify-section-template--18842079953212__d467a913-5c4f-4b2a-8020-8a4b1264cd9f {
  display: none; }

@media (max-width: 900px) {
  #shopify-section-template--18842079953212__background-video {
    display: none; }

  #shopify-section-template--18842079953212__d467a913-5c4f-4b2a-8020-8a4b1264cd9f {
    display: block; } }
#page-content .content.autoplay-video-section--wrapper {
  background: transparent; }

.autoplay-video-section {
  position: relative; }
  .autoplay-video-section iframe {
    border: 0; }
  .autoplay-video-section video {
    width: 100%;
    display: block; }
  .autoplay-video-section .toggle_sound_btn {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: black !important;
    color: #fff;
    opacity: 1;
    position: absolute;
    z-index: 99;
    -webkit-appearance: none;
    appearance: none;
    top: 35px;
    right: 35px;
    border-radius: 5px;
    padding: 0;
    border: 0; }
    @media (max-width: 767px) {
      .autoplay-video-section .toggle_sound_btn {
        width: 40px;
        height: 40px;
        bottom: 10px;
        right: 10px; } }
    .autoplay-video-section .toggle_sound_btn svg {
      width: 25px;
      height: 25px;
      fill: #fff;
      position: static;
      background: #000; }
      @media (max-width: 767px) {
        .autoplay-video-section .toggle_sound_btn svg {
          width: 20px;
          height: 20px; } }
    .autoplay-video-section .toggle_sound_btn svg.mute_icon {
      display: none; }
    .autoplay-video-section .toggle_sound_btn.active svg.mute_icon {
      display: block; }
    .autoplay-video-section .toggle_sound_btn.active svg.unmute_icon {
      display: none; }

#page-content .content.autoplay-video-section--wrapper {
  width: 100%; }

/* .main-page-section .rte, */
.product-area__details .rte {
  font-family: var(--base-font); }

/* DESCRIPTION / SPECIFICATIONS titles only: heading font (body keeps --base-font via .rte) */
.product-area__details .product-detail-accordion .cc-accordion-item__title {
  font-family: var(--heading-font); }

@media (min-width: 1200px) {
  cc-animate-enabled .section-product-template, .section-product-template {
    margin: 0 8% 0 8%;
    padding-top: 22px; } }
.product-area .product-detail-accordion .fake-download-accordion {
  margin-bottom: -33px; }

.product-area .product-detail-accordion:has(.fake-download-accordion) {
  margin-bottom: -9px;
  /* O cualquier valor que necesites */ }

.product-detail__form__action > .button {
  margin-top: 0px; }

body {
  font-weight: 300; }

.product-area .product-area__details__title {
  font-family: "Premier Lightline";
  font-weight: 600;
  text-transform: uppercase; }

.cc-accordion-item__title {
  font-weight: 300; }

.slideshow .slick-prev svg, .slideshow .slick-next svg {
  color: #000000;
  stroke-width: 1px; }

.product-area .product-area__details .has-clickyboxes label {
  display: none; }

.product-area.product-area--restrict-width.product-area--carousel .product-media.product-media--active-variant:after {
  background-color: #fff; }

.product-block ul.cc-swatches a, .collection-block ul.cc-swatches a {
  height: 18px;
  width: 18px; }

.product-block ul.cc-swatches li, .collection-block ul.cc-swatches li {
  height: 23px;
  width: 18px; }

.product-area .product-area__details__header {
  padding: 0; }

.product-area .product-area__details {
  padding: 20px 20px 0; }

.cc-swatches select[data-colour-swatch=true] + .clickyboxes li a {
  height: 24px;
  width: 24px; }

@media (max-width: 900px) {
  .product-area .product-area__details__header {
    padding-top: 20px; } }
.product-area .product-detail__gap-sm {
  padding-top: 0px; }

.cc-accordion-item__title {
  padding: 15px 0px 15px 0; }

/* ❌ Elimina la cruz solo para los bloques falsos que no son acordeón */
.fake-download-accordion summary.cc-accordion-item__title::before,
.fake-download-accordion summary.cc-accordion-item__title::after {
  display: none !important;
  content: none !important; }

/* ❌ Ajuste de espaciado solo para bloques no-acordeón */
.product-area .product-detail-accordion.fake-download-accordion {
  margin-bottom: -33px; }

/* ✅ Estilo normal para el texto DOWNLOAD */
.cc-accordion-item__title .download-normal {
  all: unset;
  float: right;
  font-weight: 300;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: normal;
  font-family: var(--base-font);
  cursor: pointer; }

.product-detail-accordion.custom-accordion {
  margin-bottom: -33px; }

/* Fix radios/checkboxes that are being styled like text inputs */
#size-chart-content input[type="radio"],
#size-chart-content input[type="checkbox"] {
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  -webkit-appearance: radio !important;
  appearance: radio !important;
  display: inline-block !important;
  vertical-align: middle;
  margin: 0 10px 0 0;
  /* space before label text */ }

/* Keep label + text on one line, left-aligned */
#size-chart-content .radio-group {
  text-align: left; }

#size-chart-content .radio-group label {
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 28px;
  white-space: normal;
  /* allow wrapping within each option */
  line-height: 1.2; }

#size-chart-content .radio-group .radio-text {
  display: inline !important;
  vertical-align: middle; }

/* Put this AFTER the global .form rule */
#size-chart-content .size-chart .size-chart__inner.rte .form,
#size-chart-content .form,
#size-chart-content .form * {
  text-align: left !important; }

/* prevent radios/checkboxes from stretching */
#size-chart-content input[type="radio"],
#size-chart-content input[type="checkbox"] {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  appearance: radio !important;
  display: inline-block !important;
  vertical-align: middle;
  margin: 0 10px 0 0; }

/* label + text stay on one line, left-aligned */
#size-chart-content .radio-group label {
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 28px;
  line-height: 1.2; }

.no-swatches-spacer {
  height: 36px;
  /* adjust this to match the swatches' height */ }

@media (min-width: 1600px) {
  .portfolio-title.h4 {
    font-size: 1.8rem;
    text-transform: none; } }
/* --- MOBILE FIRST (image always visible) --- */
.press-article__main {
  position: relative; }

.press-article__asset {
  position: static;
  width: 100%;
  height: auto;
  opacity: 1;
  transform: none; }

.press-article__asset img {
  width: 100%;
  height: auto;
  object-fit: contain; }

.press-article__headline {
  opacity: 1;
  transition: opacity .25s ease; }

/* --- DESKTOP: show image only on hover, hide headline on hover --- */
@media (min-width: 768px) {
  /* Prepare a hover stage */
  .press-article__main {
    min-height: 420px;
    /* adjust to taste; ensures room for hover image */ }

  /* Hide image by default on desktop, center it for hover reveal */
  .press-article__asset {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 40px);
    /* padding-safe width */
    transform: translate(-50%, -50%) scale(1.02);
    opacity: 0;
    pointer-events: none;
    /* so links/headline remain clickable when hidden */
    transition: opacity .35s ease, transform .35s ease; }

  /* Headline visible by default */
  .press-article__headline {
    opacity: 1;
    transition: opacity .25s ease; }

  /* On hover: reveal image, hide headline */
  .press-article:hover .press-article__asset {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); }

  .press-article:hover .press-article__headline {
    opacity: 0; } }
/* Grid of articles */
.press-articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px; }

@media (min-width: 640px) {
  .press-articles {
    grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) {
  .press-articles {
    grid-template-columns: repeat(3, 1fr); } }
/* Each article card */
.press-article {
  align-items: center;
  background-color: #f9f7f2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0.5px;
  min-height: 38vw;
  /* like reference; tweak if needed */
  /*outline: 1px dashed rgba(0, 0, 0, 0.8);*/
  padding: var(--gap-xs, 10px) var(--grid-padding-s, 20px);
  position: relative; }

@media (min-width: 768px) {
  .press-article {
    /* reference uses min-height: calc(100vw / var(--columns) * 1.24) */
    /* emulate with a default of 3 columns if the CSS var isn't set */
    min-height: calc(100vw / var(--columns, 3) * 1); } }
/* Publication logo */
.press-publisher-logo {
  mix-blend-mode: multiply;
  overflow: hidden; }

.press-publisher-logo .asset-controller {
  background: none;
  height: 40px;
  width: 220px;
  max-width: 100%;
  margin-bottom: 10px;
  margin-top: 20px; }

.press-publisher-logo img {
  height: 100%;
  width: 100%;
  object-fit: contain; }

/* Main block: image + headline */
.press-article__main {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--gap-xs, 10px);
  justify-content: center;
  position: relative;
  width: 100%; }

.press-article__asset {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.press-article__asset img {
  width: 90%;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  display: block; }

/* Ensure container doesn’t overflow and clip image cleanly */
.press-article {
  overflow: hidden; }

@media (min-width: 768px) {
  .press-article__asset img {
    width: 70%;
    height: auto;
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
    display: block; }

  .press-article__main {
    position: relative;
    min-height: clamp(280px, 32vw, 520px);
    /* keeps consistent card proportions */ }

  .press-article__asset {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 90%;
    /* don’t exceed 90% of card width */
    max-height: 90%;
    /* don’t exceed 90% of card height */
    transform: translate(-50%, -50%) scale(1.02);
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease, transform .35s ease; }

  .press-article:hover .press-article__asset {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); }

  .press-article__headline {
    opacity: 1;
    transition: opacity .25s ease; }

  .press-article:hover .press-article__headline {
    opacity: 0; } }
.press-article__headline {
  font-size: 1.4rem;
  /* map this to var(--font-h3-secondary) if you have it */
  font-weight: 400;
  letter-spacing: 0;
  /* map to var(--letter-spacing-h3-secondary) if desired */
  text-align: center;
  margin-top: 10px;
  line-height: 1.3;
  color: #000;
  margin-bottom: 30px;
  text-transform: uppercase; }

/* Bottom link */
.press-article__link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9rem;
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  font-family: var(--base-font);
  text-transform: uppercase; }

.press-article__link svg {
  width: 14px;
  height: 14px;
  padding-bottom: 3px; }

/* --- MOBILE FIRST (image always visible) --- */
.press-article__main {
  position: relative; }

.press-article__asset {
  position: static;
  width: 100%;
  height: auto;
  opacity: 1;
  transform: none; }

.press-article__asset img {
  width: 100%;
  height: auto;
  object-fit: contain; }

.press-article__headline {
  opacity: 1;
  transition: opacity .25s ease; }

/* --- DESKTOP: show image only on hover, hide headline on hover --- */
@media (min-width: 768px) {
  /* Prepare a hover stage */
  .press-article__main {
    min-height: 420px;
    /* adjust to taste; ensures room for hover image */ }

  /* Hide image by default on desktop, center it for hover reveal */
  .press-article__asset {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 40px);
    /* padding-safe width */
    transform: translate(-50%, -50%) scale(1.02);
    opacity: 0;
    pointer-events: none;
    /* so links/headline remain clickable when hidden */
    transition: opacity .35s ease, transform .35s ease; }

  /* Headline visible by default */
  .press-article__headline {
    opacity: 1;
    transition: opacity .25s ease; }

  /* On hover: reveal image, hide headline */
  .press-article:hover .press-article__asset {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); }

  .press-article:hover .press-article__headline {
    opacity: 0; } }
.column.text-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* vertical centering */ }

.template-suffix-journal .section-text-columns-with-images .text-column {
  justify-content: flex-start; }

.template-suffix-journal .section-text-columns-with-images .text-column__title {
  font-weight: 300;
  line-height: 1.3;
  height: calc(1.3em * 2);
  min-height: calc(1.3em * 2);
  max-height: calc(1.3em * 2);
  margin: 0;
  overflow: hidden;
  text-transform: uppercase; }

.template-suffix-journal .section-text-columns-with-images .button-row {
  height: 1.5rem;
  min-height: 1.5rem;
  max-height: 1.5rem;
  margin-top: 0.6rem;
  overflow: hidden; }

.site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children {
  position: static; }

.site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows {
  position: absolute;
  /* Flush under the header — colored panel must not overlap into it */
  top: 100%;
  left: 0;
  right: 0;
  transform: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;
  gap: 16px 32px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  background: #cdd9e7 !important;
  border-top: 1px solid #191919 !important;
  border-bottom: 1px solid #191919 !important;
  box-sizing: border-box;
  text-align: center !important;
  white-space: normal !important;
  z-index: 999 !important;
  overflow: visible !important; }

/* Invisible hit area only: bridges pointer from parent link into panel without extra colored height */
.site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 20px;
  background: transparent; }

.site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows > li {
  display: inline-flex !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important; }

.site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows > li > a {
  display: inline-block !important;
  width: auto !important;
  white-space: nowrap !important;
  text-align: center !important; }

.site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children:hover .nav-rows,
.site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children:focus-within .nav-rows {
  visibility: visible;
  opacity: 1; }

/* Desktop third level: same horizontal bar as the second level, directly beneath it */
@media (min-width: 1100px) {
  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-rows > li.contains-children {
    position: static !important;
    align-self: stretch !important;
    align-items: center !important;
    justify-content: center !important; }

  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-rows > li.contains-children > ul.nav-tier-3 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    gap: 16px 32px !important;
    background: #cdd9e7 !important;
    border-top: 1px solid #191919 !important;
    border-bottom: 1px solid #191919 !important;
    box-sizing: border-box;
    text-align: center !important;
    white-space: normal !important;
    list-style: none !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 1000 !important;
    overflow: visible !important; }

  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-rows > li.contains-children > ul.nav-tier-3::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 14px;
    background: transparent; }

  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-rows > li.contains-children:hover > ul.nav-tier-3,
  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-rows > li.contains-children:focus-within > ul.nav-tier-3 {
    visibility: visible;
    opacity: 1;
    pointer-events: auto; }

  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-rows > li.contains-children > ul.nav-tier-3 > li {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important; }

  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-rows > li.contains-children > ul.nav-tier-3 > li > a {
    display: inline-block !important;
    width: auto !important;
    padding: 10px 15px !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    letter-spacing: normal !important;
    line-height: 1.5em !important;
    text-transform: uppercase !important;
    opacity: 1; } }
.site-control.nav-inline-desktop,
.site-control.nav-inline-desktop .site-control__inner,
.site-control.nav-inline-desktop .nav-row,
.site-control.nav-inline-desktop .tier-1,
.site-control.nav-inline-desktop .tier-1 > ul,
.site-control.nav-inline-desktop .contains-children {
  overflow: visible !important; }

@media (min-width: 1100px) {
  .site-control.nav-inline-desktop .site-control__inner .nav-row a {
    padding: 1.8em 22px; }

  .site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows > li > a {
    padding: 10px 15px; }

  .site-control.nav-inline-desktop .site-control__inner li.contains-children:not(.contains-mega-menu) > ul > li:not(.nav-ctas__cta) {
    min-width: 0px; } }
@media (min-width: 1100px) {
  /* top level links only — font-size lives in styles.css.liquid (#site-control lock) */
  6  .site-control.nav-inline-desktop .site-control__inner .nav-row .tier-1   > ul > li > a {
    padding: 1.8em 20px;
    display: inline-block; }

  /* submenu links */
  .site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows > li > a {
    padding: 10px 15px !important; }

  .site-control.nav-inline-desktop .site-control__inner li.contains-children:not(.contains-mega-menu) > ul > li:not(.nav-ctas__cta) {
    min-width: 0px; } }
.nav-additional-menu {
  display: none; }

.site-control .site-control__inner .nav-account {
  display: none; }

@media (min-width: 1100px) {
  .site-control.nav-inline-desktop .site-control__inner .nav-account {
    display: inline-block;
    vertical-align: middle; }

  .site-control.nav-inline-desktop .nav-right-side {
    width: auto; } }
.site-control.nav-inline-desktop .nav-search {
  display: none; }

@media (max-width: 1120px) {
  .nav.main-nav ul ul {
    display: none;
    padding-left: 18px; }

  /* Beat theme `#page-menu.nav-uses-modal .main-nav li.has-children > ul { display: none }` */
  #page-menu.nav-uses-modal .main-nav li.has-children.is-open > ul,
  #page-menu.nav-uses-modal .main-nav li.has-children.open > ul,
  .nav.main-nav li.has-children.is-open > ul,
  .nav.main-nav li.has-children.open > ul {
    display: block; }

  .nav.main-nav li.has-children > a {
    display: flex;
    align-items: center;
    justify-content: space-between; }

  .nav.main-nav li.has-children > a .arr {
    transition: transform 0.2s ease; }

  .nav.main-nav li.has-children.is-open > a .arr,
  .nav.main-nav li.has-children.open > a .arr {
    transform: rotate(90deg); }

  /* stop slide-panel style if theme applies transforms */
  .nav-body[data-root-nav="true"],
  .nav.main-nav,
  .nav.main-nav ul,
  .nav.main-nav li > ul {
    transform: none !important;
    left: auto !important;
    right: auto !important; }

  /* hide theme drill-down back row (accordion keeps children in place) */
  .nav .back,
  .nav .nav-back,
  .nav .back-btn,
  .nav [data-back],
  .nav [data-nav-back],
  .nav [data-revert-back],
  .nav li.main-nav__back {
    display: none !important; }

  /* Third-level rows only: a light white box, stacked with no gap */
  #page-menu .main-nav li li li {
    margin: 0; }

  #page-menu .main-nav li li li > a {
    display: block;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 10px 16px;
    box-sizing: border-box; } }
#page-menu svg, #page-menu svg g {
  display: none; }

#page-menu .main-nav li {
  margin: 20px 0 0px; }

#page-menu .main-nav li ul {
  margin-bottom: 50px; }

#page-menu .main-nav li a:hover {
  border-bottom-color: #cdd9e7; }

.site-control.nav-inline-desktop .nav-row .tier-1 > ul > li:hover > a {
  -webkit-text-stroke: 0.6px currentColor; }

/* Dropdown hover */
.site-control.nav-inline-desktop .nav-row .nav-rows li:hover > a {
  -webkit-text-stroke: 0.7px currentColor; }

/* Dropdown active */
.site-control.nav-inline-desktop .nav-row .nav-rows a[aria-current="page"],
.site-control.nav-inline-desktop .nav-row .nav-rows li.active > a,
.site-control.nav-inline-desktop .nav-row .nav-rows li.is-active > a {
  -webkit-text-stroke: 0.7px currentColor; }

button[name="add"],
button,
.button,
input[type="submit"],
input.checkout-btn,
.shopify-payment-button__button,
#added-to-cart .button {
  text-transform: uppercase; }

/* Keep the theme's 1px border so buttons do not jump, but hide the line. */
button,
.button,
input[type="submit"],
input.checkout-btn,
a.button,
button.alt,
input[type="submit"].alt,
.button.alt,
a.button.alt,
.shopify-payment-button__button,
.shopify-payment-button .shopify-payment-button__button--unbranded,
.overlay-type .button:not(.overlay-type-ignore),
.use-custom-bg .button:not(.button-custom),
#added-to-cart .button,
#added-to-cart .links .button.alt,
#added-to-cart .links .button.button--checkout,
.cc-popup .cc-popup-modal .cc-popup-form .cc-popup-form__inputs .button {
  border-color: transparent; }

button:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover,
button.alt:hover,
input[type="submit"].alt:hover,
.button.alt:hover,
a.button.alt:hover,
.use-custom-bg .button:not(.button-custom):hover,
.shopify-payment-button .shopify-payment-button__button--unbranded:hover,
.cc-popup .cc-popup-modal .cc-popup-form .cc-popup-form__inputs .button:hover,
.overlay-type .button:not(.overlay-type-ignore):not(.hover-grow):not(.no-hover):not(input[type=submit].textbutton):not(button.textbutton):not([disabled=disabled]):hover {
  border-color: transparent; }

.section-gallery .overlay-type .button:not(.overlay-type-ignore),
.section-gallery .overlay-type .button.alt:not(.overlay-type-ignore),
.section-gallery .overlay-type .button:not(.overlay-type-ignore):hover,
.section-gallery .overlay-type .button.alt:not(.overlay-type-ignore):hover {
  border: 1px solid transparent; }

#added-to-cart .links .button.alt,
#added-to-cart .links .button.alt:hover,
#added-to-cart .links .button.button--checkout,
#added-to-cart .links .button.button--checkout:hover {
  border-color: transparent; }

@media (max-width: 767px) {
  .overlay-text-static-xs .overlay-type .button:not(.overlay-type-ignore),
  .overlay-text-static-xs .overlay-type .button:not(.overlay-type-ignore):hover {
    border-color: transparent; } }
.product-block.product-block--quickbuy .cc-quick-buy-btn,
.product-block--quickbuy.collection-block .cc-quick-buy-btn,
.product-block.product-block--quickbuy .cc-quick-buy-btn:hover,
.product-block--quickbuy.collection-block .cc-quick-buy-btn:hover,
.use-alt-bg .product-block.product-block--quickbuy .cc-quick-buy-btn,
.use-alt-bg .product-block--quickbuy.collection-block .cc-quick-buy-btn,
.product-recommendations-container .product-block.product-block--quickbuy .cc-quick-buy-btn,
.product-recommendations-container .product-block--quickbuy.collection-block .cc-quick-buy-btn,
.use-alt-bg .product-block.product-block--quickbuy .cc-quick-buy-btn:hover,
.use-alt-bg .product-block--quickbuy.collection-block .cc-quick-buy-btn:hover,
.product-recommendations-container .product-block.product-block--quickbuy .cc-quick-buy-btn:hover,
.product-recommendations-container .product-block--quickbuy.collection-block .cc-quick-buy-btn:hover {
  border-color: transparent; }

@media (min-width: 1100px) {
  .site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows {
    padding: 10px 15px; } }
/* Empty collection: center continue-shopping on mobile (product-list can be flex) */
@media (max-width: 767px) {
  .product-list > p.align-centre {
    width: 100%;
    text-align: center; } }
/* Product feed: always stack price under title (override flex row in styles.css) */
.product-block .product-block__inner .caption {
  flex-direction: column;
  align-items: flex-start; }

.product-block .product-block__inner .caption .title {
  margin-right: 0;
  width: 100%; }

.product-block .product-block__inner .caption .price {
  width: 100%; }

/* Product feed title size on mobile */
@media (max-width: 767px) {
  .product-block .product-block__inner .caption .title {
    font-size: 12px; } }
/* Product gallery: center swiper dots on mobile (dynamic bullets were visually off-center) */
@media (max-width: 767px) {
  .product-area .theme-gallery .swiper-container[data-swiper-nav-style='dots'] .swiper-pagination.swiper-pagination-bullets {
    left: 50% !important;
    right: auto !important;
    width: auto !important;
    transform: translateX(-50%) !important;
    text-align: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0; } }
@media (min-width: 960px) {
  .product-block__inner {
    margin-bottom: 10px; } }
.semi-transparent-link {
  opacity: 0.5 !important;
  font-size: 11px; }