/* Shared premium hero for the Day Trips and Morocco Tours collection pages. */
.modern-inner-page.modern-listing-page{padding-top:0!important}
.modern-listing-page .inner-header{
  height:84px!important;
  background:rgba(8,10,9,.18)!important;
  border-bottom:1px solid rgba(255,255,255,.2)!important;
  box-shadow:none!important;
  color:#fff!important;
  backdrop-filter:none!important;
}
.modern-listing-page .inner-header.scrolled{
  height:70px!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:rgba(17,23,19,.12)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
  color:#111713!important;
  backdrop-filter:blur(14px)!important;
}
.modern-listing-page .inner-header-shell{width:min(1320px,calc(100% - 48px))!important}
.modern-listing-page .inner-desktop-nav{gap:31px!important}
.modern-listing-page .inner-desktop-nav a,.modern-listing-page .inner-call{color:#fff!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important}
.modern-listing-page .inner-header.scrolled .inner-desktop-nav a,.modern-listing-page .inner-header.scrolled .inner-call{color:#111713!important}
.modern-listing-page .inner-desktop-nav a::after{height:2px!important;bottom:-8px!important;background:#dfff4f!important}
.modern-listing-page .inner-header .inner-plan{color:#111713!important;background:#dfff4f!important}
.modern-listing-page .inner-header .inner-menu-button span{background:currentColor!important}
.modern-listing-page .collection-hero{
  position:relative;
  display:block;
  height:78vh!important;
  min-height:650px!important;
  overflow:hidden;
  background-color:#101713;
}

.modern-listing-page .collection-hero::before{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(7,12,9,.9) 0%,rgba(7,12,9,.62) 44%,rgba(7,12,9,.16) 78%),linear-gradient(0deg,rgba(7,12,9,.5),transparent 58%);
  content:"";
  pointer-events:none;
}

.modern-listing-page .collection-hero::after{display:none!important}
.modern-listing-page .collection-hero .day-trips-video-shade{display:none}
.modern-listing-page .collection-hero .day-trips-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.modern-listing-page .collection-hero-content{
  position:relative!important;
  inset:auto!important;
  z-index:2;
  display:flex!important;
  align-items:flex-end!important;
  width:min(1240px,calc(100% - 64px))!important;
  height:100%!important;
  margin:0 auto!important;
  padding:0 0 8vh!important;
  background:none!important;
  text-align:left!important;
}
.modern-listing-page .collection-hero-copy{width:min(900px,78%)!important;max-width:900px!important;margin:0!important;text-align:left!important}
.modern-listing-page .collection-eyebrow{margin:0 0 18px!important;color:#dfff4f!important;font:800 10px/1.2 "DM Sans",Arial,sans-serif!important;letter-spacing:.18em;text-transform:uppercase}
.modern-inner-page.modern-listing-page .collection-hero .collection-hero-content .collection-hero-copy h1{max-width:900px!important;margin:0!important;color:#fff!important;font:500 clamp(54px,6.7vw,94px)/.9 Manrope,Arial,sans-serif!important;letter-spacing:-.07em!important;text-transform:none!important}
.modern-inner-page.modern-listing-page .collection-hero .collection-hero-content .collection-hero-copy h1 span{color:#dfff4f!important;font:inherit!important}
.modern-listing-page .collection-hero-copy>p:not(.collection-eyebrow){max-width:630px;margin:28px 0!important;color:rgba(255,255,255,.82)!important;font:400 17px/1.6 "DM Sans",Arial,sans-serif!important}
.modern-listing-page .collection-hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-width:245px;padding:19px 21px;color:#111713!important;background:#dfff4f;font:800 11px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:background .25s,transform .25s}
.modern-listing-page .collection-hero-cta:hover{background:#fff;transform:translateY(-2px)}
.modern-listing-page .collection-hero-cta b{font-size:17px}

@media(max-width:820px){
  .modern-listing-page .inner-header{height:72px!important}
  .modern-listing-page .inner-mobile-nav{top:72px}
  .modern-listing-page .collection-hero{height:82vh!important;min-height:610px!important}
  .modern-listing-page .collection-hero-content{width:calc(100% - 36px)!important;padding:0 0 48px!important}
  .modern-listing-page .collection-hero-copy{width:100%!important}
  .modern-inner-page.modern-listing-page .collection-hero .collection-hero-content .collection-hero-copy h1{font:500 clamp(44px,13vw,61px)/.9 Manrope,Arial,sans-serif!important}
}

@media(max-width:520px){
  .modern-listing-page .collection-hero{height:82vh!important;min-height:610px!important}
  .modern-listing-page .collection-hero::before{background:linear-gradient(90deg,rgba(7,12,9,.88),rgba(7,12,9,.34)),linear-gradient(0deg,rgba(7,12,9,.68),transparent 65%)}
  .modern-listing-page .collection-hero-content{width:calc(100% - 30px)!important;padding:0 0 35px!important}
  .modern-inner-page.modern-listing-page .collection-hero .collection-hero-content .collection-hero-copy h1{font:500 44px/.9 Manrope,Arial,sans-serif!important}
  .modern-listing-page .collection-hero-copy>p:not(.collection-eyebrow){margin:20px 0 24px!important;font-size:14px!important}
  .modern-listing-page .collection-hero-cta{width:100%}
}