/* General font changes */

p{
	color: var(--paragraphFontColor);
	font-family: var(--paragraphFontFamily) !important;
	font-weight:500;
	font-size: var(--pargraphFontSize);
	line-height:1.6;
	margin-block-start: 2.00em;
    margin-block-end: 2.00em;
	line-height: var(--lineHeightParagraph) !important;
}

h1,h2,h3,h4,h5,h6{
	margin-bottom:1em;
	font-family: var(--firstFont) !important;
	font-weight:700;
	line-height:1.2;
	margin-block-start: 2.00em;
    margin-block-end: 2.00em;
}
main h1, .content h1{
    color: var(--h1headingColor);
}
main h2, .content h2{
    color: var(--h2headingColor);
}
main h3, .content h3{
    color: var(--h3headingColor);
}
main h4, .content h4{
    color: var(--h4headingColor);
}
main h5, .content h5{
    color: var(--h5headingColor);
}
main h6, .content h6{
    color: var(--h6headingColor);
}
.rich-text h3,h4,h5{
	color: var(--headingFontColor);
}

ul {
    color: var(--ulFontColor);
	font-family: var(--ulFontFamily) !important;
	font-weight:500;
	font-size:var(--ulFontSize);
	line-height:1.6;
}
main a:after{
	background-color: var(--aTagUnderline);
	height: var(--aTagUnderlineHeight);
}

.content h1,h2,h3,h4,h5,h6{
	margin-bottom:1em;
	color:var(--headingFontColor);
	font-family: var(--firstFont) !important;
	font-weight:700;
	line-height:1.2;
}

.content p{
	color:var(--paragraphFontColor);
	font-family: var(--paragraphFontFamily)!important;
	font-weight:500;
	font-size:var(--pargraphFontSize);
	line-height:var(--lineHeightParagraph);
}

.content ul{
	color: var(--ulFontColor);
	font-family: var(--ulFontFamily) !important;
	font-weight:500;
	font-size:var(--ulFontSize);
	line-height:1.6;
}

@media (max-width:768px){
	ul {
		color: var(--ulFontColor);
		font-family: var(--ulFontFamily) !important;
		font-weight:500;
		font-size:var(--ulMobileFontSize);
		line-height:1.6;
	}
}

/* Font Size */
h1{
font-size: var(--headingOneFontSize);	
}

h2{
font-size: var(--headingTwoFontSize);
}
h3{
	font-size: var(--headingThreeFontSize);
    font-weight: 600 !important;
}
h4{
	font-size: var(--headingFourFontSize);
}

/* font color */
h3,h4,h5{
	color:var(--headingComponentFontColor);
}