/* at-193.css: styles only used by the January popup page (at-193.html, marianne.yoga/at-193); loaded after aquarius.css */

/* Schedule: December and January (.schedule, on the page), then How to Sign Up (a .box)
   ========================================================================== */
/* a description straight under a class type's heading sits right under it */
.schedule .subheading + p {
  margin-top: 0.5rem; /* half the usual 1rem gap */
}

/* the paragraph introducing the January group sessions, after the special events: a thin line above it */
.schedule p.schedule__intro {
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* "Join the mailing list to be notified when credits are available" (How to Join): a thin line above it */
.section p.notify {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* lists whose bold lead-ins are in Josefin Sans (the special events, How to Join's steps) */
.list.list--labels strong { /* (two classes: outweighs the bold-in-text rule) */
  font-family: "Josefin Sans";
  font-variation-settings: "wght" 400;
}

/* a link under a schedule list ("Sign up here", "Email Marianne"), lined up with the list's text */
.list:has(+ .schedule__link) {
  margin-bottom: 0; /* the link straight under the list */
}
p.schedule__link {
  margin: 0.25rem auto 0; /* (auto: in the text column) */
  padding-left: 1.2rem; /* the list's indent for its bullets */
  box-sizing: border-box; /* (as lists are) so the padding is inside the column's width, not added to it */
}
/* "December" and "January": space above January, after December's events; and above each class type */
.schedule__link + .subheading,
.schedule__intro + .subheading {
  margin-top: 3rem;
}
.schedule__month + .list {
  margin-top: 0;
}
.list + .schedule__month,
.schedule__link + .schedule__month {
  margin-top: 3rem;
}

/* "December" and "January", on the page: in the text column, with a blue ~ (white ones are for inside boxes) */
.schedule__month--outside {
  max-width: var(--column);
  margin: 0 auto 2rem;
}
.box__title--tilde.schedule__month--outside:before {
  color: var(--blue);
}

/* the note under the Buy credits buttons (a <small>): small, on its own, with a thin line above it */
.credits-note {
  display: block;
  max-width: var(--column);
  margin: 1.5rem auto 0;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: var(--small);
  line-height: var(--small-line);
  font-variation-settings: "wght" 350; /* the same weight as paragraphs (the page default is heavier) */
}