img {
	object-fit: cover;
	transform-origin: center;
	background-origin: center;
}

.article-content {
	padding: 0 8rem;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

@media(max-width : 1024px) {
	.article-content {
		padding: 0;
	}
}

.article-content-text {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 32px;
}

.article-header {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 24px;
}

.article-header-subsect {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}


.share-btn {
	display: flex;
	color: #777;
	width: 40px;
	height: 40px;
	background: #fff;
	text-wrap-mode: nowrap;
	font-size: 16px;
	text-align: center;
	padding: 12px;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 16px;
	box-shadow: 0 0 8px #00000044;
	transition: all 0.3s;
}

.share-btn.flat {
	background: transparent;
	box-shadow: none;
}

.share-btn:hover {
	color: #6a7aff;
}



.img-cont {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 24px;
	margin: 48px 0;
}

.img-cont img {
	border-radius: 32px;
	height: 400px;
}

.img-cont p {
	color: #aaa;
	width: 100%;
	text-align: center;
}




.article-fab-cont {
	display: block;
	position: fixed;
	right: 0;
	bottom: 0;
	margin: 64px;
	z-index: 3;
}


.article-fab-menu {
	display: none;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 8px;
	position: fixed;
	right: 0;
	bottom: 0;
	/*padding-bottom: 56px;*/
	z-index: 0;
	/*margin: 64px;*/
	margin: 0 64px 118px 0;
	transform: scaleY(0.0);
	transform-origin: bottom;
	transition: transform 0.3s ease;
}

.fab-menu-reveal {
	display: flex;
	transform: scaleY(1.0);
}

@media(max-width: 760px) {
	.article-fab-cont, .article-fab-menu {
		margin: 24px;
	}
}




.article-fab-option {
	display: flex;
	color: #fff;
	width: 40px;
	height: 40px;
	background: #555;
	text-wrap-mode: nowrap;
	font-size: 24px;
	text-align: center;
	padding: 4px;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 32px;
	box-shadow: 0 0 8px #00000044;
	transition: all 0.3s;
}

.article-fab-option.active {
	color: #fff;
	background: #34a;
}

.article-fab-option.active:hover {
	color: #fff;
	background: #016;
}

.article-fab-option:hover {
	color: #6a7aff;
	background: #000;
}






.article-fab {
	display: flex;
	color: #777;
	width: 40px;
	height: 40px;
	background: #fff;
	text-wrap-mode: nowrap;
	font-size: 24px;
	text-align: center;
	padding: 4px;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 16px;
	box-shadow: 0 0 8px #00000044;
	transition: all 0.3s;
}

.article-fab.active {
	color: #6a7aff;
	/*transform: rotate(45deg);*/
	background: #34a;
}

.article-fab.active:hover {
	color: #fff;
	background: #016;
	/*transform: rotate(45deg);*/
}

.article-fab:hover {
	color: #6a7aff;
	/*transform: rotate(45deg);*/
}




.article-footer {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 32px;
}

.article-footer-subsect {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}





.news-tile-1 {
	display: flex;
	/*flex-direction: column;*/
	/*flex-wrap: wrap;*/
	height: 400px;
	background: white;
	border-radius: 16px;
	text-decoration: none;
	overflow: hidden;
	transition: all 0.3s ease;
}

.news-tile-1-img-sect {
	height: 100%;
	width: 100%;
	overflow: hidden;
	/*border-radius: 16px;*/
	transition: all 0.3s ease;
}
.news-tile-1-img-cont {
	border-radius: 16px 16px 0 0;
	height: 300px !important;
	width: 100%;
	overflow: hidden;
	transition: all 0.3s ease;
}


.news-tile-1 .foot-sect {
	display: block;
	position: absolute;
	padding: 0 16px;
	transform-origin: bottom;
	width: 580px;
	z-index: 5;
	margin-top: 320px;
	pointer-events: none;
	overflow: hidden;
	transition: all 0.3s ease;
}

.news-tile-1-img-cont img {
	height: 100% !important;
	width: 100%;
}

.news-tile-1:hover {
	box-shadow: 0 2px 16px #00000022;
}
.news-tile-1-img-sect:hover {
	box-shadow: 0 2px 16px #00000022;
	transform: scale(1.05);
}