/*--------------------------------------------------------------
   Typography
--------------------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	line-height: 1.625;
}

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

.h0{
	line-height: 1.11;
}
h1,
h2,
.h1,
.h2{
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.1;
}

h3,
.h3{
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
}

.section-content .toucan-menu-subscribe .header-el-label{
	line-height: 1.1;
}
.lh-1{
	line-height: 1;
}
h4,
.h4{
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
}
h5,
h6,
.h5,
.h6{
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 0;
}
.h7,
.h8{
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 0;	
}

.text-small{
    display:block;
    font-size: 1.2rem;   
}
.entry-content,
.comment-content{
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6{
	@include vertical-gutter-flow(1.33, 1, 1, 0.8);
	margin-top:  30px;

	&:first-child{
		margin-top: 0;
	}
	@include mq('md') {
		@include vertical-gutter-flow(1, 1, 1, 0.8);
		margin-top:  get-gutter-width('md');

		&:first-child{
			margin-top: 0;
		}
	}
	@include mq('lg') {
		@include vertical-gutter-flow(1, 1, 1, 0.8);
		margin-top:  get-gutter-width('xl');

		&: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 > ul,
.entry-content > ol,
.comment-content > ul,
.comment-content ol{
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6{
  @include mq('md') {
    margin-top: 0;
  }
}
}

p {
   margin-top: 0;
   @include vertical-gutter-flow(1.4, 1, 1, 0.8);
}
.entry-content p:not(.form-group):last-child{
	margin-bottom: 0;
}
.entry-content p:last-child img{
	margin-top: 30px;
}
.paragraph-small{
	line-height: 1.6;
	font-size: 1.5rem;
	p{
		margin-bottom: 20px;
	}
	p:last-child{
		margin-bottom: 0;
	}
	@include mq('md') {
		line-height: 1.6;
	}
}
.link-uppercase{
	font-size: 1.4rem;
	line-height: 1.2;
	transition: color .15s ease-in-out;
	display: inline-flex;
	align-items: center;
	i{
		margin-left: 2px;
	}
}


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

a{
	transition-duration: .15s;
	transition-timing-function: ease-in-out;
}

.entry-content a{
	transition: color .15s ease-in-out;
}

address{
	p{
		margin-bottom: 20px;
		&:last-child{
			margin-bottom: 0;
		}
	}
	&:last-child{
		margin-bottom: 0;
	}
}
// p em{
// 	font-size: 1.1rem;
// 	opacity: .5;
// }
address{
	padding: 20px;
	@include mq('md') {
	padding: 40px;
	}
}