@font-face {
    font-family: "Ciron";
    src: url("/fonts/RGCironClassic-Extrabold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

#editor {
    --default-black: #000000;
    --default-cream: #eee5d8;
    --default-brown: #8f6638;
    --default-paper: #f7f2ea;
    --default-gold: #EDB52A;
    --sso-pink: #ED145B;
    --sso-plum: #330025;
    --sso-white: #ffffff;
    --sso-peach: #F8A692;
    --bh-maroon: #3E0000;
    --bh-red: #AD1015;
    --bh-coral: #ED523E;

    --font-primary: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-secondary: "Ciron", sans-serif;

    --text-heading-xl: clamp(2rem, 1.5rem + 2vw, 2.5rem);
    --text-heading-l: clamp(1.625rem, 1.25rem + 1.5vw, 2rem);
    --text-heading-m: clamp(1.25rem, 1rem + 1vw, 1.5rem);
    --text-heading-s: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);

	--text-body: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
    --text-body-small: clamp(0.875rem, 0.8rem + 0.25vw, 1rem);

    --line-height-heading-xl: 1.2;
    --line-height-heading-l: 1.0625;
    --line-height-heading-m: 1.1;
    --line-height-heading-s: 1.1;

    --line-height-body: normal;
    --line-height-body-small: 1.5;

    --weight-regular: 400;
    --weight-semibold: 600;
    --weight-bold: 700;

    --space-md: 1rem;
    --space-sm: 0.5rem;
    --space-xs: 0.25rem;
}



/* RTE only styles ----------------------------------------------- */
/* makes the RTE content look like the website */
/*#editor {
	background-color: var(--default-paper);
}*/
#editor a {
	color: var(--bh-coral);
	text-decoration: underline;
	text-underline-offset: 0.15em;
	font-weight: 500;
}
#editor a:hover {
	color: var(--bh-maroon);
	text-decoration: underline;
}
#editor p {
    margin-top: 0;
    margin-bottom: var(--space-md);
	font-size: var(--text-body);
    line-height: var(--line-height-body);
    font-weight: var(--weight-regular);
}
#editor img {
    width: auto;
    height: auto;
}
#editor h1,
#editor h2 {
    font-family: var(--font-secondary);
}
#editor h3,
#editor h4 {
    font-family: var(--font-primary);
}


/* headings ----------------------------------------------- */
.rte-row :is(h1, h2, h3, h4),
.tiptap :is(h1, h2, h3, h4) {
    margin-top: 0;
}

/* Add separation when a heading follows content */
.rte-row * + :is(h1, h2, h3, h4),
.tiptap * + :is(h1, h2, h3, h4) {
    margin-top: var(--space-lg);
}

.rte-row h1,
.tiptap h1 {
    font-family: var(--font-secondary);
    font-size: var(--text-heading-xl);
    line-height: var(--line-height-heading-xl);
    font-weight: var(--weight-bold);
}
.rte-row h2,
.tiptap h2 {
    font-family: var(--font-secondary);
    font-size: var(--text-heading-l);
    line-height: var(--line-height-heading-l);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-sm);
}
.rte-row h3,
.tiptap h3 {
    font-family: var(--font-primary);
    font-size: var(--text-heading-m);
    line-height: var(--line-height-heading-m);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-sm);
}
.rte-row h4,
.tiptap h4 {
    font-family: var(--font-primary);
    font-size: var(--text-heading-s);
    line-height: var(--line-height-heading-s);
    font-weight: var(--weight-bold);
    margin-bottom: var(--space-sm);
}


/* text styles ----------------------------------------------- */
.rte-row p.caption,
.tiptap p.caption{
    font-size: 14px !important;
}
.rte-row .list-title,
.tiptap .list-title {
    margin-bottom: var(--space-xs);
}
.rte-row p.eyebrow,
.tiptap p.eyebrow {
    color: var(--default-brown);
    font-size: var(--text-body-small);
    line-height: var(--line-height-body-small);
    font-weight: var(--weight-semibold);
}
.rte-row blockquote,
.tiptap blockquote {
    margin: 2rem 0;
    padding: 1rem 1.5rem;
    border-left: 8px solid var(--default-black);
}
    .rte-row blockquote p,
    .tiptap blockquote p:last-of-type {
        margin-bottom: 0;
    }

.rte-row ol, 
.rte-row ul {
    margin-bottom: 2rem;
}
.rte-row ul li p,
.rte-row ol li p,
.tiptap ul li p,
.tiptap ol li p {
	margin-bottom: 0 !important;
}


/* Colors ----------------------------------------------- */
.rte-row .text-brown,
.tiptap .text-brown {
	color: var(--default-brown);
}
.rte-row .text-coral,
.tiptap .text-coral {
	color: var(--bh-coral);
}
.rte-row .text-pink,
.tiptap .text-pink {
	color: var(--sso-pink);
}
.rte-row .text-plum,
.tiptap .text-plum {
	color: var(--sso-plum);
}


/* image alignment ----------------------------------------------- */
.rte-row img.image-align-left,
.tiptap img.image-align-left {
    float: left;
    max-width: 50%;
    margin: 0.5rem 1.5rem 1rem 0;
}
.rte-row img.image-align-right,
.tiptap img.image-align-right {
    float: right;
    max-width: 50%;
    margin: 0.5rem 0 1rem 1.5rem;
}
/* clearfix hack */
.rte-row p.clear-image-wrap,
.tiptap p.clear-image-wrap {
    clear: both;
}