@font-face {
	font-family: Editorial;
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/editorial-old/editorial_old_regular_300.woff2") format('woff2');
}

@font-face {
	font-family: Editorial-Italic;
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/editorial-old/editorial_old_italic_300.woff2") format('woff2');
}

:root {
	--type-editorial: "Editorial", serif;
	--type-editorial-italic: "Editorial-Italic", serif;
}

body {
	font-family: "Libre Franklin", sans-serif;
	line-height: var(--leading-normal);
	padding: 0;
	margin: 0;
    position: relative;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
}

h1, h2, h3 {
	font-family: var(--type-editorial);
	font-weight: var(--font-weight-extralight);
	line-height: var(--leading-snug);
	font-feature-settings: 'dlig';
	margin-block-start: .75rem;
	margin-block-end: .75rem;
	-moz-osx-font-smoothing: grayscale; /*(For Firefox)*/
	-webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/
}

h1 em, h2 em, h3 em {
	font-family: var(--type-editorial-italic);
	font-style: normal;
	font-feature-settings: 'dlig';
}

h1 {
	font-size: clamp(var(--text-min-h1), 4.125vw, var(--text-max-h1));
}

h2 {
	font-size: clamp(var(--text-min-h2), 3.75vw, var(--text-max-h2));
}

h3 {
	font-size: clamp(var(--text-min-h3), 2.5vw, var(--text-max-h3));
}

h4 {
	font-size: clamp(var(--text-min-h4), 2vw, var(--text-max-h4));
	margin-block-start: .375rem;
	margin-block-end: .375rem;
}

h5 {
	font-size: var(--text-h5);
}

h6 {
	font-size: var(--text-h6);
}

p {
	margin-block-start: .25rem;
	margin-block-end: .25rem;
	font-size: var(--text-p);
}

.rich-text p {
	margin-block-start: .5rem;
	margin-block-end: .5rem;
} 

p.small {
	font-size: var(--text-p-sm);
}

p.x-small {
	font-size: var(--text-p-xs);
}

p.large {
	font-size: var(--text-p-lg);
}

.h1, .h2, .h3, .h4 {
	font-family: var(--type-editorial);
	line-height: var(--leading-snug);
	font-feature-settings: 'dlig';
	margin-block-end: 1rem;
	-moz-osx-font-smoothing: grayscale; /*(For Firefox)*/
	-webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/
}

.h1 em, .h2 em, .h3 em, .h4 em {
	font-family: var(--type-editorial-italic);
}

.h1 {
	font-size: clamp(var(--text-min-h1), 4.125vw, var(--text-max-h1))!important;
}

.h2 {
	font-size: clamp(var(--text-min-h2), 3.75vw, var(--text-max-h2))!important;
}

.h3 {
	font-size: clamp(var(--text-min-h3), 3vw, var(--text-max-h3))!important;
}

.h4 {
	font-size: clamp(var(--text-min-h4), 2.5vw, var(--text-max-h4))!important;
	margin-block-start: .375rem;
	margin-block-end: .375rem;
}

.h5 {
	font-size: var(--text-h5)!important;
}

.h6 {
	font-size: var(--text-h6);
}

.p, .tagline, .eyebrow {
	font-size: var(--text-p)!important;
}

.p-small {
	font-size: var(--text-p-sm);
}

.p-large {
	font-size: var(--text-p-lg);
}

.h5, .h6, .p, .tagline, .eyebrow {
	font-family: "Libre Franklin", sans-serif;
	line-height: var(--leading-normal);
	padding: 0;
	margin: 0;
    position: relative;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
}

blockquote {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	border: solid var(--color-yellow) .0625rem;
	padding: .25rem .5rem;
	border-radius: var(--radius-10);
}

blockquote p {
	font-size: var(--text-p-xs);
}

/* LIST ITEMS CUSTOMIZATION */

.main ul li {
	position: relative;
}

.main ul li::before {
	content: "";
	position: absolute;
	top: .375rem;
	left: -1rem;
	width: .75rem;
	height: .7rem;
	background: url("../images/list-items/asterisk-yellow-1.png") center / contain no-repeat;
}

.main ul li:nth-child(2)::before {
	background: url("../images/list-items/asterisk-yellow-2.png") center / contain no-repeat;
}

.main ul li:nth-child(3)::before {
	background: url("../images/list-items/asterisk-yellow-3.png") center / contain no-repeat;
}

.main ul li:nth-child(4)::before {
	background: url("../images/list-items/asterisk-yellow-4.png") center / contain no-repeat;
}

/* BACKGROUND YELLOW */

.main .background-yellow ul li::before, .main .background-white ul li::before {
	background: url("../images/list-items/asterisk-black-1.png") center / contain no-repeat;
}

.main .background-yellow ul li:nth-child(2)::before, .main .background-white ul li:nth-child(2)::before {
	background: url("../images/list-items/asterisk-black-2.png") center / contain no-repeat;
}

.main .background-yellow ul li:nth-child(3)::before, .main .background-white ul li:nth-child(3)::before {
	background: url("../images/list-items/asterisk-black-3.png") center / contain no-repeat;
}

.main .background-yellow ul li:nth-child(4)::before, main .background-white ul li:nth-child(4)::before {
	background: url("../images/list-items/asterisk-black-4.png") center / contain no-repeat;
}