/* Press & Media */
.current-template--page-press-media,
.current-template--blog-press-releases {

  #main {

    > [id*="image_with_text_overlay_kyHAfJ"],
    > [id*="image_with_text_overlay_nNePrF"] {
      z-index: 5;

      h1 {
        color: #F5F3EF;
        font-weight: 300;
        font-family: "freight-display-pro",serif;
        margin-top: 50px !important;
        margin-bottom: 45px;

        @media (min-width:768px) {
          font-size: 70px;
          margin-top: 100px !important;
          margin-bottom: 90px;
        }
      }

      .content-over-media {
        .place-self-center {
          place-self: end center;
          max-width: 900px;
        }

        img {
          @media (max-width:767.98px) {
            height: 100%;
            object-fit: cover;
          }
          @media (min-width:768px) {
            max-height: 560px;
            height: 100%;
            min-height: 100%;
            object-fit: cover;
            position: relative;
          }
        }
      }

      picture {
        height: calc(100% - 55px) !important;
        min-height: calc(100% - 55px) !important;

        @media (min-width:768px) {
          height: calc(100% - 105px) !important;
          min-height: calc(100% - 105px) !important;
        }
      }

      .h3 {
        position: relative;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding: 0 18px;
        font-style: italic;
        font-weight: 300;

        @media (min-width:768px) {
          font-size: 38px;
        }

        &::before {
          content: '';
          display: block;
          position: absolute;
          top: 57%;
          right: 100%;
          border-bottom: 1px solid #fff;
          width: 80px;
        }
        &::after {
          content: '';
          display: block;
          position: absolute;
          top: 57%;
          left: 100%;
          border-bottom: 1px solid #fff;
          width: 80px;
        }
      }

      .image-wrapper {
        background-color: #6F5331;
        padding: 20px;
        border-radius: 5px;
        margin-top: 20px;

        @media (min-width:768px) {
          padding: 50px;
        }

        img {
          margin-top: 0;
        }
      }
    }

    [id*="rich_text_tkjBVp"],
    [id*="rich_text_ppCi6x"] {

      @media (max-width:767.98px) {
        margin-top: 20px;
      }
        
        > .section {
            padding-top: 0;
        }

        .rich-text__wrapper {
            max-width: 860px;
        }

        .h2 {
            overflow-wrap: normal !important;
            font-size: 22px;
            line-height:24px;

            @media (min-width:768px) {
              font-size: 32px;
              line-height:34px;
              margin-bottom: -10px;
            }
        }

        /* p {
          @media (max-width:576px) {
            font-size: 16px;
          }
        } */
    }

    [id*="rich_text_68fPPf"],
    [id*="rich_text_iQCFhN"] {
      .h2{
        font-family: freight-display-pro, serif;
        font-size: 40px;
        font-weight: 400;
        line-height: 42px;
        font-style: italic;

        &::before{
          background-image: url(/cdn/shop/files/Crown_Icon_Beige.svg?v=1755185740);
          background-repeat: no-repeat;
          background-size: contain;
          content: "";
          display: block;
          margin: 0 auto 5px;
          width: 32px;
          height: 16px;
        }
      }
    }
  }
  
  /* Carousel */
  .shopify-section--collection-list{

    > .section {
      padding-block-start: 40px;
      padding-block-end: 60px;

      @media (min-width:768px) {
        padding-block-start: 90px;
        padding-block-end: 124px;
      }
    }

    > .section-stack {
      display: flex;
      flex-direction: column;
    }

    .section-header{
      margin: 0 auto;

      > .prose {
        width: 100%;
      }

      .h2{
        font-family: freight-display-pro, serif;
        font-size: 40px;
        font-weight: 400;
        line-height: 42px;
        font-style: italic;
        color: #6f5331;
        text-align: center;

        &::before{
          background-image: url(/cdn/shop/files/Crown_Icon_Dark.svg?v=1694689893);
          background-repeat: no-repeat;
          background-size: contain;
          content: "";
          display: block;
          margin: 0 auto 5px;
          width: 32px;
          height: 16px;
        }
      }
    }

    scroll-carousel {
      &.scroll-area.bleed {
        padding-top: 25px;
        padding-bottom: 25px;
      }
    }

    .collection-card {
      box-shadow: 0px 0px 10px rgba(18,18,18,0.25) !important;
      border-radius: 5px;

      .add-to-cart-quick,
      svg.icon {
        display: none !important;
      }

      .content-over-media {
        border-radius: 0 !important;

        .zoom-image {
          padding-top: 74px;
        }
      }

      .collection-card__content-wrapper {
        position: absolute;
        background-color: #fff;
        top: 0;
        width: 100%;
        max-width: none;
        grid-area: unset;
        color: red;
        padding: 20px 15px 28px;
        font-size: 20px !important;

        .collection-card__content {
          margin-block-end: 0;
        }

        p {
          color: #0A0A0A;
          font-size: 20px;
          font-weight: 500;
          text-transform: uppercase;
        }
      }

      /* Hover */
      &:hover {
        .collection-card__content {
          transform: none !important;
        }
      }
    }
  }
}

.shopify-section--main-press-release,
.shopify-section--main-blog-press-release {
    padding-top: 60px;
    
  .blog.blog-style--press-release {

    .blog-banner {
      .blog-banner-content {
        padding-block-start: 0;
        padding-block-end: 0;

        h2, h3{
          font-family: freight-display-pro, serif;
          font-size: 40px;
          font-weight: 500;
          line-height: 42px;
          font-style: italic;
          color: #6F5331;

          &::before {
            background-image: url(/cdn/shop/files/Crown_Icon_Light.svg?v=1694689893);
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: block;
            margin: 0 auto 5px;
            width: 32px;
            height: 16px;
          }
        }
      }
    }

    .blog-posts__container {
      @media screen and (min-width: 1400px) {
        margin-block-start: 60px;
        margin-block-end: 60px;
      }
    }
    .blog-posts {
      display: flex;
      flex-direction: column;

      @media screen and (max-width: 767.98px) {
        gap: 0;
      }

      .blog-post-card {
        width: 100%;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #BAA17A;
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 20px;

        @media (min-width: 768px) {
          flex-direction: row;
          gap: 70px;
        }

        &:first-child {
          border-top: 1px solid #BAA17A;
        }

        .blog-post-col__brand {
          @media (min-width: 768px) {
            width: 20%;
          }

          .meta-brand-logo {
            @media (max-width: 767.98px) {
              max-width: none;
            }

            img {
              @media (max-width: 767.98px) {
                max-width: none;
                max-height: 26px;
                width: auto;
              }
            }
          }
        }
        .blog-post-col__info {
          @media (min-width: 768px) {
            width: 40%;
          }

          .blog-post-card__meta {
            gap: 20px;
          }

          .blog-post-card__title {
            margin-bottom: 20px;

            .h3 {
              @media (min-width: 768px) {
                font-size: 30px;
                line-height: 32px;
              }
              @media (min-width: 1200px) {
                font-size: 40px;
                line-height: 42px;
              }
              @media (min-width: 1400px) {
                font-size: 50px;
                line-height: 52px;
              }
            }
          }

          .meta-brand {
            color: #BAA17A;
            font-size: 14px;
            letter-spacing: 0.35px;
            text-transform: uppercase;
            display: flex;
            align-items: center;

            &::before {
              content:'';
              display: inline-block;
              background-image: url("/cdn/shop/files/Pen_Icon_27f06545-e9fb-40f7-a74b-ee7f55e2637f.svg?v=1774509380");
              background-size: contain !important;
              width: 15px;
              height: 15px;
              margin-right: 6px;
            }
          }

          .meta-content {
            font-size: 18px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
          }

          .meta-link {
            margin-top: 20px;

            @media (min-width: 768px) {
              margin-top: 40px;
            }

            a {
              display: block;
              font-family: "freight-display-pro",serif;
              color: #6F5331;
              border: 1px solid #6F5331;
              border-radius: 5px;
              padding: 12px 22px;
              transition: all 0.3s ease 0s;

              &::after {
                content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13.703" height="13.703" viewBox="0 0 13.703 13.703"><g id="New_Tab_Icon" data-name="New Tab Icon" transform="translate(-3.25 -2.939)"><path id="Path_454" data-name="Path 454" d="M9.946,6H5.487A1.487,1.487,0,0,0,4,7.487v7.433a1.487,1.487,0,0,0,1.487,1.487h7.433a1.487,1.487,0,0,0,1.487-1.487V10.46" transform="translate(0 -0.513)" fill="none" stroke="%236f5331" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path id="Path_455" data-name="Path 455" d="M11,10.69,17.69,4" transform="translate(-1.797)" fill="none" stroke="%236f5331" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path id="Path_456" data-name="Path 456" d="M15,4h3.716V7.716" transform="translate(-2.824)" fill="none" stroke="%236f5331" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> ');
                display: inline-block;
                /* background-image: ;
                background-size: contain !important; */
                width: 12px;
                height: 12px;
                margin-left: 8px;
                transition: all 0.3s ease 0s;
              }

              &:hover {
                border-color: #BAA17A;
                background-color: #BAA17A;
                color: #fff;

                &::after {
                  -webkit-filter: brightness(0) invert(1);
                  filter: brightness(0) invert(1);
                }
              }
            }
          }
        }
        .blog-post-col__figure {
          @media (min-width: 768px) {
            width: 40%;
          }

          .blog-post-card__figure {
            border-radius: 5px;
          }
        }
      }
    }
  }

}