/*
--------------------------------------
Container
--------------------------------------
*/

.modal-events__container {
	position: fixed;
	z-index: 10;
	bottom: 0;
	right: 0;
	font-family: var(--e-global-typography-secondary-font-family), sans-serif;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	max-width: 435px;
}

.modal-events__container--active {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

/*
--------------------------------------
Image + close button
--------------------------------------
*/

.modal-events__img-container {
	position: relative;
	overflow: hidden;
}

.modal-events__close-container {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

/*
--------------------------------------
Content
--------------------------------------
*/

.modal-events__content-container {
	padding: 1em 1.5em;
}

/*Subtitle*/

.modal-events__subhead {
	font-size: 14px;
	font-weight: 600;
	color: var(--e-global-color-secondary, #D5705D);
	letter-spacing: 2.8px;
	text-transform: uppercase;
}

/*Title*/

.modal-events__title {
	font-family: var(--e-global-typography-primary-font-family);
	font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	color: #1A120A;
	line-height: 125%;
}

/*Description*/

.modal-events__description {
	font-size: 16px;
	font-weight: 400;
	color: var(--e-global-color-text);
	line-height: 150%;
	letter-spacing: 0.32px;
}

/*Btn*/

.modal-events__btns_container {
	padding-top: 1em;
}

a.modal-events__btn.modal-events__btn.btn-secondary {
	display: inline-flex;
	justify-content: center;
	width: 100%;
}