.blog-tab {
	/*==============================*/
	/*=====----- TEMPLATE -----=====*/
	/*==============================*/

	position: relative;
	display: none;
	color: var(--white);
	
	&,
	&.in {
		.widget-inner {
			opacity: 0;
			visibility: hidden;
		}
	}

	&.in,
	&.out,
	&.active {
		display: block;
	}

	&.out,
	&.active {
		.widget-inner {
			opacity: 1;
			visibility: visible;
		}
	}

	&.in .widget-inner {
		animation: fade-in 0.3s ease 0s 1 normal forwards;
	}

	&.out .widget-inner {
		animation: fade-out 0.3s ease 0s 1 normal forwards;
	}

	.slides {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 15px;
	}

	.template-footer {
		display: flex;
		justify-content: center;
		margin-top: var(--space-4);
	}

	/*============================*/
	/*=====----- SLIDES -----=====*/
	/*============================*/

	.slide-inner {
		display: grid;
		align-items: start;
	}

	.content-section {
		position: relative;
		z-index: 2;
	}

	.info-flag {
		display: block;
		font-family: var(--font-body);
		font-weight: var(--font-weight-bold);
		font-size: var(--text-sm);
		line-height: normal;
		letter-spacing: 0.03em;
		text-transform: uppercase;
	}

	.slide-title {
		margin: 0;
		font-family: var(--font-body);
		font-weight: var(--font-weight-bold);
		line-height: 1.04;
		letter-spacing: -0.01em;
		color: inherit;

		a {
			font: inherit;
			text-decoration: none;
			color: inherit;
		}
	}

	.details {
		gap: 0;
	}

	.slide-desc,
	.slide-footer {
		display: none;
	}

	.slide-desc {
		margin: 0;
		font-family: var(--font-body);
		font-weight: var(--font-weight-normal);
		font-size: var(--text-lg);
		line-height: calc(19/18);
		color: inherit;
	}

	.slide-top,
	.img-cont,
	.slide-img {
		position: relative;
	}

	.img-cont {
		overflow: hidden;
	}

	.slide-img {
		scale: 1.05;
		width: 100%;
		transition: scale var(--transition-appendix);
	}

	.slide-top .mini-date-section {
		--border-path: url('../svg/ornate-border-blue.svg');

		color: var(--blue-dark);

		&::before {
			background-color: var(--blue);
		}
	}

	/*----- large slide -----*/

	.slide.large {
		padding: 0 10px;
		margin-bottom: 5px;

		.slide-inner {
			grid-template-columns: minmax(0, 1fr);
			align-items: end;
		}

		.slide-top,
		.content-section {
			grid-row: 1 / -1;
			grid-column: 1 / -1;
		}

		.content-section {
			display: flex;
			flex-direction: column;
			justify-content: end;
			padding: var(--space-4) var(--space-6);
			text-shadow: 0 0 22px var(--text-shadow);
			pointer-events: none;

			a,
			button {
				pointer-events: all;
			}
		}

		.info-flag {
			margin-bottom: var(--space-1);
			color: rgba(255, 255, 255, 0.9);
		}

		.slide-title {
			font-size: 1.375rem;
		}

		.img-cont {
			border-radius: var(--rounded-full) var(--rounded-full) 0 0;
		}

		.img-cont::before {
			position: absolute;
			inset: 58px 0 0;
			z-index: 1;
			display: block;
			content: '';
			background: linear-gradient(180deg, rgba(14, 30, 50, 0.00) 0%, rgba(14, 30, 50, 0.80) 100%);
			pointer-events: none;
		}

		.slide-top .mini-date-section {
			top: 10%;
			left: 10%;
		}
	}

	/*----- small slides -----*/

	.slide.small {
		.slide-inner {
			grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
			align-items: center;
			gap: 18px;
		}

		.info-flag {
			color: rgba(255, 255, 255, 0.75);
		}

		.slide-title {
			font-size: var(--text-xl);
		}

		.slide-top {
			order: -1;
		}

		.img-cont {
			border-radius: var(--rounded-circle);
		}

		.slide-img {
			scale: 1.1;
		}

		.slide-top .mini-date-section {
			--month-size: var(--text-xs);
			--day-size: var(--text-lg);

			top: -8px;
			left: -8px;
			width: 50px;
			background-color: var(--blue);
			border-radius: var(--rounded-circle);
			
			&::before,
			&::after {
				display: none;
			}
		}
	}

	/*===================================*/
	/*=====----- MEDIA QUERIES -----=====*/
	/*===================================*/

	@media (hover: hover) {
		.slide:hover .slide-img {
			scale: 1;
		}
	}

	@media (min-width: 40em) {
		/*----- large slide -----*/

		.slide.large {
			.slide-top .mini-date-section {
				--month-size: var(--text-lg);
				--day-size: 2.3125rem;

				width: 100px;

				&::before {
					inset: 10px;
				}
			}
		}

		/*----- small slides -----*/

		.slide.small {
			.slide-top .mini-date-section {
				--month-size: 0.8125rem;
				--day-size: 1.75rem;

				width: 60px;
			}
		}
	}

	@media (min-width: 64em) {
		.slides {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 25px 97px;
		}

		.template-footer {
			display: block;
			grid-column: 2;
			margin-top: 23px;
		}

		.info-flag {
			font-size: 0.9375rem;
		}

		.details {
			font-size: var(--text-base);
		}

		.slide-desc,
		.slide-footer {
			display: block;
		}

		.slide-footer {
			margin-top: var(--space-2);
		}

		/*----- large slide -----*/

		.slide.large {
			grid-row: span 7;
			grid-column: 1;
			padding: 0;
			margin: 0;

			.content-section {
				padding: var(--space-8) 34px;
			}

			.slide-title {
				font-size: 2rem;
			}

			.img-cont::before {
				top: 162px;
			}

			.slide-top .mini-date-section {
				top: 5%;
				left: 5%;
			}
		}

		/*----- small slides -----*/
		
		.slide.small {
			grid-column: 2;

			.slide-inner {
				gap: 25px;
			}

			.slide-title {
				font-size: var(--text-2xl);
			}
		}
	}
}