.vamtam-stand-out {
	z-index: 1;
	position: relative;
}

.vamtam-grayscale {
	filter: grayscale( 100% );
}

.vamtam-mask-image-sider-1  {

	&:before {
		content: " ";
		background: var( --vamtam-accent-color-1 );
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;

		mask-image: url(../../images/blob-mask-slider-bg-1.svg);
		mask-mode: alpha;
		mask-repeat: no-repeat;
		mask-size: contain;
		mask-position: center;
	}

	img {
		mask-image: url(../../images/blob-mask-slider-1.svg);
		mask-mode: alpha;
		mask-repeat: no-repeat;
		mask-size: contain;
		mask-position: center;
		text-align: center;

		margin: 60px;
	}
}

.vamtam-overlap-top-row {
	display: inline-block;
	margin-top: -150px;
	width: 100%;
}

.vamtam-disable-scroll {
	overflow: hidden;
	max-height: 100vh;
}
// iOS-only. 🤮
html.ios-safari .vamtam-disable-scroll {
	position: fixed;
	width: 100%;
}

.vamtam-overlay-trigger--overlay {
	> .vamtam-overlay-element {
		pointer-events: none;
		position: fixed;
		display: block;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5);
		z-index: 100;
	}
}

@media (max-width: 460px) {
	body.responsive-layout {
		.vamtam-mobile-left {
			h1,h2,h3,h4,h5,h6,
			p,
			.vamtam-button-wrap, .wp-block-button {
				text-align: start !important;
				justify-content: initial !important;
			}
		}
	}
}

// Estudiar-only.
.vamtam-theme-table-styles {
	table {
		&:extend(.vamtam-font-primary-font);
		th, tr, td {
			border: none;
		}
		th {
			&:extend(.vamtam-font-h6);
			font-size: 18px;
			letter-spacing: 0;
			line-height: 24px;
			color: var(--vamtam-accent-color-6);
			background-color: var(--vamtam-accent-color-3);
		}
		tr:nth-child(odd) {
			background-color: var(--vamtam-accent-color-4);
		}
		th, td {
			padding: 20px 30px;
		}
	}
}

.vamtam-top-spacing-50 {
	margin-top: 50px;
}

.vamtam-text-centered {
	text-align: center;
}

// Estudiar-only.
.flatpickr-calendar {
	.flatpickr-month {
		min-height: 32px;
	}
	.flatpickr-current-month {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.flatpickr-innerContainer {
		margin-top: 10px;
		justify-content: center;
		margin-bottom: 5px;
	}
	input.numInput.cur-year {
		background: transparent;
	}
}