



@media screen and (max-width: 529.8px) {
	ul.dashed-marker-multi {
		-webkit-column-count: 1 !important;
	}
}

.rte-content-linkLightBlue,
.rte-content-linkLightBlue a {
	color: #0058A7 !important;
}



	.rte-content-linkLightBlue a {
		color: #0058A7 !important;
		font-size: 20px !important;
	}









































































.rte-content-boldLink a:hover {
	color: #0058A7 !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}



.rte-content-linkLightBlue a:hover {
	color: #0058A7 !important;
	font-size: 20px !important;
	text-decoration: underline !important;
}



.rte-content-pinkBold a:hover {
	color: #FE4199 !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}



.rte-content-pinkLight a:hover {
	color: #FE4199 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}







.rte-content-whiteLink a:hover {
	color: #eee !important;
	text-decoration: underline !important;
}



.rte-content-boldWhiteLink a:hover {
	color: #eee !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}











































	



	

	

	

	

	

	

	

/**umb_name:H1*/
h1.rte {
	color: black !important;
}

/**umb_name:H2*/
h2.rte {
	color: black !important;
}

/**umb_name:H3*/
h3.rte {
	color: black !important;
}

/**umb_name:H4*/
h4.rte {
	color: black !important;
}

/**umb_name:H5*/
h5.rte {
	color: black !important;
}

/**umb_name:H6*/
h6 {
	color: black !important;
}

/**umb_name:H6 Overline*/
h6.overline {
}

/**umb_name:Body*/
p {
}

/**umb_name:Large Intro*/
p.lg-intro {
}

/**umb_name:Small Intro*/
p.sm-intro {
}

/**umb_name:Footnote*/
p.footnote {
}

/**umb_name:Figure-1*/
p.figure-1 {
}

/**umb_name:Figure-2*/
p.figure-2 {
}

/**umb_name:Figure-3*/
p.figure-3 {
}

/**umb_name:Figure-4*/
p.figure-4 {
}

/**umb_name:Ordered-list*/
ol {
}

/**umb_name:Strong Pink Text*/
.rte-content-strongPink {
	color: #FE4199 !important;
	/*font-weight: bold !important;
	*/;
}

/**umb_name:Light Pink Text*/
.rte-content-lightPink {
	color: #FE4199 !important;
}

/**umb_name:Strong Blue Text*/
.rte-content-strongBlue {
	color: #0058A7 !important;
	/*font-weight: bold !important;
	*/;
}

/**umb_name:Light Blue Text*/
.rte-content-lightBlue {
	color: #0058A7 !important;
}

/* umb_name rules must carry the class on its own so Umbraco builds a usable
   dropdown entry; the plain rule under each one keeps the anchor styled. */

/**umb_name:Link Text Blue Bold*/
.rte-content-boldLink {
	color: #0058A7 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

.rte-content-boldLink a {
	color: #0058A7 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

/**umb_name:Link Text Blue*/
.rte-content-linkLightBlue {
	color: #0058A7 !important;
	font-size: 20px !important;
	text-decoration: none !important;
}

.rte-content-linkLightBlue a {
	color: #0058A7 !important;
	font-size: 20px !important;
	text-decoration: none !important;
}

/**umb_name:Link Text Pink Bold*/
.rte-content-pinkBold {
	color: #FE4199 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

.rte-content-pinkBold a {
	color: #FE4199 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

/**umb_name:Link Text Pink Light*/
.rte-content-pinkLight {
	color: #FE4199 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.rte-content-pinkLight a {
	color: #FE4199 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/**umb_name:UL-Single-Column*/
ul.dashed-marker {
	list-style: disk !important;
}

/**umb_name:UL-Two-column*/
ul.dashed-marker-multi {
	-webkit-column-count: 2;
	list-style: disc !important;
	gap: 4rem;
}

/**umb_name:Link Text White*/
.rte-content-whiteLink {
	color: #eee !important;
	text-decoration: none !important;
}

.rte-content-whiteLink a {
	color: #eee !important;
	text-decoration: none !important;
}

/**umb_name:Link Text Bold White*/
.rte-content-boldWhiteLink {
	color: #eee !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

.rte-content-boldWhiteLink a {
	color: #eee !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

/**umb_name:Strong White Text*/
.rte-content-strongWhite {
	color: #eee !important;
	/*font-weight: bold !important;
	*/;
}

/**umb_name:Light White Text*/
.rte-content-lightWhite {
	color: #0058A7 !important;
}

/**umb_name:Link Text Green*/
.rte-content-greenLink {
	color: #00728B !important;
	text-decoration: underline !important;
}

.rte-content-greenLink a {
	color: #00728B !important;
	text-decoration: underline !important;
}

/* The bare-class rules above are needed only so Umbraco can build and preview a
   Styles dropdown entry. Before the v17 upgrade only the ".<class> a" rules
   existed, so on a rendered page the class coloured the anchor and nothing else.
   With the bare rules present it also colours whatever text the editor left
   carrying the class outside the <a> - e.g. the "If you are a " that precedes a
   privacy-statement link - so plain copy reads as part of the hyperlink.
   .umb-rte is the body class TinyMCE puts on the editing area, so this block is
   skipped there and the dropdown keeps its preview, while the rendered page
   goes back to styling the anchor only. */
body:not(.umb-rte) .rte-content-boldLink,
body:not(.umb-rte) .rte-content-linkLightBlue,
body:not(.umb-rte) .rte-content-pinkBold,
body:not(.umb-rte) .rte-content-pinkLight,
body:not(.umb-rte) .rte-content-whiteLink,
body:not(.umb-rte) .rte-content-boldWhiteLink,
body:not(.umb-rte) .rte-content-greenLink {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: inherit !important;
}

/* .umb-rte is the body class TinyMCE puts on the editing area, so this never
   reaches the front end. Without it the white styles are invisible against the
   editor's white canvas, in the box and in the Styles dropdown preview. */
.umb-rte .rte-content-strongWhite,
.umb-rte .rte-content-whiteLink,
.umb-rte .rte-content-whiteLink a,
.umb-rte .rte-content-boldWhiteLink,
.umb-rte .rte-content-boldWhiteLink a {
	background-color: #333 !important;
}

/* TinyMCE dropdown menu positioning & scroll fixes for small screens.
   Limits the dropdown height and enables vertical scrolling so that options (H1, H2, white text, etc.)
   never stretch beyond the viewport or get hidden underneath the edit panel header. */
/* Ensure TinyMCE toolbar and editor header remain below the modal backdrop overlay (z-index: 1).
   TinyMCE gives .tox-editor-header z-index: 2 by default, which causes it to poke through
   the gray modal backdrop when child modals or item edit panels are open on top. */
.tox .tox-editor-header,
.tox:not(.tox-tinymce-inline) .tox-editor-header,
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar-overlord,
.tox-tinymce:not(.tox-tinymce-fullscreen),
.tox.tox-tinymce:not(.tox-tinymce-fullscreen) {
	z-index: 0 !important;
}

/* Ensure horizontal dividing line below toolbar and between multi-row toolbars */
.tox .tox-editor-header,
.tox:not(.tox-tinymce-inline) .tox-editor-header {
	border-bottom: 1px solid #e3e3e3 !important;
}

.tox .tox-toolbar-overlord > .tox-toolbar:not(:last-child) {
	border-bottom: 1px solid #e3e3e3 !important;
}

.tox-tinymce-aux,
.tox.tox-tinymce-aux,
.tox-silver-sink,
.tox.tox-silver-sink,
.tox-silver-sink.tox-silver-popup-sink {
	z-index: 100000 !important;
}

/* Constrain TinyMCE dropdown menu height across all screen sizes and enable vertical scrolling */
.tox-menu,
.tox .tox-menu {
	max-height: min(340px, calc(100vh - 160px)) !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain !important;
	z-index: 100001 !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

.tox-collection--list,
.tox-collection--list .tox-collection__group,
.tox .tox-collection--list .tox-collection__group {
	max-height: min(330px, calc(100vh - 170px)) !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain !important;
}

.tox-menu::-webkit-scrollbar,
.tox-collection--list .tox-collection__group::-webkit-scrollbar {
	width: 6px;
}

.tox-menu::-webkit-scrollbar-track,
.tox-collection--list .tox-collection__group::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.tox-menu::-webkit-scrollbar-thumb,
.tox-collection--list .tox-collection__group::-webkit-scrollbar-thumb {
	background: #b0b0b0;
	border-radius: 3px;
}

.tox-menu::-webkit-scrollbar-thumb:hover,
.tox-collection--list .tox-collection__group::-webkit-scrollbar-thumb:hover {
	background: #888;
}

/* Responsive adjustments for shorter viewports (laptops, split screen, small monitors) */
@media screen and (max-height: 750px) {
	.tox-menu,
	.tox .tox-menu {
		max-height: min(300px, calc(100vh - 140px)) !important;
	}
	.tox-collection--list,
	.tox-collection--list .tox-collection__group,
	.tox .tox-collection--list .tox-collection__group {
		max-height: min(290px, calc(100vh - 150px)) !important;
	}
}

@media screen and (max-height: 550px) {
	.tox-menu,
	.tox .tox-menu {
		max-height: min(220px, calc(100vh - 100px)) !important;
	}
	.tox-collection--list,
	.tox-collection--list .tox-collection__group,
	.tox .tox-collection--list .tox-collection__group {
		max-height: min(210px, calc(100vh - 110px)) !important;
	}
}



