/*********************************************
	CPS v5 CSS
	Created By: Neil Dempster, PhD, MBA, CSP 
*********************************************/

/*^^^^^^^^^ v5 Utility Rules */
body { font-family: 'Roboto', Verdana, Geneva, sans-serif; font-size: 100%; font-weight: 300; letter-spacing: normal; }




.v5--color--eggplant { color: #2b0733; } /* 43/7/51 */
.v5--color--eggplant_text { color: #2c2047; } /* 44/32/71 */

/* v5 Page Header */
.header { z-index: 900; }
img.cps-logo { max-height: 60px; padding-left: 10px; }
.coreheader { font-size: 16px; background-color: #2b0733; color: #fff; padding-top: 7px; }

footer { font-family: 'Roboto', Verdana, Geneva, sans-serif; font-size: 12px; font-weight: 300; }
footer.footer-centered { text-align: center}

p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; margin-top: 0; margin-block-start: 0; margin-block-end: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', Verdana, Geneva, sans-serif; font-weight: 700; }
h1 { font-size: 200%; margin: 0.67em 0; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }

/*	From MDN Web Docs: Use a minimum value of 1.5 for line-height for main paragraph content.
	This will help people experiencing low vision conditions, as well as people with cognitive concerns such as Dyslexia.
	If the page is zoomed to increase the text size, using a unitless value ensures that the line height will scale proportionately. */
p { line-height: 1.5; }

/*	Horizontal Rule (Line) */
hr { border-style: solid; border-width: 1px 0 0; color: inherit; height: 0; overflow: visible; }

/*	Prevent `sub` and `sup` elements from affecting the line height in all browsers.
	Specified in % so that the sup/sup is the right size relative to the surrounding text.
	Zero out the line-height so that it doesn't interfere with the positioning that follows.
	Make relative to make all browsers position the sup/sup properly, relative to the surrounding text. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; } /* Move the superscripted text up */
sub { bottom: -0.25em; } /* Move the subscripted text down, but only half as far down as the superscript moved up */

del { text-decoration: line-through; }

/* v5 Global Use Utility Rules */
.v5_l2body-text-left { font-size: 1rem; color: #646464; text-align: left; line-height: 1.4rem; }
.v5_l2body-text-left.first { padding-top: 1vh; }
.v5_l2body-text-left.single { padding-bottom: 0; }
.v5_l2body-text-left.middle { padding-bottom: 1vh; }
.v5_l2body-text-left.double { padding-bottom: 2vh; }
.v5_l2body-text-left.indent { padding-left: 2.5vw; }
.v5_l2body-text-left.linkimg { padding-top: 1.9vh; padding-bottom: 0; margin-bottom: 0; }
.v5_l2body-text-left.linkimg.first { padding-top: 1.9vh; padding-bottom: 20px; margin-bottom: 0; }
.v5_l2body-text-left.smallfont { font-size: 0.8rem; }
.v5_l2body-text-left.white { color: #fff; }

.v5_l2body-text-right { font-size: 1rem; color: #646464; text-align: right; line-height: 1.4rem; }

.v5_l2body-text-centered { font-size: 1rem; color: #646464; text-align: center; }
.v5_l2body-text-centered.first { padding-top: 1vh; }
.v5_l2body-text-centered.single { padding-bottom: 0; }
.v5_l2body-text-centered.nogapbottom { padding-bottom: 0; margin-bottom: 0; }
.v5_l2body-text-centered.singlelineheight { padding-bottom: 0; margin-bottom: 0; line-height: 1.0; }
.v5_l2body-text-centered.middle { padding-bottom: 1vh; }
.v5_l2body-text-centered.double { padding-bottom: 2vh; }
.v5_l2body-text-centered.single.bold { font-weight: bold; }
.v5_l2body-text-centered.double.bold { font-weight: bold; }
.v5_l2body-text-centered.nopadmargin { padding-bottom: 0; padding-top: 0; margin-bottom: 0; margin-top: 0; }
.v5_l2body-text-centered.nopadmargin.last { margin-bottom: 12px; }
.v5_l2body-text-centered.warning { color: #c20800; }
.v5_l2body-text-centered.smallfont { font-size: 0.8rem; }
.v5_l2body-text-centered.white { color: #fff; }
.v5_l2body-text-centered.smallfont a:link {color: #fff; border-bottom: 2px solid; text-decoration: none; }
.v5_l2body-text-centered.smallfont a:visited {color: #fff; border-bottom: 2px solid; text-decoration: none; }
.v5_l2body-text-centered.smallfont a:hover {color: #fff; border-bottom: none; text-decoration: none; }

a.v5_cursor--standard { cursor: context-menu; } /* Standard arrow pointer */
a.v5_cursor--info { cursor: text; } /* Use when menu item is information only (no link/click) */
a.v5_cursor--disable { cursor: not-allowed; } /* Use when menu item disabled */
a.v5_cursor--question { cursor: help; } /* Displays Question Mark */
a.v5_cursor--crosshair { cursor: crosshair; } /* Displays Crosshair */
a.v5_cursor--nocursor { cursor: none; } /* No mouse cursor on hover */
a.v5_cursor--pointer { cursor: pointer; } /* Standard hyperlink pointer */

.v5_padding--left5 { padding-left: 5px; }
.v5_padding--left10 { padding-left: 10px; }
.v5_padding--left15 { padding-left: 15px; }
.v5_padding--left20 { padding-left: 20px; }
.v5_padding--left25 { padding-left: 25px; }
.v5_padding--left30 { padding-left: 30px; }
.v5_padding--left40 { padding-left: 40px; }
.v5_padding--top5 { padding-top: 5px; }
.v5_padding--top10 { padding-top: 10px; }
.v5_padding--top15 { padding-top: 15px; }
.v5_padding--top20 { padding-top: 20px; }
.v5_padding--top25 { padding-top: 25px; }
.v5_padding--top30 { padding-top: 30px; }
.v5_padding--right5 { padding-right: 5px; }
.v5_padding--right10 { padding-right: 10px; }
.v5_padding--right15 { padding-right: 15px; }
.v5_padding--right20 { padding-right: 20px; }
.v5_padding--right25 { padding-right: 25px; }
.v5_padding--right30 { padding-right: 30px; }
.v5_padding--right40 { padding-right: 40px; }
.v5_padding--bottom5 { padding-bottom: 5px; }
.v5_padding--bottom10 { padding-bottom: 10px; }
.v5_padding--bottom15 { padding-bottom: 15px; }
.v5_padding--bottom20 { padding-bottom: 20px; }
.v5_padding--bottom25 { padding-bottom: 25px; }
.v5_padding--bottom30 { padding-bottom: 30px; }

.v5_margin--left10 { margin-left: 10px; }
.v5_margin--right10 { margin-right: 10px; }
.v5_margin--top10 { margin-top: 10px; }
.v5_margin--bottom10 { margin-bottom: 10px; }

.v5_font-size--120 { font-size: 120%; }
.v5_font-size--110 { font-size: 110%; }
.v5_font-size--100 { font-size: 100%; }
.v5_font-size--90 { font-size: 90%; }
.v5_font-size--80 { font-size: 80%; }
.v5_font-size--70 { font-size: 70%; }
.v5_font-size--60 { font-size: 60%; }


.v5_text-align--left { text-align: left; }
.v5_text-align--center { text-align: center; }
.v5_text-align--right { text-align: right; }

.v5_text-color--CPSeggplant { color: #2c2047; } /* 44/32/71 */
.v5_text-color--CPSred { color: #b01e2d; } /* 176/30/45 */
.v5_text-color--LL { color: #5c3749; } /* 92/55/73 */
.v5_text-color--wine { color: #4f0c2c; } /* 79/12/44 */
.v5_text-color--orange { color: #773408; } /* 119/52/8 */
.v5_text-color--blue { color: #1e2a39; } /* 30/42/57 */
.v5_text-color--red { color: #671516; } /* 103/21/22 */
.v5_text-color--purple { color: #32113f; } /* 50/17/63 */
.v5_text-color--green { color: #3a451c; } /* 58/69/28 */

.v5_text-font--raleway { font-family: 'Raleway', Verdana, Geneva, sans-serif; }
.v5_text-font--roboto { font-family: 'Roboto', Verdana, Geneva, sans-serif; }

.v5_text-format--NONE { font-style: normal; font-weight: 300; text-decoration: none; }
.v5_text-format--bold500 { font-weight: 500; }
.v5_text-format--bold700 { font-weight: 700; }
.v5_text-format--bold900 { font-weight: 900; }
.v5_text-format--italic { font-style: italic; }
.v5_text-format--bolditalic { font-weight: bold; font-style: italic; }
.v5_text-format--overline { text-decoration: overline; }
.v5_text-format--strikeout { text-decoration: line-through; }
.v5_text-format--underline { text-decoration: underline; }

[contenteditable]:focus { outline: 1px solid #0287ca; } /* By default, when you write inside an element that has contenteditable set to true, that element gets a border around on focus. See DHX email (8/6/24) */

/* Custom Bullets for Unordered Lists (ul) [Note: FIX square] */
ul.v5_bullets { list-style: none; } /* Remove default bullets */
ul.v5_bullets li::before { font-size: 120%; font-weight: bold; display: inline-block; /* Needed to add space between the bullet and the text */ }
ul.v5_bullets.v5_Red li::before { color: #b01e2d; }
ul.v5_bullets.v5_Eggplant li::before { color: #2b0733; }
ul.v5_bullets.v5_mktg_blue li::before { color: #1e2a39; }
ul.v5_bullets.v5_mktg_green li::before { color: #3a451c; }
ul.v5_bullets.v5_mktg_orange li::before { color: #773408; }
ul.v5_bullets.v5_mktg_purple li::before { color: #32113f; }
ul.v5_bullets.v5_mktg_red li::before { color: #671516; }
ul.v5_bullets.v5_mktg_wine li::before { color: #4f0c2c; }
ul.v5_bullets.round li::before { content: "\2022"; width: 0.8em; margin-left: -0.8em; }
ul.v5_bullets.round_open li::before { content: "\26AC"; width: 0.9em; margin-left: -0.9em; }
ul.v5_bullets.square li::before { content: "\00B7"; width: 0.8em; margin-left: -0.8em; }
ul.v5_bullets.triangle li::before { content: "\2023"; width: 0.8em; margin-left: -0.8em; }
ul.v5_bullets.hyphen li::before { content: "\2043"; width: 0.8em; margin-left: -0.8em; }
ul.v5_bullets.checkmark li::before { content: "\2713"; width: 1.2em; margin-left: -1.2em; }
ul.v5_bullets.diamond li::before { content: "\2666"; width: 1.0em; margin-left: -1.0em; }
ul.v5_bullets.twoheadedarrow li::before { content: "\21A0"; width: 1.3em; margin-left: -1.3em; }
ul.v5_bullets.arrowbar li::before { content: "\21E5"; width: 1.3em; margin-left: -1.3em; }
ul.v5_bullets.pointedstar_solid li::before { content: "\2726"; width: 1.2em; margin-left: -1.2em; }
ul.v5_bullets.pointedstar_open li::before { content: "\2727"; width: 1.2em; margin-left: -1.2em; }
ul.v5_bullets.spokedasterisk li::before { content: "\273B"; width: 1.2em; margin-left: -1.2em; }
ul.v5_bullets.tilde li::before { content: "\007E"; width: 1.0em; margin-left: -1.0em; }
ul.v5_bullets.anglearrows li::before { content: "\00BB"; width: 0.9em; margin-left: -0.9em; }
ul.v5_bullets.bentarrow li::before { content: "\219D"; width: 1.2em; margin-left: -1.2em; }
ul.v5_bullets.inversebullet li::before { content: "\25D8"; width: 1.1em; margin-left: -1.0em; }

/* List using custom bullets */
ul.bullettext { font-size: 100%; line-height: 1.2; }
ul.bullettext.font110 { font-size: 110%; }
ul.bullettext.font120 { font-size: 120%; }
ul.bullettext li { padding-bottom: 10px; }
ul.bullettext li:first-child { padding-top: 0; }
ul.bullettext li:last-child { padding-bottom: 0; }
ul.bullettext.white li { color: #fff; font-weight: 100; }
ul.bullettext.eggplant li { color: #2c2047; font-weight: 500; }
ul.bullettext.gray li { color: #7d7d7d; font-weight: 300; }

/* List of hyperlinked items without bullets */
ul.list_links { list-style-type: none; padding-inline-start: 0; }
ul.list_links.leftpadding { padding-left: 20px; }
ul.list_links.rightpadding { padding-right: 20px; }
ul.list_links li { padding-bottom: 5px; }
ul.list_links li:first-child { padding-top: 3px; }






.bolditalic { font-weight: bold; font-style: italic; }

a.cursor_standard { cursor: context-menu; } /* Standard arrow pointer */
a.cursor_info { cursor: text; } /* Use when menu item is information only (no link/click) */
a.cursor_disable { cursor: not-allowed; } /* Use when menu item disabled */
a.cursor_question { cursor: help; } /* Displays Question Mark */
a.cursor_crosshair { cursor: crosshair; } /* Displays Crosshair */
a.cursor_nocursor { cursor: none; } /* No mouse cursor on hover */
a.cursor_pointer { cursor: pointer; } /* Standard hyperlink pointer */

.padding_left10 { padding-left: 10px; }
.padding_left15 { padding-left: 15px; }
.padding_left20 { padding-left: 20px; }
.padding_top5 { padding-top: 5px; }
.padding_top10 { padding-top: 10px; }
.padding_top15 { padding-top: 15px; }
.padding_top20 { padding-top: 20px; }
.padding_top25 { padding-top: 25px; }
.padding_top30 { padding-top: 30px; }
.padding_bottom5 { padding-bottom: 5px; }
.padding_bottom10 { padding-bottom: 10px; }
.padding_bottom15 { padding-bottom: 15px; }
.padding_bottom20 { padding-bottom: 20px; }
.padding_bottom25 { padding-bottom: 25px; }
.padding_bottom30 { padding-bottom: 30px; }

img.center { display: block; margin: 0 auto; }
img.rounded5 { border-radius: 5px; }
img.rounded8 { border-radius: 8px; }
img.rounded10 { border-radius: 10px; }

/* Custom Hyperlink SlideOn/SlideOff */
	/* Use inside a tag */
a.v5_slidelink { color: #fff; font-size: 100%; font-weight: 100; }
a.v5_slidelink:link { display: inline-block; border-bottom: none; text-decoration: none; cursor: pointer; }
a.v5_slidelink.offon::after { content: ''; display: block; width: 0; height: 1.0px; background: #fff; transition: width .75s; }
a.v5_slidelink.offon:hover::after { width: 100%; transition: width .75s; }
a.v5_slidelink.onoff::after { content: ''; display: block; width: 100%; height: 1.0px; background: #fff; transition: width .75s; }
a.v5_slidelink.onoff:hover::after { width: 0; transition: width .75s; }

	/* Use inside container containing a tag (e.g., link within p tag text) */
.v5_slidelink a { color: #fff; font-weight: 100; }
.v5_slidelink a:link { display: inline-block; border-bottom: none; text-decoration: none; cursor: pointer; }
.v5_slidelink.fs100 a:link { font-size: 100%; }
.v5_slidelink.fs90 a:link { font-size: 90%; }
.v5_slidelink.fs80 a:link { font-size: 80%; }
.v5_slidelink.fs70 a:link { font-size: 70%; }
.v5_slidelink.onoff a::after { content: ''; display: block; width: 100%; height: 1.0px; background: #fff; transition: width .75s; }
.v5_slidelink.onoff a:hover::after { width: 0; transition: width .75s; }
.v5_slidelink.onoff.slow a::after { content: ''; display: block; width: 100%; height: 1.0px; background: #fff; transition: width 1.0s; }
.v5_slidelink.onoff.slow a:hover::after { width: 0; transition: width 1.0s; }
.v5_slidelink.offon a::after { content: ''; display: block; width: 0; height: 1.0px; background: #fff; transition: width .75s; }
.v5_slidelink.offon a:hover::after { width: 100%; transition: width .75s; }
.v5_slidelink.offon.slow a::after { content: ''; display: block; width: 0; height: 1.0px; background: #fff; transition: width 1.0s; }
.v5_slidelink.offon.slow a:hover::after { width: 100%; transition: width 1.0s; }

	/* SlideLink Color Themes */
.v5_slidelink.gray a { color: #7d7d7d; font-weight: 300; } /* (125, 125, 125) */
.v5_slidelink.gray a::after { background: #7d7d7d; }
.v5_slidelink.eggplant a { color: #2c2047; font-weight: 500; } /* (44, 32, 71) */
.v5_slidelink.eggplant a::after { background: #2c2047; font-weight: bold; }
.v5_slidelink.green a { color: #3a451c; font-weight: 500; } /* (58, 69, 28) */
.v5_slidelink.green a::after { background: #3a451c; }
.v5_slidelink.red a { color: #b01e2d; font-weight: 500; } /* (176, 30, 45) */
.v5_slidelink.red a::after { background: #b01e2d; }

.v5_copyright { color: #542b3d; font-size: 0.7rem; text-align: center; bottom: 0; position: absolute; width: 100%; }
.cps_copyright_white { color: #fff; font-size: 0.7rem; text-align: center; bottom: 0; position: absolute; width: 100%; }
/*.cps_copyright_white { color: #fff; font-size: 0.6rem; text-align: center; bottom: env(safe-area-inset-bottom); position: absolute; width: 100%; }*/

/*[type="email"], [type="password"], [type="submit"] { text-align: left; }*/

/* Float Message over Sticky BG */
.transparent-black { background-color: rgba(123,116,133,0.9) }
.float_messagebox {border-radius: 20px;}

/* Page Footer */
p.footer_text { color: #fff; font-size: 100%; font-weight: 300; padding-top: 3px; }
p.footer_text:first-child { padding-top: 0;  }
span.footer_icon { color: #fff; font-size: 120%; padding-right: 6px; }

/*
***********************************************
	Page Specific Media Queries
***********************************************
*/
@media only screen and (min-width: 0px) and (max-width: 767px) { }
@media only screen and (min-width: 768px) and (max-width: 1024px) { }
@media only screen and (min-width: 1025px) and (max-width: 1679px) {
	.v5_slidelink.fs100 { font-size: 85%; }
	a.v5_slidelink { font-size: 85%; }
}

/*********** Home Page */

/* Clock Display in Connect With Us Panel */
#clock12 { float: left; width:45%; }
#clock24 { float: right; width:45%; }
.clock {
	box-sizing: border-box;
	border: 1px solid #2c2047;
	border-top: 10px solid #2b0733;
	text-align: center;
	padding: 10px;
	background-color: #919191;
	color: #2c2047;
	transition: all linear .5s;
	width: 100%;
	border-radius: 3px;
}
.clock p { font-size: 120%; }
.clock12, .clock24 { font-family: 'Orbitron', Verdana, Geneva, sans-serif; font-size:140%; color: #b01e2d; }

/*********** Level2 */
.full-width .hmy-content-wrapper.intro { margin: 0px !important; max-width: 100% !important; }
.full-width .hmy-content { margin: 0px !important; max-width: 100% !important; }

.level2-text { font-size: 100%; color: #7d7d7d; text-align: left; line-height: 1.5; padding-bottom: 20px; }
.level2-text.first { padding-top: 20px; }
.level2-text.last { padding-bottom: 0; }

/*********** Level2 Marketing */

.bg1-ejo { background: url(/assets/v5/images/level2/bgmain/test2.png), linear-gradient(180deg, rgba(149,144,153,1.0), rgba(58,69,28,1.0)); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: 100%; }
.bg1-tgd { background: url(/assets/v5/images/level2/bgmain/test2.png), linear-gradient(180deg, rgba(149,144,153,1.0), rgba(50,17,63,1.0)); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: 100%; }
.bg1-sp { background: url(/assets/v5/images/level2/bgmain/test2.png), linear-gradient(180deg, rgba(149,144,153,1.0), rgba(103,21,22,1.0)); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: 100%; }
.bg1-ces { background: url(/assets/v5/images/level2/bgmain/test2.png), linear-gradient(180deg, rgba(149,144,153,1.0), rgba(79,12,44,1.0)); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: 100%; }
.bg1-tos { background: url(/assets/v5/images/level2/bgmain/test2.png), linear-gradient(180deg, rgba(149,144,153,1.0), rgba(119,52,8,1.0)); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: 100%; }
.bg1-ce { background: url(/assets/v5/images/level2/bgmain/test2.png), linear-gradient(180deg, rgba(149,144,153,1.0), rgba(30,42,57,1.0)); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: 100%; }

.bg2-random { background-image: var(--randURL); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; }

/* 'Keep Scrolling' Fader */
.pageposition { padding-top: 65vmin; }
.keepscrollingfade { transition: opacity 0.7s ease-in; } /* Fade on Scroll Function (SO #62979056) */
.keepscrollingfade p { font-size: 125%; }
.fadeOut { opacity: 0; }
.fadeIn { opacity: 1; }

p.productservice_title { color: #999; font-family: 'Raleway', Verdana, Geneva, sans-serif; font-size: 180%; font-weight: 500; text-align: center; margin-top: 0px; line-height: 1.0; padding-bottom: 20px; }
.level2-text span.blue { color: #1e2a39; font-weight: 700; }
.level2-text span.green { color: #3a451c; font-weight: 700; }
.level2-text span.orange { color: #773408; font-weight: 700; }
.level2-text span.purple { color: #32113f; font-weight: 700; }
.level2-text span.red { color: #671516; font-weight: 700; }
.level2-text span.wine { color: #4f0c2c; font-weight: 700; }

.nolink-gray { color: #ccc; text-decoration: none; font-size: 90%; font-weight: normal; }
.nolink-gray span { color: #7d7d7d; }

/* MKTG Banner */
.mktg_layout { padding: 0; margin-top: 20px; margin-bottom: 20px; }
p.mktg_banner { color: #999; font-family: 'Raleway', Verdana, Geneva, sans-serif; font-size: 150%; margin-top: 0px; line-height: 1.2; }
p.mktg_banner.spacer { padding-bottom: 20px; }
p.mktg_banner.smalltext { font-size: 80%; }
p.mktg_banner span { font-size: 250%; line-height: 1.0; }

/*********** Level2 Informational */