@charset "UTF-8";
/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * 
 * 
 *   .nav-text {color: #FFFFFF !important;}
 * 
 *   .nav-link.active:before {background: none;}
 * 
 *      .nav-text {color: #000000 !important;}. from phone
 * 
 */



.nav-link.active.no-before:before {
  --bs-primary: none;
  width: 0px !important;
}




.nav-link {
    --bs-nav-link-color: white;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    --bs-navbar-active-color: black;
}

.nav-link.active {
    --bs-navbar-active-color: black;
}



  .video-sizing {width: 540; height: 380;}





@media (max-width: 991.98px) {

.nav-link {
    --bs-nav-link-color: black;
}

     .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    --bs-navbar-active-color: blue;
}

}


/* ----------- Larger Device ----------- */

@media only screen 
  and (max-device-width: 991.98px) { 
   
  .video-sizing {width: 500; height: 300;}
   
  .nav-link {
    --bs-nav-link-color: black;
}

  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    --bs-navbar-active-color: blue;
}

}


/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 812px) { 
   
        .video-sizing {width: 500; height: 300;}
   
.nav-link {
    --bs-nav-link-color: black;
}

     .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    --bs-navbar-active-color: blue;
}

}



/* Obviously Narrow Black Italic */
.mm-title, .mm-titleorange, .mm-titlepink {
  display: block;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 800;
  font-style: italic;
}


/* Obviously Narrow Bold Italic */
.mm-title-demi {
  display: block;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 700;
  font-style: italic;
}


/* Avenir styles */
.mm-medium {
  display: block;
  font-family: "avenir-next-lt-pro-condensed", sans-serif;
  font-style: normal;
  font-weight: 500; 
  color: #0d0907;
}

.mm-medium-inline {
  display: inline;
  font-family: "avenir-next-lt-pro-condensed", sans-serif;
  font-style: normal;
  font-weight: 500; 
  color: #0d0907;
}


.mm-demi {
  display: block;
  font-family: "avenir-next-lt-pro-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #0d0907;
}

/* Use this on spans inside a line */
.mm-demi-inline {
  display: inline;
  font-family: "avenir-next-lt-pro-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #0d0907;
}


