/*************************************************************/
/*******************[   Articles - Grid   ]*******************/
/*************************************************************/
.articles-grid {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	gap:							12px;
	width:							100%;
}

@media (min-width: 576px) {
	.articles-grid.articles-grid-2 > * {
		width:						calc(100% / 2 - 6px) !important;
	}

	.articles-grid.articles-grid-4 > * {
		width:						calc(100% / 2 - 6px) !important;
	}
}

@media (max-width: 575px) {
	.articles-grid.articles-grid-2 > * {
		width:						100% !important;
	}

	.articles-grid.articles-grid-4 > * {
		width:						100% !important;
	}
}

@media (min-width: 768px) {
	.articles-grid.articles-grid-3 > * {
		width:						calc(100% / 3 - calc(12px * 2 / 3)) !important;
	}
}

@media (max-width: 767px) {
	.articles-grid.articles-grid-3 > * {
		width:						100% !important;
	}
}


/*************************************************************/
/*******************[   Articles - List   ]*******************/
/*************************************************************/
.articles-wrap {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	gap:							8px;
}

.article-wrap {
	position:						relative;
	display: 						flex;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					10px;
	border-color: 					rgba(var(--color-gray-rgb), 1);
}

.article-wrap.article-wrap-column {
	flex-direction: 				column;
	flex-wrap:						nowrap;
	gap:							0px;
	padding:						0px;
}

.article-wrap.article-wrap-row {
	flex-direction:					row;
	flex-wrap:						wrap;
	gap:							16px;
	padding:						16px;
}

