/* General Typography and Layout */
.blog h1 {
	margin-bottom: 2rem;
}

.blog_info {
	font-size: 1.6rem;
	color: var(--white);
	font-weight: 600;
	line-height: 1;
}

.blog_content {
	margin: 4rem auto;
  	max-width: 115rem;
}

.post__content {
	margin: 0 auto;
  	padding: 0 3rem;
  	max-width: 115rem;
}

.post__title, 
.post__content h2,
.blog_content h2 {
	margin-bottom: 1.8rem;
	font-size: 3rem;
  	font-weight: 700;
}

.post__subtitle, 
.post__content h3,
.blog_content h3 {
	margin-bottom: 3rem;
	font-size: 2.4rem;
	line-height: 1.45;
  	font-weight: 700;
}

.post__content ul,
.blog_content ul {
	margin-bottom: 1.6rem;
  	padding-left: 5rem;
}

.blog_content ul li,
.post__content ul li {
	padding-left: 1rem;
  	position: relative;
}

.blog_content blockquote {
	color: var(--title);
  	background: var(--white-smoke);
  	border-left: 5px solid var(--orange);
  	margin: 1.5em 0;
  	padding: 1em 1.5em;
  	position: relative;
	line-height: 1;
	white-space: normal;
}

.post__content blockquote br,
.blog_content blockquote br {
	display: block;
  	margin-bottom: 0.5em;
}

.blog_content blockquote p,
.post__content blockquote p {
	margin: 0.5em 0;
}

.post__content blockquote {
	color: var(--title);
  	background: var(--white-smoke);
  	border-left: 5px solid var(--orange);
	font-style: italic;
  	margin: 1.5em 0;
  	padding: 1em 1.5em;
  	position: relative;
  	quotes: "“" "”" "‘" "’";
}
	
.post__content blockquote::before {
	content: open-quote;
  	font-size: 2em;
  	line-height: 0.1em;
  	margin-right: 0.2em;
  	vertical-align: -0.4em;
  	color: #bbb;
}

.post__content blockquote::after {
	content: close-quote;
  	font-size: 2em;
  	line-height: 0.1em;
  	margin-left: 0.2em;
  	vertical-align: -0.4em;
  	color: #bbb;
}

/* Hero Area */
.post .hero__global {
	min-height: 63.2rem;
	background-position: center bottom 36%;
}

.post .hero__global__wrapper {
	max-width: 98.2rem;
}

.post .post__inner {
	margin-top: -12rem;
  	position: relative;
  	z-index: 6;
}

/* Press Releases - Post Data */
.post__data {
	margin-bottom: 5.8rem;
  	padding: 6.5rem 13.8rem;
  	box-shadow: 0 0 0.6rem #eae5ee;
  	background: var(--white);
  	border-radius: 1.6rem;
}

.post__data-list {
	display: flex;
  	list-style-type: none;
  	padding-left: 0px;
  	align-items: center;
  	justify-content: space-between;
}

.post__data-list a {
	color: var(--color);
  	word-break: break-all;
}

.post__data-caption {
	display: block;
  	font-size: 1.2rem;
  	font-weight: 500;
  	color: var(--orange);
  	text-transform: uppercase;
}

.post__data-info {
	display: block;
}

/* Tags */
.post__content .post__tags, 
.post__tags {
	list-style-type: none;
  	flex-wrap: wrap;
  	display: flex;
  	align-items: center;
  	margin-bottom: 8.49rem;
  	padding-left: 0;
  	padding-top: 1.84rem;
  	border-top: 1px solid var(--color-border);
}

.post__tags-caption {
	margin-right: 2.4rem;
  	color: #000;
}

.post__tags-item,
.post__tags-item a {
	color: var(--title);
  	text-transform: capitalize;
}

.post__tags-item:not(:last-child) {
	margin-right: 0.6rem;
	position: relative;
}

.post__tags-item:not(:last-child)::after {
	content: ",";
	display: inline-block;
	color: var(--title);
}

.post__content .post__tags li:first-child {
	font-weight: 500;
  	padding-left: 0;
}

.post__content .post__tags li::before, 
.post__tags li::before {
	display: none;
}

.post__content .post__tags li {
	padding-left: 0.5rem;
}

/* Related Posts Navigation */
.post__navigation-wrapper {
	margin-bottom: 5.1rem;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
}

.post__link {
	display: block;
	position: relative;
  	max-width: 46.3rem;
}

.post__link span {
	font-size: 1.6rem;
  	line-height: 2.18;
  	font-weight: 400;
  	text-transform: uppercase;
  	color: var(--orange);
}

.post__link h2 {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.45;
}

.post__link:hover .post__btn {
	color: var(--green);
}

.post__link.post_greey:hover .post__btn,
.post_greey .post__btn {
	color: var(--btn-dis);
}

.post__next {
	text-align: right;
}

.post__btn {
	color: var(--orange);
	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
  	width: 3.5rem;
  	height: 3.5rem;
  	border-radius: 50%;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: contain;
}

.post__btn::after {
	font-size: 3.5rem;
}

.post__btn-prev {
	left: -5rem;
}

.post__btn-next {
	right: -5rem;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 1199px) {
	.post__title, 
	.post__content h2 {
    	margin-bottom: 1.4rem;
  	}
  	
	.post__tags {
    	margin-bottom: 2.94rem;
  	}
	
	.post__navigation-wrapper {
    	justify-content: center;
  	}
	
	.post__link span,
	.post__link h2{
    	display: none;
  	}
	
	.post__btn {
    	position: static;
		margin: 0 0.5rem;
		transform: none;
		transition: all 0.3s ease 0s;
  	}
}

@media (max-height: 499px) and (max-width: 899px), 
	   (max-width: 767px) {
	.post .post__inner {
    	margin-top: -7.6rem;
  	}
  
	.post .hero__global {
    	min-height: 53.4rem;
    	background-position: right 26% top;
    	padding: 5.6rem 0 10rem;
  	}
}