/**
 * 
 * INDEX
 * 
 * top of the page
 * content
 * more posts
 * site footer
 * 
 */

/** top of the page **/

.top-of-the-page {
	height: 358px;
}

@media (max-width: 1023px) {
	.top-of-the-page {
		height: 298px;
	}
}

@media (max-width: 640px) {
	.top-of-the-page {
		height: 46.563vw;
	}
}

/** top of the page **/

/** content **/

main > .content .main-image {
	margin-top: -191px;
}

main > .content .article .container-1019 {
	padding-bottom: 24px;
	border-bottom: 1px solid #ebebeb;
}

main > .content .article .back-to-blog {
	margin-top: 31px;
	display: inline-flex;
	align-items: center;
}

main > .content .article .back-to-blog img {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-left: 8px;
}

main > .content .article h1 {
	margin-top: 23px;
}

main > .content .article .published-and-social {
	margin-top: 5px;
	display: inline-flex;
}

main > .content .article .published-and-social .pipe {
	margin: 0 9px;
}

main > .content .article .published-and-social .social,
main > .content .article .social{
	display: flex;
}

main > .content .article .published-and-social .social ul,
main > .content .article .social ul {
	margin-right: 6px;
	display: flex;
	align-items: center;
}

main > .content .article .published-and-social .social ul li,
main > .content .article .social ul li {
	padding: 0 6px;
}

main > .content .article .description {
	margin: 52px 0 106px;
	line-height: 1.5;
}

main > .content .article .description strong {
	font-weight: 700;
}

main > .content .article .description a {
	font-weight: 700;
	color: #2ea6eb;
}

main > .content .article .description ul,
main > .content .article .description ol {
	padding-right: 40px;
}

main > .content .article .description ul {
	list-style-type: disc;
}

main > .content .article .description ol {
	list-style-type: decimal;
}

main > .content .article .description img {
	max-width: 100%;
	height: auto;
	line-height: 0;
	margin: 0px 0;
}

main > .content .article .container-1019 > .social {
	display: none;
}

@media (min-width: 1024px) {
	main > .content .article .published-and-social .social ul li img,
	main > .content .article .social ul li img {
		max-height: 20px;
	}
}

@media (max-width: 1023px) {
	main > .content .main-image,
	main > .content .article .container-1019 {
		max-width: 564px;
		padding-bottom: 0;
		border-bottom: none;
	}
	
	main > .content .main-image {
		margin-top: -161px;
	}
	
	main > .content .article .back-to-blog,
	main > .content .article .published-and-social .published,
	main > .content .article .published-and-social .social > span,
	main > .content .article .description,
	main > .content .article .social > span {
		font-size: 1.875em;
	}
	
	main > .content .article h1 {
		font-size: 2.250em;
	}

	main > .content .article .published-and-social {
		flex-direction: column;
	}

	main > .content .article .published-and-social .pipe {
		display: none;
	}
	
	main > .content .article .published-and-social .social {
		margin-top: 29px;
		align-items: center;
	}
	
	main > .content .article .published-and-social .social ul li,
	main > .content .article .social ul li {
		padding: 0;
	}
	
	main > .content .article .published-and-social .social ul li a,
	main > .content .article .social ul li a {
		padding: 0 19px;
		display: block;
	}
	
	main > .content .article .published-and-social .social ul li a img,
	main > .content .article .social ul li a img {
		display: block;
	}
	
	main > .content .article .social  {
		align-items: center;
	}
}

@media (max-width: 640px) {
	main > .content .main-image {
		margin-top: -25.157vw;	
	}
	
	main > .content .article .back-to-blog,
	main > .content .article .published-and-social .published,
	main > .content .article .published-and-social .social > span,
	main > .content .article .description, main > .content .article .social > span {
		font-size: 4.7vw;
	}
	
	main > .content .article h1 {
		font-size: 5.6vw;
	}
	
	main > .content .article .published-and-social .social ul li a img,
	main > .content .article .social ul li a img {
		max-height: 7.97vw;
	}
}

/** content **/

/** more posts **/

main > .content .more-posts {
	margin-top: 23px;
}

.more-posts .container-1019 {
	display: flex;
	justify-content: space-between;
}

.more-posts.single .container-1019 {
	justify-content: center;
}

.more-posts .container-1019 > * {
	flex-basis: calc(50% - 54px);
	display: flex;
	align-items: center;
}

.more-posts .next_post .arrow {
	margin-left: 23px;
}

.more-posts .prev_post .arrow {
	margin-right: 23px;
	order: 1;
}

.more-posts .prev_post .arrow img {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.more-posts .prev_post .content {
	margin-right: auto;
}

.more-posts .content {
	display: grid;
	grid-template-columns: 158px auto;
	grid-column-gap: 22px;
	align-items: center;
}

.more-posts .content .image {
	height: 80px;
}

@media (max-width: 1023px) {

	main > .content .more-posts {
		margin-top: 68px;
	}

	.more-posts .container-1019 {
		justify-content: unset;
		flex-direction: column-reverse;
		max-width: 564px;
	}
	
	.more-posts .container-1019 > * {
		flex-basis: unset;
	}
	
	.more-posts:not(.single) .container-1019 > a:first-child {
		padding-top: 25px;
		border-top: 1px solid #e5e5e5;
	}
	
	.more-posts:not(.single) .container-1019 > a:last-child {
		padding-bottom: 25px;
		border-bottom: 1px solid #e5e5e5;
	}
	
	.more-posts .content {
		display: flex;
		grid-column-gap: unset;
		grid-template-columns: unset;
		flex-grow: 1;
	}
	
	.more-posts .arrow {
		flex-shrink: 0;
	}
	
	.more-posts .content .image {
		flex-basis: 193px;
		flex-shrink: 0;
		height: 113px;
	}
	
	.more-posts .content .title {
		font-size: 1.875em;
	}
	
	.more-posts .prev_post .content {
		margin: 0;
	}
	
	.more-posts:not(.single) .container-1019 > a:last-child .content .image,
	.more-posts.single .container-1019 > a.prev_post .content .image {
		margin-left: 23px;
	}
	
	.more-posts:not(.single) .container-1019 > a:first-child .content,
	.more-posts.single .container-1019 > a.next_post .content {
		flex-direction: row-reverse;
	}
	
	.more-posts:not(.single) .container-1019 > a:first-child .content .image,
	.more-posts.single .container-1019 > a.next_post {
		margin-right: 23px;
	}
	
	.more-posts:not(.single) .container-1019 > a:first-child .content .title,
	.more-posts.single .container-1019 > a.next_post .content .title {
		flex-grow: 1;
	}
}

@media (max-width: 640px) {
	.more-posts .arrow img {
		max-width: 4.845vw;
	}
	
	.more-posts .content .image {
		flex-basis: 30.157vw;
		height: 17.657vw;
	}

	.more-posts:not(.single) .container-1019 > a:first-child .content .image,
	.more-posts.single .container-1019 > a.next_post
	.more-posts .prev_post .arrow {
		margin-right: 3.594vw;
	}
	
	.more-posts:not(.single) .container-1019 > a:last-child .content .image,
	.more-posts.single .container-1019 > a.prev_post .content .image,
	.more-posts .next_post .arrow {
		margin-left: 3.594vw;
	}
	
	.more-posts .content .title {
		font-size: 4.7vw;
	}
}

/** more posts **/

/** site footer **/

footer.footer {
	margin-top: 105px;
}

/** site footer **/