.article-wrap.article-wrap-white {
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.article-wrap.article-wrap-green {
	background-color: 				rgba(var(--color-green-rgb), .1);
}

.article-wrap.article-wrap-blue {
	background-color: 				rgba(var(--color-blue-rgb), .1);
}

.article-wrap.article-wrap-red {
	background-color: 				rgba(var(--color-red-rgb), .1);
}

.article-wrap.article-wrap-pink {
	background-color: 				rgba(var(--color-pink-rgb), .1);
}

.article-wrap.article-wrap-purple {
	background-color: 				rgba(var(--color-purple-rgb), .1);
}

.article-wrap.article-wrap-teal {
	background-color: 				rgba(var(--color-teal-rgb), .1);
}

.article-wrap.article-wrap-orange {
	background-color: 				rgba(var(--color-orange-rgb), .1);
}

.article-wrap.article-wrap-yellow {
	background-color: 				rgba(var(--color-yellow-rgb), .1);
}


/*************************************************************/
/****************[   Articles - List - XSM   ]****************/
/*************************************************************/
@media (min-width: 1200px) {
	.article-wrap.article-wrap-xsm {
		width:						calc(100% / 4 - calc(8px * 3 / 4));
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.article-wrap.article-wrap-xsm {
		width:						calc(100% / 3 - calc(8px * 2 / 3));
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.article-wrap.article-wrap-xsm {
		width:						calc(100% / 3 - calc(8px * 2 / 3));
	}
}

@media (min-width: 400px) and (max-width: 767px) {
	.article-wrap.article-wrap-xsm {
		width:						calc(100% / 2 - 6px);
	}
}

@media (max-width: 399px) {
	.article-wrap.article-wrap-xsm {
		width:						100%;
	}
}


/*************************************************************/
/*****************[   Articles - List - SM   ]****************/
/*************************************************************/
@media (min-width: 1200px) {
	.article-wrap.article-wrap-sm {
		width:						calc(100% / 3 - calc(8px * 2 / 3));
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.article-wrap.article-wrap-sm {
		width:						calc(100% / 3 - calc(8px * 2 / 3));
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.article-wrap.article-wrap-sm {
		width:						calc(100% / 3 - calc(8px * 2 / 3));
	}
}

@media (min-width: 400px) and (max-width: 767px) {
	.article-wrap.article-wrap-sm {
		width:						calc(100% / 2 - 4px);
	}
}

@media (max-width: 399px) {
	.article-wrap.article-wrap-sm {
		width:						100%;
	}
}


/*************************************************************/
/*****************[   Articles - List - MD   ]****************/
/*************************************************************/
@media (min-width: 400px) {
	.article-wrap.article-wrap-md {
		width:						calc(100% / 2 - 4px);
	}
}

@media (max-width: 399px) {
	.article-wrap.article-wrap-md {
		width:						100%;
	}
}


/*************************************************************/
/*****************[   Articles - List - LG   ]****************/
/*************************************************************/
.article-wrap.article-wrap-lg {
	width:							100%;
}

.article-wrap > .article-wrap-left {
	position:						relative;
	display: 						flex;
	align-self:						start;
	flex-grow:						1;
	width:							56%;
	min-width:						220px;
	max-width:						100%;
}

.article-wrap > .article-wrap-right {
	position:						relative;
	display: 						flex;
	align-self:						start;
	flex-grow:						1;
	width:							calc(44% - 16px);
	min-width:						220px;
	max-width:						100%;
}

.article-wrap > .article-wrap-bottom {
	position:						relative;
	display: 						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	align-items:	 				center;
	justify-content:				space-between;
	gap:							10px 16px;
	width:							100%;
}

.article-wrap > .article-wrap-bottom.article-wrap-bottom-border {
	padding-top:					16px;
	border-top-width:				1px;
	border-top-style:				solid;
	border-top-color:				rgba(var(--color-shadow-rgb), .2);
}

@media (max-width: 575px) {
	.article-wrap > .article-wrap-bottom > * {
		flex-grow:					1;
		width:						100%;
	}
}

@media (max-width: 399px) {
	.article-wrap > .article-wrap-left {
		margin-left: 				-16px;
		margin-right:				-16px;
		margin-top:					-16px;
		max-width:					calc(100% + 32px);
	}

	.article-wrap > .article-wrap-left > div {
		border-bottom-left-radius:	0px !important;
		border-bottom-right-radius:	0px !important;
	}
}


/*************************************************************/
/*************[   Articles - List - Thumbnail   ]*************/
/*************************************************************/
.article-wrap .article-thumbnail {
	position:						relative;
	display: 						block;
	width:							100%;
}

.article-wrap .article-thumbnail.article-thumbnail-1-1 {
	padding-top: 					100% !important;
}

.article-wrap .article-thumbnail.article-thumbnail-4-3 {
	padding-top: 					75% !important;
}

.article-wrap .article-thumbnail.article-thumbnail-5-4 {
	padding-top: 					80% !important;
}

.article-wrap .article-thumbnail.article-thumbnail-16-9 {
	padding-top: 					56.25% !important;
}

.article-wrap .article-thumbnail .article-thumbnail-link {
	position: 						absolute;
	display:						block;
	overflow:						hidden;
	top: 							0;
	left: 							0;
	bottom: 						0;
	right: 							0;
}

.article-wrap .article-thumbnail.article-thumbnail-rounded-top .article-thumbnail-link {
	border-top-left-radius: 		8px;
	border-top-right-radius: 		8px;
}

.article-wrap .article-thumbnail.article-thumbnail-rounded-bottom .article-thumbnail-link {
	border-top-left-radius: 		8px;
	border-top-right-radius: 		8px;
}

.article-wrap .article-thumbnail.article-thumbnail-rounded .article-thumbnail-link {
	border-radius:					8px;
}

.article-wrap .article-thumbnail .article-thumbnail-img {
	position: 						relative;
	object-fit: 					cover;

	width: 							100%;
	height: 						100%;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			transform 1s;
	-moz-transition: 				transform 1s;
	-ms-transition: 				transform 1s;
	-o-transition: 					transform 1s;
	transition: 					transform 1s;
}

.article-wrap .article-thumbnail .article-thumbnail-play {
	position: 						absolute;
	left:							50%;
	top:							50%;

	width:							48px;
	height:							48px;

	opacity: 						.6;

	-webkit-transform: 				translate(-50%, -50%);
	-moz-transform: 				translate(-50%, -50%);
	-ms-transform: 					translate(-50%, -50%);
	-o-transform: 					translate(-50%, -50%);
	transform: 						translate(-50%, -50%);

	-webkit-transition: 			opacity 0.4s;
	-moz-transition: 				opacity 0.4s;
	-ms-transition: 				opacity 0.4s;
	-o-transition: 					opacity 0.4s;
	transition: 					opacity 0.4s;
}

@media (hover: hover) {
	.article-wrap .article-thumbnail:hover .article-thumbnail-img {
		-webkit-transform: 			scale(1.1);
		-moz-transform: 			scale(1.1);
		-ms-transform: 				scale(1.1);
		-o-transform: 				scale(1.1);
		transform: 					scale(1.1);
	}

	.article-wrap .article-thumbnail:hover .article-thumbnail-play {
		opacity: 					1;
	}
}

@media (hover: none) {
	.article-wrap .article-thumbnail:active .article-thumbnail-img {
		-webkit-transform: 			scale(1.1);
		-moz-transform: 			scale(1.1);
		-ms-transform: 				scale(1.1);
		-o-transform: 				scale(1.1);
		transform: 					scale(1.1);
	}

	.article-wrap .article-thumbnail:active .article-thumbnail-play {
		opacity: 					1;
	}
}

.article-wrap .article-thumbnail .article-thumbnail-date,
.article-wrap .article-thumbnail .article-thumbnail-duration {
	position: 						absolute;
	display: 						flex;
	align-items:					center;

	gap:							6px;
	padding: 						6px;
	border-radius: 					10px;
	max-width: 						calc(100% - 16px);

	background-color: 				rgba(var(--color-black-rgb), .8);
}

.article-wrap .article-thumbnail .article-thumbnail-date {
	bottom: 						8px;
	left: 							8px;
}

.article-wrap .article-thumbnail .article-thumbnail-duration {
	top: 							8px;
	right: 							8px;
}

.article-wrap .article-thumbnail .article-thumbnail-date > svg,
.article-wrap .article-thumbnail .article-thumbnail-duration > svg {
	flex-shrink:					0;

	width: 							16px;
	height: 						16px;
	border-radius:					10px;

	color: 							rgba(var(--color-black-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.article-wrap .article-thumbnail .article-thumbnail-date > span,
.article-wrap .article-thumbnail .article-thumbnail-duration > span {
	font-weight:		 			500;

	white-space: 					nowrap;
	text-align: 					center;

	color: 							rgba(var(--color-white-rgb), 1);
}

@media (min-width: 768px) {
	.article-wrap .article-thumbnail .article-thumbnail-date > span,
	.article-wrap .article-thumbnail .article-thumbnail-duration > span {
		font-size: 					10px;
	}
}

@media (max-width: 767px) {
	.article-wrap .article-thumbnail .article-thumbnail-date > span,
	.article-wrap .article-thumbnail .article-thumbnail-duration > span {
		font-size: 					9px;
	}
}


/*************************************************************/
/***************[   Articles - List - Title   ]***************/
/*************************************************************/
.article-wrap .article-title {
	margin-bottom:					0px;
	height: 						fit-content;
}

.article-wrap .article-title.article-title-shadow-top {
	-webkit-box-shadow:				inset 0 8px 8px -8px rgba(var(--color-gray-rgb), .4);
	-moz-box-shadow:				inset 0 8px 8px -8px rgba(var(--color-gray-rgb), .4);
	box-shadow: 					inset 0 8px 8px -8px rgba(var(--color-gray-rgb), .4);

	border-top: 					1px solid rgba(var(--color-gray-rgb), 1);
}

.article-wrap .article-title a {
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
}

.article-wrap .article-title.article-title-500 a {
	font-weight: 					500;
}

.article-wrap .article-title.article-title-600 a {
	font-weight: 					600;
}

.article-wrap .article-title.article-title-700 a {
	font-weight: 					700;
}

.article-wrap .article-title.article-title-dark-blue a {
	color: 							rgba(var(--color-dark-blue-rgb), 1);
}

.article-wrap .article-title.article-title-blue a {
	color: 							rgba(var(--color-blue-rgb), 1);
}

.article-wrap .article-title.article-title-red a {
	color: 							rgba(var(--color-red-rgb), 1);
}

@media (min-width: 1200px) {
	.article-wrap.article-wrap-xsm .article-title.article-title-auto a {
		-webkit-line-clamp: 		4;
		font-size: 					15px;
		line-height: 				24px;
		font-weight:				600;
		max-height: 				calc(24px * 4);
	}

	.article-wrap.article-wrap-sm .article-title.article-title-auto a {
		-webkit-line-clamp: 		3;
		font-size: 					18px;
		line-height: 				26px;
		font-weight:				700;
		height: 					calc(26px * 3);
		max-height: 				calc(26px * 3);
		letter-spacing: 			0px;
	}

	.article-wrap.article-wrap-lg .article-title.article-title-auto a {
		-webkit-line-clamp: 		2;
		font-size: 					24px;
		line-height: 				30px;
		font-weight:				700;
		height: 					calc(30px * 2);
		min-height: 				calc(30px * 2);
		letter-spacing: 			-0.2px;
	}

	.article-wrap .article-title.article-title-small a {
		-webkit-line-clamp: 		2;
		font-size: 					13px;
		line-height: 				20px;
		max-height: 				calc(20px * 2);
		letter-spacing: 			0px;
	}

	.article-wrap .article-title.article-title-standard a {
		-webkit-line-clamp: 		3;
		font-size: 					18px;
		line-height: 				26px;
		max-height: 				calc(26px * 3);
		letter-spacing: 			0px;
	}

	.article-wrap .article-title.article-title-medium a {
		-webkit-line-clamp: 		2;
		font-size: 					24px;
		line-height: 				30px;
		height: 					calc(30px * 2);
		min-height: 				calc(30px * 2);
		letter-spacing: 			-0.2px;
	}

	.article-wrap .article-title.article-title-large a {
		-webkit-line-clamp: 		7;
		font-size: 					32px;
		line-height: 				38px;
		max-height: 				calc(38px * 7);
		letter-spacing: 			-0.4px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.article-wrap.article-wrap-xsm .article-title.article-title-auto a {
		-webkit-line-clamp: 		4;
		font-size: 					14px;
		line-height: 				22px;
		font-weight:				600;
		max-height: 				calc(24px * 4);
	}

	.article-wrap.article-wrap-sm .article-title.article-title-auto a {
		-webkit-line-clamp: 		3;
		font-size: 					16px;
		line-height: 				24px;
		font-weight:				700;
		max-height: 				calc(24px * 3);
		letter-spacing: 			0px;
	}

	.article-wrap.article-wrap-lg .article-title.article-title-auto a {
		-webkit-line-clamp: 		3;
		font-size: 					16px;
		line-height: 				24px;
		font-weight: 				700;
		height: 					calc(24px * 3);
		min-height: 				calc(24px * 3);
		letter-spacing: 			0px;
	}

	.article-wrap .article-title.article-title-small a {
		-webkit-line-clamp: 		2;
		font-size: 					13px;
		line-height: 				20px;
		max-height: 				calc(20px * 2);
		letter-spacing: 			0px;
	}

	.article-wrap .article-title.article-title-standard a {
		-webkit-line-clamp: 		3;
		font-size: 					16px;
		line-height: 				24px;
		max-height: 				calc(24px * 3);
		letter-spacing: 			0px;
	}

	.article-wrap .article-title.article-title-medium a {
		-webkit-line-clamp: 		2;
		font-size: 					22px;
		line-height: 				28px;
		height: 					calc(28px * 2);
		min-height: 				calc(28px * 2);
		letter-spacing: 			-0.2px;
	}

	.article-wrap .article-title.article-title-large a {
		-webkit-line-clamp: 		7;
		font-size: 					28px;
		line-height: 				34px;
		max-height: 				calc(34px * 7);
		letter-spacing: 			-0.4px;
	}
}

@media (max-width: 767px) {
	.article-wrap.article-wrap-xsm .article-title.article-title-auto a {
		-webkit-line-clamp: 		5;
		font-size: 					13px;
		line-height: 				20px;
		font-weight:				500;
		max-height: 				calc(20px * 5);
	}

	.article-wrap.article-wrap-sm .article-title.article-title-auto a {
		-webkit-line-clamp: 		3;
		font-size: 					14px;
		line-height: 				22px;
		font-weight:				600;
		max-height: 				calc(22px * 3);
		letter-spacing: 			0px;
	}

	.article-wrap.article-wrap-lg .article-title.article-title-auto a {
		-webkit-line-clamp: 		3;
		font-size: 					14px;
		line-height: 				22px;
		font-weight: 				600;
		height: 					calc(22px * 3);
		min-height: 				calc(22px * 3);
		letter-spacing: 			0px;
	}

	.article-wrap .article-title.article-title-small a {
		-webkit-line-clamp: 		2;
		font-size: 					13px;
		line-height: 				20px;
		max-height: 				calc(20px * 2);
		letter-spacing: 			0px;
	}

	.article-wrap .article-title.article-title-standard a {
		-webkit-line-clamp: 		3;
		font-size: 					14px;
		line-height: 				22px;
		max-height: 				calc(22px * 3);
		letter-spacing: 			0px;
	}

	.article-wrap .article-title.article-title-medium a {
		-webkit-line-clamp: 		2;
		font-size: 					20px;
		line-height: 				26px;
		height: 					calc(26px * 2);
		min-height: 				calc(26px * 2);
		letter-spacing: 			-0.2px;
	}

	.article-wrap .article-title.article-title-large a {
		-webkit-line-clamp: 		5;
		font-size: 					20px;
		line-height: 				26px;
		max-height: 				calc(26px * 5);
		letter-spacing: 			-0.2px;
	}
}

@media (min-width: 576px) {
	.article-wrap .article-title.article-title-padding-vertical {
		padding-bottom:				16px;
		padding-top:				16px;
	}

	.article-wrap .article-title.article-title-padding-horizontal {
		padding-left: 				16px;
		padding-right: 				16px;
	}
}

@media (max-width: 575px) {
	.article-wrap .article-title.article-title-padding-vertical {
		padding-bottom:				16px;
		padding-top:				16px;
	}

	.article-wrap .article-title.article-title-padding-horizontal {
		padding-left: 				16px;
		padding-right: 				16px;
	}
}

@media (hover: hover) {
	.article-wrap .article-title:hover a {
		text-decoration: 			underline;
		text-underline-offset: 		2px;
	}
}

@media (hover: none) {
	.article-wrap .article-title:active a {
		text-decoration: 			underline;
		text-underline-offset: 		2px;
	}
}







/*************************************************************/
/***************[   Articles - List - Slider   ]**************/
/*************************************************************/
.articles-slider {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	width:							100%;
}

.articles-slider.articles-slider-space {
	margin-bottom:					32px;
}

.articles-slider-arrows {
	position: 						absolute;
	display: 						flex;
	justify-content: 				space-between;
	top: 							0px;
	left: 							-8px;
	width:							calc(100% + 16px);
	height:							100%;
	pointer-events:	 				none;
	padding: 						0;
	z-index:						2;
}

.articles-slider-arrows > .articles-slider-arrow {
	position: 						relative;
	opacity: 						0;
	display:						flex;
	width: 							30px;
	height: 						50px;
	top:							calc(50% - 25px - 36px);
	border-radius: 					2px;
	cursor:							pointer;

	-webkit-transform: 				scale(.8) translateY(8px);
	-moz-transform: 				scale(.8) translateY(8px);
	-ms-transform: 					scale(.8) translateY(8px);
	-o-transform: 					scale(.8) translateY(8px);
	transform: 						scale(.8) translateY(8px);

	-webkit-transition: 			.2s ease;
	-moz-transition: 				.2s ease;
	-ms-transition: 				.2s ease;
	-o-transition: 					.2s ease;
	transition: 					.2s ease;

	-webkit-box-shadow: 			0 0 6px rgba(var(--color-black-rgb), .6);
	-moz-box-shadow: 				0 0 6px rgba(var(--color-black-rgb), .6);
	box-shadow: 					0 0 6px rgba(var(--color-black-rgb), .6);

	outline-width:					1px;
	outline-offset:					1px;
	outline-style:					solid;

	outline-color:					rgba(var(--color-gray-rgb), 1);	
	background-color:				rgba(var(--color-gray-rgb), 1);	
}

.articles-slider-arrows > .articles-slider-arrow > .articles-slider-arrow-sign {
	position:						relative;
	border: 						solid rgba(var(--color-primary-text-rgb), 1);
	border-width: 					0 2px 2px 0;
	display: 						inline-block;
	padding: 						4px;
	margin: 						auto;
}

.articles-slider-arrows > .articles-slider-arrow.articles-slider-arrow-left > .articles-slider-arrow-sign {
	left:							2px;

	-webkit-transform: 				rotate(135deg);
	-moz-transform: 				rotate(135deg);
	-ms-transform: 					rotate(135deg);
	-o-transform: 					rotate(135deg);
	transform: 						rotate(135deg);
}

.articles-slider-arrows > .articles-slider-arrow.articles-slider-arrow-right > .articles-slider-arrow-sign {
	right:							2px;

	-webkit-transform: 				rotate(-45deg);
	-moz-transform: 				rotate(-45deg);
	-ms-transform: 					rotate(-45deg);
	-o-transform: 					rotate(-45deg);
	transform: 						rotate(-45deg);
}

@media (hover: hover) {
	.articles-slider-arrows > .articles-slider-arrow.articles-slider-arrow-left:hover,
	.articles-slider-arrows > .articles-slider-arrow.articles-slider-arrow-right:hover {
		-webkit-box-shadow: 		0 0 12px rgba(var(--color-black-rgb), 1);
		-moz-box-shadow: 			0 0 12px rgba(var(--color-black-rgb), 1);
		box-shadow: 				0 0 12px rgba(var(--color-black-rgb), 1);
	}

	.articles-slider:hover .articles-slider-arrows > .articles-slider-arrow {
		opacity: 					1;
		pointer-events: 			auto;

		-webkit-transform: 			scale(1) translateY(0);
		-moz-transform: 			scale(1) translateY(0);
		-ms-transform: 				scale(1) translateY(0);
		-o-transform: 				scale(1) translateY(0);
		transform: 					scale(1) translateY(0);
	}
}

.articles-slider-items {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	z-index:						1;
}

.articles-slider-items > .articles-slider-item {
	display:						flex;
	flex-direction:					column;
	width:							100%;
	top:							0;
	left:							0;

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;
}

.articles-slider-dots {
	display:						flex;
	flex-wrap: 						wrap;
	justify-content: 				center;
	gap:							12px;
	margin-top:						16px;
	z-index:						3;
}

.articles-slider-dots > .articles-slider-dot {
	width:							20px;
	height:							20px;
	border-radius:					50px;
	cursor:							pointer;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;

	outline-width:					1px;
	outline-offset:					1px;
	outline-style:					solid;

	-webkit-box-shadow: 			inset 0px 0px 1px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				inset 0px 0px 1px rgba(var(--color-black-rgb), .1);
	box-shadow: 					inset 0px 0px 1px rgba(var(--color-black-rgb), .1);
}

.articles-slider-dots > .articles-slider-dot.articles-slider-dot-active {
	background-color:				rgba(var(--color-yellow-rgb), 1);
	outline-color:					rgba(var(--color-yellow-rgb), 1);
}

.articles-slider-dots > .articles-slider-dot:not(.articles-slider-dot-active) {
	background-color:				rgba(var(--color-gray-rgb), 1);
	outline-color:					rgba(var(--color-gray-rgb), 1);
}

@media (hover: hover) {
	.articles-slider-dots > .articles-slider-dot:not(.articles-slider-dot-active):hover {
		outline-offset:				2px;

		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}
}

@media (min-width: 992px) {
	.articles-slider-arrows {
		display:					flex;
	}

	.articles-slider-dots {
		display:					flex;
	}

	.articles-slider-items {
		flex-direction: 			column;
		flex-wrap:					nowrap;
		overflow: 					hidden;
		gap:						0px;
		width: 						100%;
	}

	.articles-slider-items > .articles-slider-item:first-child {
		position:					relative;
	}

	.articles-slider-items > .articles-slider-item:not(:first-child) {
		position:					absolute;
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-active {
		opacity:					1;
		z-index:					1;
		pointer-events:				all;
	}

	.articles-slider-items > .articles-slider-item:not(.articles-slider-item-active) {
		opacity:					0;
		z-index:					0;
		pointer-events:				none;
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-double {
		flex-direction:				row;
		gap:						12px;
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-double > * {
		width:						calc(50% - 6px);
	}
}


@media (max-width: 991px) {
	.articles-slider-arrows {
		display:					none;
	}

	.articles-slider-dots {
		display:					none;
	}

	.articles-slider-items {
		flex-direction:				row;
		flex-wrap:					nowrap;
		overflow: 					auto hidden;
		gap:						8px;
		width: 						100%;

		margin-top:					-4px;
		margin-bottom:				0px;
		margin-left:				-2px;
		margin-right:				-2px;

		padding-top:				4px;
		padding-bottom:				8px;
		padding-left:				2px;
		padding-right:				2px;
	}

	.articles-slider-items > .articles-slider-item .article-wrap-bottom {
		align-items: 				normal;
		flex-direction:				column;
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-double {
		flex-direction:				row;
		gap:						8px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.articles-slider-items > .articles-slider-item:not(.articles-slider-item-double) {
		min-width: 					calc(100% / 2 - 32px);
		width: 						calc(100% / 2 - 32px);
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-double {
		width:						unset;
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-double > * {
		width:						260px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.articles-slider-items > .articles-slider-item:not(.articles-slider-item-double) {
		min-width: 					calc(100% / 2 - 32px);
		width: 						calc(100% / 2 - 32px);
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-double {
		width:						unset;
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-double > * {
		width:						220px;
	}
}

@media (max-width: 575px) {
	.articles-slider-items > .articles-slider-item:not(.articles-slider-item-double) {
		min-width:					calc(100% - 70px);
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-double {
		width:						unset;
	}

	.articles-slider-items > .articles-slider-item.articles-slider-item-double > * {
		width:						300px;
	}
}


/*************************************************************/
/***************[   Articles - List - Button   ]**************/
/*************************************************************/
.article-action-button {
	display:  						flex;
	align-items:  					center;
	justify-content:  				center;

	flex:							1 1;
	padding:  						0 16px;
	height:  						40px;
	min-height:  					40px;
	border:  						unset;

	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;

	border-radius:					4px;
	outline-width:					1px;
	outline-offset:					1px;
	outline-style:					solid;
}

.article-action-button:not(.article-action-button-disabled) {
	cursor:  						pointer;
}

.article-action-button.article-action-button-disabled {
	opacity:  						.4;
	cursor:  						not-allowed;
}

.article-action-button > .title {
	font-size:  					13px;
	line-height:					20px;
	white-space:  					nowrap;
	font-weight:  					500;
}

.article-action-button > .arrow {
	width: 							20px;
}

.article-action-button > .arrow::after {
	position: 						relative;
	content: 						'';
	width: 							0px;
	height: 						2px;
	float: 							right;
	top: 							2px;
	left: 							6px;
	opacity: 						0;

	-webkit-transition: 			all .4s ease-out;
	-moz-transition: 				all .4s ease-out;
	-ms-transition: 				all .4s ease-out;
	-o-transition: 					all .4s ease-out;
	transition: 					all .4s ease-out;
}

.article-action-button > .arrow::before {
	content:						'';
	float: 							right;
	width: 							7px;
	height: 						7px;

	border-top-width: 				2px;
	border-left-width: 				2px;
	border-top-style: 				solid;
	border-left-style: 				solid;

	-webkit-transform: 				rotate(135deg);
	-moz-transform: 				rotate(135deg);
	-ms-transform: 					rotate(135deg);
	-o-transform: 					rotate(135deg);
	transform: 						rotate(135deg);
}

@media (hover: hover) {
	.article-action-button:hover .arrow::after {
		width: 						9px;
		opacity: 					1;
	}
}

.article-action-button.article-action-button-gray {
	background-color:  				rgba(var(--color-gray-rgb), .8);
	outline-color:  				rgba(var(--color-gray-rgb), 1);
}

.article-action-button.article-action-button-gray .title {
	color:  						rgba(var(--color-primary-text-rgb), 1);
}

.article-action-button.article-action-button-gray .arrow::after {
	background-color: 				rgba(var(--color-primary-text-rgb), 1);
}

.article-action-button.article-action-button-gray .arrow::before {
	border-top-color: 				rgba(var(--color-primary-text-rgb), 1);
	border-left-color: 				rgba(var(--color-primary-text-rgb), 1);
}

@media (hover: hover) {
	.article-action-button.article-action-button-gray:not(.article-action-button-disabled):hover {
		background-color: 			rgba(var(--color-gray-rgb), 1);
	}
}


/*************************************************************/
/****************[   Articles - List - Meta   ]***************/
/*************************************************************/
.article-wrap .article-meta {
	position:						relative;
	display:						flex;
	flex-wrap:						wrap;
	flex-grow:						1;
	gap: 							4px 32px;
}

.article-wrap .article-meta-item {
	position:						relative;
	display:						flex;
	align-items:					start;
	gap:							2px 4px;
}

.article-wrap .article-meta-item > .title {
	font-weight:					600;
	font-size: 						12px;
	line-height: 					20px;
	color:							rgba(var(--color-primary-text-rgb), 1);
}

.article-wrap .article-meta-item > .value {
	font-size: 						12px;
	line-height: 					20px;
	color:							rgba(var(--color-secondary-text-rgb), 1);
}

@media (min-width: 992px) {
	.article-wrap .article-meta {
		flex-direction:				row;
	}

	.article-wrap .article-meta-item {
		flex-direction:				column;
	}

	.article-wrap .article-meta-item:not(:last-child)::after {
		content:					'';
		position:					absolute;
		width:						1px;
		height:						100%;
		right: 						-16px;
		top: 						0;
		background-color:			rgba(var(--color-shadow-rgb), .2);
	}
}

@media (max-width: 991px) {
	.article-wrap .article-meta {
		flex-direction:				column;
		min-height:					68px;
		justify-content: 			start;
	}

	.article-wrap .article-meta-item {
		flex-direction:				row;
	}
}


/*************************************************************/
/***********[   Articles - List - Standard Date   ]***********/
/*************************************************************/
.article-wrap .article-date {
	display:						flex;
	align-items:					center;
	flex-grow:						1;
	gap:							6px;
}

@media (min-width: 576px) {
	.article-wrap .article-date.article-date-padding {
		padding-bottom: 			16px;
		padding-left: 				16px;
		padding-right: 				16px;
	}
}

@media (max-width: 575px) {
	.article-wrap .article-date.article-date-padding {
		padding-bottom: 			16px;
		padding-left: 				8px;
		padding-right: 				8px;
	}
}

.article-wrap .article-date > .title {
	font-weight:					600;
	font-size: 						12px;
	line-height: 					20px;
	color:							rgba(var(--color-primary-text-rgb), 1);
}

.article-wrap .article-date > .value {
	font-size: 						12px;
	line-height: 					20px;
	color:							rgba(var(--color-secondary-text-rgb), 1);
}


/*************************************************************/
/**************[   Articles - List - Excerpt   ]**************/
/*************************************************************/
.article-wrap .article-excerpt {
	margin-bottom:					16px;
}

.article-wrap .article-excerpt span {
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	font-weight: 					400;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;

	color:							rgba(var(--color-primary-text-rgb), 1);
}

@media (min-width: 1200px) {
	.article-wrap .article-excerpt span {
		-webkit-line-clamp: 		4;
		font-size: 					13px;
		line-height: 				22px;
		height: 					calc(22px * 4);
		min-height: 				calc(22px * 4);
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.article-wrap .article-excerpt span {
		-webkit-line-clamp: 		4;
		font-size: 					13px;
		line-height: 				22px;
		height: 					calc(22px * 4);
		min-height: 				calc(22px * 4);
	}
}

@media (max-width: 767px) {
	.article-wrap .article-excerpt span {
		-webkit-line-clamp: 		4;
		font-size: 					12px;
		line-height: 				20px;
		height: 					calc(20px * 4);
		min-height: 				calc(20px * 4);
	}
}

@media (min-width: 576px) {
	.article-wrap .article-excerpt {
		padding-left: 				16px;
		padding-right: 				16px;
	}
}

@media (max-width: 575px) {
	.article-wrap .article-excerpt {
		padding-left: 				8px;
		padding-right: 				8px;
	}
}


/*************************************************************/
/***************[   Articles - List - Footer   ]**************/
/*************************************************************/
.article-wrap .article-footer {
	display:						flex;
	margin-top: 					auto;
	align-items:					center;
	justify-content: 				space-between;

	padding-bottom:					16px;
	padding-top: 					16px;
	border-top: 					1px solid rgba(var(--color-shadow-rgb), .2);
}

@media (min-width: 576px) {
	.article-wrap .article-footer {
		padding-left: 				16px;
		padding-right: 				16px;
	}
}

@media (max-width: 575px) {
	.article-wrap .article-footer {
		padding-left: 				8px;
		padding-right: 				8px;
	}
}

.article-wrap .article-footer > .article-action {
	font-size:						13px;
	font-weight:					600;
	text-transform: 				uppercase;
}


/*************************************************************/
/**************[   Articles - List - Warning   ]**************/
/*************************************************************/
.article-warning {
	background: #fcf9ec;
	border-radius: 10px;
	box-shadow: inset 0px 0px 3px #bdc2ca;
	padding: 24px 24px;
	border: unset;
}

.article-warning .head {
	color: #caab0d
}


/*************************************************************/
/*******************[   Article - Ribbon   ]******************/
/*************************************************************/
.article-ribbon {
	overflow: 						hidden;
	position: 						absolute;
}

.article-ribbon.article-ribbon-corner {
	width: 							130px;
	height: 						75px;
	top: 							-4px;
	right: 							-4px;
}

.article-ribbon.article-ribbon-right-top {
	top: 							24px;
	right: 							24px;
	z-index:						1;
}

.article-ribbon > .article-ribbon-text {
	display: 						flex;
	align-items: 					center;
	justify-content: 				center;
	text-transform:					uppercase;

	text-align: 					center;
	font-weight: 					500;

	-webkit-box-shadow:				0 4px 10px rgba(var(--color-black-rgb),.1);
	-moz-box-shadow:				0 4px 10px rgba(var(--color-black-rgb),.1);
	box-shadow: 					0 4px 10px rgba(var(--color-black-rgb),.1);

	text-shadow: 					0 1px 1px rgba(var(--color-black-rgb),.2);
}

.article-ribbon.article-ribbon-corner > .article-ribbon-text {
	position: 						absolute;
	width: 							150px;
	height: 						25px;
	left: 							0px;
	top: 							15px;
	z-index: 						1;
	padding-left: 					12px;

	-webkit-transform: 				rotate(30deg);
	-moz-transform: 				rotate(30deg);
	-ms-transform: 					rotate(30deg);
	-o-transform: 					rotate(30deg);
	transform: 						rotate(30deg);
}

.article-ribbon.article-ribbon-right-top > .article-ribbon-text {
	padding:						8px;
	border-radius:					4px;
}

@media (min-width: 992px) {
	.article-ribbon > .article-ribbon-text {
		font-size: 					11px;
	}
}

@media (max-width: 991px) {
	.article-ribbon > .article-ribbon-text {
		font-size: 					10px;
	}

	.article-ribbon.article-ribbon-mobile-hide {
		display: 					none;
	}
}

.article-ribbon.article-ribbon-corner::before,
.article-ribbon.article-ribbon-corner::after {
	position: 						absolute;
	content: 						'';
	display: 						block;
	border-top-color: 				transparent;
	border-right-color: 			transparent;
}

.article-ribbon.article-ribbon-corner::before {
	top: 							-5px;
	left: 							3px;
}

.article-ribbon.article-ribbon-corner::after {
	bottom: 						-3px;
	right: 							-5px;
}


/*************************************************************/
/***************[   Article - Ribbon - Green   ]**************/
/*************************************************************/
.article-ribbon.article-ribbon-green > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(36, 150, 62, 1);

	background-color: 				rgba(var(--color-green-rgb), 1);
	color: 							rgba(var(--color-white-rgb), 1);
}

.article-ribbon.article-ribbon-right-top.article-ribbon-green > .article-ribbon-text {
	border-width: 					1px;
	border-style:					solid;
	border-color:					rgba(36, 150, 62, 1);

	-webkit-box-shadow: 			inset 0px 0px 4px rgba(32, 133, 55, 1);
	-moz-box-shadow: 				inset 0px 0px 4px rgba(32, 133, 55, 1);
	box-shadow: 					inset 0px 0px 4px rgba(32, 133, 55, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-green > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(36, 150, 62, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-green::before,
.article-ribbon.article-ribbon-corner.article-ribbon-green::after {
	border-width: 					5px;
	border-style:					solid;
	border-color:					rgba(32, 133, 55, 1);
}


/*************************************************************/
/***************[   Article - Ribbon - Blue   ]***************/
/*************************************************************/
.article-ribbon.article-ribbon-blue > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(75, 102, 189, 1);

	background-color: 				rgba(var(--color-blue-rgb), 1);
	color: 							rgba(var(--color-white-rgb), 1);
}

.article-ribbon.article-ribbon-right-top.article-ribbon-blue > .article-ribbon-text {
	border-width: 					1px;
	border-style:					solid;
	border-color:					rgba(75, 102, 189, 1);

	-webkit-box-shadow: 			inset 0px 0px 4px rgba(67, 91, 168, 1);
	-moz-box-shadow: 				inset 0px 0px 4px rgba(67, 91, 168, 1);
	box-shadow: 					inset 0px 0px 4px rgba(67, 91, 168, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-blue > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(75, 102, 189, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-blue::before,
.article-ribbon.article-ribbon-corner.article-ribbon-blue::after {
	border-width: 					5px;
	border-style:					solid;
	border-color:					rgba(67, 91, 168, 1);
}


/*************************************************************/
/***************[   Article - Ribbon - Red   ]****************/
/*************************************************************/
.article-ribbon.article-ribbon-red > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(198, 47, 62, 1);

	background-color: 				rgba(var(--color-red-rgb), 1);
	color: 							rgba(var(--color-white-rgb), 1);
}

.article-ribbon.article-ribbon-right-top.article-ribbon-red > .article-ribbon-text {
	border-width: 					1px;
	border-style:					solid;
	border-color:					rgba(198, 47, 62, 1);

	-webkit-box-shadow: 			inset 0px 0px 4px rgba(176, 42, 55, 1);
	-moz-box-shadow: 				inset 0px 0px 4px rgba(176, 42, 55, 1);
	box-shadow: 					inset 0px 0px 4px rgba(176, 42, 55, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-red > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(198, 47, 62, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-red::before,
.article-ribbon.article-ribbon-corner.article-ribbon-red::after {
	border-width: 					5px;
	border-style:					solid;
	border-color:					rgba(176, 42, 55, 1);
}


/*************************************************************/
/***************[   Article - Ribbon - Pink   ]***************/
/*************************************************************/
.article-ribbon.article-ribbon-pink > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(190, 59, 108, 1);

	background-color: 				rgba(var(--color-pink-rgb), 1);
	color: 							rgba(var(--color-white-rgb), 1);
}

.article-ribbon.article-ribbon-right-top.article-ribbon-pink > .article-ribbon-text {
	border-width: 					1px;
	border-style:					solid;
	border-color:					rgba(190, 59, 108, 1);

	-webkit-box-shadow: 			inset 0px 0px 4px rgba(169, 52, 96, 1);
	-moz-box-shadow: 				inset 0px 0px 4px rgba(169, 52, 96, 1);
	box-shadow: 					inset 0px 0px 4px rgba(169, 52, 96, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-pink > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(190, 59, 108, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-pink::before,
.article-ribbon.article-ribbon-corner.article-ribbon-pink::after {
	border-width: 					5px;
	border-style:					solid;
	border-color:					rgba(169, 52, 96, 1);
}


/*************************************************************/
/**************[   Article - Ribbon - Purple   ]**************/
/*************************************************************/
.article-ribbon.article-ribbon-purple > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(89, 90, 140, 1);

	background-color: 				rgba(var(--color-purple-rgb), 1);
	color: 							rgba(var(--color-white-rgb), 1);
}

.article-ribbon.article-ribbon-right-top.article-ribbon-purple > .article-ribbon-text {
	border-width: 					1px;
	border-style:					solid;
	border-color:					rgba(89, 90, 140, 1);

	-webkit-box-shadow: 			inset 0px 0px 4px rgba(79, 80, 124, 1);
	-moz-box-shadow: 				inset 0px 0px 4px rgba(79, 80, 124, 1);
	box-shadow: 					inset 0px 0px 4px rgba(79, 80, 124, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-purple > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(89, 90, 140, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-purple::before,
.article-ribbon.article-ribbon-corner.article-ribbon-purple::after {
	border-width: 					5px;
	border-style:					solid;
	border-color:					rgba(79, 80, 124, 1);
}


/*************************************************************/
/***************[   Article - Ribbon - Teal   ]***************/
/*************************************************************/
.article-ribbon.article-ribbon-teal > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(62, 116, 127, 1);

	background-color: 				rgba(var(--color-teal-rgb), 1);
	color: 							rgba(var(--color-white-rgb), 1);
}

.article-ribbon.article-ribbon-right-top.article-ribbon-teal > .article-ribbon-text {
	border-width: 					1px;
	border-style:					solid;
	border-color:					rgba(62, 116, 127, 1);

	-webkit-box-shadow: 			inset 0px 0px 4px rgba(55, 103, 113, 1);
	-moz-box-shadow: 				inset 0px 0px 4px rgba(55, 103, 113, 1);
	box-shadow: 					inset 0px 0px 4px rgba(55, 103, 113, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-teal > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(62, 116, 127, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-teal::before,
.article-ribbon.article-ribbon-corner.article-ribbon-teal::after {
	border-width: 					5px;
	border-style:					solid;
	border-color:					rgba(55, 103, 113, 1);
}


/*************************************************************/
/**************[   Article - Ribbon - Yellow   ]**************/
/*************************************************************/
.article-ribbon.article-ribbon-yellow > .article-ribbon-text {
	background-color: 				rgba(var(--color-yellow-rgb), 1);
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-ribbon.article-ribbon-right-top.article-ribbon-yellow > .article-ribbon-text {
	border-width: 					1px;
	border-style:					solid;
	border-color:					rgba(228, 202, 68, 1);

	-webkit-box-shadow: 			inset 0px 0px 4px rgba(203, 180, 60, 1);
	-moz-box-shadow: 				inset 0px 0px 4px rgba(203, 180, 60, 1);
	box-shadow: 					inset 0px 0px 4px rgba(203, 180, 60, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-yellow > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(228, 202, 68, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-yellow::before,
.article-ribbon.article-ribbon-corner.article-ribbon-yellow::after {
	border-width: 					5px;
	border-style:					solid;
	border-color:					rgba(203, 180, 60, 1);
}


/*************************************************************/
/**************[   Article - Ribbon - Orange   ]**************/
/*************************************************************/
.article-ribbon.article-ribbon-orange > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(186, 117, 45, 1);

	background-color: 				rgba(var(--color-orange-rgb), 1);
	color: 							rgba(var(--color-white-rgb), 1);
}

.article-ribbon.article-ribbon-right-top.article-ribbon-orange > .article-ribbon-text {
	border-width: 					1px;
	border-style:					solid;
	border-color:					rgba(186, 117, 45, 1);

	-webkit-box-shadow: 			inset 0px 0px 4px rgba(165, 104, 40, 1);
	-moz-box-shadow: 				inset 0px 0px 4px rgba(165, 104, 40, 1);
	box-shadow: 					inset 0px 0px 4px rgba(165, 104, 40, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-orange > .article-ribbon-text {
	border-bottom-width: 			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(186, 117, 45, 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-orange::before,
.article-ribbon.article-ribbon-corner.article-ribbon-orange::after {
	border-width: 					5px;
	border-style:					solid;
	border-color:					rgba(165, 104, 40, 1);
}


/*************************************************************/
/**************[   Article - Ribbon - Custom   ]**************/
/*************************************************************/
.article-ribbon.article-ribbon-custom > .article-ribbon-text {
	border-bottom-width:	 		1px;
	border-bottom-style: 			solid;

	color:							rgba(var(--color-white-rgb), 1);
}

.article-ribbon.article-ribbon-corner.article-ribbon-custom::before,
.article-ribbon.article-ribbon-corner.article-ribbon-custom::after {
	border-width:	 				5px;
	border-style: 					solid;
	border-color: 					inherit;
}


/*************************************************************/
/*******************[   Article - Single   ]******************/
/*************************************************************/
.article-single {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	width: 							100%;
	margin: 						0 auto;
	background-color:				rgba(var(--color-white-rgb), 1);
}

@media (min-width: 992px) {
	.article-single {
		max-width: 					900px;
		border-radius: 				8px;
		margin-top:					32px;
		margin-bottom:				24px;

		-webkit-box-shadow:			inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
		-moz-box-shadow:			inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
		box-shadow: 				inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
	}
}

@media (max-width: 991px) {
	.article-single {
		border-radius: 				0px;
		border-bottom-width:		6px;
		border-bottom-style: 		solid;
		border-bottom-color: 		#F5F7FB;

		-webkit-box-shadow:			inset 0 -8px 8px -8px rgba(var(--color-black-rgb), .14);
		-moz-box-shadow:			inset 0 -8px 8px -8px rgba(var(--color-black-rgb), .14);
		box-shadow: 				inset 0 -8px 8px -8px rgba(var(--color-black-rgb), .14);
	}
}

@media (min-width: 992px) {
	.article-single {
		padding: 					32px 32px;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.article-single {
		padding: 					24px 24px;
	}
}

@media (max-width: 575px) {
	.article-single {
		padding: 					16px 16px;
	}
}


/*************************************************************/
/**************[   Article - Single - Actions   ]*************/
/*************************************************************/
.article-single-actions {
	position:						relative;
	display:						flex;
	flex-direction:					column;

	padding-bottom: 				20px;
	margin-bottom: 					24px;

	border-bottom-width: 			1px;
	border-bottom-style: 			solid;
	border-bottom-color: 			rgba(var(--color-shadow-rgb), .2);
}

.article-single-actions > .article-single-actions-list {
	display:						flex;
	flex-direction:					row;
	flex-wrap:						nowrap;
	overflow: 						auto hidden;
	gap:							12px;
	width: 							100%;

	margin-top:						-4px;
	margin-bottom:					0px;
	margin-left:					-2px;
	margin-right:					-2px;

	padding-top:					4px;
	padding-bottom:					10px;
	padding-left:					2px;
	padding-right:					2px;
}

.article-single-actions > .article-single-actions-list > * {
	flex-grow:						1;
}


/*************************************************************/
/***************[   Article - Single - Title   ]**************/
/*************************************************************/
.article-single-title {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	margin-bottom:					24px;
	gap:							16px;
}

.article-single-title > h1 {
	position:						relative;
	font-weight: 					700;
	margin-bottom:					0px;
	margin-top:						0px;
	text-align:						left;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-title > h2 {
	position:						relative;
	font-weight: 					400;
	margin-bottom:					0px;
	margin-top:						0px;
	text-align:						justify;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

@media (min-width: 992px) {
	.article-single-title > h1 {
		font-size: 					28px;
		line-height: 				34px;
	}

	.article-single-title > h2 {
		font-size: 					20px;
		line-height: 				28px;
	}
}

@media (max-width: 991px) {
	.article-single-title > h1 {
		font-size: 					24px;
		line-height: 				30px;
	}

	.article-single-title > h2 {
		font-size: 					16px;
		line-height: 				24px;
	}
}


/*************************************************************/
/***************[   Article - Single - Meta   ]***************/
/*************************************************************/
.article-single-meta {
	position:						relative;
	display:						flex;
	flex-wrap:						wrap;
	align-items:					center;
	justify-content:				space-between;
	margin-bottom:					24px;
	gap:							8px 16px;
}

.article-single-meta > .article-single-meta-date {
	display:						flex;
	flex-direction:					row;
	align-items:					center;
	gap:							8px;
}

.article-single-meta > .article-single-meta-date > .article-single-meta-date-title {
	font-size: 						14px;
	line-height: 					20px;
	font-weight: 					600;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-meta > .article-single-meta-date > .article-single-meta-date-value {
	font-size: 						14px;
	line-height: 					20px;
	font-weight: 					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-meta > .article-single-meta-social {
	display:						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	gap:							4px;
}

/*************************************************************/
/***********[   Article - Single - Municipality   ]***********/
/*************************************************************/
.article-single-municipality {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	margin-bottom:					24px;
	border-radius: 					10px;
	border: 						1px solid #edeef0;
}

.article-single-municipality-visible {
	position:						relative;
	display:						flex;
	align-items:					center;
	justify-content:				space-between;

	gap:							12px 16px;
	padding:						12px 16px;

	border-top-left-radius:			10px;
	border-top-right-radius:		10px;

	background-color:				#F5F7FB;
}

.article-single-municipality:not(:has(.is-expanded)) .article-single-municipality-visible {
	border-bottom-left-radius:		10px;
	border-bottom-right-radius:		10px;
}

.article-single-municipality .article-timeline-details:last-child {
	border-bottom-left-radius:		10px;
	border-bottom-right-radius:		10px;
}

.article-single-municipality-visible > .article-single-municipality-title {
	display:						flex;
	align-items:					center;
	gap:							8px;
}

.article-single-municipality-visible > .article-single-municipality-title > .dot {
	position:						absolute;
	top: 							-10px;
	left: 							-10px;
}

.article-single-municipality-visible > .article-single-municipality-title > .crest {
	object-fit:						scale-down;
	cursor:							pointer;
	flex-shrink:					0;
}

.article-single-municipality-visible > .article-single-municipality-title > .label {
	font-size: 						14px;
	line-height: 					20px;
	font-weight: 					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}


.article-single-municipality-visible > .article-single-municipality-actions {
	display:						flex;
	gap:							8px;
}

@media (max-width: 767px) {
	.article-single-municipality-visible {
		flex-direction:				column;
		align-items:				start;
	}

	.article-single-municipality-visible > .article-single-municipality-actions {
		width:						100%;
		flex-wrap:					wrap;
	}

	.article-single-municipality-visible > .article-single-municipality-actions > * {
		flex-grow:					1;
	}
}

.article-single-municipality > .article-single-municipality-hidden {
	display:						none;
}

.article-single-municipality-posts .icon-svg-on {
	display: 						inline-flex;
}

.article-single-municipality-posts .icon-svg-off {
	display: 						none;
}

.article-single-municipality-posts.is-expanded .icon-svg-on {
	display: 						none;
}

.article-single-municipality-posts.is-expanded .icon-svg-off {
	display: 						inline-flex;
}


/*************************************************************/
/*************[   Article - Single - Thumbnail   ]************/
/*************************************************************/
.article-single-thumbnail {
	position:						relative;
	display: 						flex;
	flex-direction: 				column;
	margin-bottom:					24px;
	gap:							4px;
}

.article-single-thumbnail > .article-single-thumbnail-src {
	border-radius:					8px;
}

.article-single-thumbnail > .article-single-thumbnail-source {
	font-size: 						13px;
	line-height:					20px;
	margin-bottom: 					0px;

	color:							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-thumbnail > .article-single-thumbnail-source > .article-single-thumbnail-link {
	font-weight:					600;
}


/*************************************************************/
/**************[   Article - Single - Content   ]*************/
/*************************************************************/
.article-single-content {
	position:						relative;
	display:						flex;
	flex-direction: 				column;
	gap: 							24px;
	margin-bottom:					0px;
}

.article-single-content > p {
	line-height: 					160%;
	margin-bottom:					0px;
}

.article-single-content > p:not(.has-large-font-size) {
	font-size: 						15px;
}

.article-single-content > p:not(.has-text-align-center) {
	text-align: 					justify;
}

.article-single-content > p:not(.has-text-color) {
	color:							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-content > .has-text-align-right {
	text-align:						right !important;
	margin-left:					auto;
}

.article-single-content > .has-text-align-center {
	text-align:						center !important;
	margin-left: 					auto;
	margin-right: 					auto;
}

.article-single-content > .has-text-align-center em {
	width:							100%;
}

.article-single-content ul li {
	text-align: 					justify;
	font-size: 						15px;
	line-height: 					24px;
	margin-bottom:					0px;
}

.article-single-content h1 {
	position:						relative;
	display: 						flex;

	font-size: 						36px;
	line-height: 					44px;
	margin-bottom:					0px;
	margin-top:						0px;
	font-weight:					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-content h2 {
	position:						relative;
	display: 						flex;

	font-size: 						32px;
	line-height: 					40px;
	margin-bottom:					0px;
	margin-top:						0px;
	font-weight:					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-content h3 {
	position:						relative;
	display: 						flex;

	font-size: 						28px;
	line-height: 					36px;
	margin-bottom:					0px;
	margin-top:						0px;
	font-weight:					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-content h4 {
	position:						relative;
	display: 						flex;

	font-size: 						24px;
	line-height: 					32px;
	margin-bottom:					0px;
	margin-top:						0px;
	font-weight:					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-content h5 {
	position:						relative;
	display: 						flex;

	font-size: 						20px;
	line-height: 					28px;
	margin-bottom:					0px;
	margin-top:						0px;
	font-weight:					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-content h6 {
	position:						relative;
	display: 						flex;

	font-size: 						16px;
	line-height: 					24px;
	margin-bottom:					0px;
	margin-top:						0px;
	font-weight:					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-content h1 strong,
.article-single-content h2 strong,
.article-single-content h3 strong,
.article-single-content h4 strong,
.article-single-content h5 strong,
.article-single-content h6 strong {
	font-weight:					700;
}

.article-single-content .wp-block-embed:not(.is-type-wp-embed) {
	display: 						flex;
	justify-content: 				center;
}

.article-single-content .wp-block-embed:not(.wp-block-embed-twitter):not(.is-type-wp-embed) .wp-block-embed__wrapper {
	position: 						relative;
	margin:							0px;
	width: 							100%;
	padding-top: 					56.25%;
}

.article-single-content .wp-block-embed:not(.wp-block-embed-twitter):not(.is-type-wp-embed) .wp-block-embed__wrapper > iframe,
.article-single-content .wp-block-embed:not(.wp-block-embed-twitter):not(.is-type-wp-embed) .wp-block-embed__wrapper > div,
.article-single-content .wp-block-embed:not(.wp-block-embed-twitter):not(.is-type-wp-embed) .wp-block-embed__wrapper > object,
.article-single-content .wp-block-embed:not(.wp-block-embed-twitter):not(.is-type-wp-embed) .wp-block-embed__wrapper > embed {
	position: 						absolute;
	display:						block;
	overflow:						hidden;
	width:							100%;
	height:							100%;
	top: 							0;
	left: 							0;
	bottom: 						0;
	right: 							0;
}

.article-single-content .twitter-tweet {
	margin-left: 					auto !important;
	margin-right: 					auto !important;
	margin-top:						0px !important;
	margin-bottom:					0px !important;
	max-width: 						100% !important;
}

.article-single-content .is-type-wp-embed .wp-block-embed__wrapper > blockquote {
	margin:							0;
}

.article-single-content .wp-block-image {
	margin-bottom:					0 !important;
}

.article-single-content .wp-block-image img {
	border-radius: 					8px;
}


/*************************************************************/
/***************[   Article - Single - Tags   ]***************/
/*************************************************************/
.article-single-tags {
	position: 						relative;
	display: 						flex;
	flex-direction: 				column;
	gap:							8px;

	padding-top:					24px;
	margin-top: 					24px;

	border-top-width:				1px;
	border-top-style:				solid;
	border-top-color:				rgba(var(--color-shadow-rgb), .2);
}

.article-single-tags-title {
	font-size:						18px;
	line-height:					24px;
	font-weight:					600;
	z-index:						1;
	margin-right:					48px;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-single-tags-list {
	display:						flex;
	flex-wrap:						nowrap;
	overflow:						auto hidden;
	gap:							6px;

	margin:							-6px -2px;
	padding:						6px 2px;
}

.article-single-tags-list > .article-single-tags-item {
	display: 						flex;
	justify-content: 				center;
	align-items: 					center;
	text-decoration:				none;
	padding:						8px 12px;
	border-radius:					4px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;

	outline-width: 					1px;
	outline-offset:					-1px;
	outline-style:					dashed;
	outline-color:					rgba(var(--color-blue-rgb), .2);

	-webkit-box-shadow: 			inset 0px 0px 12px rgba(var(--color-blue-rgb), .2);
	-moz-box-shadow: 				inset 0px 0px 12px rgba(var(--color-blue-rgb), .2);
	box-shadow: 					inset 0px 0px 12px rgba(var(--color-blue-rgb), .2);

	background-color:				rgba(var(--color-blue-rgb), .1);
}

.article-single-tags-list > .article-single-tags-item > .title {
	font-size:						12px;
	line-height:					22px;
	white-space:					nowrap;

	color:							rgba(var(--color-blue-rgb), 1);
	text-shadow: 					0 2px 4px rgba(var(--color-black-rgb), .08);
}

.article-single-tags-list > .article-single-tags-item > .count {
	font-size:						11px;
	line-height:					22px;
	margin-left:					12px;
	padding-left: 					12px;
	white-space:					nowrap;

	border-left-width: 				1px;
	border-left-style:				dashed;
	border-left-color:				rgba(var(--color-blue-rgb), .2);

	color:							rgba(var(--color-secondary-text-rgb), 1);
}

@media (hover: hover) {
	.article-single-tags-list > .article-single-tags-item:hover {
		outline-style: 				solid;
		outline-color:				rgba(var(--color-blue-rgb), .3);
		background-color:			rgba(var(--color-blue-rgb), .2);
	}
}


/*************************************************************/
/******************[   Article - Sections   ]*****************/
/*************************************************************/
.article-content-sections {
	position:						relative;
	display:						flex;
	flex-direction:					column;
}

.article-content-section {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	width: 							100%;
	margin: 						0 auto;
	gap:							24px;
}

.article-content-section:not(.article-content-section-modal) {
	background-color:				rgba(var(--color-white-rgb), 1);
}

@media (min-width: 992px) {
	.article-content-section:not(.article-content-section-modal) {
		max-width: 					900px;
		border-radius: 				8px;
		margin-top:					0px;
		margin-bottom:				24px;

		-webkit-box-shadow:			inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
		-moz-box-shadow:			inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
		box-shadow: 				inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
	}
}

@media (max-width: 991px) {
	.article-content-section:not(.article-content-section-modal) {
		border-radius: 				0px;
		border-top-width:			6px;
		border-top-style: 			solid;
		border-top-color: 			#F5F7FB;

		-webkit-box-shadow:			inset 0 8px 8px -8px rgba(var(--color-black-rgb), .14), inset 0 -8px 8px -8px rgba(var(--color-black-rgb), .14);
		-moz-box-shadow:			inset 0 8px 8px -8px rgba(var(--color-black-rgb), .14), inset 0 -8px 8px -8px rgba(var(--color-black-rgb), .14);
		box-shadow: 				inset 0 8px 8px -8px rgba(var(--color-black-rgb), .14), inset 0 -8px 8px -8px rgba(var(--color-black-rgb), .14);
	}

	.article-content-section:not(.article-content-section-modal):not(:last-child) {
		border-bottom-width:		6px;
		border-bottom-style: 		solid;
		border-bottom-color: 		#F5F7FB;
	}
}

@media (min-width: 992px) {
	.article-content-section:not(.article-content-section-modal) {
		padding: 					32px 32px;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.article-content-section:not(.article-content-section-modal) {
		padding: 					24px 24px;
	}
}

@media (max-width: 575px) {
	.article-content-section:not(.article-content-section-modal) {
		padding: 					16px 16px;
	}
}


/*************************************************************/
/***************[   Article - Section - Head   ]**************/
/*************************************************************/
.article-content-section-head {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	gap:							8px;
}

.article-content-section-head > .article-content-section-title {
	font-size:						18px;
	line-height:					24px;
	font-weight:					600;
	z-index:						1;
	margin-right:					48px;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-content-section-head > .article-content-section-description {
	font-size:						15px;
	line-height:					25px;
	font-weight:					400;
	z-index:						1;
	margin-right:					48px;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-content-section-head > .article-content-section-cover {
	position:						absolute;
	right:							0px;
	top:							0px;
	opacity:						.4;
	pointer-events:					none;

	-webkit-transform: 				scaleX(-1);
	-moz-transform: 				scaleX(-1);
	-ms-transform: 					scaleX(-1);
	-o-transform: 					scaleX(-1);
	transform: 						scaleX(-1);
}


/*************************************************************/
/**************[   Article - Section - Social   ]*************/
/*************************************************************/
.article-content-section-social {
	display:						flex;
	flex-direction:					row;
	flex-wrap:						nowrap;
	gap:							8px;

	margin-top:						-4px;
	margin-bottom:					-8px;
	margin-left:					-2px;
	margin-right:					-2px;

	padding-top:					4px;
	padding-bottom:					8px;
	padding-left:					2px;
	padding-right:					2px;

	overflow: 						auto hidden;
}

.article-content-section-social > .article-content-section-social-button {
	display:						flex;
	flex-direction:					column;
	justify-content:				center;
	width:							96px;
	min-width:						96px;
	flex-grow:						1;
	gap:							8px;
	padding:						8px;
	border-radius:					4px;
	outline-width: 					1px;
	outline-offset: 				1px;
	outline-style: 					solid;
	outline-color: 					rgba(var(--color-gray-rgb), 1);
	background-color: 				rgba(var(--color-gray-rgb), .8);
}

.article-content-section-modal .article-content-section-social > .article-content-section-social-button {
	outline-offset: 				0px;
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.article-content-section-social > .article-content-section-social-button > .article-content-section-social-icon {
	display:						block;
	margin-left:					auto;
	margin-right:					auto;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;
}

@media (min-width: 992px) {
	.article-content-section-social > .article-content-section-social-button > .article-content-section-social-icon {
		width:						32px;
		height:						32px;
	}
}

@media (max-width: 991px) {
	.article-content-section-social > .article-content-section-social-button > .article-content-section-social-icon {
		width:						28px;
		height:						28px;
	}
}

.article-content-section-social > .article-content-section-social-button > .article-content-section-social-title {
	font-size:						12px;
	line-height:					20px;
	font-weight:					400;
	text-align:						center;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

@media (hover: hover) {
	.article-content-section-social > .article-content-section-social-button:hover {
		background-color: 			rgba(var(--color-gray-rgb), 1);
	}

	.article-content-section-modal .article-content-section-social > .article-content-section-social-button:hover {
		background-color: 			rgba(var(--color-blue-rgb), .1);
	}

	.article-content-section-social > .article-content-section-social-button:hover > .article-content-section-social-icon {
		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}
}


/*************************************************************/
/************[   Article - Section - Separator   ]************/
/*************************************************************/
.article-content-section-separator {
	position:						relative;
	width:							100%;
	height:							1px;
	margin-top:						8px;
	margin-bottom:					8px;
	background-color:				rgba(var(--color-gray-rgb), 1);
}

.article-content-section-separator > span {
	position:						absolute;
	left:							50%;
	top:							0px;
	font-size:						12px;
	line-height:					18px;
	padding-left:					12px;
	padding-right:					12px;
	text-transform:					uppercase;
	text-align: 					center;
	white-space:					nowrap;

	-webkit-transform: 				translate(-50%, -50%);
	-moz-transform: 				translate(-50%, -50%);
	-ms-transform: 					translate(-50%, -50%);
	-o-transform: 					translate(-50%, -50%);
	transform: 						translate(-50%, -50%);

	color: 							rgba(var(--color-secondary-text-rgb), 1);
	background-color:				rgba(var(--color-white-rgb), 1);
}

.article-content-section-modal .article-content-section-separator > span {
	background-color: 				#F5F7FB;
}


/*************************************************************/
/***************[   Article - Section - Link   ]**************/
/*************************************************************/
.article-content-section-link {
	display:						flex;
	flex-direction:					column;
	gap:							8px;
}

.article-content-section-link > .article-content-section-link-option {
	display:						flex;
	padding: 						12px 12px;
	gap: 							16px 20px;

	border-radius: 					4px;
	outline-width: 					1px;
	outline-offset: 				1px;
	outline-style: 					solid;
	outline-color: 					rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-gray-rgb), .1);
}

.article-content-section-modal .article-content-section-link > .article-content-section-link-option {
	outline-offset: 				0px;
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.article-content-section-link > .article-content-section-link-option > .article-content-section-link-url {
	flex-grow: 						1;
	font-weight:					400;
	align-self:						center;
	text-align: 					justify;
	word-wrap: 						anywhere;
	word-break: 					break-all;
	letter-spacing:					-0.2px;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-content-section-link > .article-content-section-link-option > .article-content-section-link-button {
	display:  						flex;
	align-items:  					center;
	justify-content:  				center;
	gap:							6px;

	padding:  						0 16px;
	height:  						40px;
	border:  						unset;
	cursor:  						pointer;

	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;

	border-radius:					4px;
	outline-width:					1px;
	outline-offset:					1px;
	outline-style:					solid;

	background-color:  				rgba(var(--color-gray-rgb), .8);
	outline-color:  				rgba(var(--color-gray-rgb), 1);
}

.article-content-section-link > .article-content-section-link-option > .article-content-section-link-button > .article-content-section-link-icon {
	display:						flex;
	object-fit:						scale-down;
	width:							20px;
	height:							20px;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;
}

.article-content-section-link > .article-content-section-link-option > .article-content-section-link-button > .article-content-section-link-title {
	font-size:  					12px;
	line-height:					20px;
	white-space:  					nowrap;
	font-weight:  					500;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

@media (hover: hover) {
	.article-content-section-link > .article-content-section-link-option > .article-content-section-link-button:hover {
		background-color: 			rgba(var(--color-gray-rgb), 1);
	}

	.article-content-section-link > .article-content-section-link-option > .article-content-section-link-button:hover > .article-content-section-link-icon {
		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}
}

.article-content-section-link > .article-content-section-link-copied {
	display:						none;
	font-size:  					13px;
	line-height:					20px;
	white-space:  					nowrap;
	font-weight:  					500;
	color: 							rgba(var(--color-green-rgb), 1);
}

@media (min-width: 576px) {
	.article-content-section-link > .article-content-section-link-option {
		flex-direction:				row;
	}

	.article-content-section-link > .article-content-section-link-option > .article-content-section-link-url {
		font-size:					13px;
		line-height:				20px;
	}
}

@media (max-width: 575px) {
	.article-content-section-link > .article-content-section-link-option {
		flex-direction:				column;
	}

	.article-content-section-link > .article-content-section-link-option > .article-content-section-link-url {
		font-size:					12px;
		line-height:				18px;
	}
}


/*************************************************************/
/**************[   Article - Section - Rating   ]*************/
/*************************************************************/
.article-content-section-rating {
	position:						relative;
	display:						flex;
	align-items:					center;
	justify-content:				space-between;
	overflow:						auto hidden;

	gap:							16px;
	padding-left: 					16px;
	padding-right: 					16px;
	padding-bottom:					8px;
	margin-bottom:					-8px;
}

.article-content-section-star-separator {
	position:						relative;
	width:							1px;
	min-width:						1px;
	height:							70px;
	margin-left:					16px;
	margin-right:					16px;

	background-color:				rgba(var(--color-shadow-rgb), .4);
}

@media (min-width: 768px) {
	.article-content-section-star-separator {
		display:					flex;
	}
}

@media (max-width: 767px) {
	.article-content-section-star-separator {
		display:					none;
	}
}

.article-content-section-star-button {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	align-items:					center;
	cursor:							pointer;

	-webkit-transition: 			all 0.25s;
	-moz-transition: 				all 0.25s;
	-ms-transition: 				all 0.25s;
	-o-transition: 					all 0.25s;
	transition: 					all 0.25s;

	width:							80px;
	gap: 							4px;
}

.article-content-section-star-button.article-content-section-star-button-disabled {
	
}

.article-content-section-star-button.article-content-section-star-button-active {
	
}

.article-content-section-star-icon {
	position:						relative;
	border-radius:		 			50px;
	flex-shrink:					0;

	-webkit-transition: 			all 0.25s;
	-moz-transition: 				all 0.25s;
	-ms-transition: 				all 0.25s;
	-o-transition: 					all 0.25s;
	transition: 					all 0.25s;
}

.article-content-section-star-icon > .article-content-section-star-src {
	object-fit:						scale-down;
	padding:						8px;
	width:							42px;
	height:							42px;
}

.article-content-section-star-title {
	position:						relative;
}

.article-content-section-star-title > span {
	font-size:						12px;
	line-height:					18px;
	white-space:					nowrap;
	text-align:						center;
	text-transform:					uppercase;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

@media (min-width: 768px) {
	.article-content-section-star-title > span {
		font-size:					12px;
		line-height:				18px;
	}
}

@media (max-width: 767px) {
	.article-content-section-star-title > span {
		font-size:					11px;
		line-height:				17px;
	}
}

.article-content-section-star-button.article-content-section-star-button-active:not(.article-content-section-star-button-disabled) > .article-content-section-star-title > span {
	font-weight:					600;
}

.article-content-section-star-button.article-content-section-star-button-negative.article-content-section-star-button-active:not(.article-content-section-star-button-disabled) .article-content-section-star-icon {
	-webkit-box-shadow: 			inset 0px 0px 4px #b7b7b7;
	-moz-box-shadow: 				inset 0px 0px 4px #b7b7b7;
	box-shadow: 					inset 0px 0px 4px #b7b7b7;

	background-color:				#dbdbdb;
}

.article-content-section-star-button.article-content-section-star-button-positive.article-content-section-star-button-active:not(.article-content-section-star-button-disabled) .article-content-section-star-icon {
	-webkit-box-shadow: 			inset 0px 0px 4px #fee14c;
	-moz-box-shadow: 				inset 0px 0px 4px #fee14c;
	box-shadow: 					inset 0px 0px 4px #fee14c;

	background-color:				#fef0a5;
}

@media (hover: hover) {
	.article-content-section-star-button.article-content-section-star-button-negative:not(.article-content-section-star-button-disabled):hover .article-content-section-star-icon {
		-webkit-box-shadow: 		inset 0px 0px 4px #b7b7b7;
		-moz-box-shadow: 			inset 0px 0px 4px #b7b7b7;
		box-shadow: 				inset 0px 0px 4px #b7b7b7;

		background-color:			#dbdbdb;
	}

	.article-content-section-star-button.article-content-section-star-button-positive:not(.article-content-section-star-button-disabled):hover .article-content-section-star-icon {
		-webkit-box-shadow: 		inset 0px 0px 4px #fee14c;
		-moz-box-shadow: 			inset 0px 0px 4px #fee14c;
		box-shadow: 				inset 0px 0px 4px #fee14c;

		background-color:			#fef0a5;
	}
}


/*************************************************************/
/****************[   Articles - Newsletter   ]****************/
/*************************************************************/
.article-content-section-newsletter {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	gap:							8px;
}

.article-content-section-newsletter > .article-content-section-newsletter-email {
	position:						relative;
	display:						flex;
	padding: 						0px;
	gap: 							8px 16px;

	border-radius: 					4px;
	outline-width: 					1px;
	outline-offset: 				1px;
	outline-style: 					solid;
	outline-color: 					rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-gray-rgb), .1);
}

.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-input {
	outline: 						unset;
	border: 						unset;
	box-shadow: 					unset;
	flex-grow: 						1;
	font-weight:					400;
	padding:						8px 12px;
	align-self:						center;
	text-align: 					justify;
	word-wrap: 						anywhere;
	word-break: 					break-all;
	width:							100%;
	height: 						50px;
	color: 							rgba(var(--color-primary-text-rgb), 1);
	background-color:		 		transparent;
}

.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-focus {
	position: 						absolute;
	bottom: 						0;
	left: 							0;
	width: 							100%;
	height: 						100%;
	border-radius: 					4px;
	pointer-events: 				none;
	opacity: 						0;

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;

	-webkit-box-shadow: 			0 0 0 2px rgba(var(--color-blue-rgb), .4);
	-moz-box-shadow: 				0 0 0 2px rgba(var(--color-blue-rgb), .4);
	box-shadow: 					0 0 0 2px rgba(var(--color-blue-rgb), .4);

	background-color: 				transparent;
}

.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-input:focus ~ .article-content-section-newsletter-focus {
	width: 							100%;
	display: 						block;
	opacity: 						1;
}

.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-button {
	display:  						flex;
	align-items:  					center;
	justify-content:  				center;
	gap:							6px;

	padding:  						0 16px;
	height:  						40px;
	border:  						unset;
	cursor:  						pointer;

	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;

	border-radius:					4px;
	outline-width:					1px;
	outline-offset:					1px;
	outline-style:					solid;

	background-color:  				rgba(var(--color-gray-rgb), .8);
	outline-color:  				rgba(var(--color-gray-rgb), 1);
}

.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-button > .article-content-section-newsletter-icon {
	display:						flex;
	object-fit:						scale-down;
	width:							20px;
	height:							20px;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;
}

.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-button > .article-content-section-newsletter-title {
	font-size:  					12px;
	line-height:					20px;
	white-space:  					nowrap;
	font-weight:  					500;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

@media (hover: hover) {
	.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-button:hover {
		background-color: 			rgba(var(--color-gray-rgb), 1);
	}

	.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-button:hover > .article-content-section-newsletter-icon {
		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}
}

@media (min-width: 576px) {
	.article-content-section-newsletter > .article-content-section-newsletter-email {
		flex-direction:				row;
	}

	.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-input {
		font-size:					13px;
		line-height:				20px;
	}

	.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-button {
		margin:						12px;
	}
}

@media (max-width: 575px) {
	.article-content-section-newsletter > .article-content-section-newsletter-email {
		flex-direction:				column;
	}

	.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-input {
		font-size:					12px;
		line-height:				18px;
		
		border-bottom:				1px solid rgba(var(--color-gray-rgb), 1);
	}

	.article-content-section-newsletter > .article-content-section-newsletter-email > .article-content-section-newsletter-button {
		margin-top:					4px;
		margin-left:				12px;
		margin-right:				12px;
		margin-bottom:				12px;
	}
}

.article-content-section-newsletter .article-content-section-newsletter-terms {
	position:						relative;
	display:						flex;
	margin-top:						8px;
}


/*************************************************************/
/**************[   Article - Content - Button   ]*************/
/*************************************************************/
.article-button {
	border-radius: 					50px;
	font-size: 						14px;
	padding: 						8px 24px;
	font-weight: 					500;
	outline: 						unset;
	border: 						unset;

	cursor: 						pointer;
	-webkit-user-select: 			none;
	-moz-user-select: 				none;
	user-select: 					none;

	margin: 						24px auto;
	display: 						block;
}

.article-button.green {
	background-color: 				#198754;
	color: 							#fff;
}

.article-button.green:hover {
	background-color: 				#157347;
}


/*************************************************************/
/*************[   Article - Content - Section   ]************/
/*************************************************************/
.article-hidden-part {
	display: 						none;
	padding: 						0;
	border-radius: 					0;
	margin: 						32px 0;
}

.article-section {
	padding: 						0;
	border-radius: 					0;
	margin: 						32px 0;
}

.article-hidden-section {
	display: 						none;
}


/*************************************************************/
/************[   Article - Content - Paginator   ]************/
/*************************************************************/
.article-section-paginator {
	padding: 						0;
	border-radius: 					0;
}

.article-section-paginator .article-paginator {
	display: 						flex;
	margin-top: 					8px;
}

.article-section-paginator .article-paginator > [data-section-id] {
	width: 							40px;
	height: 						40px;
	border-radius: 					50px;
	font-size: 						14px;
	font-weight: 					500;
	outline: 						unset;
	border: 						unset;

	cursor: 						pointer;
	-webkit-user-select: 			none;
	-moz-user-select: 				none;
	user-select: 					none;

	display:	 					block;
}

.article-section-paginator .article-paginator > .active[data-section-id] {
	background-color: 				#198754;
	color: 							#fff;
}

.article-section-paginator .article-paginator > [data-section-id]:not(:last-of-type) {
	margin-right: 					4px;
}


/*************************************************************/
/*************[   Article - Content - Subtitle   ]************/
/*************************************************************/
.article-subtitle-2 {
	font-size: 						20px !important;
	line-height: 					26px !important;
	font-weight:  					600 !important;
	margin-top:  					40px !important;
	margin-bottom:  				20px !important;
}

.article-subtitle-3 {
	font-size:  					16px !important;
	line-height:  					22px !important;
	font-weight:  					600 !important;
	margin-top:  					16px !important;
	margin-bottom:  				8px !important;
}

.article-subtitle-4 {
	font-size:  					15px !important;
	line-height:  					21px !important;
	font-weight:  					600 !important;
	margin-top:  					16px !important;
	margin-bottom:  				8px !important;
}


/*************************************************************/
/***************[   Article - Content - List   ]**************/
/*************************************************************/
.website-article-list li {
	text-align:  					justify !important;
	font-size:  					15px !important;
	line-height:  					23px !important;
}

.website-article-list li:not(:last-of-type) {
	margin-bottom:  				4px !important;
}


/*************************************************************/
/**************[   Article - Content - Video   ]**************/
/*************************************************************/
.article-video-content {
	position:  						relative; 
	display:						flex;
	flex-direction:					column;
	width:							100%;
	gap:							24px;
}

.article-video-content .article-video-container {
	position:  						relative; 
	padding-bottom:  				56.25%; 
	height:  						0; 
	overflow:  						hidden; 
}

.article-video-content .article-video-container > .twitter-tweet {
	margin-top:						0px !important;
	margin-bottom:					0px !important;
}

.article-video-conent .article-video-container-2-1 {
	padding-bottom:  				50.00%; 
}

.article-video-content .article-video-container iframe, 
.article-video-content .article-video-container object, 
.article-video-content .article-video-container embed { 
	position:  						absolute; 
	top:  							0;
	left:  							0; 
	width:  						100%; 
	height:  						100%; 
}

.article-video-content .article-video-or {
	display:						flex;
	justify-content:				center;
	margin-top: 					-8px;
	margin-bottom: 					-8px;
	
	font-size:						13px;
	line-height:					20px;
	text-align:						center;

	font-family: 					'Poppins', sans-serif;
	color:							rgba(var(--color-secondary-text-rgb), 1);
}

.article-video-content .article-video-link {
	display:						flex;
	flex-direction:					row;
	align-items: 					center;
	justify-content: 				center;
	gap: 							16px;
	width:							100%;
	padding: 						8px 8px;
	border-radius:					4px;
	min-height:						48px;

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;

	outline-width:					1px;
	outline-offset:					-4px;
	outline-style:					dashed;

	-webkit-box-shadow:				inset 0 0 4px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow:				inset 0 0 4px rgba(var(--color-black-rgb), .1);
	box-shadow: 					inset 0 0 4px rgba(var(--color-black-rgb), .1);
}

.article-video-content .article-video-link.article-video-link-blue {
	background-color:				rgba(61, 133, 198, .4);
	outline-color:					rgba(61, 133, 198, .5);
}

.article-video-content .article-video-link.article-video-link-youtube {
	background-color:				rgba(237, 31, 36, .1);
	outline-color:					rgba(237, 31, 36, .2);
}

.article-video-content .article-video-link.article-video-link-vimeo {
	background-color:				rgba(23, 183, 234, .1);
	outline-color:					rgba(23, 183, 234, .2);
}

.article-video-content .article-video-link.article-video-link-x {
	background-color:				rgba(0, 0, 0, .1);
	outline-color:					rgba(0, 0, 0, .2);
}

.article-video-content .article-video-link.article-video-link-facebook {
	background-color:				rgba(59, 87, 157, .1);
	outline-color:					rgba(59, 87, 157, .2);
}

.article-video-content .article-video-link.article-video-link-fox-news {
	background-color:				rgba(0, 51, 102, .1);
	outline-color:					rgba(0, 51, 102, .2);
}

.article-video-content .article-video-link.article-video-link-rumble {
	background-color:				rgba(140, 202, 78, .1);
	outline-color:					rgba(140, 202, 78, .2);
}

.article-video-content .article-video-link.article-video-link-tucker-carlson {
	background-color:				rgba(185, 20, 20, .1);
	outline-color:					rgba(185, 20, 20, .2);
}

.article-video-content .article-video-link.article-video-link-rt {
	background-color:				rgba(119, 188, 31, .2);
	outline-color:					rgba(119, 188, 31, .3);
}

@media (hover: hover) {
	.article-video-content .article-video-link.article-video-link-blue:hover {
		background-color:			rgba(61, 133, 198, .5);
	}
	
	.article-video-content .article-video-link.article-video-link-youtube:hover {
		background-color:			rgba(237, 31, 36, .2);
	}

	.article-video-content .article-video-link.article-video-link-vimeo:hover {
		background-color:			rgba(23, 183, 234, .2);
	}

	.article-video-content .article-video-link.article-video-link-x:hover {
		background-color:			rgba(0, 0, 0, .2);
	}

	.article-video-content .article-video-link.article-video-link-facebook:hover {
		background-color:			rgba(59, 87, 157, .2);
	}

	.article-video-content .article-video-link.article-video-link-fox-news:hover {
		background-color:			rgba(0, 51, 102, .2);
	}

	.article-video-content .article-video-link.article-video-link-rumble:hover {
		background-color:			rgba(140, 202, 78, .2);
	}

	.article-video-content .article-video-link.article-video-link-tucker-carlson:hover {
		background-color:			rgba(185, 20, 20, .2);
	}
}

.article-video-content .article-video-link > .icon {
	display:						block;
	object-fit:						scale-down;
	width:							32px;
	height:							32px;
}

.article-video-content .article-video-link > .title {
	font-size:						12px;
	line-height:					20px;
	font-weight:					500;

	color:							rgba(var(--color-primary-text-rgb), 1);
}


/*************************************************************/
/*************[   Article - Content - Timeline   ]************/
/*************************************************************/
.article-timeline-content {
	position:						relative;
	display:						flex;
	flex-direction:					column;
}

.article-timeline-content:not(.article-timeline-content-sm) {
	gap:							16px;
}

.article-timeline-content.article-timeline-content-sm {
	gap:							0px;
}

.article-timeline-item {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	gap:							0 24px;
}

.article-timeline-item::before {
	position:						absolute;
	content:						'';
	width:							2px;
	height:							calc(100% - 50px + 16px - 4px);
	top:							52px;
	left:							24px;

	background-color: 				rgba(var(--color-blue-rgb), .2);
}

.article-timeline-item:last-child::before {
	height:							calc(100% - 50px - 4px);
}

.article-timeline-item:last-child::after {
	position:						absolute;
	content:						'';

	width:							50px;
	height:							2px;
	bottom:							0px;
	left:							0px;

	background-color: 				rgba(var(--color-blue-rgb), .2);
}

.article-timeline-icon {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	justify-content:				center;
	align-items: 					center;
	cursor:							help;
	min-width:						50px;
	min-height:						50px;
	width:							50px;
	height:							50px;
	border-radius:					4px;
	top:							0px;

	outline-width:					1px;
	outline-offset: 				1px;
	outline-style:					solid;
	outline-color:					rgba(var(--color-blue-rgb), .2);

	background-color:				rgba(var(--color-blue-rgb), .2);
}

.article-timeline-icon::before {
	content: 						'';
	position:						absolute;
	width: 							0; 
	height: 						0; 
	right:							-18px;

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;

	border-top: 					10px solid transparent;
	border-bottom:	 				10px solid transparent;
	border-left: 					16px solid transparent;

	-webkit-filter: 				drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .2));
	filter: 						drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .2));
}

@media (hover: hover) {
	.article-timeline-icon:hover::before {
		border-left-color: 			rgba(var(--color-blue-rgb), .2);
	}
}

.article-timeline-icon > img {
	-webkit-filter: 				drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .2));
	filter: 						drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .2));
}

.article-timeline-details {
	display:						flex;
	width:							100%;

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;

	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--color-shadow-rgb), .2);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--color-shadow-rgb), .2);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--color-shadow-rgb), .2);

	background-color:				rgba(var(--color-white-rgb), 1);
}

.article-timeline-details:not(.article-timeline-details-sm) {
	flex-wrap:						wrap;
	padding:						16px;
	gap:							16px;
	border-radius:					4px;

	outline-width:					1px;
	outline-offset:					1px;
	outline-style:					solid;
	outline-color:					rgba(var(--color-blue-rgb), .2);
}

.article-timeline-details.article-timeline-details-sm {
	flex-wrap:						nowrap;
	padding:						12px 16px;
	gap:							12px;
	border-radius:					0px;
}

.article-timeline-details.article-timeline-details-sm {
	border-top: 					1px solid #eaebed;
}

@media (hover: hover) {
	.article-timeline-details:hover {
		background-color:			rgba(var(--color-blue-rgb), .04);
	}
}

.article-timeline-details > .article-timeline-detail-time {
	display:						flex;
	flex-wrap:						nowrap;
	flex-direction:					row;
	align-items: 					center;
	width:							100%;
	gap:							8px;
	padding-bottom: 				8px;

	border-bottom-width:			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(var(--color-blue-rgb), .2);
}

.article-timeline-details > .article-timeline-detail-time > .day {
	font-size: 						16px;
	line-height: 					20px;
	font-weight:					600;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-timeline-details > .article-timeline-detail-time > .sep {
	font-size: 						13px;
	line-height: 					20px;
	font-weight:					400;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.article-timeline-details > .article-timeline-detail-time > .date {
	font-size: 						13px;
	line-height: 					20px;
	font-weight:					400;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.article-timeline-details > .article-timeline-detail-image {
	position: 						relative;
	overflow: 						hidden;
	display: 						block;
	border-radius:					8px;
	flex-grow:						1;
	flex-shrink: 					0;
}

.article-timeline-details.article-timeline-details-sm > .article-timeline-detail-image {
	border-radius:					4px;
}

@media (min-width: 576px) {
	.article-timeline-details:not(.article-timeline-details-sm) > .article-timeline-detail-image {
		width:						240px;
	}

	.article-timeline-details.article-timeline-details-sm > .article-timeline-detail-image {
		width:						72px;
		max-width:					72px;
		height:						54px;
		max-height:					54px;
	}
}

@media (max-width: 575px) {
	.article-timeline-details:not(.article-timeline-details-sm) > .article-timeline-detail-image {
		width: 						100%;
		max-width: 					100%;
	}
	
	.article-timeline-details.article-timeline-details-sm > .article-timeline-detail-image {
		width:						60px;
		max-width:					60px;
		height:						45px;
		max-height:					45px;
	}
}

.article-timeline-details > .article-timeline-detail-image > img {
	position: 						relative;
	width: 							100%;
	height: 						100%;
	object-fit: 					cover;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			transform 1s;
	-moz-transition: 				transform 1s;
	-ms-transition: 				transform 1s;
	-o-transition: 					transform 1s;
	transition: 					transform 1s;
}

@media (hover: hover) {
	.article-timeline-details:hover > .article-timeline-detail-image > img {
		-webkit-transform: 			scale(1.1);
		-moz-transform: 			scale(1.1);
		-ms-transform: 				scale(1.1);
		-o-transform: 				scale(1.1);
		transform: 					scale(1.1);
	}
}

.article-timeline-details > .article-timeline-detail-meta {
	display:						flex;
	flex-direction:					column;
	flex-grow:						1;
}

.article-timeline-details:not(.article-timeline-details-sm) > .article-timeline-detail-meta {
	width:							calc(100% - 240px - 16px);
	min-width:						160px;
	gap:							4px;
}

.article-timeline-details.article-timeline-details-sm > .article-timeline-detail-meta {
	align-self: 					center;
	gap:							4px;
}

.article-timeline-details > .article-timeline-detail-meta > .article-timeline-detail-title {
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	-webkit-line-clamp: 			3;
	font-weight: 					500;
	letter-spacing: 				0px;

	color: 							rgba(var(--color-blue-rgb), 1);
}

.article-timeline-details:not(.article-timeline-details-sm) > .article-timeline-detail-meta > .article-timeline-detail-title {
	font-size: 						14px;
	line-height: 					20px;
	max-height: 					calc(20px * 3);
}

.article-timeline-details.article-timeline-details-sm > .article-timeline-detail-meta > .article-timeline-detail-title {
	font-size: 						13px;
	line-height: 					18px;
	max-height: 					calc(18px * 3);
}

.article-timeline-details > .article-timeline-detail-meta > .article-timeline-detail-excerpt {
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	overflow:			 			hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	-webkit-line-clamp: 			5;
	font-size: 						13px;
	line-height: 					22px;
	font-weight: 					400;
	max-height: 					calc(22px * 5);
	letter-spacing: 				0px;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.article-timeline-details > .article-timeline-detail-meta > .article-timeline-detail-date {
	font-size: 						12px;
	line-height: 					20px;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}


.article-timeline-details > .article-timeline-detail-meta > .article-timeline-detail-title > .article-timeline-detail-current {
	font-size: 						12px;
	line-height: 					18px;
	font-weight: 					400;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}


/*************************************************************/
/*******************[   Articles - Week   ]*******************/
/*************************************************************/
.articles-week-container {
	position: 						relative;
	display: 						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	width:							100%;
	border-radius: 					8px;
	padding:						16px;

	-webkit-box-shadow: 			inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.articles-week-title {
	display:						flex;
	flex-direction:					column;
	align-self: 					start;
}

.articles-week-title > .title {
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.articles-week-title > .subtitle {
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

@media (min-width: 576px) {
	.articles-week-title {
		width:						calc(100% - 244px);
		margin-right:				24px;
	}

	.articles-week-title > .title {
		font-size: 					15px;
		line-height: 				22px;
		font-weight: 				600;
	}

	.articles-week-title > .subtitle {
		font-size: 					13px;
		line-height: 				20px;
		font-weight: 				400;
	}
}

@media (max-width: 575px) {
	.articles-week-title {
		width:						100%;
		margin-bottom:				8px;
	}

	.articles-week-title > .title {
		font-size: 					14px;
		line-height: 				20px;
		font-weight: 				600;
	}

	.articles-week-title > .subtitle {
		font-size: 					12px;
		line-height: 				20px;
		font-weight: 				400;
	}
}

.articles-week-images {
	display:						flex;
	flex-direction:					row;
	width:							100%;
	gap:							4px;
	overflow: 						auto hidden;

	margin-top:						8px;
	margin-bottom:					-8px;
	margin-left:					-2px;
	margin-right:					-2px;

	padding-top:					8px;
	padding-bottom:					8px;
	padding-left:					2px;
	padding-right:					2px;

	border-top-width: 				1px;
	border-top-style: 				solid;
	border-top-color: 				rgba(var(--color-shadow-rgb), .2);
}

.articles-week-images > .articles-week-image {
	position: 						relative;
	overflow: 						hidden;
	display: 						block;

	-webkit-filter: 				drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .1));
	filter: 						drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .1));
}

@media (min-width: 992px) {
	.articles-week-images > .articles-week-image {
		width: 						144px;
		min-width: 					144px;
		height:						81px;
		min-height:					81px;
	}
}

@media (max-width: 991px) {
	.articles-week-images > .articles-week-image {
		width: 						128px;
		min-width: 					128px;
		height:						72px;
		min-height:					72px;
	}
}

.articles-week-images > .articles-week-image:first-child {
	border-top-left-radius:			8px;
	border-bottom-left-radius:		8px;
}

.articles-week-images > .articles-week-image:last-child {
	border-top-right-radius:		8px;
	border-bottom-right-radius:		8px;
}

.articles-week-images > .articles-week-image > .articles-week-image-src {
	position: 						absolute;
	display: 						block;
	object-fit:						cover;
	width: 							100%;
	height: 						100%;
	top: 							0;
	left: 							0;
	bottom: 						0;
	right: 							0;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			transform 1s;
	-moz-transition: 				transform 1s;
	-ms-transition: 				transform 1s;
	-o-transition: 					transform 1s;
	transition: 					transform 1s;
}

@media (hover: hover) {
	.articles-week-images > .articles-week-image:hover > .articles-week-image-src {
		-webkit-transform: 			scale(1.1);
		-moz-transform: 			scale(1.1);
		-ms-transform: 				scale(1.1);
		-o-transform: 				scale(1.1);
		transform: 					scale(1.1);
	}
}

.articles-week-selector {
	display:						flex;
	
}

@media (min-width: 576px) {
	.articles-week-selector {
		width:						220px;
	}
}

@media (max-width: 575px) {
	.articles-week-selector {
		width: 						100%;
	}
	
	.articles-week-selector > * {
		flex-grow:					1;
	}
}