/* Argenthink Elementor - Modal de bio */

.argenthink-bio-modal {
	--argenthink-modal-width: 640px;
	--argenthink-modal-padding: 40px;
	--argenthink-modal-bg: #fff;
	--argenthink-modal-color: inherit;
	--argenthink-modal-radius: 8px;
	--argenthink-modal-backdrop: rgba(0, 0, 0, 0.6);

	width: calc(100% - 32px);
	max-width: var(--argenthink-modal-width);
	max-height: calc(100% - 64px);
	padding: 0;
	border: 0;
	border-radius: var(--argenthink-modal-radius);
	background: var(--argenthink-modal-bg);
	color: var(--argenthink-modal-color);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	overflow: auto;
}

.argenthink-bio-modal::backdrop {
	background: var(--argenthink-modal-backdrop);
}

.argenthink-bio-modal__inner {
	position: relative;
	padding: var(--argenthink-modal-padding);
}

.argenthink-bio-modal__close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}

.argenthink-bio-modal__close:hover,
.argenthink-bio-modal__close:focus {
	background: transparent;
	color: inherit;
	opacity: 0.6;
}

.argenthink-bio-modal__title {
	margin: 0 32px 16px 0;
}

.argenthink-bio-modal__body > :last-child {
	margin-bottom: 0;
}

html.argenthink-bio-modal-open {
	overflow: hidden;
}

@media (max-width: 767px) {
	.argenthink-bio-modal {
		--argenthink-modal-padding: 24px;
	}
}