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

html {
	font-size: 62.5%;
}


html,
html a {
	-webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,.h7,.h8,
.header-el-label{
	color: var(--color-h);
	font-family: var(--h-font);
	font-weight: var(--h-font-weight);
	font-style: var(--h-font-style);	
}


h1,
.h1{
	line-height: 1.25;
}
h2,
.h2{
	line-height: 1.35;
}

h3,
.h3{
	line-height: 1.2;
}

h4,
.h4{
	line-height: 1.2;
}
h5,
.h5{
	line-height: 1.3;
}
h6,
.h6{
	line-height: 1.25;
}



h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
	@extend %vertical-margin-x-small;
	&:first-child{
		margin-top: 0;
	}

}


.entry-content .meks_ess + {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6{
		&:first-of-type{
			margin-top: 0;
		}
	}
}



.entry-content p {
   margin-top: 0;
   @extend %vertical-margin-small;
}
.entry-content p:last-child{
	margin-bottom: 0;
}

.entry-content p:last-child img{
	margin-top: 30px;
}

.vertical-gutter-flow {
	@include vertical-gutter-flow(1.33, 1, 1, 0.8);
}

.entry-content ul,
.entry-content ol,
.comment-content ul,
.comment-content ol{
	list-style: inside;
}

.entry-content p a,
.entry-content li a,
.wp-block-file a:not(.wp-block-file__button){
	@extend %animation-main;
	color: var(--color-main);
	box-shadow: 0 1px 0 var(--color-main-05);
	&:hover{
		box-shadow: 0 2px 0 var(--color-main-075);
	}
}
.entry-content figure a,
.entry-content figure a:hover{
	box-shadow: none;
}
.lh-1{
	line-height: 1;
}