@import url('../_sheet.css');
/* Bluebell: the plant stands at the left of the screen as on the card, the words sit left-aligned beside it, photos take the soft shape of the washes. */
.esite-skin-bluebell {
  --sk-accent-font: "Cormorant Garamond", Georgia, serif;
  --sk-photo-ratio: 4 / 5;
  --sk-photo-shape: inset(0 round 47% 53% 44% 56% / 42% 46% 54% 58%);
}
.esite-skin-bluebell .ss-h { font-weight: 500; letter-spacing: -.01em; }
.esite-skin-bluebell .cl-names { font-weight: 500; }
.esite-skin-bluebell .cl-brand { font-weight: 500; }
/* the lying plant needs more room above a heading than a small ornament */
.esite-skin-bluebell .ss-scope:not([data-type="hero"]):not([data-type="countdown"]):not([data-type="none"]) .ss-h::before { width: 190px; height: 62px; background-position: 0 50%; }
.esite-skin-bluebell .ss-scope.ss-al-c .ss-h::before, .esite-skin-bluebell .ss-scope[data-type="rsvp"] .ss-h::before { background-position: 50% 50% !important; }
.esite-skin-bluebell .ss-closing::before { width: 210px; height: 70px; }
.esite-skin-bluebell .ss-countdown .cd-n { font-family: var(--s-fbody) !important; font-weight: 300; letter-spacing: 0; }
/* the corner plants stay in the margin, clear of the words */
.esite-skin-bluebell .ss-scope[data-type="schedule"]::before, .esite-skin-bluebell .ss-scope[data-type="story"]::before, .esite-skin-bluebell .ss-scope[data-type="faq"]::before { width: clamp(110px, 15vw, 230px); }
.esite-skin-bluebell .ss-scope[data-type="rsvp"]::before, .esite-skin-bluebell .ss-scope[data-type="rsvp"]::after { width: clamp(120px, 19vw, 300px); }
/* beside a photo one plant hangs in the corner of the sheet */
.esite-skin-bluebell .hs-classic:not(.no-photo) .cl-panel::after { background: var(--sk-cluster-a, none) 100% 0 / clamp(170px, 18vw, 250px) auto no-repeat; }
/* no photo: the composition of the card on the left of the sheet, the words beside it */
.esite-skin-bluebell .hs-classic.no-photo .cl-panel::after { background: var(--sk-hero-art, none) 7% 50% / auto 94% no-repeat; }
@media (min-width: 901px) {
.esite-skin-bluebell .hv-split.no-photo .cl-panel { grid-template-columns: minmax(0, 1fr); justify-items: center; padding-left: calc((100% - var(--sk-sheet)) / 2 + var(--sk-sheet) * .42); }
}
@media (max-width: 900px) {
  .esite-skin-bluebell .hs-classic.no-photo .cl-panel { padding-bottom: 92vw; }
  .esite-skin-bluebell .hs-classic.no-photo .cl-panel::after { background-position: 50% calc(100% - 16px); background-size: auto 84vw; }
}