/*Fonts*/
@font-face{
	font-family: 'Melodrama';
	src: url('../fonts/Melodrama-Light.woff2') format('woff2');
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'Melodrama';
	src: url('../fonts/Melodrama-Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'Melodrama';
	src: url('../fonts/Melodrama-Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'Melodrama';
	src: url('../fonts/Melodrama-Semibold.woff2') format('woff2');
	font-weight: 600;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'Melodrama';
	src: url('../fonts/Melodrama-Bold.woff2') format('woff2');
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'GeneralSans';
	src: url('../fonts/GeneralSans-Extralight.woff2') format('woff2');
	font-weight: 200;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'GeneralSans';
	src: url('../fonts/GeneralSans-Light.woff2') format('woff2');
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'GeneralSans';
	src: url('../fonts/GeneralSans-Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'GeneralSans';
	src: url('../fonts/GeneralSans-Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'GeneralSans';
	src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2');
	font-weight: 600;
	font-display: swap;
	font-style: normal;
}
@font-face{
	font-family: 'GeneralSans';
	src: url('../fonts/GeneralSans-Bold.woff2') format('woff2');
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}

/*Typography*/
b, strong{
	font-weight: 500;
}
em{
	font-weight: 500;
}
a{
	color: var(--c-blue);
}

.title-1{
	color: var(--c-darkBlue);
	font-family: var(--font-melodrama);
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -1px;
}
.title-2{
	color: var(--c-darkBlue);
	font-family: var(--font-melodrama);
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -1px;
}

.subtitle{
	display: block;
	color: var(--c-brightBlue);
	font-family: var(--font-generalsans);
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 4px;
	text-transform: uppercase;
}
.subtitle-icon{
	display: flex;
	align-items: center;
	gap: .5rem;
}
.subtitle-icon img{
	width: 1.25rem;
	height: 1.25rem;
	object-fit: contain;
}

.link-arrow{
	position: relative;
	color: var(--c-blue);
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-weight: 600;
}
.link-arrow::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--c-blue);
	transition-property: width;
	transition-duration: var(--duration);
}
.link-arrow:hover::after{
	width: 100%;
}
.link-arrow svg{
	height: 1.25rem;
}

.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-wrap p + p{
	margin-top: 1rem;
}
.text-wrap * + *{
	margin-top: 1rem;
}
.text-wrap h2{
	color: var(--c-darkBlue);
	font-family: var(--font-melodrama);
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1px;
	margin: 2rem 0 1rem;
}
.text-wrap h3{
	color: var(--c-darkBlue);
	font-family: var(--font-melodrama);
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1px;
	margin: 1.75rem 0 1rem;
}
.text-wrap h4{
	color: var(--c-darkBlue);
	font-family: var(--font-melodrama);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1px;
	margin: 1.5rem 0 1rem;
}
.text-wrap h5,
.text-wrap h6{
	color: var(--c-darkBlue);
	font-family: var(--font-melodrama);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1px;
	margin: 1.25rem 0 1rem;
}
.text-wrap ul{
	list-style-type: disc;
}
.text-wrap ol{
	list-style-type: decimal;
}
.text-wrap ul,
.text-wrap ol{
	padding-left: 1.5rem;
	margin: 1.25rem 0;
}
.text-wrap li + li{
	margin-top: .5rem;
}
.text-wrap li::marker{
	font-weight: 500;
}
.text-wrap .wp-block-image{
	width: 100%;
	margin: 2rem 0;
}
.text-wrap .wp-block-image img{
	width: 100%;
	height: auto;
}

/*Media*/
@media (min-width: 576px){

}
@media (min-width: 768px){
	.title-1{
		font-size: 3rem;
	}
	.title-2{
		font-size: 2.25rem;
	}
}
@media (min-width: 1024px){
	.title-1{
		font-size: 3.5rem;
	}
	.title-2{
		font-size: 2.5rem;
	}
}
@media (min-width: 1200px){
	
}
@media (min-width: 1400px){

}