/* Aurora Design Studio — Bootstrap modal overrides */

.modal {
	background: rgba(23, 30, 48, 0.33);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.modal-dialog {
	max-width: 960px;
}

.modal-title {
	color: var(--cyan-color);
	font-weight: 300;
	font-size: 2rem;
}

.modal-content {
	background: var(--card-color);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	padding: 1rem;
	border: none;
}

.modal-header .btn-close {
	background: none;
	position: absolute;
	top: 1rem;
	right: 1.75rem;
}

.modal-header .btn-close:before {
	content:'\f00d';
	font-family: 'Font Awesome 5 Pro';
	font-size: 1.5rem;
	color: #fff;
}

.modal-header .btn-close:focus {
	box-shadow: none;
}

.modal-header {
	border: none;
	padding-bottom: 0;
}