/* ============================
	ACTION WINDOW
============================ */

.modal-content {
	border-radius: 1rem;
	padding: .2rem .35rem;
}

.modal-header {
	padding: 1.75rem 1.5rem 1.25rem 1.5rem;
}

.modal-body {
	padding: 1.5rem 1.5rem 2rem 1.5rem;
}

.modal-footer {
	padding: 1.25rem 1.5rem 1.25rem 1.5rem;
}


h5.modal-title {
	color: #141414;
	font-family: 'Gotham Pro', Arial, sans-serif;
	font-size: 1.75rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.1;
}

.modal-body p {
	color: #000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: -.0125rem;
	line-height: 1.5;
}

.modal-body hr {
	margin: 1rem 0;
	color: #CCC;
	border: 0;
	border-top: var(--bs-border-width) solid;
	opacity: .5;
}

.img--box {
	max-height: 700px;
	overflow: hidden;
	width: 100%;
}

.img--box img.action-screen {
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.modal-footer button.button-action {
	background-color: #28A1FF;
	/* border: 1.5px solid #28A1FF; */
	border-top-right-radius: 1.25rem;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-family: 'Gotham Pro', Arial, sans-serif;
	font-weight: 700;
	padding: 1rem 1.5rem .85rem 1.5rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.modal-footer button.button-action:hover {
	/* border: 1.5px solid #010160; */
	background-color: #010160;
	color: #FFF;
}

.modal-footer button.button-close {
	background-color: #E2E5E7;
	/* border: 1.5px solid #E2E5E7; */
	border-top-right-radius: 1.25rem;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-family: 'Gotham Pro', Arial, sans-serif;
	font-weight: 700;
	padding: 1rem 1.5rem .85rem 1.5rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.modal-footer button.button-close:hover {
	/* border: 1.5px solid #111; */
	background-color: #111;
	color: #FFF;
}