/* -------------------------------- Style Guide CSS  ------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');

:root {
  --Isabelline: #F0EEEB;
  --Dim-Gray: #696663;
  --White: #FFFFFF;
  --Seasalt: #FAF8F5;
  --Khaki: #A8A399;
  --Brunswick-Green: #204F46;
  --Black-Walnut: #403E39;
  --Silver: #BFBEBA;
  --Parchment-Yellow: #F5E6C1;
  --Platinum: #E3E1DC;
  --Mint-Green: #BFE3DC;
  --Black: #1C1C1C;
  --New-Palette-Silver: #BFBEBA;
}

.button_mb_30{ margin-bottom: 30px; }
.site-btn a{
	display: inline-flex;
	padding: 14px 30px 15px 30px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	background: var(--Brunswick-Green);
	color: var(--Seasalt);
}
.site-btn a i{
	color: var(--Seasalt);
	text-align: center;
	font-size: 18px;
	font-weight: 900;
}
.site-btn a strong, 
.site-btn a{
	font-family: "Red Hat Text", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}
.site-btn a *{
	color: var(--Seasalt);
}
.site-btn.black_btn a{
	background-color: var(--Black);
}
.site-btn.black_btn a *{
	color: var(--Seasalt);
}
.site-btn.seaSalt_btn a{
	background-color: var(--White);
}
.site-btn.seaSalt_btn a *{
	color: var(--Dim-Gray);
}
.site-btn.seaSalt_btn a:hover{
	background-color: var(--Platinum);
}
.site-btn.platinum_btn a{
	background-color: var(--Platinum);
}
.site-btn.platinum_btn a *{
	color: var(--Dim-Gray);
}
.site-btn.mintGreen_btn a{
	background-color: var(--Mint-Green);
}
.site-btn.mintGreen_btn a *{
	color: var(--Brunswick-Green);
}
.site-btn.mintGreen_btn a:hover{
	background-color: var(--Black);
}
.site-btn.mintGreen_btn a:hover *{
	color: var(--White);
}

.site-btn.bordered_btn a { 
	display: inline-block; 
	padding: 14px 30px;
	line-height: 1;
}
.site-btn.bordered_btn.transparent_btn a {
	border: 2px solid var(--Dim-Gray);
	background-color: transparent;
	color: var(--Dim-Gray);
}
.site-btn.bordered_btn.transparent_btn a:hover {
	background-color: var(--Dim-Gray);
	color: var(--Seasalt);
}
.site-btn.bordered_btn.dimGrey_btn a {
	border: 2px solid var(--Dim-Gray);
	background-color: var(--Dim-Gray);
	color: var(--Seasalt);
}
.site-btn.bordered_btn.seaSalt_btn a {
	border: 2px solid var(--Seasalt);
	color: var(--Seasalt);
	background-color: rgba(48, 48, 48, 0.30);
}
.site-btn.bordered_btn.seaSalt_btn a:hover{
	color: var(--Dim-Gray);
	border-color: var(--Platinum);
	background: var(--Platinum);
}
.site-btn.bordered_btn.platinum_btn a {
	border: 2px solid var(--Platinum);
	color: var(--Dim-Gray);
	background-color: var(--Platinum);
}

.displayXXL{
	font-family: "Literata", serif;
	font-size: 80px;
	font-style: normal;
	line-height: 110%; /* 93.6px */
	letter-spacing: -1px;
	color: var(--Black);  
}
.displayXL{
	font-family: "Literata", serif;
	font-size: 72px;
	font-style: normal;
	line-height: 130%; /* 93.6px */
	letter-spacing: -1px;
	color: var(--Black);
}
.displayLG{
	font-family: "Literata", serif;
	font-size: 60px;
	font-style: normal;
	line-height: 130%; /* 93.6px */
	color: var(--Black);
}
.redhat_font,
.redhat_font_p p{
	font-family: "Red Hat Text", sans-serif;
}
.boldFontWeight{
	font-weight: 700;
}
.regular_FontWeight{
	font-weight: 400;
}
.semiBold_FontWeight{
	font-weight: 600;
}
.medium_FontWeight{
	font-weight: 500;
}
.uppercase{
	text-transform: uppercase;
}
h1{
	font-family: "Literata", serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 62.4px */
	color: var(--Black);
}
h2{
	font-family: "Literata", serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 62.4px */
	color: var(--Black);
}
h3{
	font-family: "Literata", serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 62.4px */
	color: var(--Black);
}
h4{
	font-family: "Literata", serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 62.4px */
	color: var(--Black);
}
h5{
	font-family: "Literata", serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 62.4px */
	color: var(--Black);
}

p{
	/* Body Large/Light Serif 20 */
	font-family: "Literata", serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 28px */
	color: var(--Black);
	margin-bottom: 10px;
}
.light_FontWeight{
	font-weight: 300;
}
.bold_FontWeight{
	font-weight: 600;
}
.wpb_text_column p {
    margin-bottom: 10px;
}
.fontSize-lg{
	font-size: 20px;
}
.fontSize-Rg{
	font-size: 16px;
}
.fontSize-14{
	font-size: 14px;
}
.fontSize-sm{
	font-size: 12px;
}
.white-text{
  color: var(--White);
}
.fontSize-sm.uppercase{
	letter-spacing: 1px;
}
.fontSize-sm i{
	letter-spacing: 0.5px;
}

