body#adventuretemplate div#container > header {
    height: 20vw;
}

body#adventuretemplate hgroup.streakline h2 {
    margin: 2rem auto 1rem auto;
    width: max-content;
}

body#adventuretemplate hgroup.streakline h1,
body#adventuretemplate hgroup.streakline h2 {
    transform: unset;
}

body#adventuretemplate hgroup.streakline h1 span,
body#adventuretemplate hgroup.streakline h2 span {
    box-shadow: unset;
}

body#adventuretemplate article#mainVideo .responsiveVideo {
    margin: auto;
}

body#adventuretemplate article#mainVideo {
    margin: auto;
}

body#adventuretemplate article {
    text-align: left;
}

body#adventuretemplate article.smallContainer {
    margin: 1rem auto;
    padding: 1rem;
}

body#adventuretemplate ul {
    list-style-type: none;
    padding-left: 0;
}

body#adventuretemplate div#adventureContainer {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: thin;
    padding: 2rem;
    gap: 1rem;
    margin-bottom: 8vw;
}

body#adventuretemplate div#adventureContainer div {
    flex: 0 0 auto; /* Ensures items remain inline and don’t shrink or stretch */

}

article#adventureLinks {
    position: relative;
    margin-top: 2rem;
  }
  
  article#adventureLinks::before,
  article#adventureLinks::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 10px;
    width: 8%;
    pointer-events: none;
    z-index: 11;
  }
  
  article#adventureLinks::before {
    left: 0;
    background: linear-gradient(to right, white, transparent);
  }
  
  article#adventureLinks::after {
    right: 0;
    background: linear-gradient(to left, white, transparent);
  }

section#bookNow p.contactDetails {
    font-size: 0.8rem;
    font-style: italic;
    text-align: center;
}


/* set a glow behind the logo for those adventures that need it */
body#adventuretemplate header.kayaking img#mainLogo,
body#adventuretemplate header.sup img#mainLogo,
body#adventuretemplate header.windsurfing img#mainLogo {
    filter: drop-shadow(0 0 8px white) drop-shadow(0 0 12px white);
}

body#adventuretemplate header.windsurfing {
    background-image: url(/images/adventures/windsurfing-spotlight.jpg);
}

body#adventuretemplate header.windsurfing hgroup {
    position: absolute;
    bottom: -9%;
    left: 5%;
}

body#adventuretemplate header.catamaransailing {
    background-image: url(/images/adventures/catamaransailing-spotlight.jpg);
}

body#adventuretemplate header.catamaransailing hgroup {
    margin: auto 31% 5% auto;   
}

body#adventuretemplate header.dinghysailing {
    background-image: url(/images/adventures/dinghysailing-spotlight.jpg);
}

body#adventuretemplate header.dinghysailing hgroup {
    margin: auto 30% -2% auto;   
}

body#adventuretemplate header.scubadiving {
    background-image: url(/images/adventures/scubadiving-spotlight.jpg);
}

body#adventuretemplate header.scubadiving hgroup {
    margin: auto auto -1.5rem auto;
}

body#adventuretemplate header.kayaking {
    background-image: url(/images/adventures/kayaking-spotlight.jpg);
    background-position-y: top;
}

body#adventuretemplate header.kayaking hgroup {
    position: absolute;
    bottom: -8%;
    left: 14%;
}

body#adventuretemplate header.scubadiving {
    background-image: url(/images/adventures/scubadiving-spotlight.jpg);
}

body#adventuretemplate header.sup {
    background-image: url(/images/adventures/sup-spotlight.jpg);
}

body#adventuretemplate header.sup hgroup {
    margin: auto 31% -4% auto;   
}

body#adventuretemplate header.aquasafari {
    background-image: url(/images/adventures/aquasafari-spotlight.jpg);
}

body#adventuretemplate header.aquasafari hgroup {
    margin: auto 7% -2% auto;
}

body#adventuretemplate header.catamaransailing h1 {
    margin: 1vw;    
}

body#adventuretemplate header.healthy-options {
    background-image: url(/images/adventures/healthy-options-spotlight.jpg);
}

body#adventuretemplate header.healthy-options hgroup {
    margin: auto 7% -2% auto;
}

body#adventuretemplate header.mountainbiking {
    background-image: url(/images/adventures/mountainbiking-spotlight.jpg);
}

body#adventuretemplate header.mountainbiking hgroup {
    margin: auto 24% -2% auto;
}