/* DT Webinar Access: neutral defaults. Override the variables in Divi's custom CSS to match the site. */
.dtpa-paywall,
.dtpa-notice {
	--dtpa-accent: #2f3432;
	--dtpa-accent-text: #ffffff;
	--dtpa-border: rgba(0, 0, 0, 0.12);
	--dtpa-surface: rgba(0, 0, 0, 0.03);
	--dtpa-radius: 6px;
}

.dtpa-paywall { margin: 0 0 2em; }
.dtpa-teaser { margin-bottom: 1.5em; }

.dtpa-box {
	border: 1px solid var(--dtpa-border);
	background: var(--dtpa-surface);
	border-radius: var(--dtpa-radius);
	padding: 1.5em;
}
.dtpa-box > :last-child { margin-bottom: 0; }
.dtpa-box__title { font-weight: 700; font-size: 1.15em; margin-bottom: 0.5em; }

.dtpa-price { margin: 0.75em 0; }
.dtpa-price__amount { font-size: 1.6em; font-weight: 700; }
.dtpa-price__label { opacity: 0.75; }

.dtpa-price-list { list-style: none; margin: 1em 0; padding: 0; }
.dtpa-price-list li { display: flex; justify-content: space-between; gap: 1em; padding: 0.35em 0; border-bottom: 1px solid var(--dtpa-border); }

.dtpa-actions { margin: 1em 0 0; display: flex; flex-wrap: wrap; gap: 0.5em; }
.dtpa-button {
	display: inline-block;
	padding: 0.6em 1.4em;
	border: 2px solid var(--dtpa-accent);
	border-radius: var(--dtpa-radius);
	background: var(--dtpa-accent);
	color: var(--dtpa-accent-text);
	font: inherit;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
}
.dtpa-button:hover { opacity: 0.9; color: var(--dtpa-accent-text); }
.dtpa-button--secondary { background: transparent; color: var(--dtpa-accent); }
.dtpa-button--secondary:hover { color: var(--dtpa-accent); }
.dtpa-button.is-disabled { opacity: 0.45; cursor: not-allowed; }

.dtpa-small { font-size: 0.875em; opacity: 0.75; margin-top: 0.5em; }

.dtpa-notice { padding: 0.75em 1em; margin: 0 0 1.5em; border-radius: var(--dtpa-radius); border-left: 4px solid var(--dtpa-accent); background: var(--dtpa-surface); }
.dtpa-notice--success { border-left-color: #3a7d44; }
.dtpa-notice--error { border-left-color: #b32d2e; }
.dtpa-notice--staff { font-size: 0.875em; }

/* Registration form */
.dtpa-register { display: flex; flex-wrap: wrap; gap: 0 4%; max-width: 640px; }
.dtpa-register .dtpa-notice { flex: 1 1 100%; }
.dtpa-field { flex: 1 1 100%; margin: 0 0 1em; }
.dtpa-field--half { flex: 1 1 48%; }
.dtpa-field label { display: block; font-weight: 600; margin-bottom: 0.3em; }
.dtpa-field input[type="text"],
.dtpa-field input[type="email"],
.dtpa-field input[type="password"] { width: 100%; box-sizing: border-box; padding: 0.6em; border: 1px solid var(--dtpa-border, rgba(0,0,0,0.2)); border-radius: 4px; font: inherit; }
.dtpa-check label { font-weight: 400; }
.dtpa-register .dtpa-actions,
.dtpa-register > .dtpa-small { flex: 1 1 100%; }
.dtpa-hp { position: absolute !important; left: -9999px !important; height: 1px; overflow: hidden; }
@media (max-width: 600px) { .dtpa-field--half { flex-basis: 100%; } }
.dtpa-register { --dtpa-accent: #2f3432; --dtpa-accent-text: #ffffff; --dtpa-border: rgba(0, 0, 0, 0.2); --dtpa-surface: rgba(0, 0, 0, 0.03); --dtpa-radius: 6px; }
.dtpa-register:has(input[name="upgrade"]:not(:checked)) .dtpa-upgrade { display: none; }
.dtpa-expired { font-weight: 600; margin-bottom: 0.75em; }