/* Teacher Training Seminars — builds on event-page.css */

/* Hero title is longer than "Audition", so scale it down */
.hero-sec.inner-page.rbi-hero.tts-hero .banner-text h1 { font-size: clamp(2.4rem, 6vw, 6rem); }

.instructor-title .tts-session-time {
    font-family: var(--poppins);
    font-size: 16px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--marron-btn);
    margin: -25px 0 20px;
}

.tts-price-list { margin-top: 30px; max-width: 460px; }
.tts-price-list li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(82,16,2,.15);
    font-family: var(--poppins);
    font-size: 18px;
    color: var(--header-color);
}
.tts-price-list li span:last-child { font-family: var(--prata); color: var(--marron-btn); }

@media only screen and (max-width: 767px) {
    /* Longer title: sit it at the bottom of the hero so it clears the logo */
    .rbi-hero.tts-hero .container-fluid { align-items: flex-end; padding-bottom: 18px; }
    .hero-sec.inner-page.rbi-hero.tts-hero .banner-text h2 { font-size: 1.1rem; }
    .hero-sec.inner-page.rbi-hero.tts-hero .banner-text h1 { font-size: 2.1rem; margin-bottom: 0; }
    .instructor-title .tts-session-time { margin-top: -10px; font-size: 14px; }
}

.instructor-title .tts-instructor-name {
    font-family: var(--prata);
    font-weight: 400;
    text-transform: uppercase;
    color: var(--header-color);
    margin: 30px 0 10px;
}

/* Poster on the right so images keep alternating left/right down the page */
.tts-register-row { flex-direction: row-reverse; }
.tts-register-row .instructor-title { margin-left: 0; margin-right: 80px; }
@media only screen and (max-width: 991px) {
    .tts-register-row .instructor-title { margin-right: 0; }
}
