/*
 * The former Divi Code Module wrapper contributed a small amount of tablet-
 * desktop rhythm at this breakpoint. Restore that measured space natively.
 */
@media (min-width: 981px) and (max-width: 1100px) {
	.osprey-page-charter-types .os-ct-hero4 {
		min-height: 578px;
	}

	.osprey-page-charter-types .os-dt3 {
		padding-bottom: 53.5px;
	}
}

@media (min-width: 1101px) {
	.osprey-page-charter-types .os-ct-hero4 {
		min-height: 595.25px;
	}

	.osprey-page-charter-types .os-dt3 {
		padding-bottom: 51.6px;
	}
}

.osprey-page-charter-types .os-ct-hero4__toggle {
	display: none;
}

@media (max-width: 640px) {
	.osprey-page-charter-types .os-ct-hero4__nav-inner {
		padding: 28px 24px 32px;
	}

	.osprey-page-charter-types .os-ct-hero4__nav-head {
		margin-bottom: 14px;
	}

	.osprey-page-charter-types .os-ct-hero4__toggle {
		align-items: center;
		appearance: none;
		background: #212d42;
		border: 2px solid rgba(255, 255, 255, .7);
		border-radius: 14px;
		color: #fff;
		cursor: pointer;
		display: flex;
		gap: 16px;
		justify-content: space-between;
		min-height: 76px;
		padding: 13px 14px 13px 16px;
		text-align: left;
		width: 100%;
	}

	.osprey-page-charter-types .os-ct-hero4__toggle[hidden],
	.osprey-page-charter-types .os-ct-hero4__links[hidden] {
		display: none !important;
	}

	.osprey-page-charter-types .os-ct-hero4__toggle:focus-visible {
		outline: 3px solid #fff;
		outline-offset: 3px;
	}

	.osprey-page-charter-types .os-ct-hero4__toggle-copy {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.osprey-page-charter-types .os-ct-hero4__toggle-label {
		font: 800 14px/1.25 "Inter", system-ui, sans-serif;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.osprey-page-charter-types .os-ct-hero4__toggle-meta {
		color: rgba(255, 255, 255, .78);
		font: 500 12px/1.4 "Inter", system-ui, sans-serif;
		letter-spacing: .02em;
	}

	.osprey-page-charter-types .os-ct-hero4__toggle-icon {
		align-items: center;
		border: 1px solid rgba(255, 255, 255, .45);
		border-radius: 50%;
		display: flex;
		flex: 0 0 36px;
		height: 36px;
		justify-content: center;
		transition: transform .2s ease;
	}

	.osprey-page-charter-types .os-ct-hero4__toggle-icon::before {
		border-bottom: 2px solid currentColor;
		border-right: 2px solid currentColor;
		content: "";
		height: 8px;
		margin-top: -4px;
		transform: rotate(45deg);
		width: 8px;
	}

	.osprey-page-charter-types .os-ct-hero4__nav.is-open .os-ct-hero4__toggle-icon {
		transform: rotate(180deg);
	}

	.osprey-page-charter-types .os-ct-hero4__nav.is-collapsible .os-ct-hero4__links {
		margin-top: 14px;
	}

	.osprey-page-charter-types .os-ct-hero4__nav.is-collapsible:not(.is-open) .os-ct-hero4__hint {
		display: none;
	}

	.osprey-page-charter-types .os-ct-hero4__nav.is-open .os-ct-hero4__hint {
		margin-bottom: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.osprey-page-charter-types .os-ct-hero4__toggle-icon {
		transition: none;
	}
}