/*-------------------------------------------------------*/
/* Typography
/*-------------------------------------------------------*/

ul {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--deo-heading-font);
	color: var(--wp--preset--color--secondary);
}

h1,
.h1 {
	font-size: var(--deo-h1-size);
}
h2,
.h2 {
	font-size: var(--deo-h2-size);
}
h3,
.h3 {
	font-size: var(--deo-h3-size);
}
h4,
.h4 {
	font-size: var(--deo-h4-size);
}
h5,
.h5 {
	font-size: var(--deo-h5-size);
}
h6,
.h6 {
	font-size: var(--deo-h6-size);
}

@include bp-sm-down {
	:root {
		--deo-h1-size: 2rem;
		--deo-h2-size: 1.7rem;
		--deo-h3-size: 1.5rem;
		--deo-h4-size: 1.35rem;
	}
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
	color: inherit;
}

address {
	font-style: normal;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

@include bp-xl-down {
	.text-lg-center {
		text-align: center;
	}
}
@include bp-lg-down {
	.text-md-center {
		text-align: center;
	}
}
@include bp-md-down {
	.text-sm-center {
		text-align: center;
	}
}
@include bp-sm-down {
	.text-xs-center {
		text-align: center;
	}
}