/* MAN-MADE Colors */
.text-orange    { color: #dc392c !important; }
.text-pink      { color: #d8117d !important;}
.text-navy      { color: #13132a !important;}
.text-black     { color: #000000 !important;}
.mm-title       { color: #ffffff; }
.mm-titleorange { color: #dc392c; }
.mm-titlepink   { color: #d8117d; }
.text-crow      { color: #0d0907; } 




.btn-preorder-1 {
  background-color: #dc392c;
  color: #ffffff;
  border: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.6);
  transition: background-color 0.3s ease;
}

.btn-preorder-1:hover {
  background-color: #d8117d;
  color: #ffffff;
}



.btn-preorder-2 {
  background-color: #dc392c;
  color: #ffffff;
  border: 4px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(0,0,0,0.6);
  transition: background-color 0.3s ease, transform 0.4s ease;
}
.btn-preorder-2:hover {
  background-color: #d8117d;
  border-color: #ffffff;
  color: #ffffff;
  transform: rotate(15deg);
}


/* Announcement bar link */
.announcement-link {
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.announcement-link:hover {
  text-decoration: none;
  transition: color 0.3s ease;
}

.announcement-link:hover span {
  color: #d8117d !important;
  transition: color 0.3s ease;
}


/* Navbar link hover */
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #d8117d !important;
  transition: color 0.3s ease;
}

/* Active menu item */
.navbar-light .navbar-nav .nav-link.active {
  color: #d8117d !important;
}

/* For dark navbar */
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #d8117d !important;
  transition: color 0.3s ease;
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #d8117d !important;
}


/* Book Cover Shadow */

/* Soft and diffuse */
.mm-book-cover-1 {
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* Classic offset (like light from top-left) */
.mm-book-cover-2 {
box-shadow: 8px 8px 20px rgba(0,0,0,0.35);
}

/* Deep and dramatic */
.mm-book-cover-3 {
box-shadow: 12px 12px 40px rgba(0,0,0,0.5);
}

/* Brand color glow — pink */
.mm-book-cover-4 {
box-shadow: 0 8px 25px rgba(216,17,125,0.4);
}

/* Brand color glow — orange */
.mm-book-cover-5 {
box-shadow: 0 8px 25px rgba(220,57,44,0.4);
}

/* Layered (soft + offset combined) */
.mm-book-cover-6 {
box-shadow: 4px 4px 10px rgba(0,0,0,0.2), 10px 10px 30px rgba(0,0,0,0.15);
}


/* Blurb Carousel */
.blurb-card {
  padding: 1.5rem 1.75rem 2.5rem;
  text-align: center;
}

.blurb-text {
  line-height: 1.6;
  margin-bottom: 0.75rem;
}


/* Carousel indicators — full reset */
#blurbCarousel .carousel-indicators {
  position: relative;
  bottom: 0;
  margin: 0.75rem 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

#blurbCarousel .carousel-indicators [data-bs-slide-to] {
  width: 8px !important;
  height: 8px !important;
  min-width: 0 !important;
  border-radius: 50% !important;
  background-color: #ccc !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 8px !important;
  box-sizing: content-box !important;
}

#blurbCarousel .carousel-indicators [data-bs-slide-to].active {
  background-color: #d8117d !important;
}



/* Cluster wrapper */
.preorder-cluster {
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 96px;
  height: 96px;
}

/* Main button */
.preorder-cluster .btn-preorder {
  position: absolute;
  inset: 0;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  text-align: center;
  line-height: 1.2;
  cursor: pointer;
  z-index: 10;
  background-color: #dc392c;
  color: #ffffff;
  border: 4px dashed #d8117d;
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(0,0,0,0.6);
  white-space: normal;
  transition: background-color 0.3s ease, transform 0.3s ease;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

/* Retailer buttons — hidden by default */
.retailer-btn {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #161540 !important;
  color: #ffffff;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 0.9rem;
  text-align: center;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  opacity: 0;
  transform: translate(0, 0) scale(0.5);
  transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.2s ease;
  transition-delay: calc(var(--i) * 0.05s);
  z-index: 5;
  box-shadow: 0 3px 10px rgba(0,0,0,0.4);
}

.retailer-btn:hover {
  background-color: #d8117d;
  color: #ffffff;
}




/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 812px) { 
   
     



}

.preorder-cluster:hover .retailer-btn:nth-child(2) {
  transform: translate(110px, -225px) scale(1);
  opacity: 1;
}
.preorder-cluster:hover .retailer-btn:nth-child(3) {
  transform: translate(110px, -150px) scale(1);
  opacity: 1;
}
.preorder-cluster:hover .retailer-btn:nth-child(4) {
  transform: translate(110px, -75px) scale(1);
  opacity: 1;
}
.preorder-cluster:hover .retailer-btn:nth-child(5) {
  transform: translate(110px, 0px) scale(1);
  opacity: 1;
}
.preorder-cluster:hover .retailer-btn:nth-child(6) {
  transform: translate(110px, 75px) scale(1);
  opacity: 1;
}


/* ── Mobile override ── */
@media (max-width: 576px) {
  .retailer-btn {
    width: 58px !important;
    height: 58px !important;
    font-size: 0.7rem !important;
  }
  .preorder-cluster:hover .retailer-btn:nth-child(2) {
    transform: translate(60px, -225px) scale(1);
    opacity: 1;
  }
  .preorder-cluster:hover .retailer-btn:nth-child(3) {
    transform: translate(60px, -150px) scale(1);
    opacity: 1;
  }
  .preorder-cluster:hover .retailer-btn:nth-child(4) {
    transform: translate(60px, -75px) scale(1);
    opacity: 1;
  }
  .preorder-cluster:hover .retailer-btn:nth-child(5) {
    transform: translate(60px, 0px) scale(1);
    opacity: 1;
  }
  .preorder-cluster:hover .retailer-btn:nth-child(6) {
    transform: translate(60px, 75px) scale(1);
    opacity: 1;
  }
}



/* Main button spins slightly on hover */
.preorder-cluster:hover .btn-preorder {
  background-color: #d8117d;
  border-color: #dc392c;
  transform: rotate(15deg);
}



/* Announcement dropdown wrapper */
.announcement-dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Retailer dropdown panel */
.announcement-retailers {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #13132a;
  border-top: 3px solid #d8117d;
  padding: 0.5rem 0;
  z-index: 9999;
  min-width: 180px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
  text-align: left;
}

/* Show on hover */
.announcement-dropdown:hover .announcement-retailers {
  display: block;
}

/* Retailer links */
.announcement-retailers a {
  display: block;
  padding: 0.45rem 1.25rem;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 0.9rem;
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

.announcement-retailers a:hover {
  color: #d8117d;
  padding-left: 1.6rem;
}


@media (max-width: 576px) {
  .announcement-retailers {
    min-width: 140px;
    font-size: 0.8rem;
  }
}


.retailer-pill {
  padding: 0.4rem 1rem;
  border: 2px solid #13132a;
  border-radius: 999px;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 0.9rem;
  color: #13132a;
  text-decoration: none;
  transition: all 0.25s ease;
}
.retailer-pill:hover {
  background-color: #d8117d;
  border-color: #d8117d;
  color: #ffffff;
}


.scholarship-pill {
  padding: 0.4rem 1rem;
  border: 2px solid #13132a;
  border-radius: 999px;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 1.4rem;
  color: #13132a;
  text-decoration: none;
  transition: all 0.25s ease;
}
.scholarship-pill:hover {
  background-color: #d7df23;
  border-color: #d7df23;
  color: #ffffff;
}

    /* ── Media page grid ── */
    .media-section {
      padding: 3rem 0 4rem;
    }

    .media-filter-bar {
      display: flex;
      gap: 8px;
      margin-bottom: 2rem;
      flex-wrap: wrap;
    }

    .media-filter-btn {
      padding: 5px 18px;
      border-radius: 999px;
      border: 2px solid #13132a;
      background: transparent;
      font-family: "obviously-narrow", sans-serif;
      font-weight: 700;
      font-style: italic;
      font-size: 0.9rem;
      color: #13132a;
      cursor: pointer;
      transition: all 0.2s ease;
      line-height: 1.4;
    }
    .media-filter-btn:hover {
      background: #d8117d;
      border-color: #d8117d;
      color: #fff;
    }
    .media-filter-btn.active {
      background: #13132a;
      border-color: #13132a;
      color: #fff;
    }

    .media-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 20px;
    }

    .media-card {
      border: 0.5px solid #d0cec8;
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      background: #fff;
    }
    .media-card.hidden {
      display: none;
    }

    /* Thumbnail */
    .media-card-thumb {
      width: 100%;
      aspect-ratio: 16 / 9;
      position: relative;
      overflow: hidden;
      background: #13132a;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }
    .media-card-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: opacity 0.2s ease;
    }
    .media-card-thumb:hover img {
      opacity: 0.85;
    }
    .media-card-thumb.no-video {
      cursor: pointer;
    }
    .media-card-thumb.no-video:hover img {
      opacity: 0.85;
    }
    /* Podcast cover art is 1:1 square */
    .media-card-thumb.podcast-cover {
      aspect-ratio: 1 / 1;
      cursor: pointer;
    }
    /* Speaking event images — contain within 16:9, don't crop */
    .media-card-thumb.speaking-cover {
      aspect-ratio: 16 / 9;
      background: #f5e0ef;
      cursor: pointer;
    }
    .media-card-thumb.speaking-cover img {
      object-fit: contain;
      padding: 0px;
    }
    /* Article images — fill fully, no padding */
    .media-card-thumb.article-cover {
      aspect-ratio: 16 / 9;
      cursor: pointer;
    }
    .media-card-thumb.article-cover img {
      object-fit: cover;
      padding: 0;
    }
    .media-thumb-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(19, 19, 42, 0.2);
      transition: background 0.2s ease;
    }
    .media-card-thumb:not(.no-video):hover .media-thumb-overlay {
      background: rgba(19, 19, 42, 0.4);
    }
    .media-play-icon {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: #dc392c;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: transform 0.15s ease;
    }
    .media-card-thumb:not(.no-video):hover .media-play-icon {
      transform: scale(1.1);
    }
    .media-play-icon svg {
      width: 18px;
      height: 18px;
      fill: #fff;
      margin-left: 3px;
    }
    .media-play-icon.navy { background: #13132a; }
    .media-play-icon.pink  { background: #d8117d; }

    /* Inline YouTube iframe */
    .media-card-thumb iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: none;
    }

    /* Type badge */
    .media-type-badge {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 2;
      font-family: "obviously-narrow", sans-serif;
      font-weight: 700;
      font-style: italic;
      font-size: 0.68rem;
      padding: 3px 11px;
      border-radius: 999px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      pointer-events: none;
    }
    .badge-podcast  { background: #13132a; color: #fff; }
    .badge-video    { background: #dc392c; color: #fff; }
    .badge-speaking { background: #d8117d; color: #fff; }
    .badge-article  { background: #b07d2e; color: #fff; }

    /* Card body */
    .media-card-body {
      padding: 14px 16px 18px;
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }
    .media-card-show {
      font-family: "avenir-next-lt-pro-condensed", sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 11px;
      color: #888;
      text-transform: uppercase;
      letter-spacing: 0.07em;
    }
    .media-card-title {
      font-family: "avenir-next-lt-pro-condensed", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 15px;
      color: #0d0907;
      line-height: 1.35;
      flex: 1;
    }
    .media-card-desc {
      font-family: "avenir-next-lt-pro-condensed", sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 12px;
      color: #555;
      line-height: 1.5;
    }

    /* CTA buttons */
    .media-card-btn {
      margin-top: 12px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: "obviously-narrow", sans-serif;
      font-weight: 700;
      font-style: italic;
      font-size: 0.85rem;
      color: #13132a;
      text-decoration: none;
      border: 2px solid #13132a;
      border-radius: 999px;
      padding: 5px 16px;
      width: fit-content;
      background: none;
      cursor: pointer;
      transition: all 0.2s ease;
      line-height: 1.4;
    }
    .media-card-btn:hover {
      background: #dc392c;
      border-color: #dc392c;
      color: #fff;
      text-decoration: none;
    }

    /* Mobile */
    @media (max-width: 576px) {
      .media-grid {
        grid-template-columns: 1fr;
      }
    }