/* -------------------
BEGIN CitiClient
Sitecore Resource: 58e79711-a02c-40ec-a63e-d128421b38a3
-------------------*/
/* -------------------
B24 client
-------------------*/
:root {
  --branding-primary-default: #0f1632;
  --branding-primary-default-alpha: #e6ebed; 
  --branding-primary-active: #575c70;
  --branding-primary-bg: #e6ebed;
  --branding-primary-text: #0f1632;
  --branding-secondary-default: #ff3c28;
  --branding-secondary-active: #ff3c28;
  --branding-primary-nav: #255be3;
  --branding-primary-active-nav: #304792;
  --branding-primary-bg-nav: #e6ebed;
  --branding-accent-1: #58225a;
  --branding-accent-2: #871a4e;
  --branding-accent-3: #75130b;
  --branding-accent-4: #b23802;
  --branding-accent-5: #e5a824;
  --branding-accent-6: #335525;
  --branding-accent-7: #0f1632;
  --branding-accent-8: #255be3;
  --branding-accent-9: #00af68;
  --branding-accent-10: #97d700;

  /*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%);
}

.posted-date  {
 display: none;
}

.card-text .posted-date  {
 display: none;
}
.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-8);
}

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

.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;
}
*/