/* CBV design-system reskin for the member detail modal. Flat square dialog with a navy-tinted backdrop; typography and colors match the home page. */

.roc-p-directory-container .ad-member-modal {
	font-family: var(--wp--preset--font-family--body);
	background-color: rgba(34, 28, 88, 0.5);
}

.roc-p-directory-container .ad-member-modal .modal-dialog,
.roc-p-directory-container .ad-member-modal .modal-content {
	background-color: var(--wp--preset--color--white);
	border: 0;
	border-radius: 0;
	box-shadow: 0 12px 14px -6px rgba(0, 0, 0, 0.16);
}

.roc-p-directory-container .ad-member-modal h1,
.roc-p-directory-container .ad-member-modal h2,
.roc-p-directory-container .ad-member-modal h3,
.roc-p-directory-container .ad-member-modal .modal-title,
.roc-p-directory-container .ad-member-modal .name {
	color: var(--cbv-surface-navy);
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
}

.roc-p-directory-container .ad-member-modal p,
.roc-p-directory-container .ad-member-modal li,
.roc-p-directory-container .ad-member-modal td {
	color: #585e64;
	font-size: 1rem;
	line-height: 1.5;
}

.roc-p-directory-container .ad-member-modal a {
	color: var(--wp--preset--color--primary);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.roc-p-directory-container .ad-member-modal a:hover,
.roc-p-directory-container .ad-member-modal a:focus-visible {
	color: var(--wp--preset--color--accent);
}

.roc-p-directory-container .ad-member-modal .close,
.roc-p-directory-container .ad-member-modal [data-dismiss],
.roc-p-directory-container .ad-member-modal .modal-close {
	background: none;
	border: 0;
	border-radius: 0;
	color: var(--cbv-surface-navy);
}

.roc-p-directory-container .ad-member-modal .close:hover,
.roc-p-directory-container .ad-member-modal .close:focus-visible {
	color: var(--wp--preset--color--accent);
}