/* base/typography.css
   Headings, body text, highlight marks and WYSIWYG content.
   Rewind Club - loaded in order by functions.php. */

/* Highlight colours written by the editor's Formats menu. */
mark{background:none; color:var(--mulberry); padding:0}

mark.is-mulberry{color:var(--mulberry)}

mark.is-sage{color:var(--sage)}

mark.is-teal{color:var(--teal)}

mark.is-butter{color:#B98218}

.o-btn--butter{
  background:var(--butter); border-color:#33291F; color:#33291F; box-shadow:4px 4px 0 #33291F;
}

.o-btn--butter:hover{background:var(--butter); color:#33291F; box-shadow:6px 6px 0 #33291F}

.rc-small{font-size:14px; color:var(--ink-2)}

/* Anything typed into a WYSIWYG field. */
.wysiwyg > *:first-child{margin-top:0}

.wysiwyg > *:last-child{margin-bottom:0}

.wysiwyg p{margin:0 0 1em}

.wysiwyg h2{margin:1.4em 0 .5em}

.wysiwyg h3{margin:1.4em 0 .4em}

.wysiwyg ul,
.wysiwyg ol{margin:0 0 1.2em; padding-left:22px; display:flex; flex-direction:column; gap:8px}

.wysiwyg li{padding-left:2px}

.wysiwyg a:not(.o-btn){color:var(--mulberry); text-underline-offset:3px}

.wysiwyg blockquote{
  margin:1.4em 0; padding:4px 0 4px 22px; border-left:4px solid var(--line);
  font-family:var(--font-display); font-weight:600; font-size:21px; line-height:1.3;
}

.wysiwyg img{border-radius:14px; height:auto}

.wysiwyg .o-btn{margin:6px 8px 6px 0}

.wysiwyg table{width:100%; border-collapse:collapse; margin-bottom:1.2em}

.wysiwyg th,
.wysiwyg td{border:1px solid var(--line); padding:10px 12px; text-align:left}

.wysiwyg hr{border:0; border-top:1.5px solid var(--line); margin:2em 0}

/* Spacing utilities the page builder writes onto every block. */
.c-flex-block{position:relative}

.pt-full{padding-top:clamp(48px,7vw,84px)}

.pt-half{padding-top:clamp(24px,3.5vw,42px)}

.pt-0{padding-top:0 !important}

.pb-full{padding-bottom:clamp(48px,7vw,84px)}

.pb-half{padding-bottom:clamp(24px,3.5vw,42px)}

.pb-0{padding-bottom:0 !important}