iframe {
  aspect-ratio: 4/2;
  border: none;
  width: 100%;
}

.rsvp {
  font-size: 150%;
  text-align: center;
}

.rsvpBy {
  margin-bottom: 0;
}

.rsvp a {
  font-size: 120%;
}

.note {
  font-size: 1.2rem;
  margin-top: 0;
}

#header h1 img {
  max-width: 32rem;
  min-width: 16rem;
  position: relative;
  width: var(--title-img-width);
}

#header .images + p {
  margin: 1rem;
}

.theDate {
  border-bottom: 1px solid var(--navy-blue);
  display: block;
  font-size: var(--the-date-font-size);
  padding: 3.5rem 0 2rem;
}

.footnote {
  font-size: 1.2rem;
}

.programme {
  margin: 0 auto;
}

.programme td:first-child {
  text-align: left;
}

.swatches {
  display: inline-flex;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  position: relative;
}

.swatches input {
  appearance: none;
  background: none;
  border: none;
}

.swatches input:checked {
  border: 1px groove var(--white);
}

.swatches input:checked + .srOnly {
  clip: initial;
  clip-path: initial;
  height: auto;
  overflow: auto;
  left: calc(100% + 1rem);
  line-height: normal;
  width: auto;
}

.swatches > *,
.swatches input {
  height: 2rem;
  width: 2rem;
}

.pineGreen {
  background-color: var(--pine-green);
}

.navyBlue {
  background-color: var(--navy-blue);
}

.royalBlue {
  background-color: var(--royal-blue);
}

.accomodation em {
  display: block;
  font-size: 1rem;
}