/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 13 2026 | 02:52:59 */
/* ===== RLS front page mobile hero fix ===== */
@media (max-width: 781px) {

  body.home .wp-block-main-header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.home .wp-block-main-header > .wp-block-group {
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }

  body.home .wp-block-site-logo img {
    width: 52px !important;
    height: auto !important;
  }

  body.home .wp-block-site-title {
    font-size: 17px !important;
    line-height: 1.15 !important;
  }

  body.home .wp-block-site-tagline {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body.home .wp-block-navigation {
    margin-left: auto !important;
  }

  body.home .wp-block-custom-header-media {
    min-height: 100svh !important;
    padding: 0 !important;
  }

  body.home .wp-block-custom-header-media .wp-block-cover__image-background {
    object-position: 34% 50% !important;
  }

  body.home .wp-block-custom-header-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,.15) 0%,
      rgba(0,0,0,.20) 35%,
      rgba(0,0,0,.70) 100%
    );
    z-index: 1;
    pointer-events: none;
  }

  body.home .wp-block-custom-header-media .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
    min-height: 100svh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 18px 72px !important;
  }

  body.home .wp-block-custom-header-media .wp-block-media-text {
    display: block !important;
    width: 100% !important;
  }

  body.home .wp-block-custom-header-media .wp-block-media-text__media {
    display: none !important;
  }

  body.home .wp-block-custom-header-media .wp-block-media-text__content {
    padding: 0 !important;
    max-width: 360px;
    margin-left: auto !important;
    text-align: right !important;
  }

  body.home .wp-block-custom-header-media h2 {
    font-size: clamp(34px, 11vw, 48px) !important;
    line-height: 1.05 !important;
    text-align: right !important;
    margin-bottom: 16px !important;
  }

  body.home .wp-block-custom-header-media p {
    font-size: 15px !important;
    line-height: 1.45 !important;
    text-align: right !important;
    margin-bottom: 12px !important;
  }

  body.home .wp-block-custom-header-media .wp-block-buttons {
    justify-content: flex-end !important;
  }

  body.home .wp-block-scroll-down {
    display: none !important;
  }
}

/* ===== RLS MOBILE HOMEPAGE: LP COVER HERO ===== */
@media (max-width: 781px) {

  /* Only the hero area is black */
  body.home .wp-block-custom-header-media {
  background: #000 !important;
  padding-bottom: 18px !important;
}

  /* Mobile hero should grow with content, not force awkward crop */
  body.home .wp-block-custom-header-media {
    min-height: auto !important;
    padding: 0 18px 42px !important;
  }

  /* Hide the old wide hero image */
  body.home .wp-block-custom-header-media > img.wp-block-cover__image-background {
    display: none !important;
  }

  /* Remove old overlay gradient/background dim */
  body.home .wp-block-custom-header-media::after,
  body.home .wp-block-custom-header-media .wp-block-cover__background {
    display: none !important;
  }

  /* Let inner content behave like normal mobile content */
  body.home .wp-block-custom-header-media .wp-block-cover__inner-container {
    min-height: auto !important;
    display: block !important;
    padding: 0 !important;
  }

  /* Hide fake spacer/media column */
  body.home .wp-block-custom-header-media .wp-block-media-text__media {
    display: none !important;
  }

  body.home .wp-block-custom-header-media .wp-block-media-text {
    display: block !important;
    width: 100% !important;
  }

  body.home .wp-block-custom-header-media .wp-block-media-text__content {
    padding: 0 !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  /* Add mobile LP cover above the text */
  body.home .wp-block-custom-header-media .wp-block-media-text__content::before {
    content: "";
    display: block;
    width: min(92vw, 430px);
    aspect-ratio: 1 / 1;
    margin: 18px auto 26px;
    background-image: url("https://rodlaurenstory.com/wp-content/uploads/Rod-Lauren-Mobile-Cover.webp");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* Hide duplicate headline because the cover carries the title */
  body.home .wp-block-custom-header-media h2 {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
  }

  /* Story Hook */
  body.home .wp-block-custom-header-media p {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.55 !important;

	text-align: right !important;
    max-width: 390px !important;
    margin-left: 10% !important;
    margin-right: 0 !important;
    margin-bottom: 18px !important;
  }

  /* Button centered under hook */
  body.home .wp-block-custom-header-media .wp-block-buttons {
    justify-content: center !important;
    margin-top: 12px !important;
  }

  body.home .wp-block-custom-header-media .wp-block-button__link {
    background: #ff9f28 !important;
    color: #000 !important;
  }

  body.home .wp-block-scroll-down {
    display: none !important;
  }

  /* Mobile header simplification */
  body.home header.wp-block-template-part {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
  }

  body.home .wp-block-main-header,
  body.home .header-transparent {
    background: transparent !important;
  }

  /* Hide mini logo/title/tagline on mobile */
  body.home .wp-block-site-logo,
  body.home .wp-block-site-title,
  body.home .wp-block-site-tagline {
    display: none !important;
  }

  /* Position MENU ▶ in upper-left, with large tap area */
  body.home .wp-block-navigation {
    position: absolute !important;
    top: 18px !important;
    left: 35px !important;
    margin: 0 !important;
    z-index: 100 !important;
  }

  body.home .wp-block-navigation__responsive-container-open {
    width: 120px !important;
    height: 70px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #ff9f28 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  body.home .wp-block-navigation__responsive-container-open svg {
    display: none !important;
  }

  body.home .wp-block-navigation__responsive-container-open::after {
    content: "MENU ▶︎";
    font-family: Oswald, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .07em;
    line-height: 1;
    color: #ff9f28;
    text-transform: uppercase;
  }
}