/* -------------------
BEGIN client-howard
Sitecore Resource: eb178899-bad4-4d06-b7dc-3ddc3a2f6edd
-------------------*/
/* -------------------
B24 client
-------------------*/
:root {
  --branding-primary-default: #003a63;
  --branding-primary-default-alpha: #003a6326; /* main color at 15% opacity. To be used on dropdown callouts only*/
  --branding-primary-active: #337ab7;
  --branding-primary-bg: #e6ebef;
  --branding-primary-text: #003a63;
  --branding-secondary-default: #e51937;
  --branding-secondary-active: #e51937;
  --branding-primary-nav: #337ab7;
  --branding-primary-active-nav: #2ab5e6;
  --branding-primary-bg-nav: #e6ebef;
  --branding-accent-1: #003a63;
  --branding-accent-2: #00968f;
  --branding-accent-3: #009de1;
  --branding-accent-4: #8246af;
  --branding-accent-5: #00ac41;
  --branding-accent-6: #002c77;
  --branding-accent-7: #ee3d8b;
  --branding-accent-8: #003a63;
  --branding-accent-9: #003a63;
  --branding-accent-10: #003a63;

  /*borderRadius:  Default value or 0. No other value should be used. */
  --u-borderRadius-0px: 0; /* options: default value || 0 */
  --u-borderRadius-2px: 2px; /* options: default value || 0 */
  --u-borderRadius-3px: 3px; /* options: default value || 0 */
  --u-borderRadius-4px: 4px; /* options: default value || 0 */
  --u-borderRadius-5px: 5px; /* options: default value || 0 */
  --u-borderRadius-10px: 10px; /* options: default value || 0 */
  --u-borderRadius-20px: 20px; /* options: default value || 0 */

  /*boxShadow Use caution if changing these values. They may produce unintended results. */
  --u-boxShadow-2px: 0px 1px 2px rgb(0 0 0 / 16%);
  --u-boxShadow-6px: 0px 1px 6px rgb(0 0 0 / 16%); /*default*/
  --u-boxShadow-10px: 0px 1px 10px rgb(0 0 0 / 16%);
}

.ct.nudge .ct__headline {
  font-family: var(--u-fontFamily-regular);
}

.slick-active .cta-static {
  background-color: var(--branding-accent-8);
}

.slick-active + .slick-active .cta-static {
  background-color: var(--branding-accent-9);
}

.slick-active + .slick-active + .slick-active .cta-static {
  background-color: var(--branding-accent-10);
}

.ct__headline :is(a, a:hover, a:active):not(.btn) {
    color: inherit;
}

/* Uncomment this line if you need to add an underline to unstyled links  */
/*a:not([class]) {
  text-decoration: underline;
}
*/

/* Hides tagline of logo in small viewports.  Uncomment this line and update value to match inline size of client logo  */
/*@media (max-width: 40em) {
.logo-ctr {
  max-inline-size: 130px;
}
*